/* r11 lane styles (7.11.2026). Lane W: calendar, record, money, help cards, bell. Logical properties only. */

/* CRITIC H6: the private note, with its lock and its promise */
.rs-priv .cs-lbl{display:inline-flex;align-items:center;gap:.375rem}
.rs-privd{margin:.25rem 0 0;font-size:var(--fs-s);line-height:1.5;color:var(--body)}
.sr-priv{display:flex;align-items:flex-start;gap:.375rem;margin:.375rem 0 0;padding:.5rem .625rem;border-radius:var(--r-m);background:var(--band);font-size:var(--fs-s);line-height:1.5;color:var(--body)}
.sr-priv .i{flex:none;margin-block-start:.2em;color:var(--body)}
.sr-priv b{color:var(--ink);font-weight:600}
/* #453 #454: the version history, visible, with who, when and the optional reason */
.r11-ver{margin:.375rem 0 0;font-size:var(--fs-s);color:var(--body)}
.r11-ver > summary{min-block-size:44px;display:flex;align-items:center;gap:.25rem;font-weight:600;color:var(--action);cursor:pointer}
.r11-ver ol{margin:0;padding-inline-start:1.25rem;display:flex;flex-direction:column;gap:.375rem}
.r11-ver p{margin:0;color:var(--ink);line-height:1.5}
.rs-vh{margin:0 0 .375rem;line-height:1.5}
.rs-priv textarea{min-block-size:4rem;block-size:4rem}

/* CRITIC M6, #459: the calendar filter. A tile that does not match stays, faded: opacity .75 keeps its text above 3:1 */
/* faded = the fill goes to the sheet, a dashed edge and no colour; the text keeps its own contrast (4.5:1), so nothing
   becomes unreadable, and the tile edge stays above 3:1 (WCAG 1.4.11) */
#calSheet .ev.flt-off,#calSheet .lrow.flt-off{background:var(--sheet);box-shadow:0 0 0 1px var(--field-line);filter:grayscale(1)}
#calSheet .ev.flt-off::before{background:var(--field-line)}
#calSheet .ev.flt-off:hover,#calSheet .ev.flt-off:focus-visible{filter:none}
#toolsBtn{position:relative}
.flt-dot{position:absolute;inset-block-start:6px;inset-inline-end:6px;inline-size:9px;block-size:9px;border-radius:50%;background:var(--action);box-shadow:0 0 0 2px var(--sheet)}
.r11-flt[role="group"]{display:flex;flex-direction:column}
[data-flt] .flt-r{flex:none;inline-size:18px;block-size:18px;border-radius:50%;border:2px solid var(--line-strong,var(--mute));display:inline-grid;place-items:center}
[data-flt][aria-checked="true"] .flt-r{border-color:var(--action)}
[data-flt][aria-checked="true"] .flt-r::after{content:"";inline-size:8px;block-size:8px;border-radius:50%;background:var(--action)}

/* LOOK M9 (for Nadav to mark): the desktop day view in three columns at 1024 and wider */
@media (min-width:1024px){
  html:not(.m) .app[data-v="day"] #body .ev:not(.block):has(.r11-c3){display:grid;grid-template-columns:minmax(10rem,1fr) minmax(12rem,1.2fr) minmax(12rem,1.4fr);grid-template-rows:min-content min-content 1fr;column-gap:1.5rem;align-content:start}
  html:not(.m) .app[data-v="day"] #body .ev > .t{grid-column:1;grid-row:1}
  html:not(.m) .app[data-v="day"] #body .ev > .nm{grid-column:1;grid-row:2}
  html:not(.m) .app[data-v="day"] #body .ev > .svr{grid-column:2;grid-row:1 / span 2;display:flex;flex-wrap:wrap;align-items:center;align-content:start;gap:.25rem .5rem}
  html:not(.m) .app[data-v="day"] #body .ev > .tags{grid-column:2;grid-row:3;align-self:start}
  html:not(.m) .app[data-v="day"] #body .ev > .r11-c3{grid-column:3;grid-row:1 / span 3;display:flex;flex-wrap:wrap;align-items:flex-start;align-content:start;justify-content:space-between;gap:.25rem .75rem;min-inline-size:0}
  .r11-c3 .note{flex:1 1 100%;order:3;margin:0;padding:0}
  .r11-c3 .gy{display:inline-flex;gap:.25rem;align-items:center;order:2}
  .r11-am{order:1;font-size:var(--fs-s);font-weight:600;color:var(--ink)}
  .r11-rm{font-size:var(--fs-s);color:var(--body)}
}

