/* The redesign's shared pieces (Hallmark, Rami 2 November 2026; public/hallmark.js). Cadence tokens only (cadence.css), so light and
   dark follow by themselves. Loaded after frame.css. Every rule is scoped to hl-* so nothing else moves.
   A touch more padding than the Hub's older screens (Rami, 2 November 2026). */
html body .hl-head:not(#_){display:flex;align-items:center;justify-content:space-between;gap:12px 16px;flex-wrap:wrap;margin:0 0 6px;min-width:0}
html body .hl-head-l:not(#_),html body .hl-head-r:not(#_){display:flex;align-items:center;gap:8px 12px;flex-wrap:wrap;min-width:0}
html body .hl-head-r:not(#_){gap:8px}
html body .hl-head-r .btn-s:not(#_):not(#_){height:38px;min-height:38px;padding:0 14px;display:inline-flex;align-items:center;gap:8px;font-weight:600}
html body .hl-head-r .btn-s svg:not(#_){width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round}
html body .hl-title:not(#_):not(#_){flex:0 1 auto;max-width:min(62vw,720px);margin:0;font-size:28px;line-height:1.15;letter-spacing:-.015em;font-weight:600;min-width:0}

/* a menu under its button (details[data-kmenu]: kit.js keeps it open while the page draws again) */
html body details.hl-menu:not(#_){position:relative;display:inline-block}
html body details.hl-menu>summary:not(#_){list-style:none;cursor:pointer}
html body details.hl-menu>summary::-webkit-details-marker{display:none}
html body .hl-menu>.hl-pop:not(#_):not(#_){position:absolute;top:calc(100% + 8px);inset-inline-start:0;inset-inline-end:auto;bottom:auto;left:auto;right:auto;z-index:60;width:var(--hl-w,260px);max-width:calc(100vw - 32px);min-width:0;max-height:min(70vh,560px);overflow:auto;display:flex;flex-direction:column;align-items:stretch;gap:2px;padding:8px;background:var(--surface);color:var(--c-ink);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-menu)}
html body .hl-menu>.hl-pop.right:not(#_):not(#_){inset-inline-start:auto;inset-inline-end:0}
html body .hl-pop hr:not(#_){border:0;border-top:1px solid var(--border);margin:6px 2px;width:auto}
html body .hl-pop :is(.hl-mi,.hl-pk):not(#_):not(#_){display:flex;align-items:center;gap:10px;width:100%;min-height:36px;padding:6px 10px;border:0;border-radius:var(--radius-md);background:transparent;color:var(--c-ink);font:inherit;font-size:14px;font-weight:500;text-align:start;text-decoration:none;cursor:pointer;box-shadow:none}
html body .hl-pop :is(.hl-mi,.hl-pk):hover:not(#_):not(#_),html body .hl-pop :is(.hl-mi,.hl-pk):focus-visible:not(#_):not(#_){background:var(--surface-hover)}
html body .hl-pop :is(.hl-mi,.hl-pk).on:not(#_):not(#_){background:var(--surface-sunken);font-weight:600}
html body .hl-pop :is(.hl-mi,.hl-pk)>span:not(#_){flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html body .hl-pop :is(.hl-mi,.hl-pk)>small:not(#_){flex:none;color:var(--ink-subtle);font-size:12px;font-weight:400}
html body .hl-pop .hl-mi.bad:not(#_):not(#_){color:var(--status-stuck-fg)}
html body .hl-pop .hl-mh:not(#_){display:block;padding:6px 10px 2px;color:var(--ink-subtle);font-size:12px}
html body .hl-pop .hl-pks:not(#_):not(#_){width:100%;height:36px;margin:0 0 4px;box-sizing:border-box}
html body .hl-pop .hl-pk[hidden]:not(#_):not(#_){display:none}
html body .hl-pop :is(.sees-btn,.as-btn):not(#_):not(#_):not(#_){width:100%;height:36px;min-height:36px;border:0!important;background:transparent!important;justify-content:flex-start;padding:6px 10px;font-weight:500}
html body .hl-pop :is(.sees-btn,.as-btn):hover:not(#_):not(#_):not(#_){background:var(--surface-hover)!important}
html body .hl-pop .hl-sec:not(#_){padding:6px 8px;display:flex;flex-direction:column;gap:8px}

/* the client's name: the page's title, with ▾ */
html body .hl-cname:not(#_):not(#_){display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:2px 6px;margin-inline-start:-6px;border-radius:var(--radius-md);font:inherit;font-size:inherit;font-weight:inherit;color:var(--c-ink);background:transparent;border:0}
html body .hl-cname:hover:not(#_):not(#_),html body .hl-cpick[open]>.hl-cname:not(#_):not(#_){background:var(--surface-hover)}
html body .hl-cname .hl-pkn:not(#_){flex:none;white-space:nowrap}
html body .hl-pop>.hl-late:not(#_){order:2}html body .hl-pop>:is(.sees-btn,.as-btn):not(#_){order:1} /* Who sees this and Settings (whosees.js, areaset.js) above the month's details */
html body .hl-caret:not(#_){width:14px;height:14px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;opacity:.7}
html body .hl-cpick:not(#_){min-width:0;max-width:100%}
html body .hl-cpick>.hl-pop:not(#_):not(#_){font-size:14px;letter-spacing:0;line-height:1.4}

/* ‹ Month ▾ › */
html body .hl-mswitch:not(#_){display:inline-flex;align-items:center;gap:2px;padding:3px;border-radius:var(--radius-lg);background:var(--surface-sunken)}
html body .hl-ma:not(#_):not(#_){width:34px;height:34px;border:0;border-radius:var(--radius-md);background:transparent;color:var(--c-ink);font-size:18px;line-height:1;cursor:pointer}
html body .hl-ma:hover:not(#_):not(#_){background:var(--surface-hover)}
html body .hl-ma:disabled:not(#_):not(#_){opacity:.35;cursor:default}
html body .hl-mlabel:not(#_):not(#_){display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 10px;border-radius:var(--radius-md);font-size:17px;font-weight:600;color:var(--c-ink);white-space:nowrap}
html body .hl-mlabel:hover:not(#_):not(#_),html body .hl-mpick[open]>.hl-mlabel:not(#_):not(#_){background:var(--surface-hover)}

/* the steps line: round circles, the name under each, the step it is at ringed with who has it and when it is due under it */
html body .hl-steps:not(#_){display:flex;align-items:flex-start;gap:16px 24px;margin:14px 0 18px;min-width:0}
html body .hl-strip:not(#_){flex:1 1 auto;min-width:0;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);list-style:none;margin:0;padding:0}
html body .hl-step:not(#_){position:relative;display:flex;justify-content:center;min-width:0}
html body .hl-step:not(:first-child)::before{content:"";position:absolute;top:15px;inset-inline-end:calc(50% + 17px);inset-inline-start:calc(-50% + 17px);height:2px;border-radius:2px;background:var(--border)}
html body .hl-step.done:not(:first-child)::before,html body .hl-step.now:not(:first-child)::before{background:var(--accent-green)}
html body .hl-stp:not(#_):not(#_){display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0;max-width:100%;padding:0 4px 4px;border:0;background:transparent;color:var(--ink-muted);font:inherit;cursor:pointer;border-radius:var(--radius-md)}
html body .hl-stp:hover .hl-l:not(#_){color:var(--c-ink);text-decoration:underline;text-underline-offset:3px}
html body .hl-stp:focus-visible:not(#_):not(#_){outline:2px solid var(--focus);outline-offset:2px}
html body .hl-c:not(#_){display:grid;place-items:center;width:30px;height:30px;border-radius:50%;box-sizing:border-box;background:var(--surface-sunken);border:2px solid var(--surface-sunken);color:var(--ink-muted);font-size:12.5px;font-weight:700;font-variant-numeric:tabular-nums;position:relative;z-index:1}
html body .hl-step.done .hl-c:not(#_){background:var(--accent-green);border-color:var(--accent-green);color:var(--surface)}
html body .hl-step.going .hl-c:not(#_){background:var(--surface);border-color:var(--border-strong);color:var(--c-ink)}
html body .hl-step.now .hl-c:not(#_){background:#fbe08a;border-color:#c99a06;color:#3b2b00;box-shadow:0 0 0 3px var(--surface),0 0 0 4px #e3b51c}
html body .hl-step.t-bad .hl-c:not(#_):not(#_){background:var(--status-stuck-bg);border-color:var(--status-stuck-fg);color:var(--status-stuck-fg)}
html body .hl-step.done.t-bad .hl-c:not(#_):not(#_){background:var(--status-stuck-fg);color:var(--surface)}
html body .hl-l:not(#_){font-size:12.5px;font-weight:600;line-height:1.25;text-align:center;color:var(--ink-muted);max-width:100%;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
html body .hl-step.now .hl-l:not(#_){color:var(--c-ink)}
html body .hl-sub:not(#_){font-size:11.5px;line-height:1.25;color:var(--ink-subtle);text-align:center;white-space:nowrap}
html body .hl-act:not(#_){flex:none;display:flex;align-items:flex-start;gap:12px;max-width:46%;min-width:0}

/* "For <name, role>" over a step's buttons */
html body .hl-for:not(#_){display:flex;flex-direction:column;align-items:flex-end;gap:6px;min-width:0}
html body .hl-for>small:not(#_){font-size:12px;color:var(--ink-subtle);white-space:nowrap;line-height:20px}
/* a step's buttons without a "For …" caption, beside ones with it, sit on the same row (Rami, 3 Nov 2026: Approve all sat above Pass all) */
html body .hl-act:has(>.hl-for>small)>.hl-for:not(:has(>small)):not(#_){padding-top:26px}
html body .hl-for-do:not(#_){display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
html body .hl-for-do .btn-s:not(#_):not(#_){height:36px;min-height:36px;padding:0 14px}

/* a status the Hub sets: a dot and its word */
html body .hl-dw:not(#_){display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600;white-space:nowrap;color:var(--c-ink)}
html body .hl-dw>i:not(#_),html body .hl-dot:not(#_){display:inline-block;flex:none;width:8px;height:8px;border-radius:50%;background:var(--st-none)}
html body :is(.hl-dw,.hl-dot).t-ok:not(#_)>i,html body .hl-dot.t-ok:not(#_){background:var(--accent-green)}
html body :is(.hl-dw).t-part>i:not(#_),html body .hl-dot.t-part:not(#_){background:#e3b51c}
html body :is(.hl-dw).t-bad>i:not(#_),html body .hl-dot.t-bad:not(#_){background:var(--accent-rose)}
html body :is(.hl-dw).t-new>i:not(#_),html body .hl-dot.t-new:not(#_){background:var(--accent-sky)}
html body :is(.hl-dw).t-review>i:not(#_),html body .hl-dot.t-review:not(#_){background:var(--accent-violet)}
html body :is(.hl-dw).t-work>i:not(#_),html body .hl-dot.t-work:not(#_){background:var(--accent-orange)}
html body .hl-dw.t-none:not(#_){color:var(--ink-muted);font-weight:500}

/* a phone: the title and the month on their own lines, the steps scroll across inside their line (never the page) */
@media (max-width:760px){
  html body .hl-head:not(#_){flex-direction:column;align-items:stretch}
  html body .hl-head-l:not(#_){flex-direction:column;align-items:flex-start;gap:10px}
  html body .hl-title:not(#_):not(#_){font-size:24px;max-width:100%}
  html body .hl-cname .hl-pkn:not(#_){flex:0 1 auto;min-width:0;white-space:normal;text-align:start}
  html body .hl-head-r .btn-s:not(#_):not(#_){height:40px;min-height:40px;padding:0 12px}
  html body .hl-steps:not(#_){flex-direction:column;align-items:stretch;gap:12px}
  html body .hl-strip:not(#_){overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;grid-auto-columns:88px;padding-bottom:2px}
  html body .hl-strip::-webkit-scrollbar{display:none}
  html body .hl-act:not(#_){max-width:none}
  html body .hl-for:not(#_){align-items:flex-start}
  html body .hl-for-do:not(#_){justify-content:flex-start}
  html body .hl-menu>.hl-pop:not(#_):not(#_){position:fixed;left:16px;right:16px;top:auto;bottom:calc(84px + env(safe-area-inset-bottom,0px));width:auto;max-width:none;max-height:60vh}
}
@media (prefers-reduced-motion:reduce){html body .hl-menu>.hl-pop:not(#_):not(#_){animation:none}}

/* a step pressed: what it is, who and when, and its buttons, under the line */
html body .hl-ps:not(#_){position:relative}
html body .hl-steppop:not(#_){position:absolute;z-index:40;top:64px;left:clamp(0px,calc(var(--hl-x,50%) - 170px),calc(100% - 340px));width:340px;max-width:100%;box-sizing:border-box;padding:14px 16px 16px;background:var(--surface);color:var(--c-ink);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-menu);display:flex;flex-direction:column;gap:8px}
html body .hl-sph:not(#_){display:flex;align-items:center;justify-content:space-between;gap:8px}
html body .hl-badge:not(#_){display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:var(--radius-sm);font-size:12px;font-weight:700;background:var(--status-idle-bg);color:var(--status-idle-fg)}
html body .hl-badge.done:not(#_){background:var(--accent-green-soft);color:var(--accent-green)}
html body .hl-badge.now:not(#_){background:#fbe08a;color:#3b2b00}
html body .hl-spx:not(#_):not(#_){width:30px;height:30px;border:0;border-radius:var(--radius-md);background:transparent;color:var(--ink-muted);font-size:18px;cursor:pointer}
html body .hl-spx:hover:not(#_):not(#_){background:var(--surface-hover)}
html body .hl-steppop h4:not(#_){margin:0;font-size:16px;font-weight:600;line-height:1.3}
html body .hl-steppop h4 small:not(#_){font-weight:500;color:var(--ink-subtle);margin-inline-start:6px}
html body .hl-spsub:not(#_),html body .hl-sphint:not(#_){margin:0;font-size:13px;line-height:1.45;color:var(--ink-muted)}
html body .hl-spmeta:not(#_){display:grid;grid-template-columns:auto 1fr;gap:4px 12px;margin:2px 0 0;font-size:13px}
html body .hl-spmeta dt:not(#_){color:var(--ink-subtle)}html body .hl-spmeta dd:not(#_){margin:0;font-weight:600}
html body .hl-steppop .pst-do:not(#_){display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}
html body .hl-stmin:not(#_):not(#_){display:flex;align-items:center;gap:10px;flex:1 1 auto;min-width:0;height:44px;padding:0 14px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);color:var(--c-ink);font:inherit;font-size:14px;cursor:pointer;text-align:start}
html body .hl-stmin b:not(#_){flex:none;padding:2px 8px;border-radius:var(--radius-sm);background:#fbe08a;color:#3b2b00;font-size:12px}
html body .hl-stmin span:not(#_){font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html body .hl-stmin small:not(#_){color:var(--ink-subtle);white-space:nowrap}
html body .hl-stmin i:not(#_){margin-inline-start:auto;font-style:normal;color:var(--ink-muted)}
html body .hl-ps.folded:not(#_){display:flex;align-items:center;gap:16px;margin:14px 0 18px}
html body .hl-ps.ps-nostart:not(#_){display:flex;align-items:center;justify-content:space-between;gap:16px;margin:14px 0 18px;padding:16px;border-radius:var(--radius-lg);background:var(--surface)}
html body .hl-nost:not(#_){margin:0}
html body .hl-yr>summary:not(#_){list-style:none;cursor:pointer}html body .hl-yr>summary::-webkit-details-marker{display:none}
@media (max-width:760px){html body .hl-steppop:not(#_){position:fixed;top:auto;left:16px;right:16px;bottom:calc(84px + env(safe-area-inset-bottom,0px));width:auto}html body .hl-ps.folded:not(#_),html body .hl-ps.ps-nostart:not(#_){flex-direction:column;align-items:stretch}}

/* ---------- pages built on it: the Social media month (public/posts.js) ---------- */
html body .ps-host .hl-head.ps-head:not(#_){position:sticky;top:0;z-index:7;background:var(--page);margin:0;padding:12px 0 8px} /* the month's top stays pinned while the posts scroll (PLAN-001) */
html body .ps-host .ps-doc:not(#_):not(#_){background:var(--surface)}
html body .ps-host .ps-doc .ps-nobrief:not(#_):not(#_){font-size:11.5px;font-weight:500;color:var(--ink-muted);margin-inline-start:6px;white-space:nowrap} /* No brief yet (3 November 2026) */
html body .ps-host .ps-sharew>.btn-s:not(#_):not(#_){height:38px;min-height:38px;padding:0 14px;font-weight:600}
html body .ps-host .hl-more>summary:not(#_):not(#_){width:38px;height:38px;min-height:38px;padding:0;display:inline-grid;place-items:center;font-size:18px}
html body .ps-host .hl-ps .ps-cks:not(#_):not(#_){display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;margin:0}
html body .ps-host .hl-ps .pst-note:not(#_),html body .hl-pop .pst-note:not(#_){display:flex;flex-direction:column;gap:6px;font-size:13px}
html body .hl-pop .pst-note textarea:not(#_):not(#_){width:100%;box-sizing:border-box;min-height:64px}
html body .hl-pop .pst-note .btn-s:not(#_):not(#_){align-self:flex-start}
html body .hl-pop .ps-det:not(#_):not(#_){display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0;padding:0;border:0;background:transparent}
html body .hl-pop .ps-det>div:not(#_){display:flex;flex-direction:column;gap:2px;font-size:13px}
html body .hl-pop .ps-det span:not(#_){color:var(--ink-subtle);font-size:12px}
html body .hl-pop .ps-ck:not(#_):not(#_){margin:4px 0 0;padding:0;border:0;background:transparent;box-shadow:none}
/* what you look at: Posts, Tasks, Campaigns, Results, big, with the count in a dark pill */
html body .ps-host .card.ps.hl-card:not(#_):not(#_):not(#_){background:transparent;border:0;box-shadow:none;padding:0;overflow:visible}
html body .ps-host .hl-card>.ip-tabrow:not(#_):not(#_){border-bottom:1px solid var(--border);margin:0 0 14px;padding:0;gap:8px}
html body .ps-host .hl-card>.ip-tabrow [data-pstab]:not(#_):not(#_):not(#_):not(#_){font-size:20px;font-weight:600;letter-spacing:-.01em;padding:8px 2px 12px;margin-inline-end:24px;height:auto;min-height:0;color:var(--ink-muted);background:transparent;border:0;border-bottom:3px solid transparent;border-radius:0}
html body .ps-host .hl-card>.ip-tabrow [data-pstab].on:not(#_):not(#_):not(#_):not(#_){color:var(--c-ink);border-bottom-color:var(--c-ink)}
html body .ps-host .hl-card .ps-tn:not(#_):not(#_){display:inline-flex;align-items:center;height:22px;margin-inline-start:8px;padding:0 9px;border-radius:999px;background:var(--status-idle-bg);color:var(--ink-muted);font-size:12.5px;font-weight:600;vertical-align:middle}
html body .ps-host .hl-card [aria-selected="true"] .ps-tn:not(#_):not(#_),html body .ps-host .hl-card .on .ps-tn:not(#_):not(#_){background:var(--c-ink);color:var(--surface)}
/* how you see it */
html body .ps-host .ps-bar:not(#_):not(#_){display:flex;align-items:center;justify-content:space-between;gap:10px 16px;flex-wrap:wrap;margin:0 0 12px;padding:0;border:0;background:transparent}
html body .ps-host .ps-bar>.bk-l:not(#_),html body .ps-host .ps-bar>.bk-r:not(#_){display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}
html body .ps-host .ps-bar .ps-ltbar:not(#_){display:inline-flex;align-items:center;gap:8px}
html body .ps-host .ps-bar .ps-new:not(#_):not(#_){height:38px;min-height:38px;padding:0 16px;font-weight:600}
/* the posts: picture, caption, status, date, the approvals */
html body .ps-host .ps-r.ps-r2:not(#_):not(#_){--c:62px 52px minmax(260px,2.4fr) 170px 122px 110px 110px 124px 130px 170px minmax(180px,1.3fr) minmax(150px,1fr) 140px 170px 170px;min-width:2140px;min-height:60px}
html body .ps-host form.bk-add:not(#_):not(#_){min-width:0}
html body .ps-host .ps-thc:not(#_):not(#_){display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}
html body .ps-host .ps-th:not(#_){display:block;width:36px;height:36px;border-radius:6px;overflow:hidden;background:var(--surface-sunken);flex:none}
html body .ps-host .ps-th img:not(#_){width:100%;height:100%;object-fit:cover;display:block}
html body .ps-host .ps-r2 .ps-capc:not(#_):not(#_){flex-wrap:wrap;align-content:center;row-gap:0}
html body .ps-host .ps-r2 .ps-capc .ps-capta:not(#_):not(#_){flex:1 1 100%;font-weight:600}
html body .ps-host .ps-ptype:not(#_){font-size:12px;color:var(--ink-subtle);margin-inline-end:8px}
html body .ps-host .ps-apok:not(#_){color:var(--accent-green);font-weight:600;font-size:13px;white-space:nowrap}
html body .ps-host .ps-apw:not(#_){color:var(--ink-subtle);font-size:13px;white-space:nowrap}
html body .ps-host .wk-r1 .btn-s.pri.ps-rowok:not(#_):not(#_):not(#_){background:var(--nav-on-bg,var(--c-ink))!important;color:var(--nav-on-ink,var(--surface))!important;border-color:transparent!important;height:32px;min-height:32px;padding:0 14px;font-weight:600}
html body .ps-host .ps-stgo:not(#_):not(#_){max-width:100%;overflow:hidden;text-overflow:ellipsis}
html body .ps-host .ps-steps.hl-ps:not(#_):not(#_):not(#_){padding:0;background:transparent;border:0;box-shadow:none;border-radius:0}
html body .ps-host .ps-steps.hl-ps.ps-nostart:not(#_):not(#_):not(#_){padding:16px;background:var(--surface);border-radius:var(--radius-lg)}
html body .page h1.h1.hl-title:not(#_):not(#_){display:block}
@media (max-width:760px){html body .ps-host .hl-steps:not(#_){margin:8px 0 14px}html body .ps-phone .ps-ptop .hl-head:not(#_){padding-top:4px}}
/* the post's panel: what this step asks of it, on top */
html body .sp .pp-stepbox:not(#_){display:flex;flex-direction:column;gap:10px;margin:12px 0;padding:14px 16px;border-radius:var(--radius-lg);background:color-mix(in srgb,#fbe08a 38%,var(--surface));box-shadow:inset 4px 0 0 #e3b51c}
html body .sp .pp-stepbox>:is(.pp-judge,.pp-lback,.pp-tw,.pp-skip,.pp-edited):not(#_):not(#_){margin:0;background:transparent;border:0;padding:0;box-shadow:none}

/* ---------- the Shoot page (public/work.js hallShoot; Rami approved the mockup on 2 November 2026) ---------- */
html body .sd-hall .hl-head.sd-head:not(#_):not(#_){align-items:flex-start;margin:0 0 4px;padding:4px 0 0;border:0}
html body .sd-hall .sd-hl:not(#_):not(#_){flex-direction:column;align-items:flex-start;gap:10px;flex:1 1 420px}
html body .sd-hall .sd-tline:not(#_){display:flex;align-items:center;gap:10px 16px;flex-wrap:wrap;min-width:0;max-width:100%}
html body .sd-hall .sd-title:not(#_):not(#_):not(#_){flex:0 1 auto;max-width:100%;font-size:28px}
html body .sd-hall .sd-title .wk-title:not(#_):not(#_){field-sizing:content;width:auto;min-width:8ch;max-width:min(60vw,720px);font-size:28px;font-weight:600;letter-spacing:-.015em;padding:2px 6px;margin-inline-start:-6px}
html body .sd-hall .sd-st:not(#_) select.wk-st:not(#_):not(#_){height:38px;min-height:38px;font-size:14px;font-weight:600}
html body .sd-hall .sd-when:not(#_){display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;font-size:14px;color:var(--ink-muted);min-width:0}
html body .sd-hall .sd-when b:not(#_){color:var(--c-ink);font-weight:600}
html body .sd-hall .sd-sep:not(#_){color:var(--ink-subtle)}
html body .sd-hall .sd-cchip:not(#_):not(#_){display:inline-flex;align-items:center;gap:7px;min-height:28px;max-width:100%;padding:0 10px 0 5px;border-radius:999px;background:var(--surface-sunken);color:var(--c-ink);font-weight:700;font-size:13.5px;text-decoration:none;white-space:nowrap}
html body .sd-hall .sd-cchip:hover:not(#_):not(#_){background:var(--surface-hover)}
html body .sd-hall .sd-cchip>span[dir]:not(#_){overflow:hidden;text-overflow:ellipsis;min-width:0}
html body .sd-hall .sd-av:not(#_){display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#fbd9b8;color:#6a3a10;font-size:9.5px;font-weight:700;flex:none}
html body .sd-hall .sd-ar:not(#_){color:var(--ink-subtle)}
html[dir="rtl"] body .sd-hall .sd-ar:not(#_){transform:scaleX(-1)}
html body .sd-hall .sd-dir:not(#_){color:var(--accent-sky,#2f6fdf);font-weight:600;text-decoration:underline;text-underline-offset:3px}
html body .sd-hall .hl-head-r:not(#_):not(#_){padding-top:2px}
html body .sd-hall .hl-head-r>.btn-s:not(#_):not(#_):not(#_),html body .sd-hall .hl-head-r>details>summary.btn-s:not(#_):not(#_):not(#_){height:38px;min-height:38px;padding:0 14px;display:inline-flex;align-items:center;gap:8px;font-weight:600}
html body .sd-hall .hl-head-r svg:not(#_):not(#_){width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round;color:var(--ink-muted)}
html body .sd-hall .hl-more>summary:not(#_):not(#_):not(#_){width:38px;padding:0;justify-content:center;font-size:18px}
html:not([data-ipfold="1"]) body .sd-hall .sd-detb:not(#_):not(#_):not(#_){background:var(--surface-sunken);border-color:var(--c-ink)}
html body .sd-hall .sd-delerr:not(#_):empty{display:none}
html body .sd-hall .sd-plpop:not(#_){padding:6px 8px}
html body .sd-hall .sd-plpop .sd-share:not(#_){display:flex;flex-direction:column;gap:8px;margin:0;padding:0;border:0;background:transparent}
html body .sd-hall .sd-plpop .sd-link:not(#_){flex-wrap:wrap}
html body .sd-hall .sd-plpop .sd-plk:not(#_){display:flex;flex-wrap:wrap;gap:6px;align-items:center}
/* where the shoot is */
html body .sd-hall .sd-steps.hl-ps:not(#_):not(#_){margin:6px 0 14px;padding:14px 16px 10px;border-radius:var(--radius-lg);background:var(--surface)}
html body .sd-hall .sd-steps .hl-steps:not(#_):not(#_){margin:0}
/* what you look at: Brief, Plan, Scripts, Videos, Photos, big, with a count in a pill */
html body .sd-hall .sd-main:not(#_):not(#_){display:block}
html body .sd-hall .sd-htabs:not(#_):not(#_):not(#_){display:flex;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;gap:4px;margin:0 0 14px;padding:0;border-bottom:1px solid var(--border);background:transparent}
html body .sd-hall .sd-htabs::-webkit-scrollbar{display:none}
html body .sd-hall .sd-htab:not(#_):not(#_):not(#_){flex:none;display:inline-flex;align-items:center;gap:8px;font:inherit;font-size:20px;font-weight:600;letter-spacing:-.01em;padding:8px 2px 12px;margin-inline-end:24px;height:auto;min-height:0;color:var(--ink-muted);background:transparent!important;border:0;border-radius:0;box-shadow:none;cursor:pointer;white-space:nowrap}
html body .sd-hall .sd-htab:hover:not(#_):not(#_):not(#_){color:var(--c-ink)}
html body .sd-hall .sd-htab.on:not(#_):not(#_):not(#_){color:var(--c-ink);box-shadow:inset 0 -3px 0 var(--c-ink)!important}
html body .sd-hall .sd-htab.late:not(#_):not(#_):not(#_){color:var(--status-stuck-fg)}
html body .sd-hall .sd-tn:not(#_){display:inline-flex;align-items:center;height:22px;padding:0 9px;border-radius:999px;background:var(--status-idle-bg);color:var(--ink-muted);font-size:12.5px;font-weight:600}
html body .sd-hall .sd-htab.on .sd-tn:not(#_){background:var(--c-ink);color:var(--surface)}
/* how you see it */
html body .sd-hall .sd-bar:not(#_){display:flex;align-items:center;justify-content:space-between;gap:10px 16px;flex-wrap:wrap;margin:0 0 14px}
html body .sd-hall :is(.sd-bl,.sd-br):not(#_){display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}
html body .sd-hall .sd-br .btn-s:not(#_):not(#_),html body .sd-hall .sd-bl .ai-go:not(#_):not(#_){height:38px;min-height:38px;padding:0 14px;font-weight:600}
html body .sd-hall .sd-new:not(#_):not(#_):not(#_){padding:0 16px}
html body .sd-seg:not(#_){display:inline-flex;gap:2px;padding:3px;border-radius:var(--radius-lg);background:var(--surface-sunken)}
html body .sd-seg>button:not(#_):not(#_){display:inline-flex;align-items:center;min-height:32px;padding:0 14px;border:0;border-radius:var(--radius-md);background:transparent;color:var(--ink-muted);font:inherit;font-size:13.5px;font-weight:600;cursor:pointer;white-space:nowrap}
html body .sd-seg>button:hover:not(#_):not(#_){color:var(--c-ink)}
html body .sd-seg>button[aria-pressed="true"]:not(#_):not(#_){background:var(--surface);color:var(--c-ink);box-shadow:0 1px 2px rgba(0,0,0,.12)}
html body .sd-hall .sd-vsep:not(#_){width:1px;height:24px;background:var(--border);margin:0 4px}
html body .sd-hall .sd-hint:not(#_){font-size:13px;color:var(--ink-subtle)}
html body .sd-hall .sd-none:not(#_){color:var(--ink-subtle);font-size:13.5px;margin:0}
/* the brief, the plan, the script: what is written, and who has it beside it */
html body .sd-hall .sd-docw:not(#_){display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:28px;align-items:start}
html body .sd-hall .sd-docm:not(#_){min-width:0;display:flex;flex-direction:column;gap:14px}
html body .sd-hall .sd-docside:not(#_){position:sticky;top:16px}
html body .sd-hall .sd-meta:not(#_){display:flex;flex-direction:column;gap:6px;padding:14px 16px;border-radius:var(--radius-lg);background:var(--surface);font-size:13.5px;color:var(--ink-muted)}
html body .sd-hall .sd-meta b:not(#_){color:var(--c-ink);font-size:14px}
html body .sd-hall .sd-ml:not(#_){font-size:12px;color:var(--ink-subtle)}
html body .sd-hall .sd-meta .sd-ver:not(#_):not(#_){align-self:flex-start;margin-top:4px}
html body .sd-hall .sd-doc:not(#_){display:flex;flex-direction:column;gap:18px;max-width:72ch}
html body .sd-hall .sd-q:not(#_){display:flex;flex-direction:column;gap:4px}
html body .sd-hall .sd-q h3:not(#_){margin:0;font-size:13px;font-weight:700;color:var(--ink-muted)}
html body .sd-hall .sd-q p:not(#_){margin:0;color:var(--c-ink);font-size:15px;line-height:1.55;overflow-wrap:anywhere}
html body .sd-hall .sd-q a:not(#_){color:var(--c-ink);font-weight:600;text-decoration:underline;text-underline-offset:3px}
html body .sd-hall .sd-langs:not(#_){display:flex;gap:6px;flex-wrap:wrap}
html body .sd-hall .sd-langs span:not(#_){font-weight:600;font-size:13px;padding:3px 10px;border-radius:999px;background:var(--surface-sunken)}
html body .sd-hall .sd-rx:not(#_){max-width:80ch;font-size:15px;line-height:1.55}
html body .sd-hall .sd-lcard:not(#_){display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:var(--radius-lg);background:var(--surface);max-width:760px}
html body .sd-hall .sd-lci svg:not(#_){width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linejoin:round;color:var(--ink-muted)}
html body .sd-hall .sd-lct:not(#_){display:flex;flex-direction:column;gap:2px;flex:1 1 auto;min-width:0}
html body .sd-hall .sd-lct small:not(#_){color:var(--ink-subtle);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html body .sd-hall .sd-notice:not(#_){display:flex;flex-direction:column;gap:4px;margin:0 0 14px;padding:12px 14px;border-radius:var(--radius-lg);background:var(--surface-sunken);font-size:13.5px;max-width:760px}
html body .sd-hall .sd-notice.ok:not(#_){background:var(--accent-green-soft,var(--surface-sunken))}
html body .sd-hall .sd-notice.chg:not(#_){background:color-mix(in srgb,#fbe08a 38%,var(--surface))}
html body .sd-hall .sh-grid .sd-main textarea:not(#_):not(#_),html body .sd-hall .sd-main .sd-vr textarea:not(#_):not(#_):not(#_){min-height:0}
html body .sd-hall .sd-docm #sdText:not(#_):not(#_):not(#_){min-height:320px}
/* the videos and the photos */
html body .sd-hall .sd-hand:not(#_){display:flex;align-items:flex-end;justify-content:space-between;gap:12px 16px;flex-wrap:wrap;margin:0 0 12px;padding:12px 14px;border-radius:var(--radius-lg);background:var(--surface)}
html body .sd-hall .sd-handl:not(#_){flex:1 1 360px;min-width:0;display:flex;flex-direction:column;gap:4px}
html body .sd-hall .sd-handl .sd-link:not(#_){margin-top:0}
html body .sd-hall .sd-hlab:not(#_){font-size:13.5px;font-weight:600}
html body .sd-hall .sd-hlab small:not(#_){font-weight:400;color:var(--ink-subtle);margin-inline-start:6px}
html body .sd-hall .sd-handr:not(#_){display:flex;align-items:center;gap:8px}
html body .sd-hall .sd-forall:not(#_){margin:0 0 12px;padding:10px 14px;border-radius:var(--radius-lg);background:var(--surface)}
html body .sd-hall .sd-forall>summary:not(#_){cursor:pointer;font-weight:600;font-size:13.5px;list-style:none;display:flex;gap:10px;align-items:baseline;min-width:0}
html body .sd-hall .sd-forall>summary small:not(#_){font-weight:400;color:var(--ink-subtle);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
html body .sd-hall .sd-forall .wk-fill:not(#_){margin-top:8px}
html body .sd-hall .sd-forall textarea:not(#_):not(#_):not(#_):not(#_){min-height:90px}
html body .sd-hall .sd-edbar:not(#_){display:flex;align-items:center;justify-content:space-between;gap:8px 12px;flex-wrap:wrap;margin:0 0 10px}
html body .sd-hall .sd-prog:not(#_){font-size:13.5px;color:var(--ink-muted)}
html body .sd-hall .sd-vids:not(#_):not(#_){gap:0;margin:0 0 12px}
html body .sd-hall .sd-vids .sh-vl:not(#_):not(#_){gap:0}
html body .sd-hall .sd-vr:not(#_):not(#_):not(#_){display:grid;grid-template-columns:30px minmax(200px,1fr) 130px 160px 250px;gap:6px 14px;align-items:start;padding:8px 4px;border-bottom:1px solid var(--border)}
html body .sd-hall .sd-vr.head:not(#_):not(#_):not(#_){padding:6px 4px;font-size:12.5px;font-weight:600;color:var(--ink-muted);align-items:center}
html body .sd-hall .sd-vr:not(.head):hover:not(#_):not(#_):not(#_){background:var(--surface-hover)}
html body .sd-hall .sd-vr.off .sd-vt input:not(#_):not(#_){text-decoration:line-through;color:var(--ink-subtle)}
html body .sd-hall .sd-vr .sh-vn:not(#_):not(#_){padding-top:5px;text-align:start;font-size:13px}
html body .sd-hall .sd-vt:not(#_){display:flex;flex-direction:column;gap:4px;min-width:0}
html body .sd-hall .sd-vt :is(input,textarea):not(#_):not(#_):not(#_):not(#_){min-height:0;height:auto;padding:3px 6px;margin-inline-start:-6px;border:1px solid transparent!important;background:transparent!important;box-shadow:none!important;border-radius:var(--radius-sm)}
html body .sd-hall .sd-vt :is(input,textarea):is(:hover,:focus):not(#_):not(#_):not(#_):not(#_){border-color:var(--border)!important;background:var(--surface)!important}
html body .sd-hall .sd-vt input:not(#_):not(#_):not(#_):not(#_){font-weight:600;font-size:14.5px}
html body .sd-hall .sd-vt textarea:not(#_):not(#_):not(#_):not(#_){font-size:13px;color:var(--ink-muted);resize:vertical}
html body .sd-hall :is(.sd-ved,.sd-vst):not(#_){padding-top:5px;font-size:13.5px;min-width:0;overflow-wrap:anywhere}
html body .sd-hall .sd-vst small:not(#_){display:block;font-size:12px;color:var(--ink-subtle);margin-top:2px}
html body .sd-hall .sd-vdo:not(#_){display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end;padding-top:0}
html body .sd-hall .sd-vdo .btn-s:not(#_):not(#_):not(#_){height:30px;min-height:30px;padding:0 10px}
html body .sd-hall .sd-rowok:not(#_):not(#_):not(#_){background:var(--nav-on-bg,var(--c-ink))!important;color:var(--nav-on-ink,var(--surface))!important;border-color:transparent!important}
html body .sd-hall .sd-vempty:not(#_){padding:14px 4px}
html body .sd-hall .sd-board:not(#_){display:grid;grid-template-columns:repeat(6,minmax(150px,1fr));gap:10px;overflow-x:auto;padding-bottom:6px;margin:0 0 12px}
html body .sd-hall .sd-bcol:not(#_){display:flex;flex-direction:column;gap:8px;min-width:0;min-height:140px;padding:10px;border-radius:var(--radius-lg);background:var(--surface-sunken)}
html body .sd-hall .sd-bh:not(#_){display:flex;align-items:center;justify-content:space-between;gap:6px;padding:2px 2px 4px}
html body .sd-hall .sd-bcard:not(#_){display:flex;flex-direction:column;gap:4px;padding:10px 12px;border-radius:var(--radius-md);background:var(--surface);box-shadow:0 0 0 1px var(--border);min-width:0}
html body .sd-hall .sd-bcard small:not(#_){color:var(--ink-subtle);font-size:12px}
html body .sd-hall .sd-bdo:not(#_){display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}
html body .sd-hall .sd-bdo .btn-s:not(#_):not(#_):not(#_){height:28px;min-height:28px;padding:0 9px;font-size:12.5px}
html body .sd-hall .sd-other h3:not(#_){font-size:14px;margin:8px 0}
html body .sd-hall .sh-ejl .hl-dw:not(#_){flex:none}
html body .sd-hall .sd-vfoot:not(#_){display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-top:8px}
@media (max-width:1100px){html body .sd-hall .sd-detb:not(#_):not(#_):not(#_){display:none}html body .sd-hall .sd-docw:not(#_){grid-template-columns:minmax(0,1fr)}html body .sd-hall .sd-docside:not(#_){position:static}}
@media (max-width:900px){
  html body .sd-hall .sd-vr:not(#_):not(#_):not(#_){grid-template-columns:26px minmax(0,1fr) auto}
  html body .sd-hall .sd-vr.head:not(#_):not(#_):not(#_){display:none}
  html body .sd-hall .sd-vr>:is(.sd-ved,.sd-vst):not(#_):not(#_){grid-column:2/4;padding-top:0}
  html body .sd-hall .sd-vr>.sd-vdo:not(#_):not(#_){grid-column:2/4;justify-content:flex-start}
  html body .sd-hall .sd-htab:not(#_):not(#_):not(#_){font-size:17px;margin-inline-end:14px}
  html body .sd-hall .sd-title .wk-title:not(#_):not(#_){font-size:24px;max-width:100%}
}
/* a phone keeps its own shoot page (On set, Write, Details), with the steps line under its status */
html body .sd-phone .sd-steps.hl-ps:not(#_):not(#_){margin:4px 0 12px;padding:10px 0 6px;background:transparent;min-width:0;max-width:100%;overflow:hidden}
html body .sd-phone .sd-steps :is(.hl-steps,.hl-strip):not(#_):not(#_){min-width:0;max-width:100%}
html body .sd-phone .sd-steps .hl-steps:not(#_):not(#_):not(#_){margin:0}

/* ---------- the frame every page shares (Rami, 2 November 2026: the Kasper and Notifications mockup comments) ----------
   The top bar: Search · Escalate (the red flag) · Chat (unread count; the Chats dropdown) · the bell · your picture. No dark mode
   button in it: Dark mode is a switch in the menu under your picture, with Your profile, Settings and Sign out (index.html #tbMenu).
   Kasper is not in the top bar: a round "Ask Kasper" button floats at the bottom right (on a phone, above the bottom bar). */
@media (min-width:861px){
  html body .pal:not(#_):not(#_):not(#_){top:auto;bottom:24px;right:24px;left:auto;z-index:41;flex-direction:row;align-items:center}
  html[dir="rtl"] body:not(#_):not(#_) .pal:not(#_):not(#_):not(#_){right:auto;left:24px;flex-direction:row-reverse}
  html body main .bk-h:not(#_):not(#_){padding-right:0!important} /* Kasper isn't beside a list's New button any more */
}
html body .pal .pal-btn:not(#_):not(#_):not(#_){width:56px!important;height:56px!important;border-radius:50%;background:var(--surface);box-shadow:var(--shadow-float,0 6px 18px rgba(0,0,0,.16)),0 0 0 1px var(--border);display:grid;place-items:center;overflow:hidden}
html body .pal .pal-btn .buddy:not(#_):not(#_):not(#_){width:38px!important;height:38px!important}
html body .pal .pal-btn:hover:not(#_):not(#_):not(#_){transform:translateY(-2px)}
@media (max-width:860px){
  /* Kasper: a round button above the bottom bar, at the end of the screen (start, in Arabic) */
  html body .pal:not(#_):not(#_):not(#_),html body:not(#_) .pal:not(#_):not(#_),html body:has(#mBack:not([hidden])):not(#_) .pal:not(#_):not(#_){top:auto;bottom:calc(84px + env(safe-area-inset-bottom,0px));right:16px;left:auto;z-index:41}
  html[dir="rtl"] body:not(#_):not(#_) .pal:not(#_):not(#_):not(#_){right:auto;left:16px}
  html body .pal .pal-btn:not(#_):not(#_):not(#_){width:52px!important;height:52px!important}
  html body .pal .pal-btn .buddy:not(#_):not(#_):not(#_){width:34px!important;height:34px!important}
  html body .pal-say.tap:not([hidden]):not(#_):not(#_){top:auto;bottom:calc(146px + env(safe-area-inset-bottom,0px))}
  /* the top bar on a phone: Feedback · Escalate · the bell, in the corner Kasper had (Chat is in the bottom bar; your picture under More) */
  html body .esc-fab:not(#_):not(#_):not(#_),html body.fl-on .esc-fab:not(#_):not(#_):not(#_){inset-inline-end:54px!important}
  html body .fb-fab:not(#_):not(#_):not(#_),html body.fl-on .fb-fab:not(#_):not(#_):not(#_){inset-inline-end:92px!important}
  html body main>.tbar:not(#_):not(#_){display:block;height:0;min-height:0;margin:0;padding:0;border:0;overflow:visible}
  html body main>.tbar>.tb-l:not(#_),html body main>.tbar .tb-r>:not(.tb-bell):not(#_){display:none!important}
  html body .tb-bell:not(#_):not(#_){display:grid;position:fixed;top:calc(env(safe-area-inset-top,0px) + 13px);inset-inline-end:14px;z-index:41;width:36px;height:36px}
  html body:has(#mBack:not([hidden])) .tb-bell:not(#_):not(#_){top:calc(env(safe-area-inset-top,0px) + 20px)}
  html body.on-home .tb-bell:not(#_):not(#_){display:none} /* Home's own header has the bell */
}
html body.bd-full-on .tb-bell:not(#_):not(#_){display:none!important}
/* Kasper's button in a phone's header (Rami, 3 November 2026): a phone's only (hl-phone.css shows it); a computer keeps the floating one */
html body #mKasper:not(#_){display:none}
@media print{html body .tb-bell:not(#_):not(#_),html body .pal:not(#_):not(#_){display:none!important}}

/* every table's column titles sort (public/lists.js plain): up, down, back to the usual order */
html body th.lt-pth:not(#_){cursor:pointer;user-select:none;white-space:nowrap}
html body th.lt-pth:hover:not(#_),html body th.lt-pth:focus-visible:not(#_){color:var(--c-ink)}
html body th.lt-pth:focus-visible:not(#_){outline:2px solid var(--focus);outline-offset:-2px}
html body th.lt-pth .lt-par:not(#_){margin-inline-start:4px;font-size:10.5px;opacity:0;transition:opacity var(--dur-fast,.12s)}
html body th.lt-pth:is(:hover,:focus-visible,.on) .lt-par:not(#_){opacity:.8}
@media (hover:none){html body th.lt-pth .lt-par:not(#_){opacity:.5}}

/* the month's list as in the approved mockup: no box round it, the column titles small and plain, a thin line between the posts */
html body .ps-host .card.ps.hl-card:not(#_):not(#_):not(#_):not(#_):not(#_){background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;border-radius:0!important}
html body .ps-host .hl-card .bk-gbox.ps-one:not(#_):not(#_):not(#_){background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible}
html body .ps-host .hl-card .wk-r1.ps-r2:not(#_):not(#_):not(#_),html body .ps-host .hl-card .wk-r1.ps-r2>*:not(#_):not(#_):not(#_){background:transparent!important;border-inline-start:0!important;border-inline-end:0!important}
html body .ps-host .hl-card .wk-r1.ps-r2:not(.head):not(#_):not(#_):not(#_){border-bottom:1px solid var(--border)}
html body .ps-host .hl-card .wk-r1.ps-r2:not(.head):hover:not(#_):not(#_):not(#_),html body .ps-host .hl-card .wk-r1.ps-r2.sel:not(#_):not(#_):not(#_){background:var(--surface-hover)!important}
html body .ps-host .hl-card .wk-r1.ps-r2:not(.head)>.ps-nc:not(#_):not(#_):not(#_){box-shadow:none!important}
html body .ps-host .hl-card .wk-r1.head.ps-r2:not(#_):not(#_):not(#_){border-bottom:1px solid var(--border)}
html body .ps-host .hl-card .wk-r1.head.ps-r2>*:not(#_):not(#_):not(#_){justify-content:flex-start;text-align:start;font-size:12.5px;font-weight:600;color:var(--ink-muted)}
html body .ps-host .hl-card form.bk-add:not(#_):not(#_):not(#_),html body .ps-host .hl-card form.bk-add>*:not(#_):not(#_):not(#_){background:transparent;border-inline:0}
html body .ps-host .ps-r2 .ps-capc .ps-ptype:not(#_):not(#_){flex:1 1 100%;order:2;margin:-4px 0 0;padding-inline-start:7px;font-size:12px;color:var(--ink-subtle);font-weight:500}
html body .ps-host .ps-r2 .ps-capc>:not(.ps-capta):not(.ps-ptype):not(#_):not(#_){order:3}
/* the Open button that shows on a post's caption under the pointer (public/inline.js) floats at the end of the cell, centred, so the row
   never grows when it shows (Rami, 3 November 2026: it took a third line under the type and the list jumped); the title keeps clear of it */
html body .ps-host .ps-r2 .ps-capc>.wk-openi:not(#_):not(#_):not(#_){position:absolute;top:50%;inset-inline-end:8px;transform:translateY(-50%);margin:0;z-index:2}
html body .ps-host .ps-r2 .ps-capc:focus-within>.wk-openi:not(#_):not(#_):not(#_){display:none}
html body .ps-host .ps-r2 .ps-capc textarea.ps-capta:not(:focus):not(#_):not(#_):not(#_){max-width:calc(100% - 80px)}
html body .ps-host .ps-findw:not(#_){display:inline-flex}
html body .ps-host .ps-find:not(#_):not(#_){width:200px;height:38px;min-height:38px;box-sizing:border-box}
@media (max-width:760px){
  html body .hl-title:not(#_):not(#_):not(#_){width:100%}
  html body .hl-cpick:not(#_):not(#_){display:block}
  html body .hl-cname:not(#_):not(#_):not(#_){max-width:100%}
  html body .hl-cname .hl-pkn:not(#_):not(#_):not(#_){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  html body .ps-phone .hl-head-r:not(#_):not(#_){flex-wrap:nowrap;width:100%}
  html body .ps-phone .hl-head-r>*:not(#_):not(#_){flex:0 1 auto;min-width:0}
}
html body .ps-host .hl-card>.ip-tabrow [data-pstab]:not(#_):not(#_):not(#_):not(#_):not(#_){background:transparent!important;box-shadow:none!important;border-radius:0!important}
html body .ps-host .hl-card>.ip-tabrow [data-pstab].on:not(#_):not(#_):not(#_):not(#_):not(#_){box-shadow:inset 0 -3px 0 var(--c-ink)!important}
html body .ps-host .hl-card form.bk-add:not(#_):not(#_):not(#_):not(#_),html body .ps-host .hl-card form.bk-add>*:not(#_):not(#_):not(#_):not(#_){background:transparent!important;border-inline:0!important;box-shadow:none!important}
html body .hl-c .hl-warn:not(#_){position:absolute;top:-6px;inset-inline-end:-8px;min-width:17px;height:17px;padding:0 4px;box-sizing:border-box;border-radius:999px;background:var(--status-stuck-fg,#d4382c);color:#fff;font:700 10.5px/17px var(--font-sans);font-style:normal;text-align:center;box-shadow:0 0 0 2px var(--page,var(--surface))}
html[dir="rtl"] body .hl-ma:not(#_):not(#_){transform:scaleX(-1)} /* ‹ › point the way the month goes in Arabic */
@media (max-width:760px){html body:has(details.hl-menu[open]) .pal:not(#_):not(#_):not(#_):not(#_){display:none} /* a menu open as a sheet: Kasper steps aside */}

/* ---------- pages built on it: Clients, the list and a client's page (public/content.js; Hallmark, 3 November 2026) ---------- */
/* the list's top: "Clients" and how many, then Find, Mine / Everyone, Columns, + New client and ⋯ */
html body .cl-head:not(#_){margin:0 0 18px;padding-top:4px}
html body .cl-head .hl-head-l:not(#_){flex-wrap:nowrap}
html body .cl-count:not(#_){display:inline-grid;place-items:center;min-width:36px;height:28px;padding:0 10px;box-sizing:border-box;border-radius:999px;background:var(--status-idle-bg);color:var(--ink-muted);font-size:13.5px;font-weight:600}
html body .cl-head .cl-find:not(#_):not(#_){width:190px;height:38px;min-height:38px;box-sizing:border-box}
html body .cl-head .hl-head-r>.btn-s:not(#_):not(#_),html body .cl-head .ct-colw>.btn-s:not(#_):not(#_),html body :is(.cl-head,.cl-chead) .hl-head-r .hl-more>summary:not(#_):not(#_){height:38px;min-height:38px;padding:0 14px;display:inline-flex;align-items:center;gap:8px;font-weight:600}
html body :is(.cl-head,.cl-chead) .hl-more>summary:not(#_):not(#_):not(#_){width:38px;padding:0;justify-content:center;font-size:18px}
html body .cl-head .ct-colw svg:not(#_),html body .cl-chead .cl-hbtn svg:not(#_),html body .cl-chead .cl-hubm>summary svg:not(#_){width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}
html body .cl-head .bk-mine:not(#_){height:38px;box-sizing:border-box}
/* the list: one plain table, no boxes round the rows, a thin line between them */
html body .cl-table:not(#_):not(#_){background:transparent;border:0;box-shadow:none;padding:0;border-radius:0;overflow-x:auto}
html body .cl-table .ct-tr:not(#_):not(#_):not(#_):not(#_){background:transparent!important;box-shadow:none!important;border:0!important;border-bottom:1px solid var(--border)!important;border-radius:0!important;margin:0!important;padding:10px 8px!important;gap:14px!important;height:auto!important;min-height:64px!important;align-items:center!important}
html body .cl-table .ct-tr:not(.ct-head2):hover:not(#_):not(#_):not(#_):not(#_){background:var(--surface-hover)!important}
html body .cl-table .ct-tr.ct-head2:not(#_):not(#_):not(#_):not(#_){min-height:0!important;padding:8px 8px!important;font-size:12.5px;font-weight:600;color:var(--ink-muted);position:static;background:transparent!important}
html body .cl-table .ct-tr.ct-head2>*:not(#_):not(#_):not(#_){justify-content:flex-start!important;text-align:start!important;padding:0!important;border:0!important;background:transparent!important}
html body .cl-table .ct-tr>.ct-cell:not(#_):not(#_):not(#_){padding:0!important;overflow:visible;white-space:normal;align-self:center;height:auto!important;border:0!important}
html body .cl-table .ct-tr>.ct-cell>:is(span,small,a):not(.sm-c):not(#_):not(#_){white-space:normal}
html body .cl-table .ct-tr>.ct-cell:has(>select.ct-stsel):not(#_):not(#_):not(#_){align-items:center!important}
html body .cl-table .ct-tr>.ct-cell>select.ct-stsel:not(#_):not(#_):not(#_){height:36px!important;min-height:36px!important;width:auto!important;min-width:132px;max-width:150px;border-radius:var(--radius-md)!important;font-weight:600}
html body .cl-table .ct-tr.cl-off:not(#_):not(#_):not(#_){opacity:.62}
html body :is(.cl-table .ct-tr,.lt-tot).cl-nofind:not(#_):not(#_):not(#_):not(#_){display:none!important} /* Find a client, in place */
html body .cl-table .ct-pickw:not(#_):not(#_){display:none}
html body .cl-table .ct-tr:is(:hover,:has(.ct-pick:checked)) .ct-pickw:not(#_):not(#_){display:inline-flex}
html body .cl-table .ct-tr:is(:hover,:has(.ct-pick:checked)) .cl-cc>.cav:not(#_):not(#_){display:none}
html body .cl-table .ct-pickw:not(#_):not(#_){width:34px;height:34px;align-items:center;justify-content:center;flex:none}
html body .cl-cc:not(#_):not(#_){display:flex;align-items:center;gap:12px;min-width:0}
html body .cl-cc .cav.sm:not(#_):not(#_){width:34px;height:34px;font-size:14px}
html body .cl-nm:not(#_){display:flex;flex-direction:column;gap:2px;min-width:0;flex:1 1 auto;align-self:stretch;justify-content:center;cursor:pointer}
html body .cl-nm1:not(#_){display:flex;align-items:center;gap:6px;min-width:0}
html body .cl-nm1 a.ct-name b:not(#_):not(#_):not(#_){display:block;font-family:inherit;font-size:15px;font-weight:600;color:var(--c-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body .cl-nm1 a.ct-name:not(#_):not(#_){min-width:0;text-decoration:none}
html body .cl-sub:not(#_){display:block;font-size:12.5px;line-height:1.35;color:var(--ink-subtle);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body .cl-sub.late:not(#_),html body .cl-ws small.late:not(#_),html body .cl-pm+small.late:not(#_),html body .ovb-cu em.late:not(#_){color:var(--status-stuck-fg);font-weight:600}
html body .cl-mc:not(#_){display:flex;flex-direction:column;gap:3px;min-width:0}
html body .cl-shoot:not(#_){display:flex;flex-direction:column;gap:2px;color:var(--c-ink);text-decoration:none;font-size:13.5px}
html body .cl-shoot:hover time:not(#_){text-decoration:underline}
html body .cl-am:not(#_),html body .cl-who:not(#_){display:inline-flex;align-items:center;gap:8px;font-size:14px;white-space:nowrap;min-width:0}
html body .cl-am small:not(#_){color:var(--ink-subtle);font-size:12.5px}
html body :is(.cl-am,.cl-who)>i:not(#_){display:inline-grid;place-items:center;flex:none;width:26px;height:26px;border-radius:50%;background:var(--status-done-bg);color:var(--status-done-fg);font-style:normal;font-size:10.5px;font-weight:700}
html body .cl-table .ct-tr select.wk-st:not(#_):not(#_){max-width:140px;height:36px;font-weight:600}
html body .cl-inact:not(#_){margin:14px 0 0;padding:0 12px}
html body .cl-inact button:not(#_):not(#_){background:none;border:0;padding:0;color:var(--c-ink);font:inherit;font-size:14px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
html body .cl-give:not(#_):not(#_){height:30px;display:inline-flex;align-items:center;padding:0 12px;font-size:13px;font-weight:600}
/* on a phone: one row a client */
html body .ct-phone .cl-pm:not(#_){display:flex;align-items:center;gap:8px;flex-wrap:wrap}
html body .ct-phone .cl-pm .hl-dw:not(#_){font-size:12.5px}
html body .ct-phone .ct-pi.cl-off:not(#_){opacity:.62}
html body .ct-phone small.late:not(#_){color:var(--status-stuck-fg)}

/* New client: the optional basics in small groups */
html body .cl-newf fieldset:not(#_){border:0;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:10px;min-width:0}
html body .cl-newf legend:not(#_){padding:0;margin:0 0 8px;font-size:14px;font-weight:600;color:var(--c-ink)}
html body .cl-two:not(#_){display:grid;grid-template-columns:1fr 1fr;gap:10px 14px}
html body .cl-two>label:not(#_){min-width:0}
html body .cl-svc:not(#_){display:flex;flex-wrap:wrap;gap:8px;align-items:center}
html body .cl-svc>small:not(#_){flex:1 1 100%;color:var(--ink-muted);font-size:12.5px}
html body .cl-chk:not(#_):not(#_){display:inline-flex!important;flex-direction:row!important;align-items:center;gap:6px;height:34px;padding:0 12px;border-radius:999px;background:var(--surface-sunken);font-size:13.5px;font-weight:500;cursor:pointer}
@media (max-width:560px){html body .cl-two:not(#_){grid-template-columns:1fr}}

/* a client's top: the name (switches client), its status, Client hub, Drive folder, ⋯; one line under it; the tabs, big */
html body .cl-chead:not(#_):not(#_){margin:0;padding:4px 0 0;border:0;background:transparent}
html body .cl-chead .hl-head-l:not(#_){flex-wrap:wrap;gap:8px 12px}
html body .cl-chead .ct-up:not(#_):not(#_){display:none}
html body .cl-chead .hl-title:not(#_):not(#_):not(#_){font-size:30px}
html body .cl-chead select.ct-hdst:not(#_):not(#_){height:36px;min-width:150px;max-width:180px;font-weight:600}
html body .cl-chead .ct-hdr:not(#_){display:inline-flex}
html body .cl-chead .ct-hdr .ip-more>summary:not(#_):not(#_){width:38px;height:38px;min-height:38px;padding:0;display:inline-grid;place-items:center;font-size:18px}
html body .cl-chead .cl-hbtn:not(#_):not(#_),html body .cl-chead .cl-hubm>summary:not(#_):not(#_){height:38px;min-height:38px;padding:0 14px;display:inline-flex;align-items:center;gap:8px;font-weight:600;text-decoration:none}
html body .cl-meta:not(#_){display:flex;align-items:center;flex-wrap:wrap;gap:8px 10px;margin:10px 0 0;font-size:14px;color:var(--ink-muted)}
html body .cl-sep:not(#_){font-style:normal;color:var(--ink-subtle)}
html body .cl-pkg:not(#_),html body .cl-svc1:not(#_){display:inline-flex;align-items:center;height:26px;padding:0 11px;border-radius:999px;font-size:13px;font-weight:600}
html body .cl-pkg:not(#_){background:var(--c-ink);color:var(--surface)}
html body .cl-svc1:not(#_){background:var(--status-idle-bg);color:var(--c-ink)}
html body .cl-who b:not(#_){font-weight:600;color:var(--c-ink)}
html body .cl-ig:not(#_){color:var(--c-ink);text-decoration:underline;text-underline-offset:3px}
html body .cl-meta .st-go:not(#_):not(#_){height:26px;display:inline-flex;align-items:center;padding:0 10px;font-size:13px;font-weight:600}
html body .cl-tabs:not(#_):not(#_):not(#_){display:flex;gap:4px 26px;margin:22px 0 24px;padding:0;border-bottom:1px solid var(--border);overflow-x:auto;scrollbar-width:none;background:transparent}
html body .cl-tabs::-webkit-scrollbar{display:none}
html body .cl-tabs a:not(#_):not(#_):not(#_){font-size:18px;font-weight:600;letter-spacing:-.01em;padding:8px 2px 12px;margin:0 0 -1px;color:var(--ink-muted);border:0;border-bottom:3px solid transparent;border-radius:0;background:transparent;display:inline-flex;align-items:center;gap:6px}
html body .cl-tabs a.on:not(#_):not(#_):not(#_),html body .cl-tabs a[aria-current="page"]:not(#_):not(#_):not(#_){color:var(--c-ink);border-bottom-color:var(--c-ink)}
html body .cl-tabs .ct-vlk:not(#_){width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2}

/* the Overview: what is going on on the left, the client on the right */
html body .cl-ov:not(#_){display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,360px);gap:28px 40px;align-items:start}
html body .cl-ovm:not(#_),html body .cl-ovs:not(#_){display:flex;flex-direction:column;gap:30px;min-width:0}
html body .cl-sec:not(#_):not(#_){background:transparent;border:0;box-shadow:none;padding:0;border-radius:0;min-width:0}
html body .cl-sec[hidden]:not(#_):not(#_){display:none}
html body .cl-sech:not(#_){display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 0 10px;margin:0;border-bottom:1px solid var(--border)}
html body .cl-sech h2:not(#_):not(#_){margin:0;font-size:18px;font-weight:600;letter-spacing:-.01em;color:var(--c-ink)}
html body .cl-secr:not(#_){display:inline-flex;align-items:center;gap:10px;color:var(--ink-muted);font-size:13px;font-weight:500}
html body .cl-secr .ovb-more:not(#_){font-size:13px}
html body .cl-wrow:not(#_){display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) auto;gap:6px 18px;align-items:center;padding:14px 4px;border-bottom:1px solid var(--border)}
html body .cl-wa:not(#_),html body .cl-ws:not(#_){display:flex;flex-direction:column;gap:3px;min-width:0}
html body .cl-wa b:not(#_){font-size:14.5px;font-weight:600;color:var(--c-ink)}
html body :is(.cl-wa,.cl-ws) small:not(#_){font-size:12.5px;color:var(--ink-subtle);line-height:1.35}
html body .cl-wg:not(#_){display:flex;justify-content:flex-end}
html body .cl-open:not(#_):not(#_){height:32px;display:inline-flex;align-items:center;padding:0 12px;border-radius:var(--radius-md);font-size:13px;font-weight:600;white-space:nowrap}
html body .cl-sec .ovb-line:not(#_),html body .cl-sec .ovb-calm:not(#_),html body .cl-sec .ovb-wait:not(#_){margin:12px 4px 0;color:var(--ink-muted);font-size:13.5px}
html body .cl-sec .ovb-nl:not(#_):not(#_){list-style:none;margin:0;padding:0}
html body .cl-sec .ovb-nl>li:not(#_):not(#_){display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 4px;border-bottom:1px solid var(--border);background:transparent;color:var(--c-ink)}
html body .cl-sec .ovb-nl>li>span:first-child:not(#_){display:flex;flex-direction:column;gap:2px;min-width:0}
html body .cl-sec .ovb-nl small:not(#_):not(#_){color:var(--ink-subtle);font-size:12.5px}
html body .cl-sec .ovb-nl b:not(#_):not(#_){color:var(--c-ink)}
html body .cl-more:not(#_){margin:12px 0 0}
html body .cl-ovs .ovb-facts:not(#_):not(#_){display:grid;grid-template-columns:1fr 1fr;gap:12px 18px;margin:12px 0 0}
html body .cl-ovs .ovb-facts dt:not(#_){font-size:12px;color:var(--ink-subtle)}
html body .cl-ovs .ovb-facts dd:not(#_){margin:2px 0 0;font-size:14.5px;font-weight:600;color:var(--c-ink)}
html body .cl-ovs .ovb-facts dd small:not(#_){display:block;font-weight:400;font-size:12px;color:var(--ink-subtle)}
html body .cl-ovs .ovb-cu:not(#_):not(#_){display:flex;flex-direction:column;margin:0}
html body .cl-ovs .ovb-cu>a:not(#_):not(#_){display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:14px;align-items:center;padding:12px 2px;border-bottom:1px solid var(--border);text-decoration:none;color:var(--c-ink);background:transparent}
html body .cl-ovs .ovb-cu>a:hover:not(#_):not(#_){background:var(--surface-hover)}
html body .cl-ovs .ovb-cal:not(#_):not(#_){display:flex;flex-direction:column;align-items:center;justify-content:center;width:44px;height:46px;border-radius:var(--radius-md);background:var(--surface);box-shadow:inset 0 0 0 1px var(--border);line-height:1.1}
html body .cl-ovs .ovb-cal b:not(#_){font-size:16px}html body .cl-ovs .ovb-cal small:not(#_){font-size:11px;color:var(--ink-subtle)}
html body .cl-ovs .ovb-cu>a>span:nth-child(2):not(#_){display:flex;flex-direction:column;gap:2px;min-width:0}
html body .cl-ovs .ovb-cu>a>span:nth-child(2) small:not(#_){font-size:12.5px;color:var(--ink-subtle)}
html body .cl-ovs .ovb-cu em:not(#_){font-style:normal;font-size:12.5px;color:var(--ink-muted);white-space:nowrap}
html body .cl-ovs .ovb-links:not(#_):not(#_){display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 0}
html body .cl-ovs .ovb-links>a:not(#_):not(#_){display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:999px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--border);color:var(--c-ink);text-decoration:none;font-size:13px;font-weight:600;max-width:100%}
html body .cl-ovs .ovb-links>a span:not(#_){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html body .cl-ovs .ovb-links>a i:not(#_){font-style:normal;color:var(--ink-subtle)}
html body .cl-ovs .ovb-links .ql-i:not(#_){width:14px;height:14px;flex:none}
html body .cl-ovs .ovb-who:not(#_){display:flex;flex-direction:column;gap:2px;margin:12px 0 8px}
html body .cl-ovs .ovb-reach:not(#_),html body .cl-ovs .ovb-team:not(#_){display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 0}
html body .cl-ovs .ovb-pill:not(#_):not(#_){display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px;border-radius:999px;background:var(--surface-sunken);font-size:12.5px;font-weight:600;color:var(--c-ink)}
html body .cl-ovs .ovb-pill small:not(#_){font-weight:400;color:var(--ink-subtle)}
html body .cl-ovs .ovb-mores:not(#_){display:inline-flex;gap:12px}
/* the onboarding steps, while the client is Onboarding: the shared steps line in a pale box */
html body .cl-onb:not(#_):not(#_){position:relative}
html body .cl-onb .hl-steps:not(#_){margin:16px 0 4px}
/* New client: getting started, its lines as round ticks grouped by service (public/checks.js started) */
html body .hl-tkw:not(#_){display:flex;flex-direction:column;gap:14px;padding:14px 0 0}
html body .hl-tkh:not(#_){display:block;margin:0 0 8px;font-size:13.5px;font-weight:600;color:var(--c-ink)}
html body .hl-tks:not(#_){display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:12px 10px}
html body .hl-tk:not(#_):not(#_){display:flex;flex-direction:column;align-items:center;gap:6px;padding:4px 2px;border:0;background:transparent;color:var(--ink-muted);font:inherit;font-size:12.5px;font-weight:500;line-height:1.25;text-align:center;cursor:pointer;border-radius:var(--radius-md)}
html body .hl-tk>i:not(#_){display:grid;place-items:center;width:26px;height:26px;border-radius:50%;box-sizing:border-box;border:2px solid var(--border-strong,var(--border));color:transparent;font-style:normal;font-size:13px;font-weight:700}
html body .hl-tk.on:not(#_):not(#_){color:var(--c-ink);font-weight:600}
html body .hl-tk.on>i:not(#_){background:var(--accent-green);border-color:var(--accent-green);color:var(--surface)}
html body .hl-tk:hover:not(#_):not(#_){background:var(--surface-hover)}
html body .hl-tk:focus-visible:not(#_):not(#_){outline:2px solid var(--focus);outline-offset:2px}
html body .hl-tk>span:not(#_){overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
html body .hl-tknone:not(#_){margin:0;font-size:13px;color:var(--ink-subtle)}
@media (max-width:980px){html body .cl-ov:not(#_){grid-template-columns:minmax(0,1fr)}}
@media (max-width:760px){
  html body .cl-head .hl-head-l:not(#_){flex-direction:row;align-items:center}
  html body .cl-head .hl-head-r:not(#_){display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}
  html body .cl-head .cl-find:not(#_):not(#_){width:100%;grid-column:1/-1}
  html body .cl-head .bk-mine:not(#_){grid-column:1/-1}
  html body .cl-head .cl-new:not(#_):not(#_){justify-content:center}
  html body .cl-chead .hl-head-l:not(#_){flex-direction:column;align-items:flex-start}
  html body .cl-chead .hl-title:not(#_):not(#_):not(#_){font-size:26px}
  html body .cl-chead .hl-head-r:not(#_){display:grid;grid-template-columns:1fr 1fr auto;gap:8px;width:100%}
  html body .cl-chead .hl-head-r>:is(a,details):not(#_){min-width:0}
  html body .cl-chead .cl-hbtn:not(#_):not(#_),html body .cl-chead .cl-hubm>summary:not(#_):not(#_){justify-content:center;width:100%;box-sizing:border-box}
  html body .cl-tabs:not(#_):not(#_):not(#_){gap:4px 20px;margin:16px 0 18px}
  html body .cl-tabs a:not(#_):not(#_):not(#_){font-size:16px}
  html body .cl-wrow:not(#_){grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"a a" "s g"}
  html body .cl-wa:not(#_){grid-area:a}html body .cl-ws:not(#_){grid-area:s}html body .cl-wg:not(#_){grid-area:g}
  html body .hl-tks:not(#_){grid-template-columns:repeat(3,minmax(0,1fr))}
}
html body .cl-ltbar:not(#_){display:inline-flex}html body .cl-ltbar .lt-bar:not(#_){display:inline-flex;gap:8px;align-items:center}
html body .cl-ltbar .lt-bar .btn-s:not(#_):not(#_){height:38px;min-height:38px}
html body .cl-chead .hl-head-l>.hl-title:not(#_):not(#_):not(#_):not(#_){display:block;flex:0 1 auto;width:auto;max-width:100%}
html body .cl-ovs .ovb-facts>div:not(#_):not(#_){display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:2px;padding:0;border:0;background:transparent}
html body .cl-ovs .ovb-facts dd:not(#_):not(#_){text-align:start}
html body .cl-chead>.hl-head-l:not(#_):not(#_){flex:1 1 auto;flex-wrap:wrap}
html body .cl-chead:not(#_):not(#_):not(#_){display:flex!important;flex-wrap:wrap;align-items:center;justify-content:space-between}
@media (max-width:760px){
  html body .cl-chead .hl-title:not(#_):not(#_):not(#_):not(#_){text-align:start;width:100%}
  html body .cl-chead .hl-cname:not(#_):not(#_):not(#_){max-width:100%;justify-content:flex-start}
  html body .cl-chead .hl-cname .hl-pkn:not(#_):not(#_):not(#_){flex:0 1 auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  html body .cl-chead .hl-head-l:not(#_):not(#_){align-items:flex-start!important;text-align:start}
}
html body .cl-chead .hl-title:not(#_):not(#_):not(#_):not(#_):not(#_){overflow:visible} /* the client switcher opens out of the name */
@media (max-width:760px){html body .cl-chead:not(#_):not(#_):not(#_):not(#_){flex-direction:column;align-items:stretch;gap:12px}html body .cl-chead>.hl-head-l:not(#_):not(#_):not(#_){width:100%}}
@media (max-width:760px){html body .cl-chead>.hl-head-l:not(#_):not(#_):not(#_):not(#_){flex-direction:row;flex-wrap:wrap;align-items:center!important;gap:8px 6px}html body .cl-chead>.hl-head-l>.hl-title:not(#_):not(#_):not(#_):not(#_):not(#_){flex:1 1 calc(100% - 44px);width:auto;min-width:0}html body .cl-chead>.hl-head-l>select:not(#_):not(#_):not(#_){flex:1 1 100%;max-width:220px}}
/* Other (3 November 2026): + New other item asks what it is; each choice says the Production type it goes to (public/posts.js otherSheet) */
html body .ps-okinds:not(#_){border:0;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;min-width:0}
html body .ps-okinds>legend:not(#_){font-weight:600;font-size:13px;margin-bottom:6px;padding:0}
html body .ps-ok:not(#_){display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);cursor:pointer;min-width:0}
html body .ps-ok:not(#_):hover{background:var(--surface-hover)}
html body .ps-ok.on:not(#_){border-color:var(--c-ink);background:var(--surface-sunken)}
html body .ps-ok>input:not(#_){margin:0;accent-color:var(--c-ink)}
html body .ps-ok>span:not(#_){display:flex;flex-direction:column;gap:2px;min-width:0}
html body .ps-ok b:not(#_){font-size:14px;font-weight:600}
html body .ps-ok small:not(#_){font-size:12px;color:var(--ink-muted);overflow-wrap:anywhere}
html body .ps-ok>em:not(#_){font-style:normal;font-size:11.5px;color:var(--ink-muted);white-space:nowrap;padding:2px 8px;border-radius:999px;background:var(--surface-sunken)}
html body .ps-othn:not(#_){margin:0 0 10px;max-width:72ch}
@media (max-width:480px){html body .ps-ok:not(#_){grid-template-columns:auto 1fr}html body .ps-ok>em:not(#_){grid-column:2;justify-self:start}}
html body .ps-host .ps-othl .ps-r.ps-r2:not(#_):not(#_):not(#_){--c:62px 52px minmax(260px,2.4fr) 170px 122px 196px 110px 124px 130px 170px minmax(180px,1.3fr) minmax(150px,1fr) 140px 170px 170px;min-width:2226px} /* the Other tab: What it is shows its words (public/posts.js COLS_O) */
@media (max-width:600px){html body .dl-o th:nth-child(4):not(#_),html body .dl-o td:nth-child(4):not(#_){display:none}} /* Delivered's Other on a phone: Made under is left out so Where it stands fits */
/* A post's translations, under its Arabic caption (Rami, 3 November 2026; lib/translation.js): each attached translation with who and
   when and Copy; one asked for and not ready yet; the Ask for a translation sheet */
html body .pp-trs:not(#_){display:flex;flex-direction:column;gap:10px;margin-top:12px}
html body .pp-tr:not(#_){display:flex;flex-direction:column;gap:6px;padding:12px 14px;border-radius:var(--radius-md);background:var(--surface-sunken);color:var(--c-ink)}
html body .pp-trh:not(#_){display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px}
html body .pp-trh>b:not(#_){font-size:14px;font-weight:600}
html body .pp-trh>small:not(#_){color:var(--ink-muted);font-size:12.5px;flex:1 1 auto;min-width:0}
html body .pp-trt:not(#_){margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:14.5px;line-height:1.55}
html body :is(.pp-trch,.pp-tropen,.pp-trmsg):not(#_){display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 10px;margin:0;font-size:13px}
html body .pp-trch:not(#_){padding:6px 10px;border-radius:var(--radius-md);background:var(--status-warn-bg);color:var(--status-warn-fg)}
html body .pp-trch>span:not(#_){font-weight:600}
html body .pp-tropen>span:not(#_){display:flex;flex-direction:column;gap:2px;min-width:0}
html body .pp-tropen small:not(#_){color:var(--ink-muted)}
html body .pp-trchw:not(#_){font-style:normal;color:var(--status-warn-fg)}
html body .pp-trmsg:not(#_){padding:8px 12px;border-radius:var(--radius-md);background:var(--status-done-bg);color:var(--status-done-fg)}
html body .pp-trask:not(#_){display:flex;flex-direction:column;gap:8px;padding:14px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface)}
html body .pp-trask>small:not(#_),html body .pp-trask .pp-f small:not(#_){color:var(--ink-muted);font-size:12.5px;font-weight:400}
html body .pp-trask .pp-do:not(#_){display:flex;flex-wrap:wrap;gap:8px}