/* r12 lane D (7.11.2026): #534 density across the clinic app, and the LOOK r11 findings N-H1, N-H4, N-M1..N-M7,
   N-L1..N-L3. Loaded last, so it wins over earlier rounds at equal specificity. Fonts stay 16/14/13 (#408).
   Desktop with a pointer: top bar 48, rail 228 (item 36, pitch 40), one-line row 48, two-line row 56-64, table row 44,
   button 36 (small 32), page padding 24, gap 16 between groups and 0 between rows of one list, page header 56.
   Touch (the phone, or a coarse pointer up to 1024): targets 44 and more, rows 56-64. Logical properties only. */

:root{
  --topbar:48px;--side:228px;--pad:24px;
  --row-1:48px;--row-2:60px;--row-t:44px;--ctl:36px;--ctl-sm:32px;
  --gap-1:4px;--gap-2:8px;--gap-3:12px;--gap-4:16px;--gap-6:24px;
  --top:var(--topbar);--rail-open:var(--side);
}
html.m{--top:56px;--row-1:56px;--row-2:64px;--ctl:44px;--ctl-sm:44px}
@media (pointer:coarse) and (max-width:1024px){:root{--row-1:56px;--row-2:64px;--ctl:44px;--ctl-sm:44px}}

/* ---------- shell: the top bar (48) and the rail (228, item 36 on a 40 pitch) ---------- */
html:not(.m) .topbar{gap:var(--gap-2);padding-inline:var(--gap-3) var(--gap-4)}
html.nav-open:not(.m) .brand{min-width:calc(var(--side) - var(--gap-3))}
html:not(.m) .brand{gap:var(--gap-2)}
html:not(.m) .topbar .search{height:36px}
html:not(.m) .topbar .user{height:40px}
html:not(.m) .topbar .avatar{width:28px;height:28px}
html:not(.m) .rail{padding-block:0 var(--gap-2);padding-inline:var(--gap-3)}
html:not(.m) .rail .ws{height:48px;margin-block:var(--gap-1) var(--gap-2)}
html:not(.m) .rail .ws-tile{width:32px;height:32px;border-radius:10px}
html:not(.m) .rail .ws-tile img{width:28px;height:28px}
html.nav-open:not(.m) .rail .nl{gap:var(--gap-1)}
html.nav-open:not(.m) .rail .ni{height:36px;padding-inline:var(--gap-3) var(--gap-2)}
html.nav-open:not(.m) .rail .ni[aria-current="page"]::before{top:8px;bottom:8px}
html.nav-open:not(.m) .rail .nic{width:28px;height:28px;margin-inline:-4px}
html.nav-open:not(.m) .rail .sec-l{height:28px}

/* ---------- the page: one frame (the sheet), padding 24 from the rail, the header flat on it ---------- */
html:not(.m) .main{padding-block:0 var(--gap-2);padding-inline:0 var(--gap-2)}
html:not(.m) .sheet{padding:0 var(--pad) var(--gap-2);gap:var(--gap-4)}
html:not(.m) .sheet .pbar.card{background:none;box-shadow:none;border-radius:0;padding:var(--gap-2) 0;gap:var(--gap-2)}
html:not(.m) .sheet .pbar .pb-r1{min-height:40px;gap:var(--gap-3)}
html:not(.m) .pbar .pb-ic{width:40px;height:40px}
html:not(.m) .pbar :is(.plus,.pbtn,.tp-help){height:var(--ctl);min-height:var(--ctl)}
html:not(.m) .pbar .psearch input{height:var(--ctl)}
html:not(.m) .pbar .tp-seg{padding:2px}
html:not(.m) .pbar .tp-seg button{height:32px}
html:not(.m) .pbar :is(.fc,.chip){height:32px}
@container sheet (max-width:1180px){html:not(.m) .pbar .tp-help{width:var(--ctl)}}

