/* The dashboard — application layer on the Saned design system.
   Only tokens from vendor/saned/tokens.css (+ tokens-dark.css). No business values here. */

:root{--input-line:#b2afa8;--hover-line:#d0cdc6;--hover-bg:#eae8e2;--link:var(--brand);--on-brand:#ffffff}
html{background:var(--paper)}
body.sd-page{min-height:100dvh;overflow-x:hidden}
.sd-page a{color:var(--link)}
.sd-mark{color:var(--on-brand)}
.sd-btn:hover{border-color:var(--hover-line)}
.sd-btn--primary:hover{border-color:var(--brand-2)}
.sd-btn--danger:hover{background:var(--neg-soft);border-color:var(--neg)}
.sd-input{border-color:var(--input-line);background:var(--panel)}
.sd-input[aria-invalid=true]{background:var(--neg-soft)}
.picker-category:hover{background:var(--hover-bg)}
.picker-category{color:var(--ink)}
.sd-table th{position:sticky;top:0;z-index:1}
textarea.sd-input{min-height:120px;resize:vertical;font-family:var(--mono);font-size:12.5px!important;line-height:1.6}
select.sd-input{appearance:auto}
dialog.sd-dialog{color:var(--ink)}
.mc-hidden{display:none!important}

/* ---------- shell ---------- */
.mc-layout{min-height:100dvh;display:grid;grid-template-rows:var(--topbar-h) minmax(0,1fr)}
.mc-topbar{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:12px;padding:0 20px;background:var(--panel);border-bottom:1px solid var(--line);min-width:0}
.mc-topbar .sd-wordmark{font-size:22px;white-space:nowrap}
/* Brand lockup: the logo file (GET /v1/branding) beside the wordmark. The mark is blue on transparent; in dark
   mode its navy parts would sink into the panel, so it sits on a soft light tile there. */
.mc-logo{display:grid;place-items:center;width:32px;height:32px;flex:none;border-radius:9px}
.mc-logo img{display:block;width:32px;height:32px;object-fit:contain}
.sd-brand{gap:9px}
[data-theme=dark] .mc-logo{background:#e9eef6;box-shadow:inset 0 0 0 1px #ffffff1f}
[data-theme=dark] .mc-logo img{width:26px;height:26px}
.mc-topbar-sep{width:1px;height:20px;background:var(--line)}
.mc-crumb{font-size:13px;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.mc-columns{display:grid;grid-template-columns:var(--rail-start) minmax(0,1fr);min-height:0}
.mc-rail{background:var(--rail);border-inline-end:1px solid var(--line);padding:16px;min-width:0;display:flex;flex-direction:column;gap:20px;position:sticky;top:var(--topbar-h);height:calc(100dvh - var(--topbar-h));overflow-y:auto;scrollbar-width:thin}
.mc-main{padding:28px 32px 48px;min-width:0}
.mc-view{max-width:1180px;margin-inline:auto}
.mc-view--narrow{max-width:760px}
.mc-nav{display:flex;flex-direction:column;gap:2px}
.mc-nav .sd-nav-item{display:flex;align-items:center;gap:10px;min-height:36px;border-inline-start:3px solid transparent}
.mc-nav .sd-nav-item .sd-icon{width:17px;height:17px;color:var(--ink-muted)}
.mc-nav .sd-nav-item[aria-current=page] .sd-icon{color:var(--brand-3)}
.mc-nav-count{margin-inline-start:auto}
.mc-rail-section{display:flex;flex-direction:column;gap:6px}
.mc-team-item{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:9px;text-decoration:none;color:var(--ink-2)!important;font-size:12.5px;min-width:0}
.mc-team-item:hover{background:var(--line-2)}
.mc-team-item[aria-current=page]{background:var(--panel);color:var(--ink)!important;box-shadow:var(--sh-1)}
.mc-team-item span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mc-rail-foot{margin-top:auto;font-size:11.5px;color:var(--ink-muted)}
.mc-mobile-only{display:none}
.mc-scrim{display:none}
.mc-rail-close{display:none}
@media(max-width:900px){
  .mc-columns{grid-template-columns:minmax(0,1fr)}
  .mc-rail{display:none}
  .mc-rail.mc-open{display:flex;position:fixed;inset-block:0;inset-inline-start:0;top:0;height:100dvh;width:min(300px,86vw);z-index:60;box-shadow:var(--sh-2)}
  .mc-scrim.mc-open{display:block;position:fixed;inset:0;background:#17171a70;z-index:50;border:0}
  .mc-mobile-only{display:inline-flex}
  .mc-rail-close{display:inline-flex;align-self:flex-start}
  .mc-main{padding:20px}
  .mc-topbar{padding:0 12px;gap:8px}
  .mc-topbar-sep,.mc-crumb{display:none}
}
@media(max-width:430px){
  .mc-main{padding:16px 16px 40px}
  .mc-topbar .sd-wordmark{font-size:19px}
  .mc-topbar .mc-logo,.mc-topbar .mc-logo img{width:28px;height:28px}
  [data-theme=dark] .mc-topbar .mc-logo img{width:23px;height:23px}
  .mc-hide-xs{display:none!important}
}

/* ---------- page header ---------- */
.mc-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:24px}
.mc-head h1{margin:0}
.mc-head p{margin:6px 0 0;color:var(--ink-2)}
.mc-head .sd-eyebrow{margin-bottom:6px}
@media(max-width:430px){.mc-head h1{font-size:26px}.mc-head{margin-bottom:18px}}
.mc-section{margin-top:28px}
.mc-section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px}
.mc-section-title h2{font-size:16px;margin:0;letter-spacing:-.01em}

/* ---------- generic bits ---------- */
.mc-avatar{display:inline-grid;place-items:center;flex:none;width:32px;height:32px;border-radius:50%;background:var(--brand-soft);color:var(--brand-ink);font-size:11.5px;font-weight:600;letter-spacing:.02em;border:1px solid var(--brand-line)}
.mc-avatar--sm{width:24px;height:24px;font-size:9.5px}
.mc-avatar--lg{width:56px;height:56px;font-size:18px}
.mc-avatar--human{background:var(--brand);color:var(--on-brand);border-color:var(--brand)}
.mc-avatar--muted{background:transparent;color:var(--ink-muted);border:1px dashed var(--ink-muted)}
/* photo avatars: the img fills the fixed box (no layout shift); initials stay underneath as the fallback */
.mc-avatar{position:relative;overflow:hidden}
.mc-avatar--photo{color:transparent;background:var(--sunk);border-color:var(--line)}
.mc-avatar-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}
.mc-avatar--human.mc-avatar--photo{border-color:var(--brand);box-shadow:0 0 0 1px var(--panel)}
.mc-avatar--muted.mc-avatar--photo{border:1px dashed var(--ink-muted);background:transparent}
.mc-avatar--muted .mc-avatar-img{inset:2px;width:calc(100% - 4px);height:calc(100% - 4px);filter:grayscale(1);opacity:.55}
.mc-emp-col .mc-avatar{display:grid;margin:0 auto 6px}
.mc-topbar-user{display:inline-flex;align-items:center}
.mc-count{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--brand);color:var(--on-brand);font-size:11px;font-weight:600;line-height:1}
.mc-count--quiet{background:var(--line);color:var(--ink-2)}
.mc-dl{display:grid;grid-template-columns:minmax(120px,180px) minmax(0,1fr);gap:0;margin:0}
.mc-dl dt{padding:12px 0;color:var(--ink-muted);font-size:12.5px;border-bottom:1px solid var(--line-2)}
.mc-dl dd{margin:0;padding:12px 0;border-bottom:1px solid var(--line-2);min-width:0;overflow-wrap:anywhere}
.mc-dl > :nth-last-child(-n+2){border-bottom:0}
@media(max-width:560px){.mc-dl{grid-template-columns:minmax(0,1fr)}.mc-dl dt{border-bottom:0;padding-bottom:0}.mc-dl dd{padding-top:2px}}
.mc-chips{display:flex;flex-wrap:wrap;gap:6px}
.mc-code{font-family:var(--mono);font-size:11.5px;color:var(--ink-2);direction:ltr;unicode-bidi:isolate}
.mc-link-row{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink)!important;padding:6px 0}
.mc-link-row:hover .mc-name{text-decoration:underline;text-underline-offset:3px}
.mc-name{font-weight:600;unicode-bidi:plaintext}
.mc-sub{font-size:12px;color:var(--ink-muted)}
.mc-pre{white-space:pre-wrap;overflow-wrap:anywhere;unicode-bidi:plaintext;margin:0}
.mc-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
@media(max-width:820px){.mc-grid-2{grid-template-columns:minmax(0,1fr)}}
.mc-list{list-style:none;margin:0;padding:0}
.mc-list > li{padding:12px 16px;border-bottom:1px solid var(--line-2);min-width:0}
.mc-list > li:last-child{border-bottom:0}
.mc-row-between{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;min-width:0}
.mc-toast{position:fixed;inset-inline:16px;bottom:16px;margin-inline:auto;max-width:420px;z-index:80;padding:12px 16px;border-radius:12px;background:var(--ink);color:var(--paper);font-size:13px;box-shadow:var(--sh-2);transform:translateY(12px);opacity:0;transition:opacity var(--motion-fast),transform var(--motion-fast);pointer-events:none}
.mc-toast.mc-show{opacity:1;transform:none}
.mc-sample-tag{font-size:10.5px;font-weight:600;color:var(--warn-ink);background:var(--warn-soft);border:1px solid var(--warn-line);border-radius:6px;padding:2px 7px;white-space:nowrap}

/* ---------- states ---------- */
.mc-state{padding:40px 20px;text-align:center;color:var(--ink-2)}
.mc-state h3{color:var(--ink);margin-bottom:6px;font-size:15px}
.mc-state p{margin:0 auto;max-width:420px;font-size:13px}
.mc-state .sd-btn{margin-top:16px}
.mc-state-icon{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:12px;border:1px solid var(--line);background:var(--sunk);color:var(--ink-muted);margin-bottom:12px}
.mc-state--error .mc-state-icon{color:var(--neg);border-color:var(--neg-line);background:var(--neg-soft)}
.mc-state--compact{padding:24px 16px}
.mc-skel-card{padding:16px;display:flex;flex-direction:column;gap:10px}
.mc-skel-card .sd-skeleton:nth-child(2){width:70%}
.mc-skel-card .sd-skeleton:nth-child(3){width:45%}

/* ---------- login ---------- */
.mc-login{min-height:100dvh;display:grid;place-items:center;padding:24px 16px;background:var(--paper)}
.mc-login-card{width:min(400px,100%)}
.mc-login-card .sd-card-body{display:flex;flex-direction:column;gap:16px;padding:28px}
.mc-login-brand{display:flex;align-items:center;gap:10px;margin-bottom:6px}
@media(max-width:430px){.mc-login-card .sd-card-body{padding:20px}}