/* LOOK M10 (#411 lists: patients, leads, calendar list): the status bar is drawn (::before, rounded on the inline-end
   side only); a neutral row carries no bar */
.ac[data-ac="none"]::before,.ac:not([data-ac]):not(.lrow)::before{content:none}
/* LOOK M12: in dark a status card keeps the sheet, with at most an 8% tint; the bar and the chip carry the state */
:root[data-pal="dark"] .ac{--ac-f:color-mix(in srgb,var(--ac-e) 8%,var(--sheet))}
:root[data-pal="dark"] .lrow.ac{background:color-mix(in srgb,var(--e) 8%,var(--sheet))}

/* LOOK M8: the patients chip rows on the phone: one row that scrolls, snaps, never wraps or cuts a word, and fades at
   the inline end (left in Hebrew) */
html.m #pv .pb-r2{scroll-snap-type:x proximity;scroll-padding-inline:16px;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 24px);mask-image:linear-gradient(to right,transparent 0,#000 24px)}
html.m #pv .pfilters{overflow:visible}
html.m #pv .pb-r2 button,html.m #pv .pb-r2 .chip,html.m #pv .pb-r2 label{white-space:nowrap;scroll-snap-align:start;flex:none}

/* LOOK L5: the record header on the phone: the chips share one wrapping row (gap 6) under the name, the actions keep
   their corner, and "מקור:" stays on one line with its value */
html.m .r1h .ch-row{position:relative}
html.m .r1h .ch-qa{position:absolute;inset-block-start:0;inset-inline-end:0}
html.m .r1h .ch-line{gap:6px}
html.m .r1h .ch-line h1{flex-basis:100%;padding-inline-end:104px;box-sizing:border-box}
html.m .r1h .ch-line > .pc,html.m .r1h .ch-line > .tg{flex:none}
html.m .mc-refc{flex-wrap:nowrap;white-space:nowrap}
/* LOOK M3: the record's small text is 13, not 13.3 */
#cpanel small,#chead small,.ex-l small{font-size:13px}

/* LOOK L6: the open-to-collect row opens the collection itself; one quiet text button for a payment request */
.ow-r.r11{grid-template-columns:minmax(0,1fr) auto;padding:0;column-gap:.25rem}
.ow-r.r11 .ow-main{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;column-gap:.75rem;min-block-size:56px;padding:.5rem .75rem;border-radius:12px;text-align:start;inline-size:100%;color:inherit;font:inherit;background:none}
.ow-r.r11 button.ow-main:hover{background:var(--hover)}
.ow-r.r11 .ow-main > .i{color:var(--body)}
.ow-r.r11 .ow-req{min-block-size:44px;padding-inline:.75rem;font-size:var(--fs-s);font-weight:600;color:var(--action);white-space:nowrap}
.ow-r.r11 .ask{grid-column:1 / -1;padding:0 .75rem .75rem}
.ow-r.r11.done{grid-template-columns:minmax(0,1fr) auto}
/* CRITIC L9: on the phone the service and date line wraps instead of being cut */
html.m .ow-r.r11{grid-template-columns:minmax(0,1fr)}
html.m .ow-r.r11 .ow-who span{white-space:normal;overflow:visible}
html.m .ow-r.r11 .ow-req{justify-self:start;margin-inline-start:calc(36px + 1.5rem);margin-block-start:-.5rem}

/* CRITIC L3: while the change or cancel window is open on the computer, a toast sits in the inline-end corner, so it
   never covers "להודיע ל…" or the buttons */