/* ---------- controls on a pointer: 36, small 32 ---------- */
@media (pointer:fine){
  html:not(.m) :is(.pbtn,a.pbtn){height:var(--ctl);min-height:var(--ctl)}
  html:not(.m) :is(.pbtn,a.pbtn).sm{height:var(--ctl-sm);min-height:var(--ctl-sm)}
  html:not(.m) .plus{height:var(--ctl)}
  html:not(.m) .chip{height:32px}
}

/* ---------- patients: one grouped surface, inset separators, rows 56 (phone 64), no gaps (LOOK density) ---------- */
#pv .plist.ac-list{gap:0;padding:0;background:var(--sheet);box-shadow:var(--sh-card);border-radius:var(--r-group,16px)}
#pv .ac-list .pl-th{position:sticky;top:0;z-index:2;height:36px;padding-block:0;background:var(--sheet);border-bottom:1px solid var(--line-soft)}
#pv .ac-list .pr.ac{min-height:var(--row-2);padding-block:var(--gap-1);border-radius:0;box-shadow:none}
#pv .ac-list .pr.ac[data-ac="none"]{background:transparent}
#pv .ac-list .pr.ac[data-ac="none"]::before{display:none}
#pv .ac-list .pr.ac:hover{background:var(--hover)}
#pv .ac-list .pr.ac:not([data-ac="none"]):hover{background:var(--ac-f)}
#pv .ac-list .pr.ac::after{content:"";position:absolute;inset-block-end:0;inset-inline:calc(1.25rem + 36px + .75rem) 0;block-size:1px;background:var(--line-soft)}
#pv .ac-list > div:last-of-type > .pr.ac::after{display:none}
#pv .ac-list .pr-who{gap:var(--gap-3)}
#pv .ac-list .pr-who .ac-av{width:36px;height:36px;font-size:var(--fs-s)}
#pv .ac-list .pr-nm{line-height:1.25}
#pv .ac-list .pl-foot{border-top:1px solid var(--line-soft)}
html:not(.m) #pv .ac-list .pr.ac{min-height:56px}
html.m #pv .plist.ac-list{margin:var(--gap-3);padding:0;background:var(--sheet)}
html.m #pv .ac-list .pr.ac{min-height:64px;padding-block:var(--gap-2);padding-inline:1rem .75rem}
html.m #pv .ac-list .pr.ac::after{inset-inline-start:calc(1rem + 36px + .75rem)}
html.m #pv .ac-list .pr-nx{padding-inline-start:calc(36px + .75rem)}