/* ---------- KPIs & widgets ---------- */
.mc-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:1px;background:var(--line)}
.mc-kpi{background:var(--panel);padding:18px 20px;min-width:0}
.mc-kpi-label{font-size:12px;color:var(--ink-muted);font-weight:500}
.mc-kpi-value{display:flex;align-items:baseline;gap:6px;margin-top:6px}
.mc-kpi-value strong{font-size:28px;font-weight:600;letter-spacing:-.03em;line-height:1.1;font-variant-numeric:tabular-nums}
.mc-kpi-value span{font-size:12px;color:var(--ink-muted)}
.mc-kpi--link{text-decoration:none;color:inherit!important;transition:background var(--motion-fast)}
.mc-kpi--link:hover{background:var(--sunk)}
@media(max-width:430px){.mc-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.mc-kpi{padding:14px}.mc-kpi-value strong{font-size:24px}}
.mc-widgets{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:16px;margin-top:16px}
.mc-bars{display:flex;flex-direction:column;gap:8px}
.mc-bar{display:grid;grid-template-columns:minmax(80px,120px) minmax(0,1fr) 32px;align-items:center;gap:10px;font-size:12.5px}
.mc-bar-label{color:var(--ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mc-bar-track{height:8px;border-radius:4px;background:var(--line-2);overflow:hidden}
.mc-bar-fill{height:100%;background:var(--c1);border-radius:4px}
.mc-bar-val{text-align:end;font-variant-numeric:tabular-nums;color:var(--ink)}
.mc-overview-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:16px;margin-top:16px}
@media(max-width:980px){.mc-overview-grid{grid-template-columns:minmax(0,1fr)}}

/* ---------- activity feed ---------- */
.mc-feed > li{display:grid;grid-template-columns:24px minmax(0,1fr);gap:12px;align-items:start}
.mc-feed-text{font-size:13px;min-width:0}
.mc-feed-summary{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.mc-feed-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:4px;font-size:11.5px;color:var(--ink-muted)}

/* ---------- approvals (mobile-first hero) ---------- */
.mc-approvals{display:flex;flex-direction:column;gap:16px}
.mc-approval{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-l);box-shadow:var(--sh-1);overflow:hidden;transition:opacity var(--motion-normal),transform var(--motion-normal)}
.mc-approval.mc-leaving{opacity:0;transform:translateX(24px)}
.mc-approval-head{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--line-2);background:var(--sunk);min-width:0}
.mc-approval-who{min-width:0;flex:1}
.mc-approval-who .mc-name{display:block;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mc-approval-body{padding:16px;display:flex;flex-direction:column;gap:12px}
.mc-approval-title{font-size:17px;font-weight:600;line-height:1.4;letter-spacing:-.01em;margin:0;unicode-bidi:plaintext}
.mc-approval-text{font-size:14.5px;line-height:1.65;color:var(--ink);white-space:pre-wrap;overflow-wrap:anywhere;unicode-bidi:plaintext;margin:0}
.mc-approval-text:lang(ar),.mc-approval-title:lang(ar){font-family:var(--ar)}
.mc-media{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px}
.mc-media img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;border-radius:10px;border:1px solid var(--line);background:var(--sunk)}
.mc-media--single{grid-template-columns:minmax(0,420px)}
.mc-approval-actions{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:8px;padding:12px 16px 16px}
.mc-approval-actions .sd-btn{min-height:48px;font-size:14px!important}
.mc-approval-edit{display:flex;flex-direction:column;gap:10px;padding:0 16px 4px}
.mc-approval-done{padding:14px 16px;font-size:13px;display:flex;align-items:center;gap:8px}
@media(min-width:900px){.mc-approvals{max-width:760px}}

/* ---------- org chart ---------- */
.mc-org{overflow-x:auto;padding:4px 2px 12px}
.oc-tree,.oc-tree ul{list-style:none;margin:0;padding:0}
.oc-node{display:flex;align-items:center;gap:6px;min-width:0}
.oc-card{display:flex;align-items:center;gap:10px;width:228px;min-width:0;padding:10px 12px;background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:var(--sh-1);text-decoration:none;color:var(--ink)!important;text-align:start;cursor:pointer;transition:border-color var(--motion-fast),box-shadow var(--motion-fast)}
.oc-card:hover{border-color:var(--brand-line);box-shadow:var(--sh-2)}
.oc-card-text{min-width:0;flex:1}
.oc-card .mc-name{display:block;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.oc-card .mc-sub{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11.5px}
.oc-card .sd-badge{margin-top:4px}
.oc-card--off{border-style:dashed;background:var(--sunk);box-shadow:none}
.oc-card--off .mc-name{color:var(--ink-2)}
.oc-toggle{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:8px;border:1px solid var(--line);background:var(--panel);color:var(--ink-2);cursor:pointer;flex:none}
.oc-toggle:hover{background:var(--sunk)}
.oc-toggle .sd-icon{width:14px;height:14px;transition:transform var(--motion-fast)}
.oc-toggle[aria-expanded=false] .sd-icon{transform:rotate(-90deg)}
[dir=rtl] .oc-toggle[aria-expanded=false] .sd-icon{transform:rotate(90deg)}
.oc-toggle-spacer{width:28px;flex:none}
/* vertical outline (default, phones, and any leaf-only group) */
.oc-tree ul{margin-inline-start:13px;padding-inline-start:20px;border-inline-start:1px solid var(--line)}
.oc-tree li{position:relative;padding-top:10px}
.oc-tree ul > li::before{content:"";position:absolute;inset-inline-start:-20px;top:34px;width:20px;border-top:1px solid var(--line)}
.oc-tree ul > li:last-child::after{content:"";position:absolute;inset-inline-start:-21px;top:35px;bottom:0;width:2px;background:var(--paper)}
.oc-tree > li{padding-top:0}
.oc-legend{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;color:var(--ink-muted);margin-bottom:16px}
.oc-legend span{display:inline-flex;align-items:center;gap:6px}
.oc-swatch{width:14px;height:10px;border-radius:3px;border:1px solid var(--line);background:var(--panel)}
.oc-swatch--off{border-style:dashed;background:var(--sunk);border-color:var(--ink-muted)}
@media(max-width:430px){.oc-card{width:min(228px,calc(100vw - 120px))}}

/* ---------- tabs: underline variation of .sd-tabs ---------- */
.mc-tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:none;margin-bottom:20px}
.mc-tabs::-webkit-scrollbar{display:none}
.mc-tabs a,.mc-tabs button{flex:none;display:inline-flex;align-items:center;gap:6px;padding:10px 12px;margin-bottom:-1px;border:0;border-bottom:2px solid transparent;background:none;color:var(--ink-2)!important;font-size:13px;font-weight:500;text-decoration:none;cursor:pointer;white-space:nowrap;min-height:40px}
.mc-tabs a:hover,.mc-tabs button:hover{color:var(--ink)!important}
.mc-tabs [aria-selected=true],.mc-tabs [aria-current=page]{color:var(--ink)!important;border-bottom-color:var(--brand-3);font-weight:600}
.mc-seg{display:flex;gap:4px;padding:4px;border:1px solid var(--line);background:var(--rail);border-radius:9px;max-width:100%;overflow-x:auto;scrollbar-width:none}
.mc-seg button{flex:none;border:0;border-radius:6px;padding:6px 12px;background:transparent;color:var(--ink-2);font-size:12.5px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px;min-height:32px}
.mc-seg button[aria-pressed=true]{background:var(--panel);color:var(--ink);box-shadow:var(--sh-1)}
@media(pointer:coarse){.mc-seg button,.mc-tabs a,.mc-tabs button{min-height:44px}}

/* ---------- employee header ---------- */
.mc-emp-head{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:20px}
.mc-emp-head h1{margin:0;font-size:28px;unicode-bidi:plaintext}
.mc-emp-head-text{min-width:0;flex:1}
.mc-emp-head .mc-chips{margin-top:8px}

/* ---------- duties matrix ---------- */
.mc-matrix-wrap{overflow:auto;max-height:calc(100dvh - 230px);border-top:1px solid var(--line)}
.mc-matrix{border-collapse:separate;border-spacing:0;font-size:12.5px;width:100%}
.mc-matrix th,.mc-matrix td{border-bottom:1px solid var(--line-2);padding:8px 10px;background:var(--panel);white-space:nowrap}
.mc-matrix thead th{position:sticky;top:0;z-index:3;background:var(--sunk);font-size:11px;color:var(--ink-muted);font-weight:600;vertical-align:bottom;border-bottom:1px solid var(--line)}
.mc-matrix thead th.mc-emp-col{text-align:center;min-width:86px;max-width:96px;white-space:normal;line-height:1.3}
.mc-matrix thead th.mc-emp-col a{color:var(--ink-2)!important;text-decoration:none;font-weight:600;font-size:11.5px;text-transform:none;letter-spacing:0}
.mc-matrix thead th.mc-emp-col a:hover{color:var(--ink)!important;text-decoration:underline}
.mc-matrix .mc-sticky{position:sticky;inset-inline-start:0;z-index:2;max-width:340px;min-width:240px;white-space:normal;border-inline-end:1px solid var(--line)}
.mc-matrix thead .mc-sticky{z-index:4}
.mc-matrix td.mc-cell{text-align:center}
.mc-matrix tr.mc-group th{background:var(--rail);text-align:start;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted);padding:8px 10px;position:sticky;inset-inline-start:0}
.mc-matrix tbody tr:hover td,.mc-matrix tbody tr:hover th{background:var(--sunk)}
.mc-matrix tfoot td,.mc-matrix tfoot th{position:sticky;bottom:0;background:var(--sunk);font-weight:600;border-top:1px solid var(--line);border-bottom:0;z-index:2}
.mc-matrix tfoot .mc-sticky{z-index:4}
.mc-mark{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:7px;font-size:10.5px;font-weight:700}
.mc-mark--owner{background:var(--brand);color:var(--on-brand)}
.mc-mark--contrib{border:1.5px solid var(--brand-3);color:var(--brand-ink);background:var(--brand-soft)}
.mc-duty-name{display:flex;gap:8px;align-items:baseline}
.mc-col-off{opacity:.6}
@media(max-width:430px){.mc-matrix .mc-sticky{min-width:170px;max-width:190px}.mc-matrix-wrap{max-height:calc(100dvh - 210px)}}