html:not(.m) body:has(#csheet.on) .toasts,html:not(.m) body:has(#owe.on) .toasts{inset-inline:auto 24px;margin-inline:0;align-items:flex-end}

/* #511: the settings switch inside a checkbox label or a checked menu item, on the phone (a 52x32 track in a 44 target) */
html.m input:checked + .tp-sw,html.m [aria-checked="true"] > .tp-sw{background:transparent}
html.m input:checked + .tp-sw::before,html.m [aria-checked="true"] > .tp-sw::before{background:var(--action);box-shadow:none}
/* LOOK L6 / CRITIC L9: the service and date line of an open debt wraps instead of being cut */
.ow-r.r11 .ow-who span{white-space:normal;overflow:visible}

/* #460: "משך קבוע לטיפול" on the card */
.r11-dh{margin:0 0 .5rem;font-size:var(--fs-s);line-height:1.5}
.r11-durs{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:.5rem .75rem}
.r11-durs li{display:flex;align-items:center;justify-content:space-between;gap:.5rem;min-block-size:44px}
.r11-durs label{font-size:var(--fs-m);color:var(--ink)}
.r11-durs select{min-block-size:44px}
.cr-fd{margin:.25rem 0 0;color:var(--action);font-weight:500}
/* #457 #456: the evidence line under a signed form */
.fr-ev{display:flex;align-items:flex-start;gap:.375rem;margin-block-start:.25rem;font-size:var(--fs-s);line-height:1.5;color:var(--body)}
.fr-ev .i{flex:none;margin-block-start:.2em;color:var(--action)}
.r11-fr .fr-m{min-inline-size:0}
.r11-pdf{margin-block:.5rem}
/* #484: the update sentence on the card */
.r11-upd{display:flex;align-items:flex-start;gap:.375rem;margin:.5rem 0 0;font-size:var(--fs-s);line-height:1.5;color:var(--body)}
.r11-upd .i{flex:none;margin-block-start:.2em}
.r11-upd.no{color:var(--ink)}
/* #504: the caller card */
.r11-call{position:fixed;z-index:60;inset-block-start:72px;inset-inline-end:24px;inline-size:min(360px,calc(100vw - 32px));padding:1rem;border-radius:var(--r-card);background:var(--sheet);box-shadow:var(--sh-pop,0 16px 40px -16px rgba(0,0,0,.4)),0 0 0 1px var(--line);display:flex;flex-direction:column;gap:.625rem}
.r11-ch{display:flex;align-items:center;gap:.75rem}
.r11-ch > div{flex:1;min-inline-size:0}
.r11-ch h2{margin:0;font-size:1.125rem;font-weight:700;color:var(--ink)}
.r11-ck{display:inline-flex;align-items:center;gap:.25rem;font-size:var(--fs-s);color:var(--body)}
.r11-cl{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.375rem;font-size:var(--fs-m);color:var(--ink)}
.r11-cl li{display:flex;align-items:center;gap:.5rem}
html.m .r11-call{inset-block-start:12px;inset-inline:16px;inline-size:auto}
/* MNY-01 in the list "לסגירה מהיום" */
.r11-bulk{margin:0 1rem .5rem}
/* MNY-45: no amounts without the cashier or money key */
.mz-noamt .ev .tag.warn,.mz-noamt .ev .tag.pre,.mz-noamt .r11-am,.mz-noamt #oweBtn b,.mz-noamt .pr-bal .bal,.mz-noamt .pr-bal .bal-t{display:none}
.mz-nocash #drawer .cr-t[data-act="paid"]{display:none}
/* MNY-14: the check before a standing order starts */
.r11-sochk h3{margin:.5rem 0 .25rem;font-size:var(--fs-m);font-weight:700}
/* #428: the expense card from a receipt photo */
.r11-rc{padding:1rem;border-radius:var(--r-card);display:flex;flex-direction:column;gap:.5rem}
.r11-rc h3{margin:0;display:flex;align-items:center;gap:.375rem;font-size:1rem;font-weight:700}
.r11-rcd{display:grid;grid-template-columns:auto 1fr;gap:.25rem 1rem;margin:0;font-size:var(--fs-m)}
.r11-rcd dt{color:var(--body)}
.r11-rcd dd{margin:0;color:var(--ink);font-weight:600}
/* the outside ideas, marked "מוצע" */
.r11-prop{background:var(--count-bg);color:var(--count-ink);font-weight:600}
.r11-rt{inline-size:100%;border-collapse:collapse;font-size:var(--fs-m)}
.r11-rt th,.r11-rt td{padding:.5rem;text-align:start;border-block-end:1px solid var(--line);vertical-align:middle}
.r11-rt thead th{font-size:var(--fs-s);font-weight:600;color:var(--body)}
.r11-rt tbody th{font-weight:600;color:var(--ink);white-space:nowrap}
.r11-rm2{display:inline-flex;align-items:center;gap:.25rem;min-block-size:36px;font-size:var(--fs-s);color:var(--body)}
.r11-rm2.ok{color:var(--s-done-k)}
.r11-rm2.warn{min-block-size:44px;padding-inline:.5rem;border-radius:999px;background:var(--s-owe-f);color:var(--s-owe-k);font-weight:600}
.r11-rm2.none{color:var(--mute)}
html.m .r11-rt thead{display:none}
html.m .r11-rt tr{display:grid;grid-template-columns:1fr 1fr;gap:.25rem .5rem;padding-block:.5rem;border-block-end:1px solid var(--line)}
html.m .r11-rt th,html.m .r11-rt td{border:0;padding:0}
html.m .r11-rt tbody th{grid-column:1 / -1}
@media print{html.r11-print body > *:not(#tsd){display:none!important}html.r11-print #tsd{position:static!important;inset:auto!important;transform:none!important;box-shadow:none!important;inline-size:auto!important;max-block-size:none!important}html.r11-print #tsd .dr-f,html.r11-print #tsd .icon-btn{display:none!important}}
.r11-btw{margin:0 0 .5rem;padding:.75rem 1rem;border-radius:var(--r-card);display:flex;flex-direction:column;gap:.5rem}
.r11-bh{display:flex;align-items:center;gap:.5rem}
.r11-bh h2{margin:0;flex:1;font-size:1rem;font-weight:700;color:var(--ink)}
.r11-btw .crow{margin:0}
.r11-bn{display:flex;align-items:center;gap:.375rem;margin:0;font-size:var(--fs-m);color:var(--ink)}
.r11-bn > span{flex:1}
html.m .r11-btw{margin:.5rem .75rem}
/* "מה עשיתי היום" in the bell */
.pop.bell .r11-bt{margin:0 .75rem .5rem}
.pop.bell.r11-all > :not(.r11-bt):not(.r11-all-p):not(#hpX){display:none}
.pop.bell:not(.r11-all) > .r11-all-p{display:none}
.r11-all-p{display:flex;flex-direction:column;gap:.5rem;padding:0 .75rem}
.r11-news{display:flex;align-items:center;gap:.5rem;min-block-size:52px;padding-inline:.75rem;border-radius:12px;background:var(--band);text-align:start}
.r11-news > span{flex:1;display:flex;flex-direction:column}
.r11-news small{font-size:var(--fs-s);color:var(--body)}
.r11-dh2{display:flex;align-items:center;gap:.5rem;margin:.25rem 0 0;font-size:var(--fs-m);font-weight:700;color:var(--ink)}
.r11-done{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.r11-done li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.25rem .75rem;padding-block:.5rem;border-block-end:1px solid var(--line)}
.r11-dt{font-size:var(--fs-s);color:var(--body)}
.r11-dw{display:flex;flex-direction:column;gap:.25rem}
.r11-dw b{font-weight:500;font-size:var(--fs-m);color:var(--ink)}
.r11-chip{align-self:flex-start;padding:2px 8px;border-radius:999px;font-size:var(--fs-s);font-weight:600;background:var(--band);color:var(--ink)}
.r11-chip.undo{background:var(--s-done-f);color:var(--s-done-k)}
.r11-chip.sent{background:var(--s-owe-f);color:var(--s-owe-k)}
.r11-dn{margin:0 0 .5rem;font-size:var(--fs-s)}

/* LOOK M6: the help panel's question list is one grouped surface, separators inset 16 from the start edge, a chevron
   at the inline end, no box per row */
#helpd .faq{gap:0;border-radius:var(--r-group,16px);background:var(--sheet);box-shadow:0 0 0 1px var(--line);overflow:hidden}
#helpd .faq > li{position:relative}
#helpd .faq > li + li::before{content:"";position:absolute;inset-block-start:0;inset-inline:16px 0;block-size:1px;background:var(--line)}
#helpd .faq details{border-radius:0;box-shadow:none;background:transparent}
#helpd .faq summary{min-block-size:52px;padding-inline:16px 12px;gap:.5rem}
#helpd .faq summary::after{content:"";margin-inline-start:auto;flex:none;inline-size:16px;block-size:16px;background:currentColor;opacity:.55;-webkit-mask:var(--i-chevron-left) center/contain no-repeat;mask:var(--i-chevron-left) center/contain no-repeat;transition:transform var(--t-fast)}
#helpd .faq details[open] summary::after{transform:rotate(-90deg)}
#helpd .faq summary:hover{background:var(--hover)}