/* ---------- leads (list): one grouped surface, rows 60-64 (phone 72), the status as a bar, no fill ---------- */
#tl .tp-list.ac-list{background:var(--sheet);box-shadow:var(--sh-card);border-radius:var(--r-group,16px);overflow:auto}
#tl .ac-list [role="list"]{gap:0}
#tl .ac-list .tp-th{position:sticky;top:0;z-index:3;height:36px;padding-block:0;background:var(--sheet);border-bottom:1px solid var(--line-soft)}
#tl .ac-list .lp-g{padding-block:var(--gap-3) var(--gap-1);padding-inline:1.25rem 1rem;border-top:1px solid var(--line-soft)}
#tl .ac-list .tp-th + .lp-g{border-top:0}
#tl .tp-r.ac{min-height:60px;padding-block:6px;border-radius:0;background:transparent;box-shadow:none;border-top:1px solid var(--line-soft)}
#tl [role="list"] .tp-ri:first-child .tp-r.ac{border-top:0}
#tl .tp-r.ac:hover{background:var(--hover)}
#tl .tp-r.ac::before{inset-block:10px}
#tl .ac .lp-who .ac-av{width:36px;height:36px;font-size:var(--fs-s)}
#tl .ac .lp-who .tp-open b{font-size:var(--fs-m);font-weight:600}
#tl .ac .lp-who small,#tl .lp-what small{font-size:var(--fs-s)}
@container tplist (min-width:901px){#tl .lp-what{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:2px var(--gap-1);line-height:1.3}}
#tl .lp-what > span{flex:1 0 100%}
#tl .lp-what .ac-src{height:22px;margin-top:0;font-size:var(--t-floor,.8125rem)}
#tl .lp-what .tp-tag{display:none}
#tl .lp-what .tp-tag + .tp-tag{display:none}
#tl .lp-act .tp-hz{height:32px}
html:not(.m) #tl .tp-banner,html:not(.m) #tl .tp-new{min-height:0}
html.m #tl .tp-list.ac-list{margin:var(--gap-3);padding:0;background:var(--sheet);overflow:visible}
html.m #tl .tp-r.ac{min-height:72px;padding-block:var(--gap-2);background:transparent}
html.m #tl .tp-r.ac.dim{background:transparent}

/* ---------- money "לא שולם" (N-M4): neutral rows 64 on one surface; the tint only for the real exception ---------- */
.mz-list.mz-owe{gap:0;background:var(--sheet);box-shadow:var(--sh-card);border-radius:var(--r-group,16px);overflow:hidden}
.mz-owe .mz-card{grid-template-columns:36px minmax(0,1fr) auto auto auto;grid-template-areas:"av m st a acts";min-height:64px;padding-block:var(--gap-2);padding-inline:1.25rem 1rem;border-radius:0;box-shadow:none;background:transparent;row-gap:0}
:root[data-pal="dark"] .mz-owe .mz-card{background:transparent}
.mz-owe .mz-card + .mz-card{box-shadow:inset 0 1px 0 var(--line-soft)}
.mz-owe .mz-card.s-owe{background:var(--s-owe-f)}
:root[data-pal="dark"] .mz-owe .mz-card.s-owe{background:color-mix(in srgb,var(--s-owe-e) 8%,var(--sheet))}
.mz-owe .mz-av{width:36px;height:36px;font-size:var(--fs-s)}
.mz-owe .mz-m b{font-size:var(--fs-m);font-weight:600}
.mz-owe .mz-m>span{font-size:var(--fs-s);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mz-owe .mz-a{font-size:var(--fs-m)}
.mz-owe .mz-acts{margin-top:0;flex-wrap:nowrap;gap:var(--gap-1)}
.mz-owe .mz-acts .pbtn{min-height:var(--ctl);height:var(--ctl)}
.mz-owe .mz-rs{font-size:var(--fs-s);color:var(--body);white-space:nowrap}
.mz-more{position:relative}
.mz-more>summary{list-style:none;width:var(--ctl);height:var(--ctl);border-radius:999px;display:grid;place-items:center;color:var(--body);cursor:pointer}
.mz-more>summary::-webkit-details-marker{display:none}
.mz-more>summary:hover{background:var(--hover);color:var(--ink)}
.mz-more>summary:focus-visible{outline:2px solid var(--focus);outline-offset:1px}
.mz-more[open]>summary{background:var(--action-soft);color:var(--action)}
.mz-more .mz-mm{position:absolute;z-index:8;inset-block-start:calc(100% + 4px);inset-inline-end:0;min-inline-size:200px;display:flex;flex-direction:column;padding:var(--gap-1);border-radius:12px;background:var(--sheet);box-shadow:var(--sh-float)}
.mz-more .mz-mm button{display:flex;align-items:center;gap:var(--gap-2);min-height:var(--ctl);padding-inline:var(--gap-3);border-radius:8px;text-align:start;font-size:var(--fs-m);white-space:nowrap}
.mz-more .mz-mm button:hover{background:var(--hover)}
html.m .mz-owe .mz-card{grid-template-columns:36px minmax(0,1fr) auto auto;grid-template-areas:"av m a acts";padding-inline:1rem .75rem;column-gap:.75rem}
html.m .mz-owe .mz-st{display:none}
html.m .mz-owe .mz-acts .pbtn[data-mzog]{padding-inline:.75rem}

/* ---------- settings index: two-line rows 52, one-line 44 (phone 56) ---------- */
html:not(.m) .st-groups ul{gap:0}
html:not(.m) .st-g{min-height:52px;padding-block:6px;gap:var(--gap-3)}
html:not(.m) .st-g .gi{width:32px;height:32px;border-radius:10px}
html:not(.m) .st-g .gt{line-height:1.25}
.st-g .gt small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html.m .st-groups>ul .st-g{min-height:56px}

/* ---------- calendar list view: rows 52 on one surface, the status bar kept, no fill ---------- */
.ld-l{gap:0;padding:0}
.lrow.ac{min-height:52px;padding-block:var(--gap-1);border-radius:0;background:transparent;box-shadow:none;border-bottom:1px solid var(--line-soft)}
:root[data-pal="dark"] .lrow.ac{background:transparent}
.lrow.ac:hover{background:var(--hover)}
.lrow.ac:focus-visible{border-radius:0}
.lrow.ac .ac-av{width:32px;height:32px;font-size:var(--fs-s)}
.lrow.ac .ac-nm{font-size:var(--fs-m);font-weight:600}
.ld-l .lrow.blk{border-radius:0;min-height:44px}
.ld-h{height:40px}
.lhead{padding-inline:1.25rem}
html.m .lrow.ac{min-height:64px;padding-block:var(--gap-2)}

/* ---------- chats (N-M1): rows 72, filters in one scrolling row, the status bar inside the selection ring ---------- */
.mc-ls{padding-block:var(--gap-3) 0}
html:not(.m) .mc-srch{min-height:var(--ctl)}
html:not(.m) .mc-srch input{min-height:calc(var(--ctl) - 2px)}
.mc-f{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding:var(--gap-2) var(--gap-3) var(--gap-1);-webkit-mask-image:linear-gradient(to left,transparent 0,#000 24px);mask-image:linear-gradient(to left,transparent 0,#000 24px)}
.mc-f::-webkit-scrollbar{display:none}
.mc-f button{flex:none;white-space:nowrap}
html:not(.m) .mc-f button{min-height:32px}
.mc-l{padding:var(--gap-1) var(--gap-2) var(--gap-2)}
.mc-row::before{inset-inline-start:4px;inset-block:14px;border-radius:999px}
.mc-row .ch-r,.mc-row .ch-r[aria-current="true"]{min-height:72px;padding-block:var(--gap-2);padding-inline:1rem .75rem;align-items:center}
.mc-r1{align-items:center}
.mc-r1 .mc-nm{flex:0 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mc-r1 .mc-tm{margin-inline-start:auto;flex:none}
.mc-tags{flex-wrap:nowrap;margin-top:0;min-width:0;overflow:hidden;flex:0 1 auto}
.mc-tags .tg,.mc-tags .ac-src{height:20px;flex:none}
.mc-r2 .mc-pv{flex:1;min-width:0}
.mc-r2 .mc-bal{flex:none;white-space:nowrap}
/* N-L1: a disclosure says so: chevron down, up when open */
.mc-sum[open]>summary .i:last-child{transform:rotate(180deg)}

/* ---------- calendar at 1280x648: top bar 48 + 8 + toolbar 48 + "ממתין לך" 32 + 4 + a one-line day header 36 = grid
   from y 176. The toolbar keeps who, view, range, היום and +; legend, "ככה זה עובד" and the waiting list moved
   into "⋯" (N-H4 at the tablet too). The range title is a toolbar label 22/30 600 (N-M6). ---------- */
html:not(.m){--head:36px}
html:not(.m) #calSheet{padding-top:var(--gap-2);gap:0}
html:not(.m) #calSheet .toolbar.card{height:48px;background:none;box-shadow:none;border-radius:0;padding-inline:0;gap:var(--gap-1)}
html:not(.m) #calSheet .toolbar :is(.doc,.view-btn,.today-pill,.plus){height:var(--ctl)}
html:not(.m) #calSheet .toolbar .doc .avatar{width:28px;height:28px}
html:not(.m) #calSheet .toolbar :is(#toolsBtn,.range .icon-btn){width:var(--ctl);height:var(--ctl)}
html:not(.m) #calSheet .toolbar :is(#legendBtn,#helpBtn,#wlBtn){display:none}
html:not(.m) #toolsMenu :is(.how-mi,#legendM){display:flex}
#toolsMenu #wlMenu .cnt{margin-inline-start:auto;min-width:20px;height:20px;padding-inline:5px;border-radius:999px;display:inline-grid;place-items:center;background:var(--count-bg);color:var(--count-ink);font-size:var(--t-floor,.8125rem);font-weight:700}
#rangeLbl{font-size:1.375rem;line-height:30px;font-weight:600}
#calSheet .range,#calSheet .rt{flex:none}
#calSheet #rangeLbl{overflow:visible;text-overflow:clip}
html:not(.m) #calSheet .todo{min-height:32px;margin-block:0 var(--gap-1)}
html:not(.m) #calSheet .todo .wt{height:28px}
html:not(.m) .dh:not(.th) .n{display:none}
.dh .wsh{display:none}
html:not(.m) .dh:not(.th) .w{flex-direction:row;align-items:center;gap:6px;padding-inline:var(--gap-2);height:28px;border-radius:999px}
html:not(.m) .dh:not(.th) .wn{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
html:not(.m) .dh:not(.th) .wsh{display:inline;font-size:var(--fs-m);font-weight:600;color:var(--ink)}
html:not(.m) .dh:not(.th) .w .d{font-size:var(--fs-m);font-weight:500;color:var(--body)}
html:not(.m) .dh.today:not(.th) .w{background:var(--action-soft);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--today) 35%,transparent)}
html:not(.m) .dh.today:not(.th) .wsh,html:not(.m) .dh.today:not(.th) .w .d{color:var(--action);font-weight:700}
html:not(.m) .dh.th .n{min-width:28px;width:28px;height:28px;font-size:var(--fs-s)}
html:not(.m) .dh.th .w{flex-direction:row;align-items:baseline;gap:6px;white-space:nowrap}
/* N-H4: on the tablet the who-button loses its name first; the title never shrinks */
@container sheet (max-width:1000px){html:not(.m) #calSheet .toolbar .doc .who{display:none}html:not(.m) #calSheet .toolbar .doc{min-width:0;padding-inline:.25rem .5rem}}
html:not(.m) #calSheet .toolbar .view-btn{flex:none}

/* ---------- N-H1: the count sits on the bell's corner, not on its face (>= 70% of the glyph stays visible).
   The 20px icon is centred in the button, so the badge is placed from the icon's box: 8px above its top edge and
   13px past its inline-end edge; 18 high, 13/600, a 2px ring in the frame colour. Same on the phone bar. ---------- */
.tb-btn .dot{inset-block-start:calc(50% - 10px - 8px);top:calc(50% - 10px - 8px);inset-inline-end:calc(50% - 10px - 13px);min-inline-size:18px;min-width:18px;block-size:18px;height:18px;padding-inline:4px;border-radius:999px;font:600 13px/18px Heebo,system-ui,sans-serif;box-shadow:0 0 0 2px var(--frame)}
html.m .mbar .tb-btn .dot{box-shadow:0 0 0 2px var(--page)}
/* the phone bottom bar: numeric sun badges on the icon corner (N-L2, N-H1 check) */
.tabbar button{position:relative}
.tabbar .tb-cnt{inset-block-start:calc(var(--tb-it,8px) - 8px);top:calc(var(--tb-it,8px) - 8px);inset-inline-start:calc(50% + 10px - 5px);inset-inline-end:auto;min-width:18px;height:18px;padding-inline:4px;border-radius:999px;background:var(--count-bg);color:var(--count-ink);font:600 13px/18px Heebo,system-ui,sans-serif;box-shadow:0 0 0 2px var(--sheet)}
.tabbar .tb-cnt[hidden]{display:none}
html[data-pal="dark"] .tabbar .tb-cnt{box-shadow:0 0 0 2px var(--sheet)}

/* ---------- N-M7 + CRITIC L9: the closed demo control is a 32x24 chip "דמו" docked in the top bar's start cluster
   (on the phone in the bar of the screen, nested screens included), never over content ---------- */
.demo-dock{width:32px;height:24px;align-self:center}
html #demo.demo.min{width:32px;height:24px}
.demo.min .h{width:32px;height:24px}
.demo.min #demoMin{width:32px;height:24px;min-height:24px;min-width:0;border-radius:999px}
.demo.min #demoMin::before{inset:0;font:600 12px/24px Heebo,system-ui,sans-serif}
html[data-pal="dark"] .demo.min #demoMin::before{background:#2A2F2C}

/* ---------- chats at 1280x648: six whole rows (header 56, the panes 12 below, search 36, one filter row 40) ---------- */
html:not(.m) #xv.sheet:has(.mc-w){gap:var(--gap-3)}
html:not(.m) .mc-ls{padding-block:var(--gap-2) 0}
html:not(.m) .mc-f{padding:var(--gap-1) var(--gap-3)}
html:not(.m) .mc-l{padding-block:0 var(--gap-2);gap:0}
html.m .mc-f button,html.m .mc-srch{min-height:44px}
html.m .mc-srch input{min-height:44px}

/* ---------- the phone: rows 56-64, root headers end by y 180, (?) never on a row of its own (N-M5) ---------- */
html.m #pv .pbar{padding-block:4px}
html.m #pv .plist.ac-list{margin:var(--gap-2) var(--gap-3) 6.25rem}
html.m #pv .ac-list .pr.ac{padding-block:4px}
html.m #pv .ac-list .pr-who .ac-av{width:32px;height:32px}
html.m #pv .ac-list .pr-nx{padding-inline-start:calc(32px + .75rem)}
html.m #pv .ac-list .pr.ac::after{inset-inline-start:calc(1rem + 32px + .75rem)}
html.m :is(#pv,#tl) .fc{height:44px}
/* leads: search, list|board (icons) and (?) on one row */
html.m #tl .tp-bar .pb-r1{flex-wrap:nowrap}
html.m #tl .tp-bar .psearch{order:1;flex:1 1 0;min-width:0}
html.m #tl .tp-bar .tp-seg{order:2;flex:none}
html.m #tl .tp-bar .tp-seg button{flex:none;width:44px;height:40px;padding:0}
html.m #tl .tp-bar .tp-seg button span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
html.m #tl .tp-bar .tp-help{order:3;margin-inline-start:0}
html.m #tl .tp-r.ac{min-height:72px}
/* a lead row on the phone, 72: name and status on line 1, when and why on line 2, "חזרתי" 44 at the end over both */
@container tplist (max-width:640px){
  #tl .tp-r.ac{grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"who st act" "m m act";row-gap:2px;padding-block:var(--gap-2)}
  #tl .tp-r.ac .lp-act{align-self:center}
  #tl .tp-r.ac .lp-who .ac-av{width:32px;height:32px}
}
@media (hover:none){.mc-row .ch-r,.mc-row .ch-r[aria-current="true"]{padding-inline-end:3rem}.mc-more{width:44px;height:44px;inset-inline-end:2px}}
/* the calendar list on the phone: time and service | name and status, "שינוי מועד" centred at the end; rows 64 */
html.m .ld-l .lrow{grid-template-columns:92px minmax(0,1fr);grid-template-areas:"t p" "s c";row-gap:2px;min-height:64px;padding-block:var(--gap-2)}
html.m .ld-l .lrow .lr-s{grid-area:s;font-size:var(--t-floor,.8125rem)}
html.m .ld-l .lrow .ac-av{display:none}
html.m .ld-l .lrow .lr-c .stchip,html.m .ld-l .lrow .lr-c > *{height:24px}
html.m .ld-l .lr-mv{top:50%;transform:translateY(-50%);height:44px}
html.m .ld-l > li:has(.lr-mv) .lrow{padding-inline-end:7rem}
html.m .ld-l > li:has(.lr-mv) .lr-p{padding-inline-end:0}

/* ---------- headers that carry their own parts: money (icon disc, sub-tabs), leads' one-time note ---------- */
html:not(.m) .pbar .mz-hic{width:40px;height:40px}
html:not(.m) .pbar .tp-help.how-b{height:var(--ctl);min-height:var(--ctl)}
html:not(.m) .pbar .mz-sub :is(a,button){height:var(--ctl);min-height:var(--ctl)}
html:not(.m) .pbar .mz-sub{min-height:0}
html:not(.m) .tp-info{padding:var(--gap-1) var(--gap-3);margin-block-end:0;min-height:44px}

/* ---------- N-M3: the "+1" overlap marker is a 13/600 "⚠ +1" in the warn ink on the block's first line, in the slot of
   the block's marks (which step aside for it); never a pill over the status words ---------- */
.ev.hasmore > .t .gy{visibility:hidden}
.more{height:20px;min-width:0;padding-inline:4px;gap:2px;background:none;box-shadow:none;border:0;color:var(--s-owe-k);font:600 13px/20px Heebo,system-ui,sans-serif;inset-inline-end:8px}
.more .i{color:var(--s-owe-k);width:14px;height:14px}
.more:hover{background:color-mix(in srgb,var(--sheet) 70%,transparent)}

/* ---------- N-M6: the record name on the title rule (28/36; 24/32 on the phone, as every title) ---------- */
.ch-nm h1,.r1h .ch-nm h1{font-size:var(--t-title);line-height:var(--t-title-lh);font-weight:700}
/* ---------- N-M2: the record header at 600-1023: the identity takes the full width, the actions get their own line;
   each meta pair stays on one line ---------- */
@media (min-width:600px) and (max-width:1023px){
  html:not(.m) .r1h .ch-row{flex-wrap:wrap;align-items:flex-start}
  html:not(.m) .r1h .ch-nm{flex:1 1 0;min-width:0}
  html:not(.m) .r1h .ch-qa{order:9;flex:1 0 100%;justify-content:flex-start;padding-inline-start:calc(52px + .75rem)}
  html:not(.m) .r1h .ch-meta{display:flex;flex-wrap:wrap;gap:4px 16px}
  html:not(.m) .r1h .ch-meta > *{white-space:nowrap}
}

/* ---------- N-L1: the first day pill keeps air under the summary row, so it is never clipped at the top ---------- */
.mc-sc .mc-t > .mc-day:first-child{margin-block-start:4px}
/* ---------- N-L3: the course post is a field like the composer: radius 12, no grip, grows with its text ---------- */
#mkPost{border-radius:var(--r-field,12px);resize:none;field-sizing:content;min-height:120px;max-height:60vh;overflow-y:auto}
/* N-M5 on the automations and the assistant: the (?) joins the row of the primary, or of the screen's one quiet line */
html.m .au-hd .pb-r1{flex-wrap:nowrap}
html.m .au-hd .pb-r1 .tp-help{margin-inline-start:auto}
html.m .pbar .pb-r1:has(> .tp-help[data-how="tk-asst"]) .pbar-n{display:inline;flex:1;min-width:0;align-self:center}
/* a 45-minute block at 72 px/hour (a window under 720 high) keeps its three lines whole: time, name, status */
@media (max-height:719px) and (min-width:761px){
  .ev.s45{padding-block:1px}
  .ev.s45 .t{line-height:16px}
  .ev.s45 .nm{line-height:17px;margin-top:0}
  .ev.s45 .svr{line-height:16px;max-height:17px}
}