/* G4-UX1A — CFO Desk shell, part A (ADR-011): the dock, the spaces launcher, the More menu and the appearance dialog. Scoped to body.cfo-desk and
   the desk elements; no global reset. The dock keeps the package's navy identity on every theme; panels take the product theme variables with
   the package values as fallbacks (dark by default — the product's named themes are dark — and light under html[data-theme="light"]).
   Explicit theme selectors instead of light-dark(), and viewport media queries instead of container queries (the shell spans the full width, so
   they equal the package's root container queries): no new browser floor. */
body.cfo-desk{--desk-bg:#101b2c;--desk-paper:var(--panel,#1a293d);--desk-ink:var(--text,#edf4fd);--desk-sub:var(--muted,#b5c6da);--desk-border:var(--line,#36495f);--desk-accent:var(--accent,#85bcff);--desk-soft:#243f5e;--desk-shadow:rgba(0,0,0,.4);--desk-dock-bg:#20364f;--desk-dock-ink:#d8e6f5;--desk-current:#9ae9e1;--desk-focus:#9ae9e1;--desk-side:174px}
html[data-theme="light"] body.cfo-desk{--desk-bg:#f3f6fa;--desk-paper:var(--panel,#fff);--desk-ink:var(--text,#102641);--desk-sub:var(--muted,#596c84);--desk-border:var(--line,#dbe4ee);--desk-accent:var(--accent,#0869c9);--desk-soft:#eaf3ff;--desk-shadow:rgba(21,53,83,.1);--desk-dock-bg:#102b49}
body.cfo-desk[data-desk-compact="true"]{--desk-side:76px}
/* The legacy navigation stays in the DOM (v72TriggerPage clicks its buttons; sign-out sits in its footer), hidden. */
html body.cfo-desk .sidebar,html body.cfo-desk #p11SidebarToggle,html body.cfo-desk #p11SidebarPin,html body.cfo-desk #p11SidebarShade{display:none!important}
html[dir] body.cfo-desk.cfo-desk.v72-workspace .sidebar.v72-sidebar~main,html body.cfo-desk.cfo-desk .sidebar~main{margin-left:0!important;margin-right:0!important}
html[dir] body.cfo-desk.cfo-desk.v72-workspace[data-desk-place="left"]:not([data-desk-float="true"]) .sidebar.v72-sidebar~main,html body.cfo-desk.cfo-desk[data-desk-place="left"]:not([data-desk-float="true"]) .sidebar~main{margin-left:calc(var(--desk-side) + 20px)!important}
html[dir] body.cfo-desk.cfo-desk.v72-workspace[data-desk-place="right"]:not([data-desk-float="true"]) .sidebar.v72-sidebar~main,html body.cfo-desk.cfo-desk[data-desk-place="right"]:not([data-desk-float="true"]) .sidebar~main{margin-right:calc(var(--desk-side) + 20px)!important}
html[data-desk-place]{scroll-padding-bottom:12px}
html[data-desk-place="bottom"]{scroll-padding-bottom:112px}
html[data-desk-place="bottom-left"],html[data-desk-place="bottom-right"]{scroll-padding-bottom:112px}
/* The shelf: bottom = its place at the end of the page flow, sticking to the viewport bottom above the safe area while the page scrolls; left /
   right = a fixed column on that physical side in both text directions. */
#cfoDeskShelf{position:sticky;bottom:calc(10px + env(safe-area-inset-bottom,0px));z-index:40;margin:6px 24px 18px;direction:ltr;font:12px/1.3 Tahoma,Arial,sans-serif;color:var(--desk-dock-ink)}
body.cfo-desk[data-desk-compact="true"][data-desk-place="bottom"] #cfoDeskShelf{max-width:540px;margin-left:auto;margin-right:auto}
body.cfo-desk[data-desk-place="left"] #cfoDeskShelf,body.cfo-desk[data-desk-place="right"] #cfoDeskShelf{position:fixed;top:12px;bottom:auto;width:var(--desk-side);margin:0}
body.cfo-desk[data-desk-place="left"] #cfoDeskShelf{left:10px}
body.cfo-desk[data-desk-place="right"] #cfoDeskShelf{right:10px}
#cfoDeskDock{position:relative;background:var(--desk-dock-bg);border-radius:18px;padding:11px 8px 7px;box-shadow:0 12px 24px var(--desk-shadow);min-width:0}
#cfoDeskDock .desk-items{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:5px;direction:rtl}
html[dir="ltr"] #cfoDeskDock .desk-items{direction:ltr}
#cfoDeskDock .desk-item{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:61px;min-width:0;padding:8px 3px;border:0;border-radius:12px;background:transparent;color:inherit;font:inherit;cursor:pointer;transition:color .2s ease}
#cfoDeskDock .desk-item svg{flex-shrink:0;transition:transform .32s ease}
#cfoDeskDock .desk-label{display:block;max-width:100%;text-align:center;overflow-wrap:anywhere}
#cfoDeskDock .desk-item:hover{color:#fff}
#cfoDeskDock .desk-item[aria-current="page"],#cfoDeskDock .desk-item[aria-expanded="true"]{color:#fff}
#cfoDeskDock .desk-item[aria-current="page"] .desk-label{color:var(--desk-current);font-weight:600}
#cfoDeskDock .desk-item[aria-current="page"] svg{transform:translateY(-8px)}
#cfoDeskDock .desk-item[data-dock="mx"]{color:#cbbbff}
#cfoDeskDock .desk-item:focus-visible{outline:2px solid var(--desk-focus);outline-offset:2px}
#cfoDeskDock .desk-more{display:none}
body.cfo-desk[data-desk-compact="true"] #cfoDeskDock .desk-item{min-height:46px}
body.cfo-desk[data-desk-compact="true"] #cfoDeskDock .desk-label{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
body.cfo-desk[data-desk-place="left"] #cfoDeskDock,body.cfo-desk[data-desk-place="right"] #cfoDeskDock{border-radius:20px;padding:15px 8px;max-height:calc(100vh - 24px);overflow-y:auto}
body.cfo-desk[data-desk-place="left"] #cfoDeskDock .desk-items,body.cfo-desk[data-desk-place="right"] #cfoDeskDock .desk-items{display:flex;flex-direction:column;gap:10px}
body.cfo-desk[data-desk-place="left"] #cfoDeskDock .desk-item,body.cfo-desk[data-desk-place="right"] #cfoDeskDock .desk-item{flex-direction:row;justify-content:flex-start;gap:15px;min-height:46px;padding:12px 10px}
body.cfo-desk[data-desk-place="left"] #cfoDeskDock .desk-label,body.cfo-desk[data-desk-place="right"] #cfoDeskDock .desk-label{text-align:start}
body.cfo-desk[data-desk-compact="true"][data-desk-place="left"] #cfoDeskDock .desk-item,body.cfo-desk[data-desk-compact="true"][data-desk-place="right"] #cfoDeskDock .desk-item{justify-content:center}
body.cfo-desk[data-desk-place="left"] #cfoDeskDock .desk-item[aria-current="page"] svg{transform:translateX(9px)}
body.cfo-desk[data-desk-place="right"] #cfoDeskDock .desk-item[aria-current="page"] svg{transform:translateX(-9px)}
#cfoDeskDock .desk-marker{position:absolute;left:0;top:0;z-index:0;width:38px;height:38px;border-radius:13px;background:linear-gradient(145deg,#199ac9,#087b71);box-shadow:0 0 0 5px var(--desk-dock-bg),0 7px 18px rgba(14,211,205,.25);pointer-events:none;transition:transform .36s cubic-bezier(.22,.8,.3,1)}
#cfoDeskDock .desk-marker::after{content:"";position:absolute;inset:4px;border-radius:10px;border-top:1px solid rgba(255,255,255,.44)}
#cfoDeskDock .desk-marker[hidden]{display:none}
/* Spaces launcher and More menu: panels in the product theme, above the bottom dock or beside the side dock. */
#cfoDeskShelf .desk-launcher,#cfoDeskShelf .desk-more-menu{position:absolute;bottom:calc(100% + 9px);left:0;right:0;z-index:2;max-height:min(70vh,560px);overflow:auto;padding:18px;border:1px solid var(--desk-border);border-radius:18px;background:var(--desk-paper);color:var(--desk-ink);box-shadow:0 10px 24px var(--desk-shadow);direction:rtl}
html[dir="ltr"] #cfoDeskShelf .desk-launcher,html[dir="ltr"] #cfoDeskShelf .desk-more-menu{direction:ltr}
#cfoDeskShelf .desk-launcher[hidden],#cfoDeskShelf .desk-more-menu[hidden]{display:none}
body.cfo-desk[data-desk-place="left"] #cfoDeskShelf .desk-launcher{bottom:auto;top:0;left:calc(100% + 8px);right:auto;width:min(650px,calc(100vw - 210px))}
body.cfo-desk[data-desk-place="right"] #cfoDeskShelf .desk-launcher{bottom:auto;top:0;right:calc(100% + 8px);left:auto;width:min(650px,calc(100vw - 210px))}
#cfoDeskShelf .desk-more-menu{left:auto;right:0;width:min(260px,100%)}
html[dir="ltr"] #cfoDeskShelf .desk-more-menu{right:auto;left:auto;inset-inline-end:0}
#cfoDeskShelf h2{margin:0 0 12px;font-size:15px;font-weight:600;color:var(--desk-ink)}
#cfoDeskShelf .desk-space-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px}
/* G4-UX2: the launcher — a count line, the pinned and recent rows, three groups of spaces. */
#cfoDeskShelf .desk-launcher-count{margin:-4px 0 12px;color:var(--desk-sub);font-size:12px}
#cfoDeskShelf .desk-launcher-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 12px}#cfoDeskShelf .desk-launcher-row>small{font-weight:700;margin-inline-end:4px}#cfoDeskShelf .desk-launcher-row .desk-space-chip{width:auto}
#cfoDeskShelf .desk-space-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}#cfoDeskShelf .desk-space-group{display:grid;gap:8px;align-content:start}#cfoDeskShelf .desk-space-group h3{margin:0 0 2px;font-size:13px}
/* G4-UX2: the space frame after the page header — the space name, its pages (the current one marked), the pin toggle; the tabs scroll inside the frame on a narrow screen. */
body.cfo-desk .desk-space-frame{display:flex;align-items:center;gap:12px;margin:0 0 14px;padding:6px 10px;border:1px solid var(--desk-border);border-radius:14px;background:var(--desk-paper);color:var(--desk-ink)}
body.cfo-desk .desk-space-frame[hidden]{display:none}body.cfo-desk .desk-space-name{margin:0;font-weight:700;white-space:nowrap}
body.cfo-desk .desk-space-tabs{display:flex;flex:1 1 auto;gap:6px;min-width:0;overflow-x:auto;padding:2px;scrollbar-width:thin}
body.cfo-desk .desk-space-tab,body.cfo-desk .desk-space-pin{flex:0 0 auto;min-height:44px;padding:8px 12px;border:1px solid transparent;border-radius:10px;background:transparent;color:inherit;font:inherit;font-size:13px;cursor:pointer}
body.cfo-desk .desk-space-tab[aria-current="page"]{border-color:var(--desk-accent);font-weight:700}body.cfo-desk .desk-space-pin{border-color:var(--desk-border)}body.cfo-desk .desk-space-pin[aria-pressed="true"]{border-color:var(--desk-accent)}
body.cfo-desk .desk-space-tab:focus-visible,body.cfo-desk .desk-space-pin:focus-visible{outline:2px solid var(--desk-focus);outline-offset:2px}
@media (max-width:600px){body.cfo-desk .desk-space-frame{flex-wrap:wrap}body.cfo-desk .desk-space-tabs{order:3;flex-basis:100%}}
#cfoDeskShelf .desk-space,#cfoDeskShelf .desk-more-item{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--desk-border);border-radius:9px;background:transparent;color:var(--desk-ink);font:inherit;font-size:13px;text-align:start;cursor:pointer}
#cfoDeskShelf .desk-more-item+.desk-more-item{margin-top:8px}
#cfoDeskShelf .desk-space:hover,#cfoDeskShelf .desk-more-item:hover{border-color:var(--desk-accent)}
#cfoDeskShelf .desk-space:focus-visible,#cfoDeskShelf .desk-more-item:focus-visible{outline:2px solid var(--desk-accent);outline-offset:2px}
/* The appearance dialog (opened from «Customize the dock» in the account menu). */
.desk-dialog{width:min(700px,calc(100% - 24px));max-height:calc(100vh - 24px);overflow:auto;padding:24px;border:1px solid var(--desk-border);border-radius:18px;background:var(--desk-paper);color:var(--desk-ink);font:14px/1.65 Tahoma,Arial,sans-serif}
.desk-dialog::backdrop{background:rgba(8,26,51,.27)}
.desk-dialog h2{margin:0 0 8px;font-size:17px;font-weight:600}
.desk-dialog h3{margin:18px 0 8px;font-size:13px;font-weight:600;color:var(--desk-sub)}
.desk-dialog .desk-prefs-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.desk-dialog .desk-choice{min-height:44px;padding:8px 12px;border:1px solid var(--desk-border);border-radius:9px;background:transparent;color:inherit;font:inherit;text-align:center;cursor:pointer}
.desk-dialog .desk-choice[aria-pressed="true"]{border-color:var(--desk-accent);background:var(--desk-soft);color:var(--desk-ink);font-weight:600}
.desk-dialog .desk-choice:focus-visible,.desk-dialog .desk-dialog-close:focus-visible{outline:2px solid var(--desk-accent);outline-offset:2px}
.desk-dialog .desk-dialog-close{float:inline-end;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--desk-border);border-radius:9px;background:transparent;color:inherit;cursor:pointer}
.desk-dialog .desk-note{margin:16px 0 0;font-size:12px;color:var(--desk-sub)}
/* Narrow screens: every placement becomes the bottom dock of five (Home, Spaces, Control, Reports, More); the saved placement is kept. */
@media (max-width:600px){
 html[dir] body.cfo-desk.cfo-desk.v72-workspace .sidebar.v72-sidebar~main,html body.cfo-desk.cfo-desk .sidebar~main,html[dir] body.cfo-desk.cfo-desk.v72-workspace[data-desk-place] .sidebar.v72-sidebar~main,html body.cfo-desk.cfo-desk[data-desk-place] .sidebar~main{margin-left:0!important;margin-right:0!important}
 html[data-desk-place]{scroll-padding-bottom:112px}
 body.cfo-desk #cfoDeskShelf,body.cfo-desk[data-desk-place] #cfoDeskShelf{position:sticky;top:auto;left:auto;right:auto;bottom:calc(10px + env(safe-area-inset-bottom,0px));width:auto;max-width:none;margin:6px 12px 12px}
 body.cfo-desk[data-desk-place] #cfoDeskDock{border-radius:18px;padding:11px 5px 7px;max-height:none;overflow:visible}
 body.cfo-desk[data-desk-place] #cfoDeskDock .desk-items{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:0}
 body.cfo-desk[data-desk-place] #cfoDeskDock .desk-item{flex-direction:column;justify-content:center;gap:5px;min-height:61px;padding:8px 2px}
 body.cfo-desk[data-desk-compact="true"][data-desk-place] #cfoDeskDock .desk-item{min-height:46px}
 body.cfo-desk[data-desk-place] #cfoDeskDock .desk-item[aria-current="page"] svg{transform:translateY(-8px)}
 body.cfo-desk[data-desk-place] #cfoDeskDock .desk-label{font-size:11px;text-align:center}
 #cfoDeskDock .desk-item[data-more="1"]{display:none}
 #cfoDeskDock .desk-more:not([hidden]){display:flex}
 body.cfo-desk[data-desk-place] #cfoDeskShelf .desk-launcher{top:auto;bottom:calc(100% + 9px);left:0;right:0;width:auto}
 .desk-dialog .desk-prefs-grid{grid-template-columns:1fr}
}
/* G4-UX1B — the desk header and the context bar on the existing top row: brand, mode switch, «Customize», the tools; then the context controls
   (company / group, fiscal year, period) and the Latest / Official slot. Grid areas follow the text direction. */
body.cfo-desk #p11TopRow.desk-header-row{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto auto auto;grid-template-areas:"brand mode . search customize tools" "context context context context context view";align-items:center;gap:12px 14px}
body.cfo-desk #p11TopRow.desk-header-row>#cfoDeskSearchTrigger{grid-area:search}
body.cfo-desk #p11TopRow.desk-header-row>*{grid-column:1/-1}
body.cfo-desk #p11TopRow.desk-header-row>#cfoDeskBrand{grid-area:brand}
body.cfo-desk #p11TopRow.desk-header-row>#cfoDeskMode{grid-area:mode}
body.cfo-desk #p11TopRow.desk-header-row>#cfoDeskHeaderCustomize{grid-area:customize}
body.cfo-desk #p11TopRow.desk-header-row>#p11PersonalTools{grid-area:tools;justify-self:end}
body.cfo-desk #p11TopRow.desk-header-row>.filters{grid-area:context;min-width:0}
body.cfo-desk #p11TopRow.desk-header-row>#cfoDeskView{grid-area:view;align-self:end}
body.cfo-desk #p11TopRow.desk-header-row>.filters .v72-business-filters{display:grid;grid-template-columns:1.4fr .7fr 1.2fr;gap:16px;min-width:0}
body.cfo-desk #p11TopRow.desk-header-row>.filters .v72-business-filters>*{min-width:0}
.desk-brand{display:flex;align-items:center;gap:11px;direction:ltr;font:600 18px Arial,sans-serif;letter-spacing:-.4px;color:var(--desk-ink);white-space:nowrap}
.desk-mark{display:flex;align-items:center;height:44px}
.desk-mark img{display:block;height:44px;width:auto;filter:drop-shadow(0 1px 1px rgba(8,22,40,.25))}
@media (max-width:600px){.desk-mark,.desk-mark img{height:34px}}
/* G4-BRAND-1: the mark is the official lockup image (.desk-mark img); the three bars are gone */
.desk-mode-switch,.desk-view-pair{display:flex;gap:3px;padding:3px;border:1px solid var(--desk-border);border-radius:10px;background:var(--desk-bg)}
.desk-mode-switch button,.desk-view-pair button{min-height:30px;padding:5px 12px;border:0;border-radius:8px;background:transparent;color:var(--desk-ink);font:inherit;font-size:12px;cursor:pointer}
.desk-mode-switch button[aria-pressed="true"],.desk-view-pair button[aria-pressed="true"]{background:var(--desk-accent);color:#11283f;font-weight:600}
/* G4-UX1D (D-DESK-PRESSED-01): the pressed mode and view buttons keep the accent — the workspace button rule (body.v72-workspace button:not(.primary), 0,2,2) used to win, leaving white text on the light panel; dark ink on the dark accents, white on the light ones. */
body.cfo-desk .desk-mode-switch button[aria-pressed="true"],body.cfo-desk .desk-view-pair button[aria-pressed="true"]{background:var(--desk-accent);color:#11283f}
html[data-theme="light"] body.cfo-desk .desk-mode-switch button[aria-pressed="true"],html[data-theme="light"] body.cfo-desk .desk-view-pair button[aria-pressed="true"]{color:#fff}
.desk-view-pair button[aria-disabled="true"]{opacity:.55;cursor:not-allowed}
.desk-mode-switch button:focus-visible,.desk-view-pair button:focus-visible,.desk-header-button:focus-visible{outline:2px solid var(--desk-accent);outline-offset:2px}
.desk-header-button{min-height:36px;padding:6px 12px;border:1px solid var(--desk-border);border-radius:9px;background:transparent;color:var(--desk-ink);font:inherit;font-size:13px;cursor:pointer}
.desk-view{display:grid;gap:4px;justify-items:start}
.desk-view-caption{font-size:12px;color:var(--desk-sub)}
.desk-visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
@media (max-width:800px){body.cfo-desk #p11TopRow.desk-header-row{gap:10px 12px}}
@media (max-width:600px){
 body.cfo-desk #p11TopRow.desk-header-row{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"brand tools" "search search" "mode mode" "context context" "view view"}
 body.cfo-desk .mx-root .mx-panel{bottom:calc(112px + env(safe-area-inset-bottom,0px))!important;max-height:calc(100dvh - 128px)!important}
 body.cfo-desk #p11TopRow.desk-header-row>#cfoDeskHeaderCustomize{display:none}
 .desk-brand-name{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
 .desk-mode-switch button,.desk-view-pair button{min-height:44px;flex:1 1 0}
 .desk-mode-switch,.desk-view-pair{width:100%}
 .desk-view{justify-items:stretch}
 body.cfo-desk #p11TopRow.desk-header-row>.filters .v72-business-filters{grid-template-columns:1fr 1fr;gap:10px 16px}
 body.cfo-desk #p11TopRow.desk-header-row>.filters .v72-business-filters>.v72-company-context,body.cfo-desk #p11TopRow.desk-header-row>.filters .v72-business-filters>.v72-period-context{grid-column:1/-1}
}
/* G4-UX1C — the search trigger (an icon below 1100 px, full width on a phone), the search dialog, the folded companion button and the MX panel kept
   off the side dock (the panel sits on the inline end: the left of an Arabic page, the right of an English page). */
.desk-search-trigger{display:flex;align-items:center;gap:8px;min-height:36px;min-width:44px;padding:6px 12px;border:1px solid var(--desk-border);border-radius:9px;background:var(--desk-bg);color:var(--desk-sub);font:inherit;font-size:13px;cursor:pointer}
.desk-search-trigger kbd{padding:1px 6px;border:1px solid var(--desk-border);border-radius:5px;font:11px/1.4 Tahoma,Arial,sans-serif;color:var(--desk-sub)}
.desk-search-trigger:focus-visible{outline:2px solid var(--desk-accent);outline-offset:2px}
@media (max-width:1100px){.desk-search-trigger{justify-content:center}.desk-search-trigger .desk-search-text{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.desk-search-trigger kbd{display:none}}
@media (max-width:600px){.desk-search-trigger{width:100%;min-height:44px;justify-content:flex-start}.desk-search-trigger .desk-search-text{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto;white-space:nowrap}}
.desk-search #cfoDeskSearchInput{width:100%;min-height:44px;margin:4px 0 12px;padding:8px 12px;border:1px solid var(--desk-border);border-radius:9px;background:var(--desk-bg);color:var(--desk-ink);font:inherit}
.desk-search #cfoDeskSearchInput:focus-visible{outline:2px solid var(--desk-accent);outline-offset:2px}
.desk-search-results{display:grid;gap:6px;max-height:min(55vh,420px);overflow:auto}
.desk-search-result{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:44px;padding:8px 12px;border:1px solid var(--desk-border);border-radius:9px;background:transparent;color:var(--desk-ink);font:inherit;text-align:start;cursor:pointer}
.desk-search-result small{color:var(--desk-sub);font-size:11px}
.desk-search-result:hover{border-color:var(--desk-accent)}
.desk-search-result:focus-visible{outline:2px solid var(--desk-accent);outline-offset:2px}
body.cfo-desk .mx-root .mx-dock{position:fixed!important;inset:auto!important;width:1px!important;height:1px!important;min-width:0!important;min-height:0!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;opacity:0!important;pointer-events:none!important}
html[dir="rtl"] body.cfo-desk[data-desk-place="left"] .mx-root .mx-panel{left:calc(var(--desk-side) + 30px)!important;right:auto!important}
html[dir="ltr"] body.cfo-desk[data-desk-place="right"] .mx-root .mx-panel{right:calc(var(--desk-side) + 30px)!important;left:auto!important}
/* Motion: reduced and off stop the dock's transitions; the operating-system setting wins over «full». */
body.cfo-desk[data-desk-motion="reduced"] #cfoDeskShelf *,body.cfo-desk[data-desk-motion="off"] #cfoDeskShelf *{transition:none!important;animation:none!important}
@media (prefers-reduced-motion:reduce){body.cfo-desk #cfoDeskShelf *{transition:none!important;animation:none!important}}
body.cfo-desk[data-desk-motion="reduced"] #cfoMxFloat,body.cfo-desk[data-desk-motion="reduced"] #cfoMxFloat *,body.cfo-desk[data-desk-motion="reduced"] #cfoMxFloat::before,body.cfo-desk[data-desk-motion="off"] #cfoMxFloat,body.cfo-desk[data-desk-motion="off"] #cfoMxFloat *,body.cfo-desk[data-desk-motion="off"] #cfoMxFloat::before{animation:none!important}
@media (prefers-reduced-motion:reduce){body.cfo-desk #cfoMxFloat,body.cfo-desk #cfoMxFloat *,body.cfo-desk #cfoMxFloat::before{animation:none!important}}
/* G4-UX1E — one design (Owner decisions OD-DESK-LIGHT / OD-LANG-UI, 2026-09-24, after hosted freeze 1: «two designs on top of each other»). The legacy header
   container holds the package header: the top row (brand, mode, search, customize, tools), the context row under a rule (company / group, fiscal year, period,
   the view) and the open-now strip (the breadcrumb with the current page as a chip). Legacy rules force heights and backgrounds with !important — the same
   weight is used here, with a higher specificity. Nothing is removed from the DOM: the page title stays the heading and the focus target (D-A11Y-01). */
body.cfo-desk main>header.p11-shell5-header{flex-direction:column;gap:0;margin:0 0 20px;background:var(--desk-paper);border:1px solid var(--desk-border);border-radius:16px;box-shadow:0 8px 24px rgba(21,53,83,.07);overflow:hidden}
/* G4-REC1 (D-DESK-POPOVER-01): an open popover of the header (experience color, language, notifications, account, company) is not clipped by the header, and in the Arabic interface the utilities popovers open towards the page */
body.cfo-desk main>header.p11-shell5-header.desk-popover-open{overflow:visible}
@media (min-width:761px){html[dir="rtl"] body.cfo-desk .v72-utilities>.v72-popover{left:0!important;right:auto!important}}
/* G4-UX4 (the Owner's review 2026-09-25) — the dock: smaller and quieter at the bottom, a refined rail with names on the sides, and the floating official
   logo that opens it (the default): it floats and turns in 3D and rests while the dock is open; the dock opens away from the edge the logo sits on
   (bottom → up, top → down, left → right, right → left). «Customize» (motion reduced / off) and the system's reduced-motion setting keep it still. */
body.cfo-desk[data-desk-place] #cfoDeskDock{padding:5px;border:1px solid rgba(255,255,255,.08);border-radius:20px;background:linear-gradient(180deg,#173559,#0e2640);box-shadow:0 14px 34px rgba(9,26,46,.28),inset 0 1px 0 rgba(255,255,255,.07)}
body.cfo-desk[data-desk-place] #cfoDeskDock .desk-items{gap:2px}
body.cfo-desk[data-desk-place] #cfoDeskDock .desk-item{min-height:46px;gap:3px;padding:5px 4px;border-radius:14px;color:rgba(216,230,245,.8);font-size:11px;transition:background-color .2s ease,color .2s ease}
body.cfo-desk[data-desk-place] #cfoDeskDock .desk-item svg{width:19px;height:19px}
body.cfo-desk[data-desk-place] #cfoDeskDock .desk-item:hover{background:rgba(255,255,255,.07);color:#fff}
body.cfo-desk[data-desk-place] #cfoDeskDock .desk-item[aria-current="page"]{background:rgba(154,233,225,.14);color:#fff}
body.cfo-desk[data-desk-place] #cfoDeskDock .desk-item[aria-current="page"] svg{transform:none;color:var(--desk-current)}
body.cfo-desk[data-desk-place] #cfoDeskDock .desk-item[aria-current="page"] .desk-label{color:#fff}
body.cfo-desk[data-desk-place] #cfoDeskDock .desk-marker{display:none}
body.cfo-desk[data-desk-place="bottom"] #cfoDeskShelf{max-width:640px;margin-left:auto;margin-right:auto}
body.cfo-desk[data-desk-compact="true"][data-desk-place="bottom"] #cfoDeskShelf{max-width:360px}
body.cfo-desk[data-desk-place="left"] #cfoDeskDock,body.cfo-desk[data-desk-place="right"] #cfoDeskDock{padding:10px 8px;border-radius:22px}
body.cfo-desk[data-desk-place="left"] #cfoDeskDock .desk-items,body.cfo-desk[data-desk-place="right"] #cfoDeskDock .desk-items{gap:4px}
body.cfo-desk[data-desk-place="left"] #cfoDeskDock .desk-item,body.cfo-desk[data-desk-place="right"] #cfoDeskDock .desk-item{position:relative;min-height:42px;padding:9px 12px;gap:12px;font-size:12.5px}
body.cfo-desk[data-desk-place="left"] #cfoDeskDock .desk-item[aria-current="page"]::before,body.cfo-desk[data-desk-place="right"] #cfoDeskDock .desk-item[aria-current="page"]::before{content:"";position:absolute;top:9px;bottom:9px;inset-inline-start:2px;width:3px;border-radius:3px;background:var(--desk-current)}
@media (min-width:601px){
 body.cfo-desk[data-desk-float="false"][data-desk-place="top"] #cfoDeskShelf{position:fixed;top:10px;bottom:auto;left:0;right:0;width:min(640px,calc(100vw - 24px));margin:0 auto}
 body.cfo-desk[data-desk-float="false"][data-desk-place="top"]{padding-top:78px}
 body.cfo-desk[data-desk-float="false"][data-desk-place="top"] #cfoDeskShelf .desk-launcher,body.cfo-desk[data-desk-float="false"][data-desk-place="top"] #cfoDeskShelf .desk-more-menu{bottom:auto;top:calc(100% + 9px)}
}
/* the floating logo (the default): the shelf becomes a fixed row or column — the logo at the edge, the dock beside it */
#cfoDeskToggle[hidden]{display:none}
body.cfo-desk[data-desk-float="true"] #cfoDeskShelf{position:fixed;z-index:40;display:flex;align-items:center;gap:10px;margin:0;max-width:none;width:auto;pointer-events:none}
body.cfo-desk[data-desk-float="true"] #cfoDeskShelf>*{pointer-events:auto}
body.cfo-desk[data-desk-float="true"][data-desk-place="bottom"] #cfoDeskShelf{left:0;right:0;top:auto;bottom:calc(12px + env(safe-area-inset-bottom,0px));flex-direction:column-reverse}
body.cfo-desk[data-desk-float="true"][data-desk-place="top"] #cfoDeskShelf{left:0;right:0;top:10px;bottom:auto;flex-direction:column}
body.cfo-desk[data-desk-float="true"][data-desk-place="left"] #cfoDeskShelf{top:0;bottom:0;left:10px;right:auto;flex-direction:row}
body.cfo-desk[data-desk-float="true"][data-desk-place="right"] #cfoDeskShelf{top:0;bottom:0;right:10px;left:auto;flex-direction:row-reverse}
/* G4-UX5: the logo at a bottom corner — the dock unfurls sideways from it (the bar layout); the always-visible bar sits at that side */
body.cfo-desk[data-desk-float="true"][data-desk-place="bottom-left"] #cfoDeskShelf{left:12px;right:auto;top:auto;bottom:calc(12px + env(safe-area-inset-bottom,0px));flex-direction:row;align-items:flex-end}
body.cfo-desk[data-desk-float="true"][data-desk-place="bottom-right"] #cfoDeskShelf{right:12px;left:auto;top:auto;bottom:calc(12px + env(safe-area-inset-bottom,0px));flex-direction:row-reverse;align-items:flex-end}
body.cfo-desk[data-desk-float="true"][data-desk-place="bottom-left"] #cfoDeskDock,body.cfo-desk[data-desk-float="true"][data-desk-place="bottom-right"] #cfoDeskDock{width:min(640px,calc(100vw - 150px));margin-bottom:12px}
body.cfo-desk[data-desk-float="true"][data-desk-place="bottom-left"],body.cfo-desk[data-desk-float="true"][data-desk-place="bottom-right"]{padding-bottom:96px}
body.cfo-desk[data-desk-float="false"][data-desk-place="bottom-left"] #cfoDeskShelf{max-width:640px;margin-left:24px;margin-right:auto}
body.cfo-desk[data-desk-float="false"][data-desk-place="bottom-right"] #cfoDeskShelf{max-width:640px;margin-right:24px;margin-left:auto}
body.cfo-desk[data-desk-float="true"][data-desk-place="bottom"] #cfoDeskDock,body.cfo-desk[data-desk-float="true"][data-desk-place="top"] #cfoDeskDock{width:min(640px,calc(100vw - 24px))}
body.cfo-desk[data-desk-float="true"][data-desk-compact="true"][data-desk-place="bottom"] #cfoDeskDock,body.cfo-desk[data-desk-float="true"][data-desk-compact="true"][data-desk-place="top"] #cfoDeskDock{width:min(360px,calc(100vw - 24px))}
body.cfo-desk[data-desk-float="true"][data-desk-place="left"] #cfoDeskDock,body.cfo-desk[data-desk-float="true"][data-desk-place="right"] #cfoDeskDock{width:var(--desk-side);max-height:calc(100vh - 24px)}
body.cfo-desk[data-desk-float="true"][data-desk-place="top"] #cfoDeskShelf .desk-launcher,body.cfo-desk[data-desk-float="true"][data-desk-place="top"] #cfoDeskShelf .desk-more-menu{bottom:auto;top:calc(100% + 9px)}
body.cfo-desk[data-desk-float="true"][data-desk-place="bottom"]{padding-bottom:96px}
/* G4-UX5: the dock unfurls from the logo — upwards from the bottom centre, downwards from the top, sideways from a corner or a side — and folds back the same way; the items follow in a short stagger */
body.cfo-desk[data-desk-float="true"] #cfoDeskDock:not([hidden]){animation:deskDockUp .38s cubic-bezier(.22,.8,.3,1)}
body.cfo-desk[data-desk-float="true"][data-desk-place="top"] #cfoDeskDock:not([hidden]){animation-name:deskDockDown}
body.cfo-desk[data-desk-float="true"][data-desk-place="left"] #cfoDeskDock:not([hidden]),body.cfo-desk[data-desk-float="true"][data-desk-place="bottom-left"] #cfoDeskDock:not([hidden]){animation-name:deskDockFromLeft}
body.cfo-desk[data-desk-float="true"][data-desk-place="right"] #cfoDeskDock:not([hidden]),body.cfo-desk[data-desk-float="true"][data-desk-place="bottom-right"] #cfoDeskDock:not([hidden]){animation-name:deskDockFromRight}
body.cfo-desk[data-desk-float="true"] #cfoDeskDock.desk-closing{animation:deskFoldDown .26s ease-in forwards}
body.cfo-desk[data-desk-float="true"][data-desk-place="top"] #cfoDeskDock.desk-closing{animation-name:deskFoldUp}
body.cfo-desk[data-desk-float="true"][data-desk-place="left"] #cfoDeskDock.desk-closing,body.cfo-desk[data-desk-float="true"][data-desk-place="bottom-left"] #cfoDeskDock.desk-closing{animation-name:deskFoldToLeft}
body.cfo-desk[data-desk-float="true"][data-desk-place="right"] #cfoDeskDock.desk-closing,body.cfo-desk[data-desk-float="true"][data-desk-place="bottom-right"] #cfoDeskDock.desk-closing{animation-name:deskFoldToRight}
body.cfo-desk[data-desk-float="true"] #cfoDeskDock:not([hidden]):not(.desk-closing) .desk-item{animation:deskItemIn .34s cubic-bezier(.22,.8,.3,1) both}
body.cfo-desk[data-desk-float="true"] #cfoDeskDock .desk-item:nth-child(2){animation-delay:30ms}body.cfo-desk[data-desk-float="true"] #cfoDeskDock .desk-item:nth-child(3){animation-delay:60ms}body.cfo-desk[data-desk-float="true"] #cfoDeskDock .desk-item:nth-child(4){animation-delay:90ms}body.cfo-desk[data-desk-float="true"] #cfoDeskDock .desk-item:nth-child(5){animation-delay:120ms}body.cfo-desk[data-desk-float="true"] #cfoDeskDock .desk-item:nth-child(6){animation-delay:150ms}body.cfo-desk[data-desk-float="true"] #cfoDeskDock .desk-item:nth-child(7){animation-delay:180ms}body.cfo-desk[data-desk-float="true"] #cfoDeskDock .desk-item:nth-child(n+8){animation-delay:210ms}
@keyframes deskDockUp{from{clip-path:inset(100% 0 0 0);opacity:.5;transform:translateY(10px)}to{clip-path:inset(0);opacity:1;transform:none}}@keyframes deskDockDown{from{clip-path:inset(0 0 100% 0);opacity:.5;transform:translateY(-10px)}to{clip-path:inset(0);opacity:1;transform:none}}@keyframes deskDockFromLeft{from{clip-path:inset(0 100% 0 0);opacity:.5;transform:translateX(-12px)}to{clip-path:inset(0);opacity:1;transform:none}}@keyframes deskDockFromRight{from{clip-path:inset(0 0 0 100%);opacity:.5;transform:translateX(12px)}to{clip-path:inset(0);opacity:1;transform:none}}@keyframes deskFoldDown{to{clip-path:inset(100% 0 0 0);opacity:.4;transform:translateY(10px)}}@keyframes deskFoldUp{to{clip-path:inset(0 0 100% 0);opacity:.4;transform:translateY(-10px)}}@keyframes deskFoldToLeft{to{clip-path:inset(0 100% 0 0);opacity:.4;transform:translateX(-12px)}}@keyframes deskFoldToRight{to{clip-path:inset(0 0 0 100%);opacity:.4;transform:translateX(12px)}}@keyframes deskItemIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
#cfoDeskToggle{position:relative;flex:none;width:104px;height:82px;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer;perspective:560px;-webkit-tap-highlight-color:transparent;transition:transform .25s ease}
#cfoDeskToggle:hover{transform:scale(1.06)}
#cfoDeskToggle:focus-visible{outline:2px solid var(--desk-focus);outline-offset:4px}
/* a soft dark halo floats with the logo (the transparent lockup is made for dark grounds; no ring, no border on the artwork) */
#cfoDeskToggle .desk-toggle-float{display:block;width:100%;height:100%;border-radius:50%;background:radial-gradient(closest-side,rgba(13,33,57,.10) 0%,rgba(13,33,57,.06) 56%,rgba(13,33,57,0) 100%);transform-style:preserve-3d}
#cfoDeskToggle .desk-toggle-logo{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 4px 10px rgba(8,105,201,.28)) drop-shadow(0 1px 1px rgba(8,22,40,.55));transition:filter .25s ease}
#cfoDeskToggle:hover .desk-toggle-logo{filter:drop-shadow(0 6px 14px rgba(8,105,201,.42)) drop-shadow(0 1px 1px rgba(8,22,40,.6))}
#cfoDeskToggle::after{content:"";position:absolute;left:24%;right:24%;bottom:-9px;height:9px;border-radius:50%;background:radial-gradient(closest-side,rgba(16,38,65,.14),rgba(16,38,65,0));pointer-events:none}
#cfoDeskToggle .desk-toggle-state{position:absolute;top:-2px;inset-inline-end:-2px;display:grid;place-items:center;width:22px;height:22px;border:1px solid rgba(255,255,255,.28);border-radius:50%;background:#102b49;color:#d8e6f5;box-shadow:0 3px 8px rgba(9,26,46,.35)}
#cfoDeskToggle .desk-toggle-state svg{width:12px;height:12px}
body.cfo-desk[data-desk-open="true"] #cfoDeskToggle .desk-toggle-state{background:var(--desk-accent);border-color:transparent;color:#fff}
@keyframes deskLogoFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes deskLogoTurn{0%,76%{transform:rotateY(0deg)}88%{transform:rotateY(180deg)}100%{transform:rotateY(360deg)}}
@keyframes deskLogoShadow{0%,100%{transform:scaleX(1);opacity:1}50%{transform:scaleX(.78);opacity:.55}}
body.cfo-desk[data-desk-float="true"] #cfoDeskToggle .desk-toggle-float{animation:deskLogoFloat 3.8s ease-in-out infinite}
body.cfo-desk[data-desk-float="true"] #cfoDeskToggle .desk-toggle-logo{animation:deskLogoTurn 11s cubic-bezier(.45,.05,.35,1) infinite}
body.cfo-desk[data-desk-float="true"] #cfoDeskToggle::after{animation:deskLogoShadow 3.8s ease-in-out infinite}
body.cfo-desk[data-desk-float="true"][data-desk-open="true"] #cfoDeskToggle .desk-toggle-logo{animation:none}
/* G4-UX8 (the Owner's review 2026-09-27): the free logo — dragged anywhere (touch included); the dock opens with the layout of the nearest edge */
body.cfo-desk[data-desk-float="true"] #cfoDeskToggle{touch-action:none}
body.cfo-desk[data-desk-float="true"][data-desk-free="true"] #cfoDeskToggle{position:fixed;left:var(--desk-free-x,calc(50% - 41px));top:var(--desk-free-y,calc(100% - 96px));right:auto;bottom:auto;margin:0;z-index:41}
@media (min-width:601px){
 body.cfo-desk[data-desk-float="true"][data-desk-free="true"][data-desk-place="left"] #cfoDeskShelf{left:calc(var(--desk-free-x,10px) + var(--desk-free-w,82px) + 10px)}
 body.cfo-desk[data-desk-float="true"][data-desk-free="true"][data-desk-place="right"] #cfoDeskShelf{right:calc(100vw - var(--desk-free-x,100vw) + 10px);left:auto}
 body.cfo-desk[data-desk-float="true"][data-desk-free="true"][data-desk-place="bottom"] #cfoDeskShelf{bottom:calc(100vh - var(--desk-free-y,100vh) + 10px)}
 body.cfo-desk[data-desk-float="true"][data-desk-free="true"][data-desk-place="top"] #cfoDeskShelf{top:calc(var(--desk-free-y,0px) + var(--desk-free-h,64px) + 10px)}
}
@media (max-width:600px){
 body.cfo-desk[data-desk-float="true"][data-desk-free="true"][data-desk-free-v="up"][data-desk-place] #cfoDeskShelf{bottom:calc(100vh - var(--desk-free-y,100vh) + 10px)}
 body.cfo-desk[data-desk-float="true"][data-desk-free="true"][data-desk-free-v="down"][data-desk-place] #cfoDeskShelf{top:calc(var(--desk-free-y,0px) + var(--desk-free-h,64px) + 10px);bottom:auto}
}
body.cfo-desk[data-desk-float="true"] #cfoDeskToggle.desk-dragging{cursor:grabbing}
body.cfo-desk[data-desk-float="true"] #cfoDeskToggle.desk-dragging .desk-toggle-float,body.cfo-desk[data-desk-float="true"] #cfoDeskToggle.desk-dragging .desk-toggle-logo,body.cfo-desk[data-desk-float="true"] #cfoDeskToggle.desk-dragging::after{animation:none}
#cfoDeskAppearance .desk-prefs-section{margin-top:16px;padding-top:12px;border-top:1px solid rgba(127,127,127,.25)}
#cfoCustomizeNumbers .p11-scale-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
#cfoCustomizeNumbers [data-p11-clear-overrides]{width:100%;margin-top:8px}
@media (max-width:600px){#cfoCustomizeNumbers .p11-scale-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
body.cfo-desk[data-desk-motion="reduced"] #cfoDeskToggle::after,body.cfo-desk[data-desk-motion="off"] #cfoDeskToggle::after{animation:none}
@media (prefers-reduced-motion:reduce){body.cfo-desk #cfoDeskToggle::after{animation:none}}
/* G4-UX5: MX as a transparent floating icon at the bottom left — floats (the button), turns slowly (the picture) and glows (the ring behind it); opens the same assistant as the dock's MX destination; hidden when MX is off */
#cfoMxFloat{position:fixed;left:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:41;width:64px;height:64px;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent;animation:deskMxFloat 4.6s ease-in-out infinite}
#cfoMxFloat[hidden]{display:none}
#cfoMxFloat::before{content:"";position:absolute;inset:6px;border-radius:50%;background:radial-gradient(circle,rgba(124,92,255,.45),rgba(32,213,245,.16) 55%,transparent 75%);filter:blur(6px);animation:deskMxGlow 3.2s ease-in-out infinite;pointer-events:none}
#cfoMxFloat img{position:relative;z-index:1;display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 10px rgba(124,92,255,.5));animation:deskMxTurn 18s linear infinite}
#cfoMxFloat:hover img{animation-play-state:paused}
#cfoMxFloat:focus-visible{outline:2px solid var(--desk-focus);outline-offset:4px}
body.cfo-desk[data-desk-float="true"][data-desk-place="bottom-left"] #cfoMxFloat{bottom:calc(116px + env(safe-area-inset-bottom,0px))}
body.cfo-desk[data-desk-place="left"] #cfoMxFloat{left:calc(var(--desk-side) + 28px)}
@keyframes deskMxFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes deskMxTurn{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes deskMxGlow{0%,100%{opacity:.35;transform:scale(.9)}50%{opacity:1;transform:scale(1.12)}}
@media (max-width:600px){#cfoMxFloat{width:52px;height:52px;left:10px;bottom:calc(100px + env(safe-area-inset-bottom,0px))}body.cfo-desk[data-desk-place="left"] #cfoMxFloat{left:10px}}
/* G4-UX6 (the Owner's review 2026-09-25, note 10): the header band shorter and simpler. Every width: the context on one line (each caption beside its value), slim controls, the lockup alone as the brand. ≥601 px: the top row's box folds into the header (display:contents) so the header is one grid. ≥1101 px: two rows only — the view pair joins the tools row, the open-now crumb ends the context row. The older shells' !important rules are outranked here; longhands keep the inline paddings. */
html body.cfo-desk #app main>header.p11-shell5-header{gap:0!important;margin:0 0 12px!important}
html body.cfo-desk #p11TopRow.desk-header-row{padding:6px 16px 0!important;column-gap:12px!important;row-gap:0!important}
html body.cfo-desk #p11TopRow.desk-header-row>.filters,html body.cfo-desk #p11TopRow.desk-header-row>#cfoDeskView{margin-top:6px;padding-top:6px!important;padding-bottom:8px!important}
html body.cfo-desk #p11TopRow.desk-header-row>.filters .v72-business-filters{display:flex;flex-wrap:wrap!important;align-items:center!important;gap:4px 24px!important}
html body.cfo-desk #p11TopRow .filters .v72-business-filters>*{display:flex;align-items:baseline;gap:8px;min-width:0;width:auto!important;flex:0 1 auto!important;max-width:none!important}
html body.cfo-desk #p11TopRow .filters .v72-business-filters>label:first-child{max-width:min(380px,48%)!important}
html body.cfo-desk #p11TopRow .filters #v72CompanyPickerButton{white-space:nowrap;overflow:hidden;max-width:100%}
html body.cfo-desk #p11TopRow .filters .v72-business-filters small{white-space:nowrap;margin:0}
html body.cfo-desk #p11TopRow .filters .v72-business-filters .v72-fy-select-wrap{display:flex;align-items:baseline;gap:8px;flex-wrap:nowrap}
html body.cfo-desk #p11TopRow .filters #v72CompanyPickerButton,html body.cfo-desk #p11TopRow .filters #fiscalYear,html body.cfo-desk #p11TopRow .filters #periodFrom,html body.cfo-desk #p11TopRow .filters #period{min-height:0!important;height:auto!important;padding-block:1px!important;font-size:13px}
html body.cfo-desk #p11TopRow.desk-header-row>#cfoDeskView{margin-inline-start:-12px;padding-inline-start:12px}
html body.cfo-desk .desk-brand-name{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
html body.cfo-desk .desk-mark,html body.cfo-desk .desk-mark img{height:40px}
html body.cfo-desk .p11-title-band .v72-breadcrumb{padding:4px 16px!important}
@media (min-width:601px){
html body.cfo-desk #app main>header.p11-shell5-header{display:grid!important;grid-template-columns:max-content max-content minmax(0,1fr) max-content max-content!important;grid-template-areas:"brand mode search customize tools" "context context context context view" "band band band band band";align-items:center;column-gap:12px!important;row-gap:0!important;padding:6px 16px 0!important}
html body.cfo-desk #p11TopRow.desk-header-row{display:contents}
html body.cfo-desk #p11TopRow.desk-header-row>#cfoDeskBrand{grid-area:brand}
html body.cfo-desk #p11TopRow.desk-header-row>#cfoDeskMode{grid-area:mode}
html body.cfo-desk #p11TopRow.desk-header-row>#cfoDeskSearchTrigger{grid-area:search;width:100%;max-width:640px;min-width:0;justify-self:center}
html body.cfo-desk #p11TopRow.desk-header-row>#cfoDeskHeaderCustomize{grid-area:customize}
html body.cfo-desk #p11TopRow.desk-header-row>#p11PersonalTools{grid-area:tools;justify-self:end}
html body.cfo-desk #p11TopRow.desk-header-row>.filters{grid-area:context;align-self:stretch}
html body.cfo-desk #p11TopRow.desk-header-row>#cfoDeskView{grid-area:view;align-self:stretch}
html body.cfo-desk #app main>header.p11-shell5-header>.p11-title-band{grid-area:band;margin:0 -16px;width:auto;border-radius:0}
}
@media (min-width:1101px){
html body.cfo-desk #app main>header.p11-shell5-header{grid-template-columns:max-content max-content max-content minmax(0,1fr) max-content max-content!important;grid-template-areas:"brand mode view search customize tools" "context context context context band band"}
html body.cfo-desk #app main>header.p11-shell5-header::before{content:"";grid-column:1/-1;grid-row:2;align-self:start;height:0;margin:0 -16px;border-top:1px solid var(--desk-border);pointer-events:none}
html body.cfo-desk #p11TopRow.desk-header-row>.filters{border-top:0!important;box-shadow:none!important}
html body.cfo-desk #p11TopRow.desk-header-row>#cfoDeskView{align-self:center;border-top:0!important;margin:0;padding:0!important}
html body.cfo-desk #app main>header.p11-shell5-header>.p11-title-band{justify-self:end;align-self:center;margin:0;padding:0!important;border:0!important;background:none;min-height:0;overflow:visible}
html body.cfo-desk #app main>header.p11-shell5-header>.p11-title-band .v72-breadcrumb{padding:0!important;min-height:0!important;border-top:0;background:none}
}
@media (max-width:600px){html body.cfo-desk #p11TopRow.desk-header-row{padding:6px 12px 0!important;row-gap:8px!important}html body.cfo-desk #p11TopRow.desk-header-row>.filters .v72-business-filters{gap:4px 14px!important}html body.cfo-desk #p11TopRow .filters .v72-business-filters>*{width:100%!important}html body.cfo-desk #p11TopRow .filters .v72-business-filters>label:first-child{max-width:100%!important}html body.cfo-desk #p11TopRow.desk-header-row>#cfoDeskView{margin-inline-start:0;padding-inline-start:0}html body.cfo-desk .desk-mark,html body.cfo-desk .desk-mark img{height:34px}html body.cfo-desk .p11-title-band .v72-breadcrumb{padding:4px 12px!important}}
/* G4-UX7 (the Owner's review 2026-09-25, notes 14–15): the Owner's simplicity across the desk — no void at the top of a page (the intro folds into one muted line; the heading stays for assistive technology, the open-now strip names the page), one panel rhythm, panel heads on one row, tighter reporting controls and space strip; the statements page: the tabs as one segmented control with the options at the end, all one height, the context strip on one line */
html body.cfo-desk.v72-workspace .page>.page-intro{padding:0 4px 8px;margin:0 0 10px;border-bottom:0}
html body.cfo-desk.v72-workspace .page:not(#page-notifications)>.page-intro h3{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
html body.cfo-desk.v72-workspace #page-notifications>.page-intro h3{margin:0 0 4px;font-size:15px}
html body.cfo-desk.v72-workspace .page>.page-intro p{font-size:12.5px;line-height:1.5;margin:0;max-width:none;color:var(--desk-sub)}
html body.cfo-desk.v72-workspace .panel{padding:16px}
html body.cfo-desk.v72-workspace.compact .panel{padding:12px}
html body.cfo-desk.v72-workspace details.panel:not([open]){padding:10px 16px}
html body.cfo-desk.v72-workspace .panel-head{display:flex;align-items:center;justify-content:space-between;gap:8px 14px;flex-wrap:wrap;margin:0 0 10px}
html body.cfo-desk.v72-workspace .panel-head h3{margin:0;font-size:15px}
html body.cfo-desk.v72-workspace .panel-head span{font-size:12px;color:var(--desk-sub)}
html body.cfo-desk.v72-workspace .panel-head select,html body.cfo-desk.v72-workspace .panel-head button{min-height:34px;margin:0}
html body.cfo-desk.v72-workspace .panel-head input:not([type="checkbox"]):not([type="radio"]){min-height:34px;padding-block:6px}
html body.cfo-desk.v72-workspace .panel-head .actions,html body.cfo-desk.v72-workspace .panel-head label{margin:0}
html body.cfo-desk.v72-workspace .panel>h3:first-child{margin:0 0 10px;font-size:15px}
html body.cfo-desk.v72-workspace .page>.p11-reporting-controls{padding:6px 10px!important;margin:0 0 10px!important;min-height:0}
/* G4-UX8: the status row of the numbers chip takes no space unless the context is unavailable */html body.cfo-desk.v72-workspace .page>.p11-reporting-controls.p11-status-row{padding:0!important;margin:0!important;min-height:0}
html body.cfo-desk .desk-space-frame{margin:0 0 10px;padding:4px 8px}
html body.cfo-desk #page-statements .statement-toolbar.panel{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 14px;padding:8px 12px}
html body.cfo-desk #page-statements .statement-tabs{display:inline-flex;flex-wrap:wrap;gap:2px;padding:3px;border-radius:12px;background:var(--desk-soft)}
html body.cfo-desk #page-statements .statement-tabs button{min-height:32px;height:32px;padding:0 14px;border:0;border-radius:9px;background:transparent;color:var(--desk-ink);font-size:13px;font-weight:600;margin:0}
html body.cfo-desk #page-statements .statement-tabs button.active{background:var(--desk-paper);color:var(--desk-accent);box-shadow:0 1px 3px rgba(21,53,83,.18)!important}
html body.cfo-desk #page-statements .statement-options{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
html body.cfo-desk #page-statements .statement-options select,html body.cfo-desk #page-statements .statement-options button{min-height:36px;height:36px;padding:0 12px;width:auto;min-width:0;max-width:240px;font-size:13px;margin:0}
html body.cfo-desk #page-statements .statement-options #statementLayout{min-width:170px}
html body.cfo-desk #page-statements .statement-context.panel{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 14px;padding:8px 12px;margin:8px 0 10px}
html body.cfo-desk #page-statements .statement-context #statementMeta{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:4px 10px;font-size:12px}
html body.cfo-desk #page-statements .statement-context #statementMeta b{font-size:13px}
html body.cfo-desk #page-statements .statement-context #statementMeta span{font-size:12px}
html body.cfo-desk #page-statements .statement-context .integrity{flex-direction:row;align-items:center;gap:8px;padding:6px 10px}
html body.cfo-desk #page-statements .statement-analysis .panel-head{align-items:center}
html body.cfo-desk #page-statements .statement-analysis-controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0}
html body.cfo-desk #page-statements .statement-analysis-controls select,html body.cfo-desk #page-statements .statement-analysis-controls button{min-height:36px;height:36px;padding:0 12px;width:auto;min-width:0;margin:0}
@media (max-width:600px){html body.cfo-desk.v72-workspace .panel{padding:12px}html body.cfo-desk #page-statements .statement-tabs button{padding:0 10px}html body.cfo-desk #page-statements .statement-options select,html body.cfo-desk #page-statements .statement-options button{flex:1 1 140px;max-width:none}}
@media (max-width:600px){
 body.cfo-desk[data-desk-float="true"][data-desk-place] #cfoDeskShelf{position:fixed;left:0;right:0;top:auto;bottom:calc(10px + env(safe-area-inset-bottom,0px));width:auto;max-width:none;margin:0;flex-direction:column-reverse}
 body.cfo-desk[data-desk-float="true"][data-desk-place] #cfoDeskDock{width:calc(100vw - 24px);max-height:none}
 body.cfo-desk[data-desk-float="true"][data-desk-place] #cfoDeskToggle{width:82px;height:64px}
 body.cfo-desk[data-desk-float="true"][data-desk-place]{padding-bottom:84px}
}
body.cfo-desk #p11TopRow.desk-header-row{background:none;border:0;border-radius:0;box-shadow:none;padding:14px 20px 0;column-gap:14px;row-gap:0}
body.cfo-desk #p11TopRow.desk-header-row>.filters,body.cfo-desk #p11TopRow.desk-header-row>#cfoDeskView{border-top:1px solid var(--desk-border);margin-top:14px;padding:10px 0 12px;align-self:stretch}
body.cfo-desk #p11TopRow.desk-header-row>#cfoDeskView{margin-inline-start:-14px;padding-inline-start:14px;display:flex;align-items:center;gap:8px}
body.cfo-desk #p11TopRow .filters{background:none;border:0;box-shadow:none;border-radius:0;padding:10px 0 12px!important;margin-bottom:0!important}
body.cfo-desk #p11TopRow .filters,body.cfo-desk #p11TopRow .filters .v72-business-filters{min-height:0!important;height:auto!important}
body.cfo-desk #p11TopRow .filters .v72-business-filters{gap:16px;align-items:start!important;margin:0!important;padding:0!important}
body.cfo-desk #p11TopRow .filters label{display:grid;gap:3px;margin:0;padding:0;background:none;border:0;box-shadow:none;min-height:0}
body.cfo-desk #p11TopRow .filters small{font-size:11px;font-weight:500;line-height:1.3;color:var(--desk-sub);letter-spacing:0;text-transform:none}
body.cfo-desk #p11TopRow .filters select,body.cfo-desk #p11TopRow .filters #v72CompanyPickerButton{-webkit-appearance:none;appearance:none;min-height:0;height:auto;width:auto;max-width:100%;padding:1px 0;border:0;border-radius:0;background:transparent;color:var(--desk-ink);font:inherit;font-size:13px;font-weight:600;box-shadow:none;cursor:pointer}
body.cfo-desk #p11TopRow .filters select{height:auto!important;min-height:0!important;background-color:transparent!important;border:0!important;box-shadow:none!important;padding-inline-end:16px;background-image:linear-gradient(45deg,transparent 50%,var(--desk-sub) 50%),linear-gradient(135deg,var(--desk-sub) 50%,transparent 50%);background-size:4px 4px,4px 4px;background-repeat:no-repeat}
html[dir="rtl"] body.cfo-desk #p11TopRow .filters select{background-position:left 4px center,left 0 center}
html:not([dir="rtl"]) body.cfo-desk #p11TopRow .filters select{background-position:right 4px center,right 0 center}
body.cfo-desk #p11TopRow .filters .v72-period-pair{display:flex;gap:10px;align-items:center}
body.cfo-desk #p11TopRow .filters #v72CompanyPickerButton{display:inline-flex;gap:8px;align-items:center;justify-content:flex-start}
body.cfo-desk #p11TopRow .filters #v72CompanyPickerButton i{color:var(--desk-sub);font-style:normal}
body.cfo-desk .desk-view-caption{font-size:11px;font-weight:500}
body.cfo-desk .desk-view-pair{background:var(--desk-bg)}
/* the tools: the dock's Spaces opens every workspace (the ▦ button duplicated it); the others become quiet square buttons */
body.cfo-desk #p11PersonalTools{gap:7px;background:none;border:0;box-shadow:none;padding:0}
body.cfo-desk #p11PersonalTools #p11ModuleSwitch{display:none}
body.cfo-desk #p11PersonalTools .v72-round-tool{width:36px;height:36px;min-height:36px;padding:0;border:1px solid var(--desk-border);border-radius:10px;background:var(--desk-paper);color:var(--desk-ink);box-shadow:none}
body.cfo-desk #v72ProfileButton{border:1px solid var(--desk-border);background:var(--desk-paper);box-shadow:none;padding:2px}
body.cfo-desk #v72ProfileButton .v72-profile-avatar{background:var(--desk-soft);color:var(--desk-accent);box-shadow:none}
/* the open-now strip: the page title is visually hidden (still the heading of the page and the focus target); the breadcrumb carries the place */
body.cfo-desk .p11-title-band{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:none;border:0;border-top:1px solid var(--desk-border);border-radius:0;padding:8px 20px;margin:0;min-height:0;box-shadow:none}
body.cfo-desk .p11-title-band>small,body.cfo-desk .p11-title-band #p11ModuleDescription{display:none}
body.cfo-desk main>header .p11-title-band #pageTitle{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important}
body.cfo-desk .p11-title-band .v72-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:0;padding:0;background:none;border:0;min-height:0;font-size:12px;color:var(--desk-sub)}
body.cfo-desk .p11-title-band .v72-breadcrumb::before{content:"مفتوح الآن";font-size:12px;color:var(--desk-sub);margin-inline-end:2px}
html[lang="en"] body.cfo-desk .p11-title-band .v72-breadcrumb::before{content:"Open now"}
body.cfo-desk .p11-title-band .v72-breadcrumb button{min-height:0;padding:0;border:0;background:none;color:var(--desk-sub);font-size:12px;cursor:pointer}
body.cfo-desk .p11-title-band .v72-breadcrumb button:last-of-type{padding:2px 10px;border-radius:8px;background:var(--desk-soft);color:var(--desk-accent);font-weight:600}
/* the Home: the Command Center first; the legacy decision intro, the finder and the catalog grid give way to one discover row (the launcher holds the catalog) */
body.cfo-desk #page-modules>#p11HomeStartDetails,body.cfo-desk #page-modules #p11WorkspaceFinder,body.cfo-desk #page-modules #moduleGrid{display:none!important}
body.cfo-desk #page-modules #p11ModuleSection{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;border:1px solid var(--desk-border);border-radius:16px;background:var(--desk-paper);margin:0 0 18px}
body.cfo-desk #p11ModuleSection h3{margin:0 0 2px;font-size:15px;color:var(--desk-ink)}
body.cfo-desk #p11ModuleSection p{margin:0;font-size:12px;color:var(--desk-sub)}
body.cfo-desk #p11ModuleSection .p11-secondary-language{display:none}
body.cfo-desk #p11ModuleSection>span{font-size:12px;color:var(--desk-sub);margin-inline-start:auto}
body.cfo-desk #p11ModuleSection .desk-discover{min-height:38px;padding:7px 16px;border:1px solid var(--desk-accent);border-radius:10px;background:var(--desk-paper);color:var(--desk-accent);font:inherit;font-size:13px;font-weight:600;cursor:pointer}
body.cfo-desk #p11ModuleSection .desk-discover:focus-visible{outline:2px solid var(--desk-accent);outline-offset:2px}
/* the phone (the package ≤600): brand and mode on one row, search and tools on the next, the context in two columns */
@media (max-width:600px){
 body.cfo-desk main>header.p11-shell5-header{border-radius:14px}
 body.cfo-desk #p11TopRow.desk-header-row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand mode" "search tools" "context context" "view view";padding:12px 14px 0;column-gap:10px;row-gap:10px}
 body.cfo-desk #p11TopRow.desk-header-row>#cfoDeskSearchTrigger{min-width:0;width:100%}
 body.cfo-desk #p11TopRow.desk-header-row>#cfoDeskMode{justify-self:end;width:auto}
 body.cfo-desk #p11TopRow.desk-header-row>#p11PersonalTools{justify-self:end}
 body.cfo-desk #p11PersonalTools{gap:5px}
 body.cfo-desk #p11PersonalTools .v72-round-tool,body.cfo-desk #v72ProfileButton{width:34px;height:34px;min-height:34px}
 body.cfo-desk #p11TopRow.desk-header-row>.filters{margin-top:4px}
 body.cfo-desk #p11TopRow .filters .v72-business-filters{grid-template-columns:1fr 1fr!important;gap:10px 14px}
 body.cfo-desk #p11TopRow .filters .v72-business-filters>.v72-period-context{grid-column:1/-1}
 body.cfo-desk #p11TopRow.desk-header-row>#cfoDeskView{border-top:0;margin:0;padding:0 0 12px;margin-inline-start:0;padding-inline-start:0}
 body.cfo-desk #p11TopRow.desk-header-row>#cfoDeskView .desk-view-pair{width:auto}
 body.cfo-desk #p11TopRow.desk-header-row>#cfoDeskView .desk-view-pair button{min-height:28px;padding:4px 12px}
 body.cfo-desk .p11-title-band{padding:8px 14px}
 body.cfo-desk #page-modules #p11ModuleSection{flex-wrap:wrap}
}
/* G4-TOUCH1 (Astra UX-012; OD-ASTRA-UX-PLAN decision 3): on a phone or a touch screen the company, year and period controls and the breadcrumb take a
   44 px touch height and 14 px text; the desk with a mouse keeps its compact header. Appended after the G4-UX6 rules it refines. */
@media (max-width:600px),(pointer:coarse){
 html body.cfo-desk #p11TopRow .filters #v72CompanyPickerButton,html body.cfo-desk #p11TopRow .filters #fiscalYear,html body.cfo-desk #p11TopRow .filters #periodFrom,html body.cfo-desk #p11TopRow .filters #period{min-height:44px!important;padding-block:12px!important;font-size:14px!important}
 html body.cfo-desk #p11TopRow .filters .v72-business-filters>*{font-size:14px}
 html body.cfo-desk .p11-title-band .v72-breadcrumb,html body.cfo-desk .p11-title-band .v72-breadcrumb::before{font-size:14px}
 html body.cfo-desk .p11-title-band .v72-breadcrumb button{min-height:44px;padding:0 6px;font-size:14px}
 html body.cfo-desk .p11-title-band .v72-breadcrumb button:last-of-type{padding:0 12px}
}
/* G4-TOUCH1 (Astra UX-013): on a phone the MX float is not drawn over the page (MX stays in «More» of the dock) and, with the floating logo chosen,
   the page keeps room at its end so the last rows scroll clear of the logo. */
@media (max-width:600px){
 html body.cfo-desk #cfoMxFloat{display:none}
 html body.cfo-desk[data-desk-float="true"]{padding-bottom:112px}
}
/* G4-MXPH1 (Astra UX-046): the options button of MX shows on a phone only; on a phone MX is a full page — a 56 px head with a small logo and no subtitle,
   the context on one line, the conversation takes the room, the composer stays at the bottom, the secondary options open from the options button. */
html body.cfo-desk .mx-root .mx-more-toggle{display:none}
.mx-root .mx-ready:empty{display:none}
.mx-root .mx-ready[data-ready="no-data"]{color:var(--mx-warn,#b45309)}
@media (max-width:600px){
 html body.cfo-desk .mx-root .mx-panel{inset:0!important;width:100%!important;max-width:none!important;height:100dvh!important;max-height:none!important;border-radius:0!important;z-index:10050!important}
 html body.cfo-desk .mx-root .mx-panel-head{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;min-height:56px;padding:6px 12px!important;gap:8px}
 html body.cfo-desk .mx-root .mx-panel-head>div{flex:1 1 auto;min-width:0}
 html body.cfo-desk .mx-root .mx-panel-head img{width:32px;height:32px}
 html body.cfo-desk .mx-root .mx-panel-head b{font-size:18px}
 html body.cfo-desk .mx-root .mx-panel-head small{display:none}
 html body.cfo-desk .mx-root .mx-more-toggle{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;height:44px;padding:0!important;border:0;background:transparent;font-size:22px;line-height:1}
 html body.cfo-desk .mx-root .mx-panel-head .mx-close{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;height:44px;padding:0!important;line-height:1}
 html body.cfo-desk .mx-root .mx-panel-head b{line-height:1.2}
 html body.cfo-desk .mx-root .mx-context-strip{flex-wrap:nowrap;white-space:nowrap;overflow:hidden;padding:6px 12px}
 html body.cfo-desk .mx-root .mx-context-strip>*{overflow:hidden;text-overflow:ellipsis}
 html body.cfo-desk .mx-root .mx-tabs{padding:6px 10px}
 html body.cfo-desk .mx-root .mx-content{flex:1 1 auto;min-height:0;overflow:auto}
 html body.cfo-desk .mx-root .mx-composer{position:sticky;bottom:0;padding-bottom:calc(8px + env(safe-area-inset-bottom,0px))}
 html body.cfo-desk .mx-root .mx-footer{display:none}
 html body.cfo-desk .mx-root .mx-panel[data-more="open"] .mx-footer{display:flex}
}
/* G4-MXAPP1 (OD-MX-APP): /?app=mx — MX is the whole page: the panel fills the screen (a centered column on a wide screen) over a plain backdrop; the
   platform dock, the floating logo and the MX icons are not drawn. */
html[data-mx-app="true"] body.cfo-desk{overflow:hidden}
html[data-mx-app="true"] body.cfo-desk #cfoDeskShelf,html[data-mx-app="true"] body.cfo-desk #cfoMxFloat,html[data-mx-app="true"] body.cfo-desk .mx-root .mx-dock{display:none!important}
html[data-mx-app="true"] body.cfo-desk .mx-root::before{content:"";position:fixed;inset:0;background:var(--mx-bg,#081b33);z-index:10049}
@media (min-width:0px){
 html[data-mx-app="true"] body.cfo-desk .mx-root .mx-panel{inset:0!important;margin:0 auto!important;width:100%!important;max-width:820px!important;height:100dvh!important;max-height:none!important;border-radius:0!important;z-index:10050!important}
}
/* G4-MXKEY1 (ADR-013, OD-MX-APP): «مزودو الذكاء الاصطناعي» in the MX Control Center — one card per provider, its fields in a wrapping grid */
.mx-providers{display:grid;gap:12px;margin-top:18px}
.mx-providers .mx-providers-form{display:grid;gap:12px}
.mx-providers .mx-provider{display:grid;gap:10px;padding:12px;border:1px solid var(--desk-border,#d8e0ea);border-radius:12px}
.mx-providers .mx-provider header{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:10px;margin:0}
.mx-providers .mx-provider-on{display:inline-flex;align-items:center;gap:8px;margin:0}
.mx-providers .mx-provider-grid label,.mx-providers .mx-budget{margin:0;gap:4px}
.mx-providers .mx-provider-use{margin:0}
.mx-providers .mx-provider-link{margin-inline-start:auto}
.mx-providers .mx-provider-kind[data-kind="free"]{color:var(--desk-gain,#047857)}
.mx-providers .mx-provider-key{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.mx-providers .mx-key-input{flex:1 1 220px;min-width:0}
.mx-providers .mx-keyring-off{color:var(--desk-loss,#b42318)}
@media (min-width:0px){
 .mx-providers .mx-provider-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px}
}
/* G4-MXLLM1 (OD-MX-APP): the provider and model under an MX answer; the data note of the provider page */
.mx-root .mx-llm-by{display:block;margin-top:6px;opacity:.75;font-size:.85em}
.mx-providers .mx-providers-data{margin:6px 0 0}
@media (min-width:0px){
 .mx-providers .mx-budget-spent{display:block;opacity:.8}
}
/* G4-START1 (Astra UX-019): «ماذا تريد أن تعرف؟» above the Template Center; the catalog filters show with the catalog */
.p11-template-goals{display:grid;gap:8px;margin:0 0 14px;padding:14px;border:1px solid var(--desk-border,#d8e0ea);border-radius:12px}
.p11-template-goals h4,.p11-template-goals p{margin:0}
.p11-template-goal-list{display:flex;flex-wrap:wrap;gap:8px}
.p11-template-goal-list button[aria-pressed="true"]{outline:2px solid var(--desk-accent,#2563eb);outline-offset:1px}
.p11-template-toolbar[data-catalog="closed"]>:not([data-p11-template-goals]){display:none}
.p11-template-all{justify-self:start}
[data-p11-empty] button{margin-top:8px}
@media (min-width:0px){
 .p11-template-goal-list button{min-height:40px}
}
/* G4-NEXT1 (Astra UX-009): «خطوتك التالية» — one action at the top of the simple Home */
#page-modules>.home-next{display:grid;grid-template-columns:1fr auto;align-items:center;gap:6px 16px;margin:0 0 16px;padding:16px 18px;border:1px solid var(--desk-border,#d8e0ea);border-radius:14px}
.home-next small{grid-column:1/-1;opacity:.75}
.home-next h3,.home-next p{margin:0;grid-column:1}
.home-next [data-home-next-go]{grid-column:2;grid-row:2/4;min-height:44px;padding-inline:20px}
@media (max-width:600px){
 #page-modules>.home-next{grid-template-columns:1fr}
 .home-next [data-home-next-go]{grid-column:1;grid-row:auto;width:100%}
}
/* G4-FLOW1 (Astra UX-015): three upload steps; the mapping of the new accounts inside the review */
.p11-intake-steps[data-p11-steps="3"]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.p11-inline-map{display:grid;gap:10px;padding:14px;border:1px solid var(--desk-border,#d8e0ea);border-radius:12px}
.p11-inline-map h4,.p11-inline-map p{margin:0}
.p11-inline-rows{display:grid;gap:8px}
.p11-inline-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:center;gap:10px}
.p11-inline-row span{display:grid}
.p11-inline-actions{display:flex;flex-wrap:wrap;gap:8px}
@media (max-width:600px){
 .p11-inline-row{grid-template-columns:1fr}
}
/* G4-ACCESS1 (Astra UX-039): the access matrix of the user and link forms — actions × companies in words, and the summary */
.am-matrix{display:grid;gap:10px;margin:0;padding:12px;border:1px solid var(--desk-border,#d8e0ea);border-radius:12px}
.am-matrix legend{font-weight:700;padding-inline:4px}
.am-actions,.am-companies{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:6px 12px}
.am-companies{margin:0;padding:10px;border:1px dashed var(--desk-border,#d8e0ea);border-radius:10px}
.am-matrix label{display:flex;align-items:center;gap:8px;margin:0;min-height:36px}
.am-summary p{margin:4px 0}
.am-summary .am-none{color:var(--desk-loss,#b42318)}
@media (min-width:0px){
 .am-matrix input[type="checkbox"]{width:18px;height:18px}
}
/* G4-TASK1 (Astra UX-028): a task's details, measure and suggested step apart; the unset owner and due date in words */
.tl-desc,.tl-kpi{display:block;margin-top:4px;white-space:pre-line}
.tl-desc{opacity:.85}
.tl-kpi-label{font-weight:600;margin-inline-end:4px}
.tl-unset{opacity:.7;font-style:italic}
@media (min-width:0px){
 .tl-kpi{max-width:52ch}
}
/* G4-PLAN1 (Astra UX-023): the planning model form in three named groups; every field and every assumption cell named */
.fpna-model-form .fpna-group{border:1px solid var(--line);border-radius:12px;padding:10px 14px 12px;margin:0 0 12px;min-width:0}
.fpna-model-form .fpna-group>legend{font-weight:700;padding:0 6px}
.fpna-model-form .three-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.fpna-model-form .three-fields>label,.fpna-model-form .fpna-group>label{margin:6px 0;gap:4px;min-width:0}
.fpna-group-hint{margin:0 0 8px;font-size:.86em}
.fpna-assumption-head{display:grid;grid-template-columns:1.05fr 1.2fr .72fr .52fr .72fr .78fr .62fr .78fr auto;gap:6px;margin-bottom:4px;font-size:.8em;opacity:.8}
.fpna-assumption-head .fpna-ah-x{width:34px}
.fpna-assumption-row>label{margin:0;gap:2px;min-width:0}
.fpna-a-cap{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (max-width:1100px){
 .fpna-assumption-head{display:none}
 .fpna-a-cap{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal;font-size:.78em;opacity:.8}
}
@media (max-width:700px){
 .fpna-model-form .three-fields{grid-template-columns:1fr}
}
/* G4-COST1 (Astra UX-025): the costing packs by activity — one pack at a time, the company's activity first */
.cost-tabs{display:flex;flex-wrap:wrap;gap:6px;padding-bottom:12px;margin:16px 0 10px;border-bottom:1px solid var(--desk-border,#dbe4ee)}
.cost-tabs [data-cost-tab]{min-height:44px;display:inline-flex;align-items:center;gap:6px;padding:0 14px;border:0;border-radius:10px;background:transparent;color:var(--desk-sub,#596c84);font:inherit;font-size:.88rem;cursor:pointer}
.cost-tabs [data-cost-tab][aria-selected="true"]{background:var(--xc-tint,var(--desk-soft,#eaf3ff));color:var(--xc-primary,var(--desk-accent,#0869c9));font-weight:700}
.cost-tabs [data-cost-tab]:focus-visible{outline:2px solid var(--desk-focus,var(--xc-primary,#0869c9));outline-offset:2px}
.cost-tabs .cost-home{font-size:.72rem;font-weight:600;border:1px solid currentColor;border-radius:999px;padding:1px 7px}
#page-costing article[data-cost-pack][data-cost-off]{display:none!important}
@media (max-width:700px){
 .cost-tabs [data-cost-tab]{padding:0 11px}
}
/* G4-LISTED1 (Astra UX-027): the listed page — reading apart from the source management, the empty state with its labelled example, labelled fields */
#page-listed[data-lv-view="read"] [data-lv="manage"],#page-listed[data-lv-view="manage"] [data-lv="read"],#page-listed [data-lv-off]{display:none!important}
#page-listed[data-lv-view] .grid-2[data-lv-split]{grid-template-columns:1fr}
.lv-views{display:flex;flex-wrap:wrap;gap:6px;padding-bottom:12px;margin:0 0 12px;border-bottom:1px solid var(--desk-border,#dbe4ee)}
.lv-views [data-lv-view]{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}
.lv-views [data-lv-view][aria-selected="true"]{background:var(--xc-tint,var(--desk-soft,#eaf3ff));color:var(--xc-primary,var(--desk-accent,#0869c9));font-weight:700}
.lv-views [data-lv-view]:focus-visible{outline:2px solid var(--desk-focus,var(--xc-primary,#0869c9));outline-offset:2px}
.lv-empty{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:18px;align-items:start;margin-bottom:14px}
.lv-empty h3{margin:0 0 6px}
.lv-example{margin:0;border:1px dashed var(--desk-border,#dbe4ee);border-radius:12px;padding:10px 12px}
.lv-example figcaption{font-size:.82rem;margin-bottom:6px}
.lv-example table{width:100%}
.lv-example th{text-align:start;font-weight:500}
.lv-badge{display:inline-block;font-weight:700;border:1px solid currentColor;border-radius:999px;padding:1px 8px;margin-inline-end:6px}
#page-listed .three-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
#page-listed .three-fields>label,#page-listed .two-fields>label,#page-listed .stack>label{margin:4px 0;gap:4px;min-width:0}
@media (max-width:700px){
 .lv-empty{grid-template-columns:1fr}
 #page-listed .three-fields{grid-template-columns:1fr}
}
/* G4-PLANS1 (Astra UX-042): the Plan Builder in words — groups, prices in the currency, named limits and features, the plan list */
.plan-builder .plan-group{border:1px solid var(--line,#dbe4ee);border-radius:12px;padding:10px 14px 12px;margin:0 0 12px;min-width:0}
.plan-builder .plan-group>legend{font-weight:700;padding:0 6px}
.plan-builder .three-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.plan-builder .three-fields>label,.plan-builder .two-fields>label,.plan-builder .plan-group>label{margin:4px 0;gap:4px;min-width:0;font-size:inherit}
#page-listed .two-fields>label{font-size:inherit}/* G4-LISTED1 follow-up: the site rule .two-fields label (11px) made those labels small */
.plan-builder .plan-hint{margin:0 0 8px;font-size:.86em}
.plan-builder .feature-checks{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px 16px;margin:6px 0}
.plan-builder .plan-feature{display:flex;align-items:center;gap:8px;margin:0}
.plan-builder .plan-feature input{width:auto;flex:0 0 auto;margin:0}
#commercialPlanStatus.error{color:var(--danger,#b42318)}
@media (max-width:700px){
 .plan-builder .three-fields{grid-template-columns:1fr}
}
/* G4-SUB1 (Astra UX-040): the Subscription page — plans in the currency, the checkout, the transfer and its proof, the invoices */
.billing-page .billing-currency{display:flex;align-items:center;gap:8px;margin:0;font-size:inherit}
.billing-page .billing-currency select{width:auto}
.billing-page .commercial-plan-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
.billing-plan{border:1px solid var(--line,#dbe4ee);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:6px;min-width:0}
.billing-plan[data-current]{border-color:var(--xc-primary,var(--desk-accent,#0869c9))}
.billing-plan .billing-price{font-size:1.25rem;font-weight:700}
.billing-plan ul{margin:0;padding-inline-start:18px}
.billing-quote{width:100%;margin:6px 0 10px}
.billing-quote th{text-align:start;font-weight:500}
.billing-quote tr.billing-total th,.billing-quote tr.billing-total td{font-weight:700}
.billing-instructions{white-space:pre-line;border:1px dashed var(--line,#dbe4ee);border-radius:10px;padding:8px 10px;margin:0 0 6px}
.billing-instructions:empty{display:none}
.billing-state{display:inline-block;border:1px solid currentColor;border-radius:999px;padding:1px 8px;font-size:.8rem}
#paymentProofForm label,.billing-page .billing-choose label{margin:4px 0;gap:4px;min-width:0}
#paymentProofForm input[type="file"]{width:100%}
#paymentProofStatus.error,#checkoutBox .error{color:var(--danger,#b42318)}
@media (max-width:700px){
 .billing-page .panel-head{flex-wrap:wrap;gap:8px}
}
/* G4-BILLADM1: the review of transfer proofs and the payment methods in Commercial Control */
.billadm-tabs{display:flex;flex-wrap:wrap;gap:6px;padding-bottom:10px;margin:0 0 10px;border-bottom:1px solid var(--desk-border,#dbe4ee)}
.billadm-tabs [data-billadm-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}
.billadm-tabs [data-billadm-tab][aria-selected="true"]{background:var(--xc-tint,var(--desk-soft,#eaf3ff));color:var(--xc-primary,var(--desk-accent,#0869c9));font-weight:700}
.billadm-tabs [data-billadm-tab]:focus-visible{outline:2px solid var(--desk-focus,var(--xc-primary,#0869c9));outline-offset:2px}
.billadm-count{display:inline-block;min-width:1.6em;border-radius:999px;border:1px solid currentColor;font-size:.75rem;text-align:center}
.billadm-actions{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.billadm-reject{display:flex;flex-wrap:wrap;gap:6px;align-items:end;width:100%}
.billadm-reject label{margin:0;gap:4px;min-width:0;flex:1 1 200px}
#billadmMethodForm label{margin:4px 0;gap:4px;min-width:0;font-size:inherit}
#billadmMethodForm .plan-feature{display:flex;align-items:center;gap:8px}
#billadmMethodForm .plan-feature input{width:auto;flex:0 0 auto;margin:0}
#billadmStatus.error,#billadmMethodStatus.error{color:var(--danger,#b42318)}
@media (max-width:700px){
 .billadm-actions{flex-direction:column;align-items:stretch}
}
/* G4-RULES1: the tax and charge rules and the promotion codes in Commercial Control */
.billing-rules form label{margin:4px 0;gap:4px;min-width:0;font-size:inherit}
.billing-rules .plan-group{border:1px solid var(--line,#dbe4ee);border-radius:12px;padding:8px 12px 10px;margin:6px 0;min-width:0}
.billing-rules .plan-group>legend{font-weight:600;padding:0 6px}
.billing-rules .feature-checks{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:6px 14px}
.billing-rules .plan-feature{display:flex;align-items:center;gap:8px;margin:0}
.billing-rules .plan-feature input{width:auto;flex:0 0 auto;margin:0}
#rulesTaxStatus.error,#rulesPromoStatus.error{color:var(--danger,#b42318)}
@media (max-width:700px){
 .billing-rules .feature-checks{grid-template-columns:1fr}
}
/* G4-ACT1 (OD-COMPANY-ACTIVITIES): a company's other activities in the setup wizard */
.frs-activities{border:1px solid var(--line,#dbe4ee);border-radius:12px;padding:8px 12px 10px;margin:6px 0;min-width:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:6px 14px}
.frs-activities>legend{font-weight:600;padding:0 6px}
.frs-activities .frs-activity{display:flex;align-items:center;gap:8px;margin:0;font-size:inherit}
.frs-activities .frs-activity input{width:auto;flex:0 0 auto;margin:0}
@media (max-width:700px){
 .frs-activities{grid-template-columns:1fr}
}
/* G4-UP2 (OD-UX-RETEST-PLAN-20260930): the first look at the result inside the review; the reopened saved file; the numbers gate’s resume button */
.p11-first-look{display:grid;gap:8px;padding:14px 16px;margin:12px 0;border:1px solid var(--desk-border,#dbe4ee);border-radius:12px;background:var(--desk-paper,#fff)}
.p11-first-look h4{margin:0;font-size:15px}
.p11-first-look-line{margin:0;font-size:14px}
.p11-first-look-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.p11-first-look-tile{display:grid;gap:2px;padding:10px 12px;border:1px solid var(--desk-border,#dbe4ee);border-radius:10px;min-width:0}
.p11-first-look-tile small{color:var(--desk-sub,#596c84)}
.p11-first-look-tile b{font-variant-numeric:tabular-nums;font-size:16px;overflow-wrap:anywhere}
.p11-first-look-note,.p11-first-look-advanced{margin:0;font-size:13px;color:var(--desk-sub,#596c84)}
.p11-first-look-largest{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.p11-first-look-largest li{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;gap:10px;align-items:baseline;font-size:14px}
.p11-first-look-largest b{font-variant-numeric:tabular-nums}
.p11-first-look-largest em{font-style:normal;color:var(--desk-sub,#596c84)}
.p11-resume-head{margin:0 0 8px;font-size:14px;color:var(--desk-sub,#596c84)}
.p11-currency-warning [data-p11-resume]{margin-inline-start:8px;min-height:40px}
@media (max-width:700px){
 .p11-first-look-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
 .p11-first-look-largest li{grid-template-columns:minmax(0,1fr) auto;row-gap:2px}
 .p11-first-look-largest small{grid-column:1}
 .p11-currency-warning [data-p11-resume]{margin:8px 0 0;display:block;width:100%}
}