/* G4-HDR1 (the Owner 2026-10-01): one compact, aligned header — the search, the mode and the view are small boxes of one height on one line; «تخصيص»
   is a refined pill; the platform logo is larger, opens the Home page and sits on a dark plate on a light surface (public/hdr1.js decides per theme);
   the upload form is one aligned grid (public/hdr1.js names the areas: data-hdr-area) and every file field has an Arabic picker. Loaded after the desk layers, before the site sheet; the color sheet stays the last one. */
:root{--hdr1-h:34px;--hdr1-radius:10px}
/* ---- the header line */
@media (min-width:601px){
html body.cfo-desk #app main>header.p11-shell5-header{align-items:center!important;padding-top:6px!important;padding-bottom:0!important}
html body.cfo-desk #p11TopRow.desk-header-row>:is(#cfoDeskMode,#cfoDeskView,#cfoDeskSearchTrigger,#cfoDeskHeaderCustomize,#p11PersonalTools){align-self:center!important}
html body.cfo-desk #p11TopRow.desk-header-row>#cfoDeskSearchTrigger{max-width:360px!important;height:var(--hdr1-h);min-height:var(--hdr1-h);padding:0 12px;border-radius:var(--hdr1-radius);justify-self:center}
html body.cfo-desk #p11TopRow.desk-header-row>#cfoDeskBrand{align-self:center!important;padding-block:2px}
}
html body.cfo-desk .desk-mode-switch{flex-wrap:nowrap!important;align-items:center;padding:2px;border-radius:var(--hdr1-radius);height:var(--hdr1-h)}
html body.cfo-desk .desk-mode-hint{position:absolute!important;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-mode-switch button,html body.cfo-desk .desk-view-pair button{min-height:28px!important;height:28px;padding:0 12px;font-size:12px;line-height:28px;border-radius:8px}
html body.cfo-desk .desk-view-pair{padding:2px;border-radius:var(--hdr1-radius);height:var(--hdr1-h);align-items:center}
html body.cfo-desk #cfoDeskView{display:flex;align-items:center;gap:6px}
html body.cfo-desk #p11PersonalTools .v72-round-tool,html body.cfo-desk #v72ProfileButton{width:var(--hdr1-h)!important;height:var(--hdr1-h)!important;min-width:var(--hdr1-h)!important;min-height:var(--hdr1-h)!important;border-radius:var(--hdr1-radius)!important}
/* «تخصيص»: a refined pill with a soft accent glow */
html body.cfo-desk #cfoDeskHeaderCustomize{display:inline-flex;align-items:center;gap:6px;height:var(--hdr1-h);min-height:var(--hdr1-h);padding:0 16px;border:1px solid color-mix(in srgb,var(--desk-accent) 55%,transparent);border-radius:999px;background:linear-gradient(135deg,color-mix(in srgb,var(--desk-accent) 18%,transparent),color-mix(in srgb,var(--desk-accent) 6%,transparent));color:var(--desk-ink);font-size:12.5px;font-weight:600;letter-spacing:.1px;box-shadow:0 1px 0 rgba(255,255,255,.35) inset,0 4px 14px color-mix(in srgb,var(--desk-accent) 22%,transparent);transition:transform .15s ease,box-shadow .15s ease,background .15s ease}
html body.cfo-desk #cfoDeskHeaderCustomize::before{content:"✦";font-size:11px;color:var(--desk-accent)}
html body.cfo-desk #cfoDeskHeaderCustomize:hover{transform:translateY(-1px);background:linear-gradient(135deg,color-mix(in srgb,var(--desk-accent) 28%,transparent),color-mix(in srgb,var(--desk-accent) 12%,transparent));box-shadow:0 1px 0 rgba(255,255,255,.35) inset,0 6px 18px color-mix(in srgb,var(--desk-accent) 32%,transparent)}
@media (prefers-reduced-motion:reduce){html body.cfo-desk #cfoDeskHeaderCustomize{transition:none}html body.cfo-desk #cfoDeskHeaderCustomize:hover{transform:none}}
/* ---- the platform logo: larger, a link to Home, seen in every theme */
html body.cfo-desk #cfoDeskBrand{cursor:pointer;border-radius:12px;outline-offset:3px}
html body.cfo-desk #cfoDeskBrand:focus-visible{outline:2px solid var(--desk-accent)}
html body.cfo-desk #cfoDeskBrand .desk-mark,html body.cfo-desk #cfoDeskBrand .desk-mark img{height:52px}
html body.cfo-desk #cfoDeskBrand .desk-mark{padding:0;border-radius:12px;transition:background .2s ease}
html body.cfo-desk #cfoDeskBrand[data-hdr-plate="true"] .desk-mark{height:52px;padding:3px 10px;background:radial-gradient(120% 140% at 30% 20%,#24324a 0%,#0f1a2c 60%,#0a1222 100%);box-shadow:0 1px 0 rgba(255,255,255,.12) inset,0 4px 14px rgba(10,18,34,.28)}
html body.cfo-desk #cfoDeskBrand[data-hdr-plate="true"] .desk-mark img{height:46px}
html body.cfo-desk #cfoDeskBrand:hover .desk-mark img{filter:drop-shadow(0 1px 1px rgba(8,22,40,.25)) brightness(1.06)}
@media (max-width:600px){html body.cfo-desk #cfoDeskBrand .desk-mark,html body.cfo-desk #cfoDeskBrand .desk-mark img{height:40px}html body.cfo-desk #cfoDeskBrand[data-hdr-plate="true"] .desk-mark img{height:34px}}
/* ---- the Arabic file picker (the native input stays, out of sight) */
.hdr1-file{display:flex;align-items:center;gap:12px;min-height:48px;padding:6px 8px;border:1px dashed var(--line,#c9d4e3);border-radius:12px;background:var(--panel2,transparent);min-width:0}
.hdr1-file[data-chosen="true"]{border-style:solid;border-color:color-mix(in srgb,var(--accent,#2563eb) 45%,transparent)}
.hdr1-file .hdr1-file-input{position:absolute!important;width:1px!important;height:1px!important;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;opacity:0}
.hdr1-file .hdr1-file-button{flex:0 0 auto;min-height:36px;padding:0 16px;border:1px solid var(--line,#c9d4e3);border-radius:10px;background:var(--panel,#fff);color:var(--text,inherit);font:inherit;font-size:13px;font-weight:600;cursor:pointer}
.hdr1-file .hdr1-file-button:hover{border-color:var(--accent,#2563eb)}
.hdr1-file .hdr1-file-button:focus-visible{outline:2px solid var(--accent,#2563eb);outline-offset:2px}
.hdr1-file .hdr1-file-name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;color:var(--muted,#64748b)}
.hdr1-file[data-chosen="true"] .hdr1-file-name{color:var(--text,inherit);font-weight:600}
/* ---- the upload form: one aligned grid (areas named by public/hdr1.js) */
#intakeForm[data-hdr-layout="1"]{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"guide guide" "code name" "period activity" "file revision" "actions actions" "status status";column-gap:20px;row-gap:16px;align-items:start}
#intakeForm[data-hdr-layout="1"]>.two-fields{display:contents}
#intakeForm[data-hdr-layout="1"] [data-hdr-area]{margin:0!important;min-width:0}
#intakeForm[data-hdr-layout="1"] [data-hdr-area="guide"]{grid-area:guide}
#intakeForm[data-hdr-layout="1"] [data-hdr-area="code"]{grid-area:code}
#intakeForm[data-hdr-layout="1"] [data-hdr-area="name"]{grid-area:name}
#intakeForm[data-hdr-layout="1"] [data-hdr-area="period"]{grid-area:period;pointer-events:none}
#intakeForm[data-hdr-layout="1"] [data-hdr-area="period"]>small{margin-top:50px}
#intakeForm[data-hdr-layout="1"] [data-hdr-area="periodpick"]{grid-area:period;margin-top:26px!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-self:start}
#intakeForm[data-hdr-layout="1"] [data-hdr-area="periodpick"] label>span{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}/* «الشهر» / «السنة» stay for assistive technology; the selects say them */
#intakeForm[data-hdr-layout="1"] [data-hdr-area="activity"]{grid-area:activity}
#intakeForm[data-hdr-layout="1"] [data-hdr-area="file"]{grid-area:file}
#intakeForm[data-hdr-layout="1"] [data-hdr-area="revision"]{grid-area:revision;align-self:end}
#intakeForm[data-hdr-layout="1"] [data-hdr-area="actions"]{grid-area:actions;display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-start;padding-top:4px;border-top:1px solid var(--line)}
#intakeForm[data-hdr-layout="1"] [data-hdr-area="actions"]>button{margin-top:12px}
#intakeForm[data-hdr-layout="1"] [data-hdr-area="status"]{grid-area:status}
#intakeForm[data-hdr-layout="1"] label.p11-field{display:grid;gap:6px;align-content:start}
#intakeForm[data-hdr-layout="1"] label.p11-field>span{font-size:13px;font-weight:600;line-height:20px}
#intakeForm[data-hdr-layout="1"] label.p11-field>small{font-size:12px;line-height:1.5;color:var(--muted)}
#intakeForm[data-hdr-layout="1"] :is(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),select){height:44px;min-height:44px}
#intakeForm[data-hdr-layout="1"] #p11QuickTemplate{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;padding:12px 14px}
#intakeForm[data-hdr-layout="1"] #p11QuickTemplate>button{width:auto;min-height:38px;padding:0 18px;order:2}
#intakeForm[data-hdr-layout="1"] #p11QuickTemplate>p{flex:1 1 320px;margin:0;order:1}
#intakeForm[data-hdr-layout="1"] #p11QuickTemplate>[role="status"]{flex-basis:100%;order:3}
#intakeForm[data-hdr-layout="1"] #p11QuickTemplate>[role="status"]:empty{display:none}
@media (max-width:760px){
#intakeForm[data-hdr-layout="1"]{grid-template-columns:minmax(0,1fr);grid-template-areas:"guide" "code" "name" "period" "activity" "file" "revision" "actions" "status"}
#intakeForm[data-hdr-layout="1"] [data-hdr-area="revision"]{align-self:start}
}
/* ---- the administration panel: the header logo of each theme */
.hdr1-logo-panel .hdr1-logo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:14px;align-items:end}
.hdr1-logo-panel .hdr1-logo-preview{display:flex;align-items:center;justify-content:center;min-width:120px;height:64px;border:1px solid var(--line);border-radius:12px;background:var(--panel2)}
.hdr1-logo-panel .hdr1-logo-preview[data-hdr-surface="light"]{background:#f4f7fb}
.hdr1-logo-panel .hdr1-logo-preview[data-hdr-surface="dark"]{background:#0e1626}
.hdr1-logo-panel .hdr1-logo-preview .desk-mark{display:flex;align-items:center;height:52px;padding:0;border-radius:12px}
.hdr1-logo-panel .hdr1-logo-preview .desk-mark img{height:46px;width:auto;display:block}
.hdr1-logo-panel .hdr1-logo-preview[data-hdr-plate="true"] .desk-mark{padding:3px 10px;background:radial-gradient(120% 140% at 30% 20%,#24324a 0%,#0f1a2c 60%,#0a1222 100%)}
.hdr1-logo-panel .actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
@media (max-width:760px){.hdr1-logo-panel .hdr1-logo-grid{grid-template-columns:minmax(0,1fr)}}
/* ---- the data page: the next step, said once under the tabs */
.ds-next{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:12px 0 4px;padding:12px 16px;border:1px solid color-mix(in srgb,var(--accent,#2563eb) 35%,transparent);border-inline-start:4px solid var(--accent,#2563eb);border-radius:12px;background:color-mix(in srgb,var(--accent,#2563eb) 7%,transparent)}
.ds-next>small{flex:0 0 auto;font-size:11px;font-weight:700;color:var(--accent,#2563eb)}
.ds-next>b{flex:1 1 320px;min-width:0;font-size:13.5px;font-weight:600;line-height:1.6}
.ds-next>.ds-next-go{flex:0 0 auto;min-height:36px;padding:0 16px;margin:0}
.ds-next[data-ds-next="fix"]{border-color:color-mix(in srgb,#b7791f 45%,transparent);border-inline-start-color:#b7791f;background:color-mix(in srgb,#b7791f 8%,transparent)}
.ds-next[data-ds-next="fix"]>small{color:#b7791f}
/* ---- the review of a saved file: why it stopped */
.p11-blockers{margin:10px 0;padding:12px;border:1px solid var(--line);border-inline-start:4px solid #c2410c;border-radius:12px;background:var(--panel2)}
.p11-blockers h4{margin:0 0 6px;font-size:14px}
.p11-blockers p{margin:0 0 8px;font-size:13px;line-height:1.6}
.p11-blockers ul{margin:6px 0 0;padding-inline-start:18px;font-size:13px}
/* G4-OPEN1: the opening difference card — every difference in a list that scrolls inside the card; the count and the download at its foot */
.p11-opening .p11-opening-scroll{max-height:420px;overflow:auto}
.p11-opening .p11-opening-guide{color:var(--muted)}
.p11-opening .p11-opening-cash{font-weight:600}
.p11-opening .p11-opening-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 14px;margin:10px 0 0;font-size:12.5px;color:var(--muted)}
.p11-opening .p11-opening-foot button{min-height:34px;padding:0 14px}
/* G4-NEWU1: the open data tab stays visible in the simple experience (the page it stands for is open) */
html[data-experience="simple"] #cfoDataSetup .rc-tab[aria-pressed="true"][data-cfo-depth="advanced"]{display:inline-flex!important}
.ds-next .ds-next-also{background:transparent}
/* G4-NEWU1 (the Owner 2026-10-09: «خلى التابة دى تبقى اغمق سنة صغيرة عن الصفحة عشان تبان»): the template download a shade darker than the page */
#p11QuickTemplateDownload{background:color-mix(in srgb,var(--accent,#1d6fd6) 12%,var(--panel,#fff));border-color:color-mix(in srgb,var(--accent,#1d6fd6) 40%,transparent);font-weight:600}
#p11QuickTemplateDownload:hover:not(:disabled){background:color-mix(in srgb,var(--accent,#1d6fd6) 20%,var(--panel,#fff))}