/* G4-HOME-1 — the advanced Home cards (Performance, Evidence) inside the Command Center; CFO Desk tokens, the accent follows the experience color. */
.hc-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:16px;margin-top:16px}
.hc-card{display:flex;flex-direction:column;gap:12px;min-width:0;padding:20px 22px;border:1px solid var(--desk-border,#dbe4ee);border-radius:16px;background:var(--desk-paper,#fff);color:var(--desk-ink,#102641)}
.hc-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.hc-head small{display:block;color:var(--desk-sub,#596c84);font-size:.72rem;font-weight:700;letter-spacing:.14em}
.hc-head h3{margin:4px 0 0;font-size:1.15rem;line-height:1.3;color:var(--desk-ink,#102641)}
.hc-link{min-height:44px;padding:0 10px;border:0;background:transparent;color:var(--xc-primary,var(--desk-accent,#0869c9));font:inherit;font-weight:600;cursor:pointer;border-radius:10px}
.hc-link:hover,.hc-link:focus-visible{background:var(--xc-tint,var(--desk-soft,#eaf3ff))}
.hc-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}
.hc-metric{display:inline-flex;align-items:center;gap:8px;color:var(--desk-sub,#596c84);font-size:.85rem}
.hc-metric select{min-height:40px;padding:0 10px;border:1px solid var(--desk-border,#dbe4ee);border-radius:10px;background:var(--desk-paper,#fff);color:var(--desk-ink,#102641);font:inherit}
.hc-toggle{display:inline-flex;gap:4px;padding:4px;border:1px solid var(--desk-border,#dbe4ee);border-radius:12px;background:var(--desk-bg,#f3f6fa)}
.hc-toggle button,.hc-months button{min-height:40px;padding:0 12px;border:0;border-radius:9px;background:transparent;color:var(--desk-sub,#596c84);font:inherit;font-size:.85rem;cursor:pointer}
.hc-toggle button[aria-pressed="true"],.hc-months button[aria-pressed="true"]{background:var(--desk-paper,#fff);color:var(--xc-primary,var(--desk-accent,#0869c9));font-weight:700;box-shadow:0 1px 3px rgba(16,38,65,.12)}
.hc-toggle button:focus-visible,.hc-months button:focus-visible,.hc-metric select:focus-visible{outline:2px solid var(--desk-focus,var(--xc-primary,#0869c9));outline-offset:2px}
.hc-figure{display:grid;gap:2px}
.hc-caption{margin:0;color:var(--desk-sub,#596c84);font-size:.85rem}
.hc-figure strong{font-size:2rem;line-height:1.15;font-variant-numeric:tabular-nums;unicode-bidi:isolate}
.hc-var{margin:0;color:var(--desk-sub,#596c84);font-size:.88rem}
.hc-var b{font-variant-numeric:tabular-nums}
.hc-var[data-tone="gain"] b{color:#087b71}
.hc-var[data-tone="loss"] b{color:#b42318}
.hc-note,.hc-empty{margin:0;color:var(--desk-sub,#596c84);font-size:.82rem}
.hc-empty{padding:14px;border:1px dashed var(--desk-border,#dbe4ee);border-radius:12px}
.hc-chart{margin:0}
.hc-chart svg{display:block;width:100%;height:160px}
.hc-axis{stroke:var(--desk-border,#dbe4ee);stroke-width:1}
.hc-bar-actual{fill:var(--xc-primary,var(--desk-accent,#0869c9))}
.hc-bar-actual.hc-neg{fill:#b42318}
.hc-bar-compare{fill:#9aa7c7}
.hc-has-sel .hc-month:not(.hc-on) rect{opacity:.45}
.hc-legend{display:flex;gap:16px;margin-top:6px;color:var(--desk-sub,#596c84);font-size:.8rem}
.hc-key::before{content:"";display:inline-block;width:10px;height:10px;margin-inline-end:6px;border-radius:2px;vertical-align:-1px}
.hc-key-actual::before{background:var(--xc-primary,var(--desk-accent,#0869c9))}
.hc-key-compare::before{background:#9aa7c7}
.hc-months{display:flex;flex-wrap:wrap;gap:4px;direction:ltr}
[dir="rtl"] .hc-months{justify-content:flex-end}
.hc-chip{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;background:#e7f6ef;color:#087b71;font-size:.78rem;font-weight:700;white-space:nowrap}
.hc-chip[data-state="PROVISIONAL"]{background:#fdf3e7;color:#a35b11}
.hc-accounts{display:grid;gap:12px;margin:0;padding:0;list-style:none}
.hc-accounts li{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1.6fr) auto;align-items:center;gap:12px}
.hc-acct{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.9rem}
.hc-track{display:block;width:100%;height:6px}
.hc-track-bg{fill:var(--desk-bg,#eef2f7)}
.hc-track-bar{fill:var(--xc-primary,var(--desk-accent,#0869c9))}
[dir="ltr"] .hc-track{transform:scaleX(-1)}
.hc-accounts b{font-variant-numeric:tabular-nums;font-size:.9rem;unicode-bidi:isolate}
.hc-total{display:flex;justify-content:space-between;gap:12px;margin:0;padding-top:12px;border-top:1px solid var(--desk-border,#dbe4ee);font-weight:700}
.hc-total b{font-variant-numeric:tabular-nums;unicode-bidi:isolate}
.hc-source{margin:0;color:var(--desk-sub,#596c84);font-size:.8rem;overflow-wrap:anywhere}
.hc-evidence .hc-link{align-self:flex-start}
/* G4-HOME-2: the Cash Lab */
.hc-floor{fill:none;stroke:#b42318;stroke-width:1.5;stroke-dasharray:5 4;vector-effect:non-scaling-stroke}
.hc-wk{fill:var(--desk-sub,#596c84);font-size:11px}
.hc-key-floor::before{height:0;border-top:2px dashed #b42318;background:transparent;vertical-align:3px}
.hc-chip-plain{background:var(--xc-tint,var(--desk-soft,#eaf3ff));color:var(--xc-primary,var(--desk-accent,#0869c9))}
.hc-shift{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:end;gap:10px;padding:12px;border:1px solid var(--desk-border,#dbe4ee);border-radius:12px;background:var(--desk-bg,#f3f6fa)}
.hc-shift-title{grid-column:1 / -1;margin:0;font-weight:700;font-size:.88rem}
.hc-shift label{display:grid;gap:4px;color:var(--desk-sub,#596c84);font-size:.8rem;min-width:0}
.hc-shift select{min-height:40px;padding:0 8px;border:1px solid var(--desk-border,#dbe4ee);border-radius:10px;background:var(--desk-paper,#fff);color:var(--desk-ink,#102641);font:inherit}
.hc-range input{width:100%;min-height:40px;accent-color:var(--xc-primary,var(--desk-accent,#0869c9))}
.hc-range b{color:var(--desk-ink,#102641);font-variant-numeric:tabular-nums;unicode-bidi:isolate}
.hc-shift select:focus-visible,.hc-range input:focus-visible{outline:2px solid var(--desk-focus,var(--xc-primary,#0869c9));outline-offset:2px}
/* G4-HOME-2B: the Board story */
.hc-add{align-self:flex-start;margin-top:auto}
.hc-story-title{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px}
.hc-story-title label{display:grid;gap:4px;flex:1 1 220px;color:var(--desk-sub,#596c84);font-size:.8rem}
.hc-story-title input{min-height:40px;padding:0 10px;border:1px solid var(--desk-border,#dbe4ee);border-radius:10px;background:var(--desk-paper,#fff);color:var(--desk-ink,#102641);font:inherit}
.hc-story-items{display:grid;gap:8px;margin:0;padding:0;list-style:none;counter-reset:story}
.hc-story-items li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid var(--desk-border,#dbe4ee);border-radius:12px;background:var(--desk-bg,#f3f6fa)}
.hc-story-items li div{display:grid;gap:2px;min-width:0}
.hc-story-items small{color:var(--desk-sub,#596c84);font-size:.75rem}
.hc-story-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}
.hc-primary{min-height:44px;padding:0 16px;border:0;border-radius:12px;background:var(--xc-primary,var(--desk-accent,#0869c9));color:#fff;font:inherit;font-weight:700;cursor:pointer}
.hc-primary:disabled,.hc-link:disabled{opacity:.5;cursor:not-allowed}
.hc-primary:focus-visible,.hc-story-title input:focus-visible{outline:2px solid var(--desk-focus,var(--xc-primary,#0869c9));outline-offset:2px}
.hc-pack-dialog{width:min(1100px,95vw);height:92vh;padding:0;border:1px solid var(--desk-border,#dbe4ee);border-radius:14px}
.hc-pack-dialog iframe{display:block;width:100%;height:calc(100% - 52px);border:0}
.hc-pack-bar{display:flex;justify-content:space-between;gap:8px;padding:4px 8px;border-bottom:1px solid var(--desk-border,#dbe4ee)}
/* G4-T6: the status line of an automatic refresh of the figures */
.truth-refresh-note{position:fixed;inset-inline:16px;bottom:96px;z-index:40;max-width:520px;margin:0 auto;padding:10px 14px;border-radius:12px;background:var(--desk-ink,#102641);color:#fff;font-size:.9rem;text-align:center;box-shadow:0 8px 24px rgba(16,38,65,.25)}
.truth-refresh-note[hidden]{display:none}
.notification-lifecycle{display:block;color:var(--desk-sub,#596c84)}
/* G4-B5: My CFO Day and continue working (the package panels «يومي كمدير مالي» and «أكمل من حيث توقفت»), in both experiences */
.mcd-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:16px;margin-top:16px}
.mcd-card{display:flex;flex-direction:column;gap:10px;min-width:0;padding:20px 22px;border:1px solid var(--desk-border,#dbe4ee);border-radius:16px;background:var(--desk-paper,#fff);color:var(--desk-ink,#102641)}
.mcd-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.mcd-head small{display:block;color:var(--desk-sub,#596c84);font-size:.72rem;font-weight:700;letter-spacing:.14em}
.mcd-head h3{margin:4px 0 0;font-size:1.1rem;line-height:1.3;color:var(--desk-ink,#102641)}
.mcd-rows{margin:0;padding:0;list-style:none}
.mcd-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid var(--desk-border,#dbe4ee)}
.mcd-row:last-child{border-bottom:0}
.mcd-row>div{display:grid;gap:3px;min-width:0}
.mcd-row b{font-size:.92rem;font-weight:600;overflow-wrap:anywhere}
.mcd-row small{color:var(--desk-sub,#596c84);font-size:.78rem;overflow-wrap:anywhere}
.mcd-row[data-when="overdue"] b{color:#b42318}
.mcd-go,.mcd-chip{min-height:44px;padding:0 14px;border:1px solid var(--desk-border,#dbe4ee);border-radius:10px;background:var(--desk-paper,#fff);color:var(--desk-ink,#102641);font:inherit;font-size:.82rem;cursor:pointer;flex-shrink:0}
.mcd-go:hover,.mcd-chip:hover{border-color:var(--xc-primary,var(--desk-accent,#0869c9))}
.mcd-go:focus-visible,.mcd-chip:focus-visible{outline:2px solid var(--desk-focus,var(--xc-primary,#0869c9));outline-offset:2px}
.mcd-close{display:grid;gap:6px;padding-top:12px;border-top:1px solid var(--desk-border,#dbe4ee)}
.mcd-close-head{display:flex;justify-content:space-between;gap:10px;font-size:.9rem}
.mcd-close-head span{font-variant-numeric:tabular-nums;color:var(--desk-sub,#596c84)}
.mcd-close progress{width:100%;height:6px;border:0;border-radius:6px;overflow:hidden;appearance:none;-webkit-appearance:none;background:var(--desk-bg,#eef2f7)}
.mcd-close progress::-webkit-progress-bar{background:var(--desk-bg,#eef2f7);border-radius:6px}
.mcd-close progress::-webkit-progress-value{background:var(--desk-teal,#087b71);border-radius:6px}
.mcd-close progress::-moz-progress-bar{background:var(--desk-teal,#087b71);border-radius:6px}
.mcd-close small{color:var(--desk-sub,#596c84);font-size:.78rem}
.mcd-close-open{justify-self:start}
.mcd-chips{display:flex;flex-wrap:wrap;gap:10px}
.mcd-sub{margin:4px 0 0;color:var(--desk-sub,#596c84);font-size:.8rem;font-weight:600}
.mcd-note,.mcd-empty{margin:0;color:var(--desk-sub,#596c84);font-size:.82rem}
.mcd-empty{padding:14px;border:1px dashed var(--desk-border,#dbe4ee);border-radius:12px}
/* G4-UX3A: the CFO Control Hub panels (package control-cfo) — the rows are the My CFO Day rows */
.ctl-desk{margin:0 0 18px}
.ctl-head{margin:0 0 14px}
.ctl-head small{display:block;color:var(--desk-sub,#596c84);font-size:.72rem;font-weight:700;letter-spacing:.14em}
.ctl-head h3{margin:4px 0 2px;font-size:1.35rem;line-height:1.35;color:var(--desk-ink,#102641)}
.ctl-head p{margin:0;color:var(--desk-sub,#596c84);font-size:.9rem}
.ctl-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:16px;align-items:start}
.ctl-sub{margin:10px 0 0;font-size:.92rem;color:var(--desk-ink,#102641)}
.ctl-close progress{width:100%;height:6px;border:0;border-radius:6px;overflow:hidden;appearance:none;-webkit-appearance:none;background:var(--desk-bg,#eef2f7)}
.ctl-close progress::-webkit-progress-bar{background:var(--desk-bg,#eef2f7);border-radius:6px}
.ctl-close progress::-webkit-progress-value{background:var(--desk-teal,#087b71);border-radius:6px}
.ctl-close progress::-moz-progress-bar{background:var(--desk-teal,#087b71);border-radius:6px}
.ctl-close .hc-link{align-self:flex-start}
/* G4-UX3B: the Report Center tabs (package LocalTabs) and the board-story lifecycle panel */
.rc-tabs{display:flex;flex-wrap:wrap;gap:6px;padding-bottom:12px;margin:0 0 10px;border-bottom:1px solid var(--desk-border,#dbe4ee)}
.rc-tab{min-height:44px;padding:0 14px;border:0;border-radius:10px;background:transparent;color:var(--desk-sub,#596c84);font:inherit;font-size:.88rem;cursor:pointer}
.rc-tab[aria-pressed="true"]{background:var(--xc-tint,var(--desk-soft,#eaf3ff));color:var(--xc-primary,var(--desk-accent,#0869c9));font-weight:700}
.rc-tab:focus-visible{outline:2px solid var(--desk-focus,var(--xc-primary,#0869c9));outline-offset:2px}
.rc-flow{margin:0 0 14px;color:var(--desk-sub,#596c84);font-size:.82rem}
.rc-panel{margin-bottom:14px}
#page-reports [data-rc-hidden]{display:none!important}
#page-reports .grid-2[data-rc-single]{grid-template-columns:minmax(0,1fr)!important}
/* G4-UX3C: Data & Setup — the data page shows the frame and the parts of the chosen tab (data-ds-view on the page, data-ds-part on its parts) */
#page-imports[data-ds-view="sources"] > :not(#cfoDataSetup){display:none!important}
#page-imports[data-ds-view="upload"] > :not(#cfoDataSetup):not([data-ds-part~="upload"]){display:none!important}
#page-imports[data-ds-view="templates"] > :not(#cfoDataSetup):not([data-ds-part~="templates"]){display:none!important}
#page-imports[data-ds-view="templates"] [data-ds-sub="profiles"]{display:none!important}
#page-imports[data-ds-view="profiles"] > :not(#cfoDataSetup):not([data-ds-part~="profiles"]){display:none!important}
#page-imports[data-ds-view="profiles"] [data-ds-sub="templates"],#page-imports[data-ds-view="profiles"] [data-ds-part~="profiles"] > summary{display:none!important}
#page-imports[data-ds-view="history"] > :not(#cfoDataSetup):not([data-ds-part~="history"]){display:none!important}
.ds-frame{margin-bottom:14px}
.ds-notice{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--desk-border,#dbe4ee);border-radius:12px;background:var(--desk-paper,#fff)}
.ds-table{width:100%;border-collapse:collapse;font-size:.86rem}
.ds-table th{padding:10px 8px;border-bottom:1px solid var(--desk-border,#dbe4ee);color:var(--desk-sub,#596c84);font-weight:500;text-align:start}
.ds-table td{padding:12px 8px;border-bottom:1px solid var(--desk-border,#dbe4ee);vertical-align:top}
.ds-table td b,.ds-table td small{display:block}
.ds-table td small{color:var(--desk-sub,#596c84);font-size:.76rem;overflow-wrap:anywhere}
.ds-state{display:inline-block;padding:3px 10px;border-radius:999px;background:var(--desk-bg,#eef2f7);font-size:.78rem;font-weight:600}
.ds-state[data-state="ready"],.ds-state[data-state="active"]{background:#e6f4f1;color:#087b71}
.ds-state[data-state="needs_mapping"],.ds-state[data-state="waiting"]{background:#fff4e5;color:#8a5300}
.ds-state[data-state="validation_blocked"]{background:#fdecea;color:#b42318}
.ds-exceptions{margin-bottom:10px}
/* G4-B6: the relevance tags of the spaces, the suggested row, «مساحات أخرى», the source marks of a space home and the next-step card */
.dr-tag{display:block;margin-top:4px;color:var(--desk-sub,#596c84);font-size:.72rem;font-weight:500}
.dr-tag[data-state="data"]{color:#087b71}
.dr-tag[data-state="plan"],.dr-tag[data-state="not_applicable"]{color:var(--desk-sub,#596c84);font-style:italic}
.dr-other{margin-top:12px;border-top:1px solid var(--desk-border,#dbe4ee);padding-top:10px}
.dr-other>summary{min-height:44px;display:flex;align-items:center;cursor:pointer;color:var(--desk-sub,#596c84);font-weight:600}
.dr-other>summary:focus-visible{outline:2px solid var(--desk-focus,var(--xc-primary,#0869c9));outline-offset:2px}
.dr-mark{display:inline-block;margin-inline-start:6px;padding:1px 8px;border-radius:999px;background:var(--desk-bg,#eef2f7);color:var(--desk-sub,#596c84);font-size:.72rem;font-weight:600}
.dr-mark[data-present="true"]{background:#e6f4f1;color:#087b71}
.rec-card{margin-top:16px}
/* G4-REC1 (the Owner decision 2026-09-25): the draft card carries a clear «مسودة» badge */
.rec-card .mcd-head small{display:inline-block;padding:3px 10px;border:1px solid #c9a227;border-radius:999px;background:#fff8e1;color:#7a5600;font-size:.74rem;letter-spacing:0}
/* G4-HOME-3 (the Owner's review 2026-09-25): the most important and precise things above the fold — the four KPIs and the financial health in one row,
   the Morning Brief's first three items side by side, the comparison folded — and the rest of the Home behind a section switcher (public/home-layout.js).
   The Command Center is a column whose order is set here: head, grid, the switcher, then the sections (they keep placing themselves as before). */
body.cfo-desk #cfoCommandCenter{display:flex;flex-direction:column;align-items:stretch}
body.cfo-desk #cfoCommandCenter>.cc-head{order:0}
body.cfo-desk #cfoCommandCenter>.cc-grid{order:1}
body.cfo-desk #cfoCommandCenter>#cfoHomeTabs{order:2}
body.cfo-desk #cfoCommandCenter>#cfoMyDay,body.cfo-desk #cfoCommandCenter>#cfoNextSteps{order:3}
body.cfo-desk #cfoCommandCenter>#cfoHomeCards{order:4}
html[data-xc] body.cfo-desk #cfoCommandCenter .cc-head{padding-top:12px;padding-bottom:12px;margin-bottom:12px;align-items:center}
body.cfo-desk #cfoCommandCenter .cc-head small{display:none}
body.cfo-desk #cfoCommandCenter .cc-head h2{margin:0 0 2px;font-size:19px}
body.cfo-desk #cfoCommandCenter .cc-head .cc-context{font-size:13px}
body.cfo-desk #cfoCommandCenter .cc-grid{grid-template-columns:minmax(0,2fr) minmax(0,1fr);grid-template-areas:"kpis health" "brief brief";gap:12px}
body.cfo-desk #cfoCommandCenter .cc-kpis{grid-area:kpis}
body.cfo-desk #cfoCommandCenter .cc-health{grid-area:health}
body.cfo-desk #cfoCommandCenter .cc-brief{grid-area:brief;grid-row:auto}
body.cfo-desk #cfoCommandCenter .cc-grid>section{padding:12px 14px}
body.cfo-desk #cfoCommandCenter .cc-grid h3{margin:0 0 8px;font-size:14px}
body.cfo-desk #cfoCommandCenter .cc-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
body.cfo-desk #cfoCommandCenter .cc-health-row{gap:8px}
body.cfo-desk #cfoCommandCenter .cc-kpi{padding:8px 10px}
body.cfo-desk #cfoCommandCenter .cc-kpi strong{font-size:17px}
body.cfo-desk #cfoCommandCenter .cc-brief ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
body.cfo-desk #cfoCommandCenter .cc-brief:not([data-brief-all="true"]) ol>li:nth-child(n+4){display:none}
body.cfo-desk #cfoCommandCenter .cc-item{flex-direction:column;align-items:stretch;gap:8px}
body.cfo-desk #cfoCommandCenter .cc-item button{align-self:flex-start;min-height:40px}
body.cfo-desk #cfoCommandCenter .cc-brief-more{margin-top:10px;min-height:40px;padding:0 14px;border:1px solid var(--desk-border,#dbe4ee);border-radius:10px;background:var(--desk-paper,#fff);color:var(--desk-accent,#0869c9);font:inherit;font-size:13px;font-weight:600;cursor:pointer}
body.cfo-desk #cfoCommandCenter .cc-brief-more:focus-visible{outline:2px solid var(--desk-focus,#0869c9);outline-offset:2px}
body.cfo-desk #cfoCommandCenter details.cc-compare{margin-top:8px}
body.cfo-desk #cfoCommandCenter details.cc-compare>summary{display:flex;align-items:center;min-height:32px;cursor:pointer;color:var(--desk-sub,#596c84);font-size:12.5px;font-weight:600}
body.cfo-desk #cfoCommandCenter details.cc-compare>.cc-chart{margin-top:6px}
.home-tabs{margin:14px 0 0}
body.cfo-desk #cfoCommandCenter .home-tabs [role="group"]{display:flex;gap:4px;max-width:100%;padding:4px;border:1px solid var(--desk-border,#dbe4ee);border-radius:14px;background:var(--desk-paper,#fff);overflow-x:auto;scrollbar-width:none}
body.cfo-desk #cfoCommandCenter .home-tabs button{flex:1 1 auto;min-height:40px;padding:0 16px;border:0;border-radius:10px;background:transparent;color:var(--desk-sub,#596c84);font:inherit;font-size:13.5px;font-weight:600;white-space:nowrap;cursor:pointer}
body.cfo-desk #cfoCommandCenter .home-tabs button:hover{color:var(--desk-ink,#102641)}
body.cfo-desk #cfoCommandCenter .home-tabs button[aria-pressed="true"]{background:var(--xc-primary,var(--desk-accent,#0869c9));color:#fff}
body.cfo-desk #cfoCommandCenter .home-tabs button:focus-visible{outline:2px solid var(--desk-focus,#0869c9);outline-offset:2px}
#page-modules[data-home-tab="day"] [data-home-part]:not([data-home-part="day"]),#page-modules[data-home-tab="performance"] [data-home-part]:not([data-home-part="performance"]),#page-modules[data-home-tab="cash"] [data-home-part]:not([data-home-part="cash"]),#page-modules[data-home-tab="evidence"] [data-home-part]:not([data-home-part="evidence"]),#page-modules[data-home-tab="story"] [data-home-part]:not([data-home-part="story"]),#page-modules[data-home-tab="spaces"] [data-home-part]:not([data-home-part="spaces"]){display:none!important}
#page-modules[data-home-tab] #cfoHomeCards{grid-template-columns:minmax(0,1fr)}
/* G4-HOME-4 (the Owner's review 2026-09-25): the comparison as a clear control; the advanced experience's shapes in motion — the KPI sparks and the health ring — stilled under the motion settings */
body.cfo-desk #cfoCommandCenter details.cc-compare>summary.cc-compare-toggle{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 12px;border:1px solid var(--desk-border,#dbe4ee);border-radius:10px;background:var(--desk-paper,#fff);color:var(--desk-accent,#0869c9);font-size:13px;font-weight:600;cursor:pointer;list-style:none}
body.cfo-desk #cfoCommandCenter details.cc-compare>summary.cc-compare-toggle::-webkit-details-marker{display:none}
body.cfo-desk #cfoCommandCenter details.cc-compare>summary.cc-compare-toggle small{font-weight:400;color:var(--desk-sub,#596c84)}
body.cfo-desk #cfoCommandCenter details.cc-compare>summary.cc-compare-toggle .cc-compare-icon{display:inline-block;width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translate(-1px,-1px);transition:transform .2s ease}
body.cfo-desk #cfoCommandCenter details.cc-compare[open]>summary.cc-compare-toggle .cc-compare-icon{transform:rotate(-135deg) translate(-1px,-1px)}
body.cfo-desk #cfoCommandCenter details.cc-compare>summary.cc-compare-toggle:hover{border-color:var(--desk-accent,#0869c9)}
body.cfo-desk #cfoCommandCenter details.cc-compare>summary.cc-compare-toggle:focus-visible{outline:2px solid var(--desk-focus,#0869c9);outline-offset:2px}
body.cfo-desk #cfoCommandCenter .cc-spark{display:block;width:100%;height:14px;margin-top:6px;overflow:visible}
body.cfo-desk #cfoCommandCenter .cc-spark rect{transition:width .9s cubic-bezier(.22,.8,.3,1)}
body.cfo-desk #cfoCommandCenter .cc-spark-was{fill:rgba(89,108,132,.28)}
body.cfo-desk #cfoCommandCenter .cc-spark-now{fill:var(--xc-primary,var(--desk-accent,#0869c9))}
body.cfo-desk #cfoCommandCenter .cc-spark[data-negative="true"] .cc-spark-now{fill:#e74c3c}
body.cfo-desk #cfoCommandCenter .cc-kpi-ring{display:grid;grid-template-columns:52px minmax(0,1fr);grid-template-rows:auto auto auto;column-gap:10px;align-items:center}
body.cfo-desk #cfoCommandCenter .cc-kpi-ring .cc-ring{grid-column:1;grid-row:1/4;width:52px;height:52px;transform:rotate(-90deg)}
body.cfo-desk #cfoCommandCenter .cc-kpi-ring>small,body.cfo-desk #cfoCommandCenter .cc-kpi-ring>strong,body.cfo-desk #cfoCommandCenter .cc-kpi-ring>span{grid-column:2}
body.cfo-desk #cfoCommandCenter .cc-ring-track{stroke:rgba(89,108,132,.2);stroke-width:3.5}
body.cfo-desk #cfoCommandCenter .cc-ring-arc{stroke:var(--xc-primary,var(--desk-accent,#0869c9));stroke-width:3.5;stroke-linecap:round;transition:stroke-dasharray .9s cubic-bezier(.22,.8,.3,1)}
body.cfo-desk[data-desk-motion="reduced"] #cfoCommandCenter .cc-spark rect,body.cfo-desk[data-desk-motion="off"] #cfoCommandCenter .cc-spark rect,body.cfo-desk[data-desk-motion="reduced"] #cfoCommandCenter .cc-ring-arc,body.cfo-desk[data-desk-motion="off"] #cfoCommandCenter .cc-ring-arc{transition:none}
@media (prefers-reduced-motion:reduce){body.cfo-desk #cfoCommandCenter .cc-spark rect,body.cfo-desk #cfoCommandCenter .cc-ring-arc,body.cfo-desk #cfoCommandCenter .cc-compare-icon{transition:none}}
@media (max-width:900px){
 body.cfo-desk #cfoCommandCenter .cc-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"kpis" "health" "brief"}
 body.cfo-desk #cfoCommandCenter .cc-kpi-grid,body.cfo-desk #cfoCommandCenter .cc-health-row{grid-template-columns:repeat(2,minmax(0,1fr))}
 body.cfo-desk #cfoCommandCenter .cc-brief ol{grid-template-columns:minmax(0,1fr)}
 body.cfo-desk #cfoCommandCenter .cc-item button{min-height:44px}
}
@media (max-width:800px){.mcd-grid,.ctl-grid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:500px){.mcd-card{padding:16px}.mcd-row{flex-wrap:wrap}}
@media (max-width:1100px){.hc-grid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:600px){.hc-card{padding:16px}.hc-figure strong{font-size:1.6rem}.hc-accounts li{grid-template-columns:minmax(0,1fr) auto}.hc-track{grid-column:1 / -1;grid-row:2}.hc-toggle button,.hc-months button,.hc-metric select,.hc-shift select,.hc-range input,.hc-link,.hc-story-title input{min-height:44px}.hc-shift{grid-template-columns:1fr 1fr}.hc-range{grid-column:1 / -1}}
/* G4-D1 — the notification loop: a snoozed alert is dimmed with its date; the history of an alert folds under its text */
.notification-row.ntf-is-snoozed{opacity:.74}
.notification-row .ntf-snoozed,.v72-notification .ntf-snoozed{display:inline-block;margin:4px 0 0;padding:1px 8px;border-radius:999px;font-size:11px;background:var(--desk-soft,#eaf3ff);color:var(--desk-ink,#102641)}
.notification-row .ntf-timeline{margin:6px 0 0;font-size:12px}
.notification-row .ntf-timeline summary{cursor:pointer;color:var(--desk-sub,#596c84)}
.notification-row .ntf-timeline ol{margin:6px 0 0;padding-inline-start:18px;display:grid;gap:3px}
.notification-row .ntf-timeline time{font-variant-numeric:tabular-nums;color:var(--desk-sub,#596c84)}
/* G4-D2 — the Control Hub operating loop: the stage of a task, overdue, the follow-up panel under its row (activity, note, owner, actions); the panel wraps its lines (the legacy th,td rule is nowrap) */
#controlTasks .tl-stage{display:inline-block;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap;background:var(--desk-soft,#eaf3ff);color:var(--desk-ink,#102641)}
#controlTasks .tl-stage.tl-in_progress{box-shadow:inset 0 0 0 1px var(--desk-border,#dbe4ee);color:var(--desk-accent,#0869c9)}
#controlTasks .tl-stage.tl-in_review{background:#fff4e5;color:#8a5300}
#controlTasks .tl-stage.tl-done{background:#e8f7ee;color:#17693a}
#controlTasks .tl-stage.tl-cancelled{opacity:.7}
#controlTasks .tl-late{display:inline-block;padding:1px 8px;border-radius:999px;font-size:11px;background:#fdecec;color:#b42318}
#controlTasks .tl-kpi{display:block;color:var(--desk-sub,#596c84);font-size:12px}
#controlTasks tr.tl-open>td{background:var(--desk-soft,#f4f8fd)}
#controlTasks tr.tl-follow>td{padding:0}
#controlTasks .tl-panel{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;padding:12px 16px;white-space:normal;text-align:start;border-inline-start:3px solid var(--desk-accent,#0869c9);background:var(--desk-paper,#fff)}
#controlTasks .tl-info,#controlTasks .tl-earlier,#controlTasks .tl-empty{margin:0;color:var(--desk-sub,#596c84);font-size:12px}
#controlTasks .tl-activity{margin:0;padding:0;list-style:none;display:grid;gap:6px;max-height:260px;overflow:auto;font-size:13px}
#controlTasks .tl-activity time{font-variant-numeric:tabular-nums;color:var(--desk-sub,#596c84)}
#controlTasks .tl-activity p{margin:2px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}
#controlTasks .tl-self{color:#8a5300}
#controlTasks .tl-note,#controlTasks .tl-owner{display:grid;gap:4px;font-size:12px;color:var(--desk-sub,#596c84)}
#controlTasks .tl-note textarea,#controlTasks .tl-owner input{margin:0;width:100%;box-sizing:border-box;min-height:40px;font:inherit;font-size:14px}
#controlTasks .tl-actions{display:flex;flex-wrap:wrap;gap:8px}
#controlTasks .tl-actions button{min-height:36px}
#controlTasks .tl-message{margin:0;min-height:1em;font-size:12px;color:#b42318}
@media (max-width:600px){#controlTasks .tl-panel{padding:10px;position:sticky;inset-inline-start:0;max-width:calc(100vw - 48px);box-sizing:border-box}#controlTasks .tl-actions button{flex:1 1 44%;min-height:44px}}
/* G4-D3 — the Finance Calendar: the month grid (Sunday first), the summary per currency, the list with the payment form, the 13 weeks; «مستحقات قريبة» on the Control Hub; the category colours are labels only; cells wrap (the legacy th,td rule is nowrap) */
#cfoFinanceCalendar .fc-cat-rent,#cfoDueSoon .fc-cat-rent{--fc:#0869c9}
#cfoFinanceCalendar .fc-cat-loan{--fc:#6d28d9}
#cfoFinanceCalendar .fc-cat-suppliers{--fc:#047857}
#cfoFinanceCalendar .fc-cat-payroll{--fc:#c2410c}
#cfoFinanceCalendar .fc-cat-tax_zakat{--fc:#be185d}
#cfoFinanceCalendar .fc-cat-insurance{--fc:#0e7490}
#cfoFinanceCalendar .fc-cat-government_fees{--fc:#854d0e}
#cfoFinanceCalendar .fc-cat-utilities{--fc:#4d7c0f}
#cfoFinanceCalendar .fc-cat-subscriptions{--fc:#475569}
#cfoFinanceCalendar .fc-cat-other{--fc:#64748b}
#cfoFinanceCalendar .fc-head{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between}
#cfoFinanceCalendar .fc-nav{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
#cfoFinanceCalendar .fc-nav strong{min-width:120px;text-align:center}
#cfoFinanceCalendar .fc-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin:12px 0}
#cfoFinanceCalendar .fc-total{display:grid;gap:4px;padding:12px 14px;border:1px solid var(--desk-border,#dbe4ee);border-radius:14px;background:var(--desk-paper,#fff)}
#cfoFinanceCalendar .fc-total>span,#cfoFinanceCalendar .fc-total small{color:var(--desk-sub,#596c84);font-size:12px}
#cfoFinanceCalendar .fc-total strong{font-size:1.35rem;font-variant-numeric:tabular-nums}
#cfoFinanceCalendar .fc-cats{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 0;padding:0;list-style:none;font-size:12px}
#cfoFinanceCalendar .fc-cats li{padding:2px 8px;border-radius:999px;background:var(--desk-soft,#eef4fb);border-inline-start:3px solid var(--fc,var(--desk-accent,#0869c9))}
#cfoFinanceCalendar .fc-grid-wrap{overflow-x:auto}
#cfoFinanceCalendar .fc-grid{width:100%;table-layout:fixed;border-collapse:collapse}
#cfoFinanceCalendar .fc-grid th{font-size:12px;color:var(--desk-sub,#596c84);text-align:center;white-space:nowrap}
#cfoFinanceCalendar .fc-grid td{vertical-align:top;height:88px;padding:6px;border:1px solid var(--desk-border,#dbe4ee);white-space:normal}
#cfoFinanceCalendar .fc-empty{background:var(--desk-soft,#f6f9fc)}
#cfoFinanceCalendar .fc-today{box-shadow:inset 0 0 0 2px var(--desk-accent,#0869c9)}
#cfoFinanceCalendar .fc-num{display:block;font-size:12px;font-weight:600;color:var(--desk-sub,#596c84)}
#cfoFinanceCalendar .fc-day.fc-has-late .fc-num{color:#b42318}
#cfoFinanceCalendar .fc-item{display:block;margin-top:4px;padding:2px 6px;border-radius:6px;font-size:11px;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-inline-start:3px solid var(--fc,var(--desk-accent,#0869c9));background:var(--desk-soft,#eef4fb)}
#cfoFinanceCalendar .fc-item.fc-paid{opacity:.6;text-decoration:line-through}
#cfoFinanceCalendar .fc-item.fc-overdue{background:#fdecec}
#cfoFinanceCalendar .fc-item.fc-skipped{opacity:.45}
#cfoFinanceCalendar .fc-more{display:block;margin-top:2px;font-size:11px;color:var(--desk-sub,#596c84)}
#cfoFinanceCalendar .fc-list{width:100%;margin-top:14px}
#cfoFinanceCalendar .fc-list td{white-space:normal}
#cfoFinanceCalendar .fc-list td:first-child{white-space:nowrap}
#cfoFinanceCalendar .fc-list td small{display:block;font-size:11px;color:var(--fc,var(--desk-sub,#596c84))}
#cfoFinanceCalendar .fc-link,#cfoDueSoon .fc-link{all:unset;cursor:pointer;font-weight:600;color:var(--desk-ink,#102641)}
#cfoFinanceCalendar .fc-link:focus-visible,#cfoDueSoon .fc-link:focus-visible{outline:2px solid var(--desk-focus,#0869c9);outline-offset:2px}
#cfoFinanceCalendar .fc-state{display:inline-block;padding:1px 8px;border-radius:999px;font-size:11px;background:var(--desk-soft,#eef4fb)}
#cfoFinanceCalendar .fc-state.fc-overdue{background:#fdecec;color:#b42318}
#cfoFinanceCalendar .fc-state.fc-paid{background:#e8f7ee;color:#17693a}
#cfoFinanceCalendar .fc-acts{display:flex;flex-wrap:wrap;gap:6px}
#cfoFinanceCalendar .fc-pay>td{padding:0}
#cfoFinanceCalendar .fc-pay-form,#cfoFinanceCalendar .fc-form{display:grid;gap:10px;padding:12px 14px;margin:8px 0;border:1px solid var(--desk-border,#dbe4ee);border-radius:14px;background:var(--desk-paper,#fff);white-space:normal;text-align:start}
#cfoFinanceCalendar .fc-pay-form{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));align-items:end}
#cfoFinanceCalendar .fc-form h4{margin:0}
#cfoFinanceCalendar .fc-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}
#cfoFinanceCalendar .fc-fields label,#cfoFinanceCalendar .fc-pay-form label{display:grid;gap:4px;font-size:12px;color:var(--desk-sub,#596c84)}
#cfoFinanceCalendar .fc-fields input,#cfoFinanceCalendar .fc-fields select,#cfoFinanceCalendar .fc-fields textarea,#cfoFinanceCalendar .fc-pay-form input{margin:0;width:100%;box-sizing:border-box;min-height:40px;font:inherit;font-size:14px}
#cfoFinanceCalendar .fc-wide{grid-column:1 / -1}
#cfoFinanceCalendar .fc-form-actions,#cfoFinanceCalendar .fc-status{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
#cfoFinanceCalendar .fc-message{margin:0;min-height:1em;font-size:12px;color:#b42318}
#cfoFinanceCalendar .fc-weeks{margin-top:14px}
#cfoFinanceCalendar .fc-weeks table{width:100%}
#cfoFinanceCalendar .fc-note,#cfoFinanceCalendar .fc-none{margin:10px 0 0;font-size:12px;color:var(--desk-sub,#596c84)}
#cfoDueSoon .fc-soon{display:grid;gap:6px;margin:8px 0 0;padding:0;list-style:none}
#cfoDueSoon .fc-soon li{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between;padding:8px 10px;border-radius:10px;background:var(--desk-soft,#f4f8fd)}
#cfoDueSoon .fc-soon li.fc-overdue{background:#fdecec}
#cfoDueSoon .fc-when{font-variant-numeric:tabular-nums;color:var(--desk-sub,#596c84)}
#cfoDueSoon .fc-state.fc-overdue{padding:1px 8px;border-radius:999px;font-size:11px;background:#fff;color:#b42318}
@media (max-width:600px){#cfoFinanceCalendar .fc-grid-wrap{display:none}#cfoFinanceCalendar .fc-list thead{display:none}#cfoFinanceCalendar .fc-list tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;padding:10px 0;border-bottom:1px solid var(--desk-border,#dbe4ee)}#cfoFinanceCalendar .fc-list td{border:0;padding:0}#cfoFinanceCalendar .fc-acts{grid-column:1 / -1}#cfoFinanceCalendar .fc-acts button{min-height:44px;flex:1 1 30%}#cfoFinanceCalendar .fc-pay{display:block}}
/* G4-E1 — the workforce cost register on the Performance page: the month's figures, the departments (small groups protected), the bridge, the entry and import forms; cells wrap (the legacy th,td rule is nowrap) */
#cfoWorkforce .wf-head{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between}
#cfoWorkforce .wf-pick{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
#cfoWorkforce .wf-pick select{min-height:36px;margin:0}
#cfoWorkforce .wf-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:12px 0}
#cfoWorkforce .wf-kpi{display:grid;gap:4px;padding:12px 14px;border:1px solid var(--desk-border,#dbe4ee);border-radius:14px;background:var(--desk-paper,#fff)}
#cfoWorkforce .wf-kpi span,#cfoWorkforce .wf-kpi small{font-size:12px;color:var(--desk-sub,#596c84)}
#cfoWorkforce .wf-kpi strong{font-size:1.3rem;font-variant-numeric:tabular-nums}
#cfoWorkforce .wf-bridge{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px;font-size:13px}
#cfoWorkforce .wf-bridge span{padding:4px 10px;border-radius:999px;background:var(--desk-soft,#eef4fb)}
#cfoWorkforce .wf-table{width:100%}
#cfoWorkforce .wf-table td{white-space:normal}
#cfoWorkforce .wf-share{display:block;height:6px;margin-top:4px;border-radius:3px;background:var(--desk-soft,#eef4fb);overflow:hidden}
#cfoWorkforce .wf-share i{display:block;height:100%;background:var(--desk-accent,#0869c9)}
#cfoWorkforce .wf-note,#cfoWorkforce .wf-empty{margin:10px 0 0;font-size:12px;color:var(--desk-sub,#596c84)}
#cfoWorkforce .wf-hidden{padding:12px 14px;border-radius:12px;background:var(--desk-soft,#f4f8fd)}
#cfoWorkforce .wf-form{display:grid;gap:10px;margin:12px 0;padding:12px 14px;border:1px solid var(--desk-border,#dbe4ee);border-radius:14px;background:var(--desk-paper,#fff);white-space:normal;text-align:start}
#cfoWorkforce .wf-lines{display:grid;gap:8px}
#cfoWorkforce .wf-line{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1.4fr) auto;gap:8px;align-items:end}
#cfoWorkforce .wf-form label{display:grid;gap:4px;font-size:12px;color:var(--desk-sub,#596c84)}
#cfoWorkforce .wf-form input,#cfoWorkforce .wf-form select{margin:0;width:100%;box-sizing:border-box;min-height:40px;font:inherit;font-size:14px}
#cfoWorkforce .wf-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
#cfoWorkforce .wf-message{margin:0;min-height:1em;font-size:12px;color:#b42318}
@media (max-width:600px){#cfoWorkforce .wf-line{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}#cfoWorkforce .wf-line label:first-child{grid-column:1 / -1}#cfoWorkforce .wf-actions button{min-height:44px;flex:1 1 45%}}
/* G4-E2 — the payroll-to-ledger reconciliation under the workforce figures and the accounts form */
#cfoWorkforce .wf-recon{display:grid;gap:6px;margin:0 0 12px;padding:10px 14px;border-radius:12px;background:var(--desk-soft,#f4f8fd);border-inline-start:3px solid var(--desk-border,#dbe4ee)}
#cfoWorkforce .wf-recon h4{margin:0;font-size:.95rem}
#cfoWorkforce .wf-recon-state{margin:0;font-weight:600}
#cfoWorkforce .wf-recon-matched{border-inline-start-color:#17693a;background:#e8f7ee}
#cfoWorkforce .wf-recon-mismatch{border-inline-start-color:#b42318;background:#fdecec}
#cfoWorkforce .wf-recon-figures{margin:0;font-size:13px;font-variant-numeric:tabular-nums}
#cfoWorkforce .wf-recon-accounts{width:100%;font-size:13px}
#cfoWorkforce .wf-recon-accounts td{white-space:normal}
#cfoWorkforce .wf-recon-missing td{color:#b42318}
#cfoWorkforce .wf-acc-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:6px;max-height:280px;overflow:auto;padding:4px}
#cfoWorkforce .wf-acc{display:flex;gap:8px;align-items:center;font-size:13px;color:var(--desk-ink,#102641)}
#cfoWorkforce .wf-acc input{width:auto;min-height:0;margin:0}
/* G4-E3 — the employee lines fold of the workforce register (the detail permission only) */
#cfoWorkforce .wf-emp{margin:12px 0 0;padding:8px 12px;border:1px solid var(--desk-border,#dbe4ee);border-radius:12px;background:var(--desk-paper,#fff)}
#cfoWorkforce .wf-emp summary{cursor:pointer;font-weight:600}
#cfoWorkforce .wf-emp-filter{margin:8px 0;width:100%;box-sizing:border-box;min-height:36px;font:inherit;font-size:14px}
#cfoWorkforce .wf-emp-scroll{max-height:320px;overflow:auto}
#cfoWorkforce .wf-emp-table{width:100%;font-size:13px}
#cfoWorkforce .wf-emp-table td{white-space:normal}
/* G4-RPT-13 — the Report Center forms: the custom chapter picker (the check boxes beside their labels in a responsive grid), the share form (one row that
   wraps) and the owner-page editor (a tall text area); the ids and classes are those public/vision-chapters.js, public/report-versions.js and
   public/owner-page.js render. The global form rules stretch every input to the full width and height, so the check boxes are reset here. */
#cfoVisionChapters.vc-picker{border:1px solid var(--desk-border,#dbe4ee);border-radius:12px;padding:10px 14px 12px;margin:6px 0 0;min-width:0}
#cfoVisionChapters.vc-picker legend{padding:0 6px;font-weight:700;font-size:13px}
#cfoVisionChapters .vc-note{margin:2px 0 10px;font-size:12px;line-height:1.5;color:var(--desk-sub,#596c84)}
#cfoVisionChapters .vc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:6px 14px}
#cfoVisionChapters .vc-chapter{display:flex;align-items:center;gap:8px;margin:0;padding:4px 0;font-size:12.5px;line-height:1.4;cursor:pointer;min-width:0}
#cfoVisionChapters .vc-chapter input[type="checkbox"]{width:16px!important;height:16px!important;min-width:16px!important;min-height:0!important;padding:0!important;margin:0!important;flex:0 0 16px;border-radius:4px}
#cfoReportVersions .mcd-row[data-kind="version"]{flex-wrap:wrap}
#cfoReportVersions .rv-actions{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
#cfoReportVersions .rv-share-block{flex-basis:100%;margin:8px 0 2px;padding:10px 12px;border-top:1px dashed var(--desk-border,#dbe4ee)}
#cfoReportVersions .rv-share-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px 12px;align-items:end;margin:0 0 8px}
#cfoReportVersions .rv-share-form label{display:flex;flex-direction:column;gap:4px;margin:0;font-size:12px}
#cfoReportVersions .rv-share-form button{justify-self:start}
#cfoReportVersions .rv-share-link{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 8px}
#cfoReportVersions .rv-share-link code{word-break:break-all;font-size:12px}
#cfoOwnerPage .op-form{display:grid;gap:10px;margin:8px 0 0}
#cfoOwnerPage .op-form label{display:flex;flex-direction:column;gap:4px;margin:0;font-size:12px}
#cfoOwnerPage .op-form textarea{min-height:150px;resize:vertical;line-height:1.7}
#cfoOwnerPage .op-count{justify-self:end;font-size:11.5px;color:var(--desk-sub,#596c84)}
#cfoOwnerPage .op-actions{display:flex;flex-wrap:wrap;gap:8px;margin:0}
#cfoOwnerPage .op-issued{margin:0 0 12px}
#cfoOwnerPage .op-issued .op-text{margin:8px 0 0;line-height:1.75}
@media (max-width:600px){#cfoVisionChapters .vc-grid{grid-template-columns:minmax(0,1fr)}#cfoVisionChapters .vc-chapter{min-height:40px}#cfoReportVersions .rv-share-form{grid-template-columns:minmax(0,1fr)}}