/* ---------- content board & calendar ---------- */
.mc-board{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(232px,1fr);gap:12px;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x proximity}
.mc-col{background:var(--rail);border:1px solid var(--line);border-radius:var(--r-l);display:flex;flex-direction:column;min-height:180px;scroll-snap-align:start;min-width:0}
.mc-col-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border-bottom:1px solid var(--line);font-size:12px;font-weight:600;color:var(--ink-2)}
.mc-col-body{display:flex;flex-direction:column;gap:8px;padding:10px}
.mc-col-empty{font-size:12px;color:var(--ink-muted);padding:12px 4px;text-align:center}
.mc-post{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:10px 12px;box-shadow:var(--sh-1);display:flex;flex-direction:column;gap:8px;min-width:0}
.mc-post-title{font-size:13px;font-weight:600;line-height:1.45;unicode-bidi:plaintext;overflow-wrap:anywhere}
.mc-post-meta{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:11.5px;color:var(--ink-muted)}
.mc-post select{min-height:32px!important;padding:4px 8px;font-size:12px!important}
@media(max-width:430px){.mc-board{grid-auto-columns:minmax(78vw,1fr)}}
.mc-cal-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.mc-cal-bar h2{font-size:18px;margin:0;min-width:150px}
.mc-cal{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border:1px solid var(--line);border-radius:var(--r-l);overflow:hidden;background:var(--line);gap:1px}
.mc-cal-dow{background:var(--sunk);padding:8px;font-size:11px;font-weight:600;color:var(--ink-muted);text-transform:uppercase;letter-spacing:.06em}
.mc-cal-day{background:var(--panel);min-height:104px;padding:6px;display:flex;flex-direction:column;gap:4px;min-width:0}
.mc-cal-day--out{background:var(--sunk)}
.mc-cal-day--out .mc-cal-num{color:var(--ink-4)}
.mc-cal-num{font-size:12px;color:var(--ink-2);font-variant-numeric:tabular-nums}
.mc-cal-day--today .mc-cal-num{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--brand);color:var(--on-brand);font-weight:600}
.mc-cal-item{font-size:11.5px;line-height:1.35;padding:3px 6px;border-radius:6px;background:var(--brand-soft);color:var(--brand-ink);border-inline-start:2px solid var(--brand-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;unicode-bidi:plaintext}
.mc-cal-item--done{background:var(--pos-soft);color:var(--pos-ink);border-color:var(--pos)}
.mc-agenda{display:none}
@media(max-width:700px){.mc-cal{display:none}.mc-agenda{display:block}}

/* ---------- settings ---------- */
.mc-settings{display:grid;grid-template-columns:280px minmax(0,1fr);gap:20px;align-items:start}
.mc-settings .record-pickers{max-height:none;border:0;padding:12px}
.mc-settings-pick{position:sticky;top:calc(var(--topbar-h) + 16px)}
.mc-table-btn{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:8px 10px;border:0;border-radius:7px;background:transparent;text-align:start;font-size:12.5px;color:var(--ink);cursor:pointer;min-height:36px}
.mc-table-btn:hover{background:var(--hover-bg)}
.mc-table-btn[aria-current=true]{background:var(--brand-soft);color:var(--brand-ink);font-weight:600}
.mc-table-btn .mc-count{background:var(--line);color:var(--ink-2)}
.mc-table-list{display:flex;flex-direction:column;gap:2px;margin-top:8px;max-height:300px;overflow-y:auto}
.mc-switch{position:relative;display:inline-flex;align-items:center;gap:10px;cursor:pointer}
.mc-switch input{position:absolute;opacity:0;width:40px;height:24px;margin:0;cursor:pointer}
.mc-switch-track{width:40px;height:24px;border-radius:12px;background:var(--line);border:1px solid var(--input-line);position:relative;transition:background var(--motion-fast);flex:none}
.mc-switch-track::after{content:"";position:absolute;top:2px;inset-inline-start:2px;width:18px;height:18px;border-radius:50%;background:var(--panel);box-shadow:var(--sh-1);transition:inset-inline-start var(--motion-fast)}
.mc-switch input:checked + .mc-switch-track{background:var(--brand);border-color:var(--brand)}
.mc-switch input:checked + .mc-switch-track::after{inset-inline-start:18px}
.mc-switch input:focus-visible + .mc-switch-track{outline:2px solid var(--brand-3);outline-offset:2px}
.mc-row-off td{color:var(--ink-muted)}
.mc-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.mc-form-grid .mc-span{grid-column:1/-1}
@media(max-width:900px){.mc-settings{grid-template-columns:minmax(0,1fr)}.mc-settings-pick{position:static}}
@media(max-width:480px){.mc-form-grid{grid-template-columns:minmax(0,1fr)}}
.mc-table-actions{display:flex;gap:6px;justify-content:flex-end}
.mc-table-actions .sd-btn{min-height:30px;padding:4px 10px}
@media(pointer:coarse){.mc-table-actions .sd-btn{min-height:40px}}
.sd-table td.mc-wrap{white-space:normal;min-width:200px;max-width:420px}

/* ---------- fixes after visual review ---------- */
/* Inter's tnum also widens hyphens ("go - live"); keep tabular figures for numbers only. */
body.sd-page{font-variant-numeric:normal}
.sd-num,.mc-kpi-value strong,.mc-bar-val,.mc-count,.mc-cal-num,.mc-matrix tfoot td{font-variant-numeric:tabular-nums}
.mc-bar-fill{display:block}
.mc-bar-track{display:block}
.mc-code{white-space:nowrap}
.mc-matrix-wrap{position:relative}
.mc-matrix thead th.mc-sticky{text-align:start}
.mc-seg{width:fit-content}
.oc-card{width:264px}
.mc-table-btn{text-decoration:none!important}
.mc-table-btn .mc-count{text-decoration:none}
.sd-page a.sd-brand{color:var(--ink)!important}
.oc-tree ul > li:last-child::after{background:var(--panel)}
@media(max-width:430px){.mc-matrix .mc-sticky{min-width:148px;max-width:156px;font-size:12px}.mc-matrix .mc-sticky .mc-duty-name{flex-direction:column;gap:0}}
.mc-section-title{flex-wrap:wrap}
.sd-btn{white-space:nowrap}

/* Settings -> Autonomy */
.mc-pause{border-width:1px}
.mc-pause--running{border-color:var(--pos-line)}
.mc-pause--paused{border-color:var(--neg-line);background:var(--neg-soft)}
.mc-pause-body{display:flex;gap:20px;align-items:center;justify-content:space-between;padding:20px 22px;flex-wrap:wrap}
.mc-pause-text{min-width:0;flex:1 1 320px}
.mc-pause-text h3{font-size:24px;margin:2px 0 6px;letter-spacing:-.02em}
.mc-pause--running .mc-pause-text h3{color:var(--pos-ink)}
.mc-pause--paused .mc-pause-text h3{color:var(--neg-ink)}
.mc-pause-text p{margin:4px 0}
.mc-pause-actions{display:flex;gap:10px;align-items:center;flex:1 1 280px;justify-content:flex-end;flex-wrap:wrap}
.mc-pause-actions .sd-input{flex:1 1 200px;min-width:0}
.mc-pause-btn{min-height:44px;padding-inline:18px;font-weight:600}
.mc-num-in{width:88px;text-align:end;font-variant-numeric:tabular-nums}
.mc-autonomy-table td{vertical-align:middle}
.mc-form-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:640px){.mc-form-grid--3{grid-template-columns:repeat(2,minmax(0,1fr))}.mc-pause-actions{justify-content:stretch}.mc-pause-btn{width:100%}}
.mc-settings > *,[data-region=autonomy] .sd-stack > *,[data-region=autonomy] > *{min-width:0}
[data-region=autonomy] .sd-table-wrap{position:relative}
.mc-override-row td{padding-top:0;border-top:0}
.mc-overrides{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;padding:0 0 10px;min-width:0}
.mc-override{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:4px 10px;border:1px solid var(--warn-line);background:var(--warn-soft);border-radius:var(--r-m)}
.mc-override-add{display:flex;gap:6px;align-items:center;margin-inline-start:auto}

/* ---------- team chat (#/chat) ---------- */
.mc-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.mc-view--chat{max-width:1280px}
.mc-chat-head{margin-bottom:16px}
.mc-chat{display:grid;grid-template-columns:minmax(300px,380px) minmax(0,1fr);gap:16px;height:calc(100dvh - var(--topbar-h) - 150px);min-height:480px}
.mc-chat-list,.mc-chat-thread{min-width:0;min-height:0;background:var(--panel);border:1px solid var(--line);border-radius:var(--r-l);box-shadow:var(--sh-1);display:flex;flex-direction:column;overflow:hidden}
.mc-chat-filters{display:flex;flex-direction:column;gap:8px;padding:12px;border-bottom:1px solid var(--line-2)}
.mc-chat-filters .mc-seg{width:auto}
.mc-chat-filter-row{display:flex;gap:8px;min-width:0}
.mc-chat-select{flex:1;min-width:0;height:34px;padding:0 8px;font-size:12.5px}
.mc-chip-toggle{border:1px solid var(--line);background:var(--panel);color:var(--ink-2);border-radius:999px;padding:4px 12px;font-size:12px;font-weight:500;cursor:pointer;min-height:30px}
.mc-chip-toggle:hover{border-color:var(--hover-line)}
.mc-chip-toggle[aria-pressed=true]{background:var(--brand-soft);border-color:var(--brand-line);color:var(--brand-ink)}
.mc-chat-items{flex:1;overflow-y:auto;min-height:0;scrollbar-width:thin}
.mc-chat-ul > li{padding:0;border-bottom:1px solid var(--line-2)}
.mc-chat-row{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;text-decoration:none;color:var(--ink)!important;min-width:0}
.mc-chat-row:hover{background:var(--sunk)}
.mc-chat-ul > li.mc-active .mc-chat-row{background:var(--brand-soft);box-shadow:inset 3px 0 0 var(--brand)}
.mc-chat-row-text{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}
.mc-chat-row-top{display:flex;align-items:baseline;gap:8px;min-width:0}
.mc-chat-title{font-size:13px;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;unicode-bidi:plaintext}
.mc-chat-row-top time{font-size:11px;color:var(--ink-muted);flex:none;font-variant-numeric:tabular-nums}
.mc-chat-preview{font-size:12.5px;color:var(--ink-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.mc-chat-from{font-weight:600;color:var(--ink)}
.mc-chat-marks{display:flex;flex-wrap:wrap;gap:4px;align-items:center;min-width:0}
.mc-chat-marks .sd-badge{font-size:10.5px;padding:1px 7px}
.mc-chat-row .mc-count{flex:none;align-self:center}
.mc-typing-text{color:var(--brand-3);font-style:italic}
.mc-stack{display:inline-flex;flex:none;align-items:center}
.mc-stack .mc-avatar{box-shadow:0 0 0 2px var(--panel)}
.mc-stack .mc-avatar + .mc-avatar{margin-inline-start:-8px}
.mc-chat-row .mc-stack{width:44px;padding-top:2px}
.mc-chat-empty{flex:1;display:grid;place-items:center}

.mc-thread{display:flex;flex-direction:column;min-height:0;flex:1}
.mc-thread-head{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line-2);min-width:0}
.mc-thread-title{display:flex;flex-direction:column;min-width:0;flex:1}
.mc-thread-title strong{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;unicode-bidi:plaintext}
.mc-thread-head .sd-badge{display:inline-flex;align-items:center;gap:4px;max-width:140px}
.mc-thread-head .sd-badge .sd-icon{width:12px;height:12px}
.mc-thread-back{display:none}
.mc-thread-scroll{flex:1;overflow-y:auto;min-height:0;padding:16px 20px;scrollbar-width:thin}
.mc-thread-notices:not(:empty){display:flex;flex-direction:column;gap:8px;margin-bottom:16px}
.mc-thread-notices .sd-alert{display:flex;gap:8px;align-items:flex-start;font-size:12.5px}
.mc-thread-notices .sd-icon{width:16px;height:16px;flex:none;margin-top:2px}
.mc-timeline{list-style:none;margin:0 auto;padding:0;display:flex;flex-direction:column;gap:18px;max-width:var(--thread-max)}
.mc-msg{font-size:13.5px}
.mc-msg .sd-message-body{max-width:calc(100% - 44px)}
.mc-msg-meta{display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px;margin-bottom:6px;font-size:12px;min-width:0}
.mc-msg-meta .mc-name{color:var(--ink)!important;text-decoration:none;font-size:12.5px}
.mc-msg-meta time{font-size:11px;color:var(--ink-muted);font-variant-numeric:tabular-nums}
.mc-msg-meta--end{justify-content:flex-end}
.mc-type-chip{font-size:10.5px;font-weight:600;letter-spacing:.02em;color:var(--ink-2);border:1px solid var(--line);border-radius:6px;padding:0 6px;line-height:18px;background:var(--sunk)}
.mc-msg-card{display:inline-block;max-width:100%;padding:10px 14px;background:var(--sunk);border:1px solid var(--line);border-radius:4px 14px 14px 14px}
.mc-msg-text{margin:0;overflow-wrap:anywhere;line-height:1.6;unicode-bidi:plaintext}
.mc-msg-text p{margin:0;white-space:pre-wrap}
.mc-msg-text p + p,.mc-msg-text p + ul,.mc-msg-text p + ol,.mc-msg-text ul + p,.mc-msg-text ol + p{margin-top:8px}
.mc-msg-text ul,.mc-msg-text ol{margin:4px 0 0;padding-inline-start:18px}
.mc-msg-text li + li{margin-top:2px}
.mc-line{display:block}
.mc-msg-text strong{font-weight:600}
.sd-bubble .mc-msg-text,.sd-bubble .mc-msg-text strong{color:inherit}
.mc-msg-mine{display:flex;flex-direction:column;align-items:flex-end;max-width:82%;min-width:0}
.mc-msg-mine .sd-bubble{max-width:100%;padding:10px 14px}
.mc-msg-note{display:flex;gap:6px;align-items:flex-start;margin:6px 0 0;font-size:11.5px;color:var(--ink-muted)}
.mc-msg-note--held{color:var(--warn-ink)}
.mc-msg-note--deleted{color:var(--neg-ink)}
.mc-wa-deleted{text-decoration:line-through}
.mc-msg-note .sd-icon{width:13px;height:13px;flex:none;margin-top:2px}
.mc-receipt{display:block;margin-top:4px;font-size:11px}
.mc-timeline-empty{text-align:center;padding:24px 0}
.mc-working{padding:0 20px 8px}
.mc-typing{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--ink-2);padding:6px 12px 6px 8px;background:var(--sunk);border:1px solid var(--line);border-radius:999px}
.mc-dots{display:inline-flex;gap:3px}
.mc-dots i{width:5px;height:5px;border-radius:50%;background:var(--brand-3);animation:mc-dot 1.2s ease-in-out infinite}
.mc-dots i:nth-child(2){animation-delay:.15s}.mc-dots i:nth-child(3){animation-delay:.3s}
@keyframes mc-dot{0%,80%,100%{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-2px)}}
.mc-run-failed{display:flex;gap:8px;align-items:center;font-size:12px;color:var(--neg-ink);background:var(--neg-soft);border:1px solid var(--neg-line);border-radius:var(--r-s);padding:8px 12px}
.mc-run-failed .sd-icon{width:14px;height:14px;flex:none}
.mc-composer{margin:0 16px 16px;padding:8px 10px}
.mc-composer textarea{min-height:44px;font-size:13.5px}
.mc-composer-bar{display:flex;align-items:center;gap:8px;min-width:0;padding-top:4px}
.mc-composer-bar .sd-btn{min-height:34px}
.mc-emp-message{margin-inline-start:auto;align-self:center}
.mc-emp-message .sd-icon{width:16px;height:16px}
.mc-pick{max-height:min(60dvh,420px);overflow-y:auto;margin:12px -8px 0;border-top:1px solid var(--line-2)}
.mc-pick > li{padding:0}
.mc-pick-row{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border:0;background:none;text-align:start;cursor:pointer;color:var(--ink);border-radius:9px;min-height:44px}
.mc-pick-row:hover,.mc-pick-row:focus-visible{background:var(--sunk)}
.mc-pick-text{display:flex;flex-direction:column;min-width:0}
.mc-inbox-link{color:var(--ink)!important;text-decoration:none}
.mc-inbox-link:hover strong{text-decoration:underline;text-underline-offset:3px}
@media(max-width:900px){
  .mc-chat{grid-template-columns:minmax(0,1fr);height:auto;min-height:0}
  .mc-chat--open .mc-chat-list{display:none}
  .mc-chat:not(.mc-chat--open) .mc-chat-thread{display:none}
  .mc-chat--open{height:calc(100dvh - var(--topbar-h) - 40px)}
  .mc-view--chat .mc-chat-head{display:none}
  .mc-chat:not(.mc-chat--open){margin-top:0}
  .mc-thread-back{display:inline-flex}
}
@media(max-width:900px){.mc-view--chat:not(:has(.mc-chat--open)) .mc-chat-head{display:flex}}
@media(max-width:430px){
  .mc-thread-scroll{padding:12px}
  .mc-composer{margin:0 8px 8px}
  .mc-msg-mine{max-width:92%}
  .mc-thread-head{padding:10px 8px}
  .mc-chat--open{height:calc(100dvh - var(--topbar-h) - 32px)}
}
.mc-composer textarea:focus,.mc-composer textarea:focus-visible{outline:none;box-shadow:none}

/* ---------- content board: the card opens its post ---------- */
.mc-post--open{position:relative;transition:border-color var(--motion-fast),box-shadow var(--motion-fast)}
.mc-post--open:hover{border-color:var(--hover-line);box-shadow:var(--sh-2)}
.mc-post--open:has(.mc-post-link:focus-visible){border-color:var(--brand-3);box-shadow:var(--focus-ring)}
.mc-post-link{color:var(--ink)!important;text-decoration:none;outline:none}
.mc-post-link::after{content:"";position:absolute;inset:0;border-radius:inherit;cursor:pointer}
.mc-post--open:hover .mc-post-link{text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--line-3)}
.mc-post--open select,.mc-post--open .mc-post-meta a{position:relative;z-index:1}
a.mc-cal-item{display:block;text-decoration:none}
a.mc-cal-item:hover{filter:brightness(.97);text-decoration:underline}
.mc-open-post{display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:600;text-decoration:none;align-self:flex-start}
.mc-open-post:hover{text-decoration:underline;text-underline-offset:3px}

/* ---------- post detail (#/content/post/{id}) ---------- */
.pv-asset-link{display:block;margin-top:8px;max-width:320px}
.pv-asset-img{display:block;width:100%;height:auto;border-radius:var(--r-s);border:1px solid var(--line);background:var(--sunk)}
.pv-back{display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:500;color:var(--ink-2)!important;text-decoration:none;margin:-4px 0 12px;padding:6px 8px 6px 4px;border-radius:var(--r-s)}
.pv-back:hover{background:var(--hover-bg);color:var(--ink)!important}
.pv-page{display:flex;flex-direction:column;gap:16px;min-width:0}
.pv-head{display:flex;flex-direction:column;gap:10px;min-width:0}
.pv-title{margin:0;font-size:26px;line-height:1.35;letter-spacing:-.01em;unicode-bidi:plaintext;overflow-wrap:anywhere}
.pv-title:lang(ar){font-family:var(--ar);letter-spacing:0;line-height:1.55}
.pv-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px;font-size:12.5px;color:var(--ink-muted)}
.pv-meta .pv-author{padding:0;font-size:13px;gap:8px}
.pv-when time{color:var(--ink-2);font-variant-numeric:tabular-nums}
.pv-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 0;border-block:1px solid var(--line)}
.pv-stage{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;color:var(--ink-muted)}
.pv-stage select{min-width:150px}
.pv-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,380px);gap:20px;align-items:start}
.pv-main,.pv-side{display:flex;flex-direction:column;gap:16px;min-width:0}
.pv-side{position:sticky;top:calc(var(--topbar-h) + 16px)}
@media(max-width:1100px){.pv-grid{grid-template-columns:minmax(0,1fr)}.pv-side{position:static}}

.pv-preview{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-l);box-shadow:var(--sh-1);min-width:0;overflow:hidden}
.pv-stats{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px;padding:10px 20px;border-bottom:1px solid var(--line-2);background:var(--sunk);font-size:12px;color:var(--ink-muted);font-variant-numeric:tabular-nums}
.pv-stats strong{color:var(--ink);font-weight:600}
.pv-stats-who{display:inline-flex;align-items:center;gap:6px;margin-inline-start:auto}
.pv-body{padding:20px 24px 24px;max-width:680px;font-size:14.5px;line-height:1.65;color:var(--ink);overflow-wrap:anywhere}
.pv-body:lang(ar){font-family:var(--ar);font-size:15.5px;line-height:1.9;direction:rtl}
.pv-p{margin:0 0 1em;white-space:pre-wrap;unicode-bidi:plaintext;text-align:start}
.pv-p:last-child{margin-bottom:0}
.pv-more{all:unset;display:inline;unicode-bidi:isolate;direction:ltr;font-family:var(--sans);font-size:13.5px;font-weight:600;color:var(--ink-muted);cursor:pointer;border-radius:4px;padding:0 2px;white-space:nowrap}
.pv-more:hover{color:var(--link);text-decoration:underline;text-underline-offset:3px}
.pv-more:focus-visible{outline:2px solid var(--brand-3);outline-offset:2px}
.pv-less{margin:12px 0 0}
/* the writer's fold line: information, not a control (no cursor, no hover) */
.pv-fold{display:flex;align-items:center;gap:10px;margin:0 0 1em;font-size:11px;color:var(--ink-4);font-family:var(--sans);direction:ltr;cursor:default;user-select:none}
.pv-fold::before,.pv-fold::after{content:"";flex:1;border-top:1px dashed var(--line-3)}
.pv-fold-label{white-space:nowrap;letter-spacing:.02em}
.pv-edit-fold{display:flex;flex-wrap:wrap;gap:4px 6px;align-items:baseline;padding:8px 12px;border:1px dashed var(--line-3);border-radius:var(--r-s);font-size:12.5px;min-width:0}
.pv-edit-fold-line{color:var(--ink);unicode-bidi:plaintext;overflow-wrap:anywhere;min-width:0}
.pv-edit-fold-line:lang(ar){font-family:var(--ar)}
.pv-foot{margin:0;padding:0 24px 16px;font-size:12px;color:var(--ink-muted)}
.pv-over{color:var(--neg-ink)!important}
.pv-banner{display:flex;flex-wrap:wrap;align-items:center;gap:8px}

.pv-diff-card .sd-card-head{font-variant-numeric:tabular-nums}
.pv-diff-sum{font-weight:500;color:var(--ink-muted)}
.pv-add-ink{color:var(--pos-ink)}.pv-del-ink{color:var(--neg-ink)}
.pv-diff{display:flex;flex-direction:column;padding:8px 0;font-size:13.5px;line-height:1.7}
.pv-diff:lang(ar){font-family:var(--ar);font-size:14px;direction:rtl}
.pv-diff-row{display:grid;grid-template-columns:28px minmax(0,1fr);padding-block:1px;padding-inline:0 16px;min-width:0}
.pv-diff-row--add{background:var(--pos-soft)}
.pv-diff-row--del{background:var(--neg-soft)}
.pv-diff-row--del .pv-diff-text{text-decoration:line-through;text-decoration-color:color-mix(in srgb,var(--neg) 45%,transparent)}
.pv-diff-mark{text-align:center;color:var(--ink-muted);font-family:var(--mono);user-select:none}
.pv-diff-row--add .pv-diff-mark{color:var(--pos-ink)}.pv-diff-row--del .pv-diff-mark{color:var(--neg-ink)}
.pv-diff-text{white-space:pre-wrap;unicode-bidi:plaintext;text-align:start;overflow-wrap:anywhere}
.pv-diff-skip{padding-block:4px;padding-inline:28px 16px;font-size:11.5px;color:var(--ink-muted);font-family:var(--sans)}

.pv-edit-body{display:flex;flex-direction:column;gap:12px}
textarea.pv-editor{font-family:var(--sans);font-size:14.5px!important;line-height:1.7;min-height:420px;unicode-bidi:plaintext}
textarea.pv-editor:lang(ar){font-family:var(--ar);font-size:15.5px!important;line-height:1.9}
.pv-count{font-weight:500;font-variant-numeric:tabular-nums}
.pv-edit-actions{justify-content:flex-end}

.pv-hooks > li{display:flex;flex-direction:column;gap:8px}
.pv-hook--on{background:color-mix(in srgb,var(--pos-soft) 55%,transparent)}
.pv-hook-text{margin:0;font-size:14px;line-height:1.7;white-space:pre-wrap;unicode-bidi:plaintext;text-align:start;overflow-wrap:anywhere}
.pv-hook-text:lang(ar){font-family:var(--ar);font-size:14.5px;line-height:1.85}
.pv-hook-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-width:0}
.pv-use{min-height:32px;font-size:12.5px!important}
.pv-dl{padding:0 16px}
.pv-dl dd{font-size:13px;line-height:1.6;unicode-bidi:plaintext}
.pv-version{all:unset;box-sizing:border-box;display:flex;flex-direction:column;gap:6px;width:100%;cursor:pointer;padding:10px 12px}
.pv-versions > li{padding:0}
.pv-versions > li:has(.pv-version[aria-pressed=true]){background:var(--brand-soft)}
.pv-versions > li:hover{background:var(--hover-bg)}
.pv-version:focus-visible{outline:2px solid var(--brand-3);outline-offset:-2px}
.pv-version-top{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ink)}
.pv-version-top time{font-variant-numeric:tabular-nums}
.pv-version-who{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--ink-2)}
.pv-version-note{font-size:12px;color:var(--ink-muted);line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;unicode-bidi:plaintext;text-align:start;overflow-wrap:anywhere}
.pv-approval-meta{display:flex;flex-direction:column;gap:2px;margin-top:4px}
.pv-small-link{font-size:12px;font-weight:500;text-decoration:none;display:inline-block;margin-top:6px}
.pv-small-link:hover{text-decoration:underline}
.pv-metrics{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:1px;margin:0;background:var(--line-2);border-bottom:1px solid var(--line-2)}
.pv-metrics > div{background:var(--panel);padding:12px 16px}
.pv-metrics dt{font-size:11.5px;color:var(--ink-muted)}
.pv-metrics dd{margin:2px 0 0;font-size:18px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--ink)}
.pv-metrics + p{padding-top:10px!important}
@media(max-width:560px){
  .pv-title{font-size:21px}
  .pv-body{padding:16px}
  .pv-stats{padding:10px 16px}
  .pv-stats-who{margin-inline-start:0}
  .pv-foot{padding:0 16px 14px}
  .pv-actions .sd-grow{display:none}
  .pv-stage{width:100%}
  .pv-stage select{flex:1}
  .pv-fold-label{white-space:normal;text-align:center}
  textarea.pv-editor{min-height:360px}
}

/* ---------- approval cards: links out + structured channel actions ---------- */
.mc-approval-head{flex-wrap:wrap}
.mc-approval-tags{display:flex;flex-wrap:wrap;gap:6px;align-items:center;min-width:0}
.mc-approval-links{display:flex;flex-wrap:wrap;gap:6px;margin-inline-start:auto}
.mc-open-btn{min-height:32px;font-size:12.5px!important;padding-inline:10px;text-decoration:none;white-space:nowrap}
.mc-approval-title{overflow-wrap:anywhere}
.mc-approval-title--clip{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mc-act{display:flex;flex-direction:column;gap:12px;min-width:0}
.mc-act-block{display:flex;flex-direction:column;gap:4px;min-width:0}
.mc-act .mc-act-label{margin:0;font-size:11px;line-height:1.4;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted)}
.mc-act-proposed{padding:12px 14px;border:1px solid var(--line);border-inline-start:3px solid var(--brand-3);border-radius:var(--r-s);background:var(--sunk)}
.mc-act-text{margin:0;font-size:15px;line-height:1.65;color:var(--ink);white-space:pre-wrap;unicode-bidi:plaintext;text-align:start;overflow-wrap:anywhere}
.mc-act-text:lang(ar){font-family:var(--ar)}
.mc-act-author{margin:0;font-size:13px;font-weight:600;overflow-wrap:anywhere}
.mc-act-author a{text-decoration:none}
.mc-act-author a:hover{text-decoration:underline}
.mc-act-topic{margin:0;font-size:13.5px;font-weight:500;color:var(--ink);overflow-wrap:anywhere}
.mc-act-point{margin:0;font-size:13px;line-height:1.6;color:var(--ink-2);overflow-wrap:anywhere}
.mc-act-checks{border:1px solid var(--line-2);border-radius:var(--r-s);font-size:12.5px}
.mc-act-checks summary{cursor:pointer;padding:8px 12px;color:var(--ink-2);font-weight:500;list-style-position:inside}
.mc-act-checks ul{list-style:none;margin:0;padding:0 12px 10px;display:flex;flex-direction:column;gap:4px}
.mc-act-checks li{display:grid;grid-template-columns:16px minmax(0,1fr);gap:6px;overflow-wrap:anywhere;line-height:1.5}
.mc-check-ok .mc-check-mark{color:var(--pos-ink)}
.mc-check-no .mc-check-mark{color:var(--neg-ink)}
@media(max-width:430px){.mc-approval-links{margin-inline-start:0;width:100%}.mc-open-btn{flex:1;justify-content:center}}

/* ---------- chat attachments ---------- */
.mc-msg-text bdi{unicode-bidi:isolate}
.mc-attachments{display:flex;flex-direction:column;gap:8px;margin-top:8px;max-width:100%}
.mc-msg-mine .mc-attachments{align-items:flex-end}
.mc-att-images{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start}
.mc-msg-mine .mc-att-images{justify-content:flex-end}
.mc-att-thumb{display:block;padding:0;border:1px solid var(--line);border-radius:var(--r-m);background:var(--sunk);overflow:hidden;cursor:zoom-in;max-width:min(280px,100%)}
.mc-att-thumb:hover{border-color:var(--hover-line)}
.mc-att-thumb:focus-visible{outline:none;box-shadow:var(--focus-ring)}
.mc-att-thumb img{display:block;max-width:100%;height:auto;max-height:280px;object-fit:contain}
.mc-att-file{display:flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid var(--line);border-radius:var(--r-m);background:var(--panel);color:var(--ink)!important;text-decoration:none;max-width:min(340px,100%);min-width:0}
.mc-att-file:hover{border-color:var(--hover-line);background:var(--sunk)}
.mc-att-file > .sd-icon{width:16px;height:16px;flex:none;color:var(--ink-muted)}
.mc-att-file-icon{display:grid;place-items:center;width:32px;height:32px;flex:none;border-radius:8px;background:var(--brand-soft);color:var(--brand-ink)}
.mc-att-file-icon .sd-icon{width:16px;height:16px}
.mc-att-file-text{display:flex;flex-direction:column;min-width:0;flex:1}
.mc-att-file-text strong{font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mc-chips-att{list-style:none;margin:0 0 6px;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.mc-chip-att{display:flex;align-items:center;gap:8px;padding:4px 4px 4px 4px;border:1px solid var(--line);border-radius:10px;background:var(--sunk);max-width:240px;min-width:0}
.mc-chip-att--error{border-color:var(--neg-line);background:var(--neg-soft)}
.mc-chip-att--error .mc-sub{color:var(--neg-ink)}
.mc-chip-thumb{width:36px;height:36px;flex:none;border-radius:7px;object-fit:cover;background:var(--panel)}
.mc-chip-thumb--file{display:grid;place-items:center;color:var(--brand-ink);background:var(--brand-soft)}
.mc-chip-thumb--file .sd-icon{width:16px;height:16px}
.mc-chip-text{display:flex;flex-direction:column;min-width:0;font-size:12px;line-height:1.35}
.mc-chip-text .mc-sub{font-size:11px}
.mc-chip-x{flex:none;display:grid;place-items:center;width:28px;height:28px;border:0;border-radius:7px;background:transparent;color:var(--ink-2);cursor:pointer}
.mc-chip-x:hover{background:var(--line)}
.mc-chip-x .sd-icon{width:14px;height:14px}
.mc-composer-bar .sd-icon-btn .sd-icon{width:18px;height:18px}
.mc-thread{position:relative}
.mc-thread.mc-drop::after{content:'Drop files to attach';position:absolute;inset:8px;display:grid;place-items:center;border:2px dashed var(--brand-3);border-radius:var(--r-l);background:color-mix(in srgb,var(--panel) 88%,transparent);color:var(--brand-ink);font-weight:600;font-size:14px;pointer-events:none;z-index:5}
dialog.mc-lightbox{width:min(1100px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);padding:0;border:1px solid var(--line);border-radius:var(--r-l);background:var(--panel);color:var(--ink);box-shadow:var(--sh-2);overflow:hidden}
dialog.mc-lightbox::backdrop{background:rgba(23,23,26,.72)}
.mc-lightbox-bar{display:flex;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid var(--line-2);min-width:0}
.mc-lightbox-bar strong{font-size:13px;min-width:0}
.mc-lightbox-body{display:grid;place-items:center;padding:16px;background:var(--sunk);max-height:calc(100dvh - 110px);overflow:auto}
.mc-lightbox-body img{max-width:100%;max-height:calc(100dvh - 150px);object-fit:contain;display:block}
@media(max-width:430px){.mc-lightbox-bar .mc-sub{display:none}.mc-att-thumb{max-width:100%}}

/* ---- WhatsApp page (ADR 0009) ---------------------------------------------------------------------------- */
.mc-wa-top{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:16px;align-items:start}
.mc-wa-who{display:flex;align-items:center;gap:12px;margin:0 0 8px}
.mc-wa-who .sd-badge{margin-inline-end:4px}
.mc-wa-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.mc-wa-link{display:flex;flex-wrap:wrap;gap:20px;align-items:flex-start}
.mc-wa-qr{flex:none;width:264px;max-width:100%;min-height:120px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--line);border-radius:var(--r-m);padding:8px}
.mc-wa-qr-img{display:block;width:100%;height:auto;image-rendering:pixelated}
.mc-wa-qr-wait{text-align:center;padding:12px}
.mc-wa-link-text{flex:1 1 220px;min-width:0;display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.mc-wa-steps{margin:0;padding-inline-start:18px;display:grid;gap:6px}
.mc-wa-code-value{font:600 28px/1.2 var(--font-mono, ui-monospace, monospace);letter-spacing:.12em;margin:4px 0;font-variant-numeric:tabular-nums}
.mc-wa-chats{list-style:none;margin:0;padding:0}
.mc-wa-chat{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-top:1px solid var(--line-2)}
.mc-wa-chat-text{min-width:0;overflow-wrap:anywhere}
.mc-wa-list{margin:0;padding-inline-start:18px;display:grid;gap:6px}
.mc-wa-tokens{display:flex;flex-wrap:wrap;gap:6px;margin:0}
.mc-wa-table td{vertical-align:top}
.mc-nowrap{white-space:nowrap}
@media(max-width:560px){.mc-wa-qr{width:100%}.mc-wa-chat{padding:12px}}
.mc-wa-sec{margin:12px 16px 0}
.mc-wa-chat-ctl{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}
.mc-wa-private-add{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;margin:12px 0}
.mc-wa-private-add label{display:flex;flex-direction:column;gap:4px;flex:1 1 180px;min-width:0}
.mc-wa-private-add .sd-input{width:100%}
.mc-wa-mode{min-width:0;max-width:220px}
@media(max-width:560px){.mc-wa-chat{flex-direction:column;align-items:stretch}.mc-wa-chat-ctl{justify-content:space-between}.mc-wa-mode{max-width:none;flex:1}}
.mc-wa .mc-tabs{display:flex;gap:6px;flex-wrap:wrap}
.mc-wa-chat-ctl .sd-input{min-width:0;max-width:220px}
@media(max-width:560px){.mc-wa-chat-ctl .sd-input{max-width:none;flex:1 1 140px}}

/* ---------- meetings (ADR 0010): Nour, the notetaker ---------- */
.mc-meet-head{align-items:flex-start;flex-wrap:wrap}
.mc-meet-head .mc-switch{position:relative}
.mc-meet-who{display:flex;align-items:center;gap:12px;min-width:0}
.mc-check{display:inline-flex;align-items:center;gap:8px;font-size:13px;cursor:pointer}
.mc-meet-form{display:flex;flex-direction:column;gap:14px}
.mc-meet-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:14px;align-items:start}
.mc-meet-url{grid-column:1/-1}
.mc-meet-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;grid-column:1/-1}
.mc-meet-table td.mc-meet-title-cell{white-space:normal;min-width:180px}
.mc-meet-table td,.mc-meet-engines td{vertical-align:top}
.mc-num{font-variant-numeric:tabular-nums}
.mc-wrap{white-space:normal!important;overflow-wrap:anywhere}
.mc-meet-top{display:flex;align-items:center;gap:8px}
.mc-back{display:inline-flex;align-items:center;gap:6px;font-size:13px;text-decoration:none}
.mc-meet-cols{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:16px;align-items:start}
@media(max-width:900px){.mc-meet-cols{grid-template-columns:minmax(0,1fr)}}
.mc-callout{display:flex;align-items:flex-start;gap:8px;margin:8px 0;padding:10px 12px;border-radius:var(--r-m);background:var(--warn-soft,var(--sunk));border:1px solid var(--line);font-size:13px}
.mc-callout .sd-icon{flex:none;width:16px;height:16px;margin-top:2px}
.mc-callout--bad{background:var(--neg-soft)}
.mc-meet-people{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.mc-meet-people li{display:flex;align-items:center;gap:8px;font-size:13px}
.mc-meet-timeline{margin:0;padding-inline-start:18px;display:grid;gap:6px;font-size:12.5px}
.mc-meet-timeline strong{font-weight:600;text-transform:capitalize}
.mc-meet-h3{font-size:13px;margin:16px 0 6px;color:var(--ink-2);text-transform:uppercase;letter-spacing:.04em}
.mc-meet-h3:first-child{margin-top:0}
.mc-meet-list{margin:0;padding-inline-start:18px;display:grid;gap:4px}
.mc-pre{white-space:pre-line;margin:0}
.mc-meet-minutes .sd-table-wrap{margin:0 -16px}
.mc-meet-transcript{display:grid;gap:2px;max-height:640px;overflow-y:auto;padding-inline-end:4px}
.mc-seg-line{display:grid;grid-template-columns:52px minmax(64px,140px) minmax(0,1fr);gap:10px;margin:0;padding:6px 4px;border-bottom:1px solid var(--line-2);font-size:13.5px;line-height:1.7}
.mc-seg-time{color:var(--ink-muted);font-size:12px;padding-top:2px}
.mc-seg-who{font-weight:600;color:var(--ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mc-seg-text{overflow-wrap:anywhere}
@media(max-width:560px){.mc-seg-line{grid-template-columns:44px minmax(0,1fr)}.mc-seg-who{grid-column:2}.mc-seg-text{grid-column:1/-1}}
.mc-meet-variants{min-width:200px}
.mc-muted-row{opacity:.6}
.mc-meet-runs{margin:8px 16px 12px;padding-inline-start:18px}

/* ---------- mail (ADR 0011): Nour's mailbox ---------- */
.mc-emp-email a{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--ink-2);text-decoration:none}
.mc-emp-email .sd-icon{width:14px;height:14px}
.mc-mail-status{display:flex;flex-wrap:wrap;gap:8px 20px;align-items:center;font-size:13px}
.mc-mail-status dt{color:var(--ink-muted);font-size:12px}
.mc-mail-status dd{margin:0}
.mc-mail-status > div{display:grid;gap:2px;min-width:0}
.mc-mail-list{list-style:none;margin:0;padding:0}
.mc-mail-row{display:grid;grid-template-columns:minmax(0,220px) minmax(0,1fr) auto;gap:4px 16px;align-items:baseline;padding:12px 16px;border-bottom:1px solid var(--line-2);text-decoration:none;color:inherit}
.mc-mail-row:hover{background:var(--sunk)}
.mc-mail-row:last-child{border-bottom:0}
.mc-mail-from{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mc-mail-subj{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mc-mail-snip{color:var(--ink-muted)}
.mc-mail-meta{display:flex;align-items:center;gap:6px;justify-content:flex-end;white-space:nowrap;font-size:12px;color:var(--ink-muted)}
@media(max-width:700px){.mc-mail-row{grid-template-columns:minmax(0,1fr) auto}.mc-mail-subj{grid-column:1/-1;white-space:normal}}
.mc-mail-msg{border:1px solid var(--line);border-radius:var(--r-m);background:var(--panel)}
.mc-mail-msg-head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 12px;padding:12px 16px;border-bottom:1px solid var(--line-2);font-size:13px}
.mc-mail-msg-body{padding:12px 16px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13.5px;line-height:1.6;max-height:520px;overflow-y:auto}
.mc-mail-msg--out{border-inline-start:3px solid var(--brand-3)}
.mc-mail-files{display:flex;flex-wrap:wrap;gap:8px;padding:0 16px 12px}
.mc-mail-file{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid var(--line);border-radius:var(--r-s,6px);font-size:12.5px;text-decoration:none;color:var(--ink-2)}
.mc-mail-file .sd-icon{width:14px;height:14px}
.mc-mail-levels td,.mc-mail-levels th{text-align:center}
.mc-mail-levels td:first-child,.mc-mail-levels th:first-child{text-align:start}
.mc-mail-form{display:grid;gap:12px}
.mc-mail-form textarea{min-height:110px;font-family:inherit}
.mc-meet-checks{display:flex;flex-wrap:wrap;gap:8px 20px}
.mc-meet-pubs{display:grid;gap:4px}
.mc-meet-pubs a{display:inline-flex;align-items:center;gap:6px}
.mc-meet-pubs .sd-icon{width:14px;height:14px}
/* Settings -> Storage */
.mc-kv{display:grid;grid-template-columns:minmax(110px,max-content) minmax(0,1fr);gap:6px 16px;margin:0;padding:12px 16px;font-size:13.5px}
.mc-kv dt{color:var(--ink-muted)}
.mc-kv dd{margin:0;min-width:0;overflow-wrap:anywhere}
[data-region="storage"] td.num{font-variant-numeric:tabular-nums;white-space:nowrap}
[data-region="storage"] .mc-code{overflow-wrap:anywhere}
[data-region="storage"] .sd-table td{white-space:normal;vertical-align:top}
[data-region="storage"] .sd-table td .mc-sub{white-space:normal;max-width:52ch}
[data-region="storage"] .sd-table td.num{white-space:nowrap}

/* ---------- Claude sessions (ADR 0031/0032): every Claude Code session as a task, its agents, timeline and forks ---------- */
.mc-cs-filters{display:flex;flex-wrap:wrap;gap:8px;padding:12px 16px}
.mc-cs-filters .sd-input{flex:1 1 170px;min-width:0;width:auto}
.mc-cs-filters [data-filter=q]{flex:2 1 260px}
.mc-cs-head-btn{width:28px;min-height:28px;padding:4px;margin-block:-6px;box-shadow:none}
.mc-cs-head-btn .sd-icon{width:16px;height:16px}
.mc-cs-table th,.mc-cs-table td{padding-inline:12px}
.mc-cs-table th:first-child,.mc-cs-table td:first-child{padding-inline-start:16px}
.mc-cs-table th{white-space:normal}
.mc-cs-table td{vertical-align:top;white-space:normal}
.mc-cs-table td[data-col=ref],.mc-cs-table td[data-col=status],.mc-cs-table td[data-col=cwd],.mc-cs-table td[data-col=kb],.mc-cs-table td[data-col=started],.mc-cs-table td[data-col=last]{white-space:nowrap}
/* a session's requests in the list: unfinished/total, then the open ones (wraps under it when the column is narrow) */
.mc-cs-reqcount{display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:4px 6px;font-variant-numeric:tabular-nums}
.mc-cs-reqfrac{display:inline-flex;align-items:center;gap:3px;white-space:nowrap}
.mc-cs-table .mc-num{text-align:end;font-variant-numeric:tabular-nums}
.mc-cs-name{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-width:140px;max-width:240px;font-weight:600;white-space:normal;overflow-wrap:anywhere;text-decoration:none;unicode-bidi:plaintext}
.mc-cs-name:hover{text-decoration:underline;text-underline-offset:3px}
.mc-cs-clip{width:0;min-width:100%;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;unicode-bidi:plaintext}
.mc-cs-cwd{display:inline-block;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom}
.mc-cs-more{display:flex;justify-content:center;padding:12px 16px;border-top:1px solid var(--line-2)}
.mc-cs-flags{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}
.mc-cs-listbox{container:mc-cs-list / inline-size}
@container mc-cs-list (max-width:1000px){
  .mc-cs-table thead{display:none}
  .mc-cs-table,.mc-cs-table tbody{display:block;width:100%}
  .mc-cs-table tr{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px;padding:12px 16px;border-bottom:1px solid var(--line-2)}
  .mc-cs-table tbody tr:last-child{border-bottom:0}
  .mc-cs-table td,.mc-cs-table td:first-child{display:block;padding:0;border:0;white-space:normal;min-width:0;font-size:12.5px}
  .mc-cs-table td[data-label]::before{content:attr(data-label);margin-inline-end:6px;color:var(--ink-muted);font-size:11.5px}
  .mc-cs-table td[data-label]:empty,.mc-cs-table td[data-col=cwd]:empty{display:none}
  .mc-cs-table td[data-col=ref]{order:1}
  .mc-cs-table td[data-col=status]{order:2;margin-inline-start:auto}
  .mc-cs-table td[data-col=name]{order:3;flex:1 1 100%;font-size:13.5px}
  .mc-cs-table td[data-col=kb]{order:4}
  .mc-cs-table td[data-col=origin]{order:5}
  .mc-cs-table td[data-col=requests]{order:6;text-align:start}
  .mc-cs-reqcount{justify-content:flex-start;vertical-align:middle}
  .mc-cs-table td[data-col=agents]{order:7;text-align:start}
  .mc-cs-table td[data-col=started]{order:8}
  .mc-cs-table td[data-col=last]{order:9}
  .mc-cs-table td[data-col=cwd]{order:10;flex:1 1 auto;max-width:100%}
  .mc-cs-name{min-width:0;max-width:none}
  .mc-cs-clip{max-width:100%}
  .mc-cs-cwd{display:block;max-width:100%}
}
/* one session */
.mc-cs-back{align-self:flex-start}
.mc-cs-cols{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:16px;align-items:start}
@media(max-width:980px){.mc-cs-cols{grid-template-columns:minmax(0,1fr)}}
.mc-cs-ref{font-weight:600;color:var(--ink)}
.mc-cs-facts dd{display:flex;align-items:center;min-height:22px}
.mc-cs-facts dd > span{min-width:0}
.mc-cs-inline{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px 8px}
.mc-cs-copyrow{display:flex;align-items:flex-start;gap:6px;min-width:0;width:100%}
.mc-cs-copyrow code{flex:1;min-width:0;white-space:normal;overflow-wrap:anywhere;padding-top:5px;line-height:1.5}
.mc-cs-copy{width:28px;min-height:28px;padding:5px;box-shadow:none;flex:none;margin-block:-2px}
.mc-cs-copy .sd-icon{width:15px;height:15px}
@media(pointer:coarse){.mc-cs-copy,.mc-cs-head-btn{width:40px;min-height:40px}}
.mc-cs-copybuf{position:fixed;top:0;inset-inline-start:0;width:1px;height:1px;opacity:0;pointer-events:none}
.mc-cs-resume{gap:14px}
.mc-cs-block{display:flex;flex-direction:column;gap:8px;min-width:0}
.mc-cs-block .mc-callout{margin:0}
.mc-cs-label{margin:0;font-size:11px;line-height:1.4;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted)}
.mc-cs-help{margin:0;line-height:1.5}
.mc-cs-cmdrow{display:flex;align-items:flex-start;gap:6px;padding:8px 8px 8px 12px;border:1px solid var(--line);border-radius:var(--r-s);background:var(--sunk);min-width:0}
.mc-cs-cmd{flex:1;min-width:0;padding-top:4px;font-family:var(--mono);font-size:12px;line-height:1.6;color:var(--ink);overflow-wrap:anywhere;direction:ltr;unicode-bidi:isolate}
.mc-cs-rule{border:0;border-top:1px solid var(--line-2);margin:2px 0;width:100%}
.mc-cs-ok{background:var(--pos-soft);border-color:var(--pos-line)}
.mc-cs-ok .sd-icon{color:var(--pos-ink)}
.mc-cs-ok-text{display:flex;flex-direction:column;gap:2px;min-width:0;overflow-wrap:anywhere}
.mc-cs-instruction{min-height:110px;font-family:inherit!important;font-size:13.5px!important}
.mc-cs-resume-form{gap:8px}
.mc-cs-tree,.mc-cs-tree ul{list-style:none;margin:0;padding:0}
.mc-cs-tree ul{padding-inline-start:22px}
.mc-cs-tree li{position:relative;padding-top:8px}
.mc-cs-tree > li{padding-top:0}
.mc-cs-tree ul > li::before{content:'';position:absolute;inset-inline-start:-13px;top:0;bottom:0;border-inline-start:1px solid var(--line)}
.mc-cs-tree ul > li:last-child::before{bottom:auto;height:26px}
.mc-cs-tree ul > li::after{content:'';position:absolute;inset-inline-start:-13px;top:26px;width:11px;border-top:1px solid var(--line)}
.mc-cs-node{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;padding:8px 12px;border:1px solid var(--line);border-radius:var(--r-m);background:var(--panel);min-width:0;font-size:13px}
.mc-cs-node--current{border-color:var(--brand-line);background:var(--brand-soft)}
.mc-cs-node a.mc-cs-ref{color:var(--link)}
.mc-cs-node-name{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;unicode-bidi:plaintext}
.mc-cs-node-meta{flex-basis:100%}
.mc-cs-agent{display:flex;flex-direction:column;gap:6px}
.mc-cs-agent-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;min-width:0}
.mc-cs-agent-title{font-size:13.5px;font-weight:600;overflow-wrap:anywhere;unicode-bidi:plaintext}
.mc-cs-agent-head .sd-badge{flex:none}
.mc-cs-meta{display:flex;flex-wrap:wrap;gap:4px 16px;font-size:12px;color:var(--ink-2)}
.mc-cs-pair{display:inline-flex;align-items:baseline;gap:5px;min-width:0}
.mc-cs-pair-k{color:var(--ink-muted)}
.mc-cs-fold{margin:0;border:1px solid var(--line-2);border-radius:var(--r-s);font-size:12.5px;min-width:0}
.mc-cs-fold summary{cursor:pointer;padding:7px 12px;color:var(--ink-2);font-weight:500}
.mc-cs-fold summary:focus-visible{outline:2px solid var(--brand-3);outline-offset:-2px;border-radius:var(--r-s)}
.mc-cs-fold[open] summary{border-bottom:1px solid var(--line-2)}
.mc-cs-pre{max-height:420px;overflow:auto;padding:10px 12px;background:var(--sunk);font-size:12.5px;line-height:1.6;color:var(--ink);white-space:pre-wrap;overflow-wrap:anywhere;unicode-bidi:plaintext;text-align:start}
.mc-cs-timeline > li{display:grid;grid-template-columns:104px minmax(0,1fr);gap:12px}
.mc-cs-when{font-size:12px;color:var(--ink-muted);font-variant-numeric:tabular-nums;padding-top:2px;white-space:nowrap}
.mc-cs-event-body{min-width:0}
.mc-cs-event-head{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;font-size:13px}
.mc-cs-older{margin:0;padding:10px 16px;border-top:1px solid var(--line-2);text-align:center}
.mc-cs-text{margin:4px 0 0;font-size:13px;line-height:1.6;color:var(--ink-2);white-space:pre-wrap;overflow-wrap:anywhere;unicode-bidi:plaintext;text-align:start}
.mc-cs-text--kv{margin:0;color:var(--ink)}
.mc-cs-linkbtn{all:unset;cursor:pointer;color:var(--link);font-size:12px;font-weight:600;white-space:nowrap}
.mc-cs-linkbtn:hover{text-decoration:underline;text-underline-offset:3px}
.mc-cs-linkbtn:focus-visible{outline:2px solid var(--brand-3);outline-offset:2px;border-radius:4px}
@media(max-width:560px){.mc-cs-timeline > li{grid-template-columns:minmax(0,1fr);gap:2px}}
/* requests (ADR 0036): session -> requests -> the agents each one launched */
.mc-cs-req-top{display:flex;flex-direction:column;gap:6px;padding:12px 16px;border-bottom:1px solid var(--line-2)}
[data-region=requests] p{margin:0}   /* the card spaces its blocks itself (over .sd-page p) */
.mc-cs-req{display:flex;flex-direction:column;gap:8px;scroll-margin-top:calc(var(--topbar-h) + 12px)}
.mc-cs-reqs > li.mc-cs-req--target{background:var(--brand-soft);border-inline-start:3px solid var(--brand-3);padding-inline-start:13px}
.mc-cs-req-head{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;min-width:0;font-size:13px}
a.mc-cs-req-ref{color:var(--ink);font-size:12.5px;text-decoration:none}
a.mc-cs-req-ref:hover{text-decoration:underline;text-underline-offset:3px}
.mc-cs-req-prompt{margin:0;font-size:13.5px;color:var(--ink)}
.mc-cs-req-links a{color:var(--link)}
.mc-cs-req-agents{display:flex;flex-direction:column;gap:4px;min-width:0;margin-top:2px;padding-inline-start:14px;border-inline-start:2px solid var(--line)}
.mc-cs-kids{list-style:none;margin:0;padding:0;min-width:0}
.mc-cs-kids > li{padding:10px 0;border-bottom:1px solid var(--line-2);min-width:0}
.mc-cs-kids > li:first-child{padding-top:4px}
.mc-cs-kids > li:last-child{padding-bottom:2px;border-bottom:0}
.mc-cs-req-loose{display:flex;flex-direction:column;gap:6px;padding:12px 16px;border-top:1px solid var(--line-2)}
.mc-cs-req-loose .mc-cs-kids{padding-inline-start:14px;border-inline-start:2px solid var(--line)}
.mc-cs-req-none{margin:0;padding:12px 16px}
.mc-cs-more--top{border-top:0;border-bottom:1px solid var(--line-2)}
.mc-cs-peek{display:inline-block;max-width:calc(100% - 84px);margin-inline-start:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom;color:var(--ink-muted);font-weight:400;unicode-bidi:plaintext}
.mc-cs-fold[open] .mc-cs-peek{display:none}

/* ---------- CRM (ADR 0033): pipeline board / list, activities, forecast, one lead ---------- */
.mc-crm > *{min-width:0}
.mc-crm-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.mc-crm-toolbar .sd-input{flex:1 1 180px;min-width:0;width:auto}
.mc-crm-toolbar [data-filter=q]{flex:3 1 260px}
.mc-crm-toolbar [data-filter=state]{flex:0 1 190px}
.mc-crm-toolbar .mc-seg{flex:none}
.mc-crm-kpi--late .mc-kpi-value strong{color:var(--neg-ink)}
.mc-crm-board{grid-auto-columns:minmax(236px,1fr);align-items:start}
.mc-crm-col{min-height:140px;position:relative}
.mc-crm-col-head{border-bottom:0;padding-bottom:2px}
.mc-crm-col-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mc-crm-col-sum{display:flex;align-items:baseline;justify-content:space-between;gap:8px;min-height:18px;padding:0 12px 8px;border-bottom:1px solid var(--line);font-size:12px;color:var(--ink-muted)}
.mc-crm-col-sum .mc-num{color:var(--ink);font-weight:600}
.mc-crm-col--fold{background:var(--sunk)}
.mc-crm-col--fold .mc-crm-col-head{color:var(--ink-muted)}
.mc-crm-card{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:10px 12px;box-shadow:var(--sh-1);display:flex;flex-direction:column;gap:4px;min-width:0}
.mc-crm-card--won{border-inline-start:3px solid var(--pos)}
.mc-crm-card--lost{border-inline-start:3px solid var(--neg);opacity:.85}
.mc-crm-card-top{display:flex;align-items:center;gap:6px;min-width:0}
.mc-crm-card-top .sd-badge{font-size:10.5px}
.mc-crm-ref{font-weight:600;text-decoration:none}
a.mc-crm-ref{color:var(--link)}
.mc-crm-card-name{font-size:13px;font-weight:600;line-height:1.4;color:var(--ink)!important;text-decoration:none;unicode-bidi:plaintext;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mc-crm-card-name:hover{text-decoration:underline;text-underline-offset:3px}
.mc-crm-card-partner{font-size:12px;color:var(--ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;unicode-bidi:plaintext}
.mc-crm-card-money{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-top:2px}
.mc-crm-card-money strong{font-size:13.5px}
.mc-crm-prob{font-size:11.5px;font-weight:600;color:var(--ink-2);font-variant-numeric:tabular-nums}
.mc-crm-dots{display:inline-flex;gap:3px;align-items:center;flex:none}
.mc-crm-dot{width:6px;height:6px;border-radius:50%;background:var(--line)}
.mc-crm-dot--on{background:var(--brand-3)}
.mc-crm-next{display:flex;flex-direction:column;gap:2px;margin-top:4px;padding-top:6px;border-top:1px solid var(--line-2);font-size:12px;color:var(--ink-2);min-width:0}
.mc-crm-next-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;unicode-bidi:plaintext}
.mc-crm-due{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;color:var(--ink-muted);white-space:nowrap;font-variant-numeric:tabular-nums}
.mc-crm-due .sd-icon{width:13px;height:13px;flex:none}
.mc-crm-due-ago::before{content:'·';margin-inline-end:5px}
.mc-crm-due--late{color:var(--neg-ink);font-weight:600}
.mc-crm-next--late .mc-crm-next-text{color:var(--ink)}
.mc-crm-cols{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:16px;align-items:start}
@media(max-width:980px){.mc-crm-cols{grid-template-columns:minmax(0,1fr)}}
.mc-crm-panel-head{flex-wrap:wrap;gap:8px}
.mc-crm-panel-head .mc-seg{margin-block:-4px}
.mc-crm-act{display:flex;flex-direction:column;gap:3px}
.mc-crm-act--late{box-shadow:inset 3px 0 0 var(--neg)}
.mc-crm-act--closed .mc-crm-act-summary{color:var(--ink-2)}
.mc-crm-act-head{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;min-width:0}
.mc-crm-act-type{font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-muted)}
.mc-crm-act-summary{font-size:13.5px;font-weight:500;color:var(--ink);overflow-wrap:anywhere;unicode-bidi:plaintext}
.mc-crm-act-meta,.mc-crm-meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 14px;font-size:12px;color:var(--ink-2);min-width:0}
.mc-crm-act-meta a{text-decoration:none}
.mc-crm-act-meta a:hover{text-decoration:underline}
.mc-crm-fc-month{font-weight:600;white-space:nowrap}
.mc-crm-fc td .mc-sub{display:block;font-size:11.5px}
.mc-crm-fc td,.mc-crm-fc th{vertical-align:top;white-space:normal}
.mc-crm-fc .mc-num{text-align:end;white-space:nowrap}
.mc-crm-fc tfoot td{border-top:1px solid var(--line);font-weight:600;background:var(--sunk)}
.mc-crm-est{margin-inline-start:2px;color:var(--warn-ink)}
.mc-crm-foot{margin:0;padding:8px 16px 12px}
/* the list */
.mc-crm-table td{vertical-align:top;white-space:normal}
.mc-crm-table td[data-col=ref],.mc-crm-table td[data-col=state],.mc-crm-table td[data-col=revenue],.mc-crm-table td[data-col=probability],.mc-crm-table td[data-col=deadline]{white-space:nowrap}
.mc-crm-table .mc-num{text-align:end}
.mc-crm-table td[data-col=name]{min-width:220px}
.mc-crm-cell-name{font-weight:600;text-decoration:none;unicode-bidi:plaintext;overflow-wrap:anywhere}
.mc-crm-cell-name:hover{text-decoration:underline;text-underline-offset:3px}
.mc-crm-next-cell{display:flex;flex-direction:column;gap:2px;min-width:160px;max-width:260px;font-size:12.5px}
.mc-crm-table td[data-col=ref] a{text-decoration:none;font-weight:600}
.mc-crm-listbox{container:mc-crm-list / inline-size}
@container mc-crm-list (max-width:900px){
  .mc-crm-table thead{display:none}
  .mc-crm-table,.mc-crm-table tbody{display:block;width:100%}
  .mc-crm-table tr{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px;padding:12px 16px;border-bottom:1px solid var(--line-2)}
  .mc-crm-table tbody tr:last-child{border-bottom:0}
  .mc-crm-table td{display:block;padding:0;border:0;white-space:normal;min-width:0;font-size:12.5px;background:none}
  .mc-crm-table td[data-label]::before{content:attr(data-label);margin-inline-end:6px;color:var(--ink-muted);font-size:11.5px}
  .mc-crm-table td:empty{display:none}
  .mc-crm-table td[data-col=ref]{order:1}
  .mc-crm-table td[data-col=state]{order:2;margin-inline-start:auto}
  .mc-crm-table td[data-col=name]{order:3;flex:1 1 100%;font-size:13.5px}
  .mc-crm-table td[data-col=stage]{order:4}
  .mc-crm-table td[data-col=revenue]{order:5;text-align:start}
  .mc-crm-table td[data-col=probability]{order:6;text-align:start}
  .mc-crm-table td[data-col=salesperson]{order:7}
  .mc-crm-table td[data-col=deadline]{order:8}
  .mc-crm-table td[data-col=next]{order:9;flex:1 1 100%}
  .mc-crm-next-cell{max-width:none;min-width:0}
  .mc-crm-table td[data-col=name]{min-width:0}
}
/* one lead */
.mc-crm-head{padding:18px 20px;display:flex;flex-direction:column;gap:14px}
.mc-crm-head-top{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:12px 24px}
.mc-crm-head-title{min-width:0;flex:1 1 320px;display:flex;flex-direction:column;gap:4px}
.mc-crm-head-title h2{margin:2px 0 0;font-size:20px;letter-spacing:-.01em;line-height:1.3;unicode-bidi:plaintext;overflow-wrap:anywhere}
.mc-crm-head-title p{margin:0}
.mc-crm-head-money{display:flex;flex-direction:column;align-items:flex-end;gap:2px}
.mc-crm-head-money strong{font-size:24px;font-weight:600;letter-spacing:-.02em}
.mc-crm-head-next{flex-direction:row;flex-wrap:wrap;align-items:center;gap:4px 10px;margin:0;padding:8px 12px;border:1px solid var(--line-2);border-radius:var(--r-m);background:var(--sunk)}
.mc-crm-head-next.mc-crm-next--late{background:var(--neg-soft);border-color:var(--neg-line)}
.mc-crm-head-next .mc-crm-next-text{white-space:normal;flex:1 1 200px}
.mc-crm-inline{display:inline-flex;flex-wrap:wrap;align-items:center;gap:4px 8px;min-width:0}
.mc-crm-facts{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px 20px;margin:0}
.mc-crm-fact{min-width:0}
.mc-crm-fact dt{font-size:11.5px;color:var(--ink-muted);margin-bottom:2px}
.mc-crm-fact dd{margin:0;font-size:13.5px;min-width:0;overflow-wrap:anywhere}
.mc-crm-stackcell{display:flex;flex-direction:column;gap:2px;min-width:0}
.mc-crm-chan{font-size:12.5px}
.mc-crm-probbar{position:relative;display:inline-flex;align-items:center;gap:8px}
.mc-crm-probbar::after{content:'';width:72px;height:6px;border-radius:3px;background:linear-gradient(to right,var(--brand-3) var(--p),var(--line) var(--p))}
.mc-crm-desc{border-top:1px solid var(--line-2);padding-top:12px}
.mc-crm-label{margin:0 0 4px;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted)}
.mc-crm-text{margin:4px 0 0;font-size:13px;line-height:1.6;color:var(--ink-2);white-space:pre-wrap;overflow-wrap:anywhere;unicode-bidi:plaintext;text-align:start}
.mc-crm-text--main{color:var(--ink)}
.mc-crm-detail{overflow:hidden}
.mc-crm-tabs{margin:0;padding:0 8px}
.mc-crm-tabs{gap:0}
.mc-crm-tabs button{padding-inline:8px;font-size:12.5px}
.mc-crm-tabs .mc-count{margin-inline-start:2px;background:var(--line);color:var(--ink-2)}
.mc-crm-tabs [aria-selected=true] .mc-count{background:var(--brand);color:var(--on-brand)}
.mc-crm-tabs .mc-count--quiet{background:transparent;color:var(--ink-muted)}
.mc-crm-tabpanel{min-width:0}
.mc-crm-timeline > li{display:grid;grid-template-columns:120px minmax(0,1fr);gap:12px}
.mc-crm-when{font-size:12px;color:var(--ink-muted);font-variant-numeric:tabular-nums;padding-top:3px;white-space:nowrap}
.mc-crm-event-body{min-width:0}
.mc-crm-event-head{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px}
.mc-crm-event-body .mc-crm-meta{margin-top:6px}
.mc-crm-pair{display:inline-flex;align-items:center;gap:5px;min-width:0}
.mc-crm-pair-k{color:var(--ink-muted)}
.mc-crm-srcs{display:inline-flex;flex-wrap:wrap;gap:4px 10px}
.mc-crm-src{display:inline-flex;align-items:center;gap:4px;font-size:12px;white-space:nowrap}
.mc-crm-src .sd-icon{width:13px;height:13px;flex:none}
span.mc-crm-src{color:var(--ink-2)}
.mc-crm-row{display:flex;flex-direction:column;gap:4px}
.mc-crm-row-head{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;min-width:0;font-size:13.5px}
.mc-crm-row-head strong{unicode-bidi:plaintext;overflow-wrap:anywhere}
.mc-crm-note--pinned{background:var(--brand-soft)}
.mc-crm-arrow{width:14px;height:14px;color:var(--ink-muted)}
.mc-crm-swot{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:4px 12px;margin:6px 0 0;font-size:12.5px}
.mc-crm-swot dt{color:var(--ink-muted)}
.mc-crm-swot dd{margin:0;color:var(--ink-2);overflow-wrap:anywhere}
.mc-crm-conf{display:inline-flex;align-items:baseline;gap:2px;font-size:12.5px}
.mc-crm-strong{font-weight:600}
.mc-crm-subtable td{vertical-align:top;white-space:normal}
.mc-crm-subtable .mc-num{text-align:end;white-space:nowrap}
.mc-crm-quotes{display:flex;flex-direction:column}
.mc-crm-quote{display:flex;flex-direction:column;gap:8px;padding:14px 16px;border-bottom:1px solid var(--line-2);min-width:0}
.mc-crm-quote:last-child{border-bottom:0}
.mc-crm-quote-amount{font-size:15px}
.mc-crm-quote .sd-table-wrap{border:1px solid var(--line-2);border-radius:var(--r-m)}
.mc-crm-file{align-self:flex-start}
.mc-crm-optional td{color:var(--ink-muted)}
@media(max-width:560px){
  .mc-crm-timeline > li{grid-template-columns:minmax(0,1fr);gap:2px}
  .mc-crm-head{padding:14px 16px}
  .mc-crm-head-money{align-items:flex-start}
  .mc-crm-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px}
  .mc-crm-toolbar .mc-seg{flex:1 1 100%}
  .mc-crm-toolbar [data-filter=state]{flex:1 1 0}
  .mc-crm-toolbar [data-filter=q]{flex:1 1 100%;order:5}
  .mc-crm-kpis .mc-kpi:last-child:nth-child(odd){grid-column:1/-1}
  .mc-crm-fc th,.mc-crm-fc td{padding-inline:8px;font-size:12.5px}
  .mc-crm-fc th:first-child,.mc-crm-fc td:first-child{padding-inline-start:16px}
  .mc-crm-fc th:last-child,.mc-crm-fc td:last-child{padding-inline-end:16px}
  .mc-crm-toolbar .mc-seg button{flex:1;justify-content:center}
  .mc-crm-subtable thead{display:none}
  .mc-crm-subtable,.mc-crm-subtable tbody{display:block;width:100%}
  .mc-crm-subtable tr{display:flex;flex-wrap:wrap;gap:2px 12px;padding:10px 12px;border-bottom:1px solid var(--line-2)}
  .mc-crm-subtable td{display:block;padding:0;border:0;font-size:12.5px;min-width:0}
  .mc-crm-subtable td:first-child{flex:1 1 100%}
  .mc-crm-subtable td[data-label]:not(:first-child)::before{content:attr(data-label);margin-inline-end:5px;color:var(--ink-muted);font-size:11.5px}
  .mc-crm-subtable td:empty{display:none}
  .mc-crm-subtable .mc-num{text-align:start}
}

/* Mixed Arabic / English free text (ui.js textDir / bidiFix). Each text block in the page body takes the direction
   of its first strong letter, so an Arabic line with English words inside reads right-to-left and aligns right while
   an English line stays left-to-right; the page chrome (rail, top bar, layout) keeps the document direction.
   Lists whose items carry their own dir indent each item on its own start side, so its marker follows it. */
.mc-main :is(p,li,h1,h2,h3,h4,h5,h6,blockquote,td,th,dd,dt,figcaption,caption,legend,summary):not([dir]){unicode-bidi:plaintext}
:is(ul,ol):has(> li[dir]){padding-inline-start:0}
:is(ul,ol):has(> li[dir]) > li{margin-inline-start:18px}
:is(input,textarea)[dir]{text-align:start}