/* Shared operational phone rows are owned by forum-mis-operational-phone-row-v1 in index.html. */
/* Phase 5.7 — Directorate Visual Contract
   Scope: visual hierarchy/responsiveness only. No data, auth, sync, Realtime, Delta,
   Offline Recovery, RLS, permissions, IDs, handlers, or document-engine changes. */

#directorWorkspace{
  --d57-navy:#0a2f49;
  --d57-navy-deep:#061f32;
  --d57-blue:#155f8e;
  --d57-gold:#c5a35d;
  --d57-surface:#ffffff;
  --d57-soft:#f4f8fb;
  --d57-border:#d7e2e9;
  --d57-text:#102f45;
  --d57-muted:#587083;
  --d57-shadow:0 10px 30px rgba(7,31,50,.07);
  --d57-radius:18px;
}
#directorWorkspaceRoot{width:100%;max-width:1440px;margin-inline:auto;overflow-x:hidden;color:var(--d57-text)}
#directorWorkspaceRoot .dw-shell{width:100%;padding-bottom:calc(104px + env(safe-area-inset-bottom))}
#directorWorkspaceRoot .dw-executive{overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:24px;box-shadow:0 18px 48px rgba(6,31,50,.18)}
#directorWorkspaceRoot .dw-executive-main{gap:18px;padding:22px 26px}
#directorWorkspaceRoot .dw-directorIdentity h2{font-size:clamp(22px,2.5vw,30px);line-height:1.3}
#directorWorkspaceRoot .dw-eyebrow{font-size:11px;font-weight:900;letter-spacing:.02em}
#directorWorkspaceRoot .dw-syncBox{min-width:190px;border:1px solid rgba(255,255,255,.18);border-radius:14px;padding:10px 12px;background:rgba(255,255,255,.08)}
#directorWorkspaceRoot .dw-directorHeaderActions{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:12px 26px 16px}
#directorWorkspaceRoot .dw-headerAction{min-height:44px;border-radius:12px;font-size:11px}
#directorWorkspaceRoot .dw-periodBar{gap:7px;padding-inline:26px;overflow-x:auto;scrollbar-width:none}
#directorWorkspaceRoot .dw-periodBar::-webkit-scrollbar{display:none}
#directorWorkspaceRoot .dw-periodBtn{flex:0 0 auto;min-height:40px;white-space:nowrap}
#directorWorkspaceRoot .dw-commandBar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-block:14px}
#directorWorkspaceRoot .dw-command{min-width:0;min-height:84px;padding:13px 14px;border:1px solid var(--d57-border);border-radius:16px;background:var(--d57-surface);box-shadow:0 5px 18px rgba(7,31,50,.045)}
#directorWorkspaceRoot .dw-command>span{flex:0 0 38px;width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#eaf3f8;color:var(--d57-navy);font-size:17px}
#directorWorkspaceRoot .dw-command b{font-size:12px;line-height:1.4}
#directorWorkspaceRoot .dw-command small{font-size:10px;line-height:1.5;color:var(--d57-muted)}
#directorWorkspaceRoot .dw-surface,#directorWorkspaceRoot .dw-kpi{border-color:var(--d57-border);box-shadow:var(--d57-shadow)}
#directorWorkspaceRoot .dw-section{border-radius:var(--d57-radius);padding:18px;margin-bottom:14px}
#directorWorkspaceRoot .dw-sectionHead{gap:14px;align-items:flex-start}
#directorWorkspaceRoot .dw-sectionHead h3{font-size:17px;line-height:1.4}
#directorWorkspaceRoot .dw-sectionHead p{max-width:760px;color:var(--d57-muted);line-height:1.7}
#directorWorkspaceRoot .dw-grid-4{gap:10px;margin-block:14px}
#directorWorkspaceRoot .dw-kpi{min-width:0;border-radius:16px;padding:15px}
#directorWorkspaceRoot .dw-kpi span{font-size:10px;color:var(--d57-muted)}
#directorWorkspaceRoot .dw-kpi strong{font-size:clamp(24px,3vw,32px);line-height:1.15}
#directorWorkspaceRoot .dw-kpi small{font-size:9px;line-height:1.5}
#directorWorkspaceRoot .dw-attentionGrid{gap:10px}
#directorWorkspaceRoot .dw-attentionItem{min-width:0;border-radius:14px;padding:14px}
#directorWorkspaceRoot .dw-tableSection{overflow:hidden}
#directorWorkspaceRoot .dw-tableWrap{max-width:100%;overflow:auto;overscroll-behavior-inline:contain}
#directorWorkspaceRoot .dw-countBadge{flex:0 0 auto;min-width:34px;min-height:30px;display:grid;place-items:center;border-radius:999px}
#directorWorkspaceRoot button,#directorWorkspaceRoot input,#directorWorkspaceRoot select{touch-action:manipulation}
#directorWorkspaceRoot button:focus-visible,#directorWorkspaceRoot input:focus-visible,#directorWorkspaceRoot select:focus-visible{outline:3px solid rgba(21,95,142,.28);outline-offset:2px}

@media(max-width:900px){
 #directorWorkspaceRoot .dw-commandBar{grid-template-columns:repeat(2,minmax(0,1fr))}
 
}
@media(max-width:760px){
 #directorWorkspaceRoot .dw-shell{padding-inline:8px;padding-bottom:calc(116px + env(safe-area-inset-bottom))}
 #directorWorkspaceRoot .dw-executive{border-radius:19px}
 #directorWorkspaceRoot .dw-executive-main{padding:16px 14px;align-items:flex-start}
 #directorWorkspaceRoot .dw-directorIdentity{grid-template-columns:minmax(0,1fr)}
 #directorWorkspaceRoot .dw-directorIdentity h2{font-size:22px}
 #directorWorkspaceRoot .dw-syncBox{width:100%;min-width:0}
 #directorWorkspaceRoot .dw-directorHeaderActions{grid-template-columns:repeat(3,minmax(0,1fr));padding:10px 12px 12px;gap:7px}
 #directorWorkspaceRoot .dw-headerAction{min-width:0;min-height:44px;padding:8px 7px;font-size:10px;white-space:normal;line-height:1.35}
 #directorWorkspaceRoot .dw-periodBar{padding-inline:12px;padding-bottom:12px}
 #directorWorkspaceRoot .dw-commandBar{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-block:10px}
 #directorWorkspaceRoot .dw-command{min-height:72px;padding:10px;gap:8px}
 #directorWorkspaceRoot .dw-command>span{width:34px;height:34px;flex-basis:34px}
 #directorWorkspaceRoot .dw-command b{font-size:11px}
 #directorWorkspaceRoot .dw-command small{font-size:9px}
 #directorWorkspaceRoot .dw-section{padding:13px;border-radius:16px;margin-bottom:10px}
 #directorWorkspaceRoot .dw-sectionHead{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px}
 #directorWorkspaceRoot .dw-sectionHead h3{font-size:16px}
 #directorWorkspaceRoot .dw-sectionHead p{font-size:10px}
 #directorWorkspaceRoot .dw-grid-4{gap:8px;margin-block:10px}
 #directorWorkspaceRoot .dw-kpi{padding:12px;border-radius:14px}
 #directorWorkspaceRoot .dw-kpi strong{font-size:25px}
 #directorWorkspaceRoot .dw-attentionGrid{grid-template-columns:1fr;gap:8px}
}
@media(max-width:390px){
 #directorWorkspaceRoot .dw-shell{padding-inline:5px}
 #directorWorkspaceRoot .dw-directorHeaderActions{grid-template-columns:1fr 1fr}
 #directorWorkspaceRoot .dw-directorHeaderActions .dw-headerAction:last-child{grid-column:1/-1}
 #directorWorkspaceRoot .dw-commandBar{gap:6px}
 #directorWorkspaceRoot .dw-command{min-height:68px;padding:8px}
 #directorWorkspaceRoot .dw-command small{display:none}
 #directorWorkspaceRoot .dw-grid-4{gap:6px}
 #directorWorkspaceRoot .dw-kpi{padding:10px}
 #directorWorkspaceRoot .dw-kpi strong{font-size:22px}
}
@media(prefers-reduced-motion:reduce){
 #directorWorkspaceRoot *,#directorWorkspaceRoot *::before,#directorWorkspaceRoot *::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
}

/* Phase 5.7.1 — Directorate home: Header / Hero / Command Center / viewport footer */
body.directorateMode.director-home-active>header .headerIdentityRail{display:flex;align-items:center;gap:12px;min-width:0}
body.directorateMode.director-home-active>header .employeeHeaderIdentity{display:flex!important;align-items:center;gap:9px;min-width:0;max-width:min(360px,42vw)}
body.directorateMode.director-home-active>header .employeeHeaderAvatar{flex:0 0 42px;width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#ffffff14;border:1px solid #ffffff30;color:#fff}
body.directorateMode.director-home-active>header .employeeHeaderAvatar svg{width:23px;height:23px;stroke:currentColor;stroke-width:1.8}
body.directorateMode.director-home-active>header .headerAccountText{display:grid;min-width:0;gap:2px}
body.directorateMode.director-home-active>header .employeeHeaderName{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;font-size:13px;font-weight:900;line-height:1.35}
body.directorateMode.director-home-active>header .headerRoleLabel{display:block!important;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#d9e7ef;font-size:9px;font-weight:650;line-height:1.45}
#directorWorkspaceRoot .dw-executive-main{display:grid;grid-template-columns:minmax(0,1fr) minmax(190px,240px);align-items:center}
#directorWorkspaceRoot .dw-heroIdentity{display:flex;align-items:center;gap:14px;min-width:0}
#directorWorkspaceRoot .dw-directorateMark{flex:0 0 64px;width:64px;height:64px;padding:8px;border-radius:18px;display:grid;place-items:center;background:#fff;border:1px solid #ffffff38;box-shadow:0 8px 24px #0000001f}
#directorWorkspaceRoot .dw-directorateMark img{display:block;width:100%;height:100%;object-fit:contain}
#directorWorkspaceRoot .dw-heroIdentity>div:last-child{min-width:0}
#directorWorkspaceRoot .dw-heroIdentity h2{margin:4px 0 0;color:#fff;font-size:clamp(21px,2.6vw,31px);line-height:1.35;overflow-wrap:anywhere}
#directorWorkspaceRoot .dw-liveClock{direction:ltr;justify-content:flex-start;color:#dbe8ef;font-variant-numeric:tabular-nums}
#directorWorkspaceRoot .dw-liveClock [data-director-date],#directorWorkspaceRoot .dw-liveClock [data-director-time]{direction:ltr;unicode-bidi:isolate;white-space:nowrap}
#directorWorkspaceRoot .dw-directorTools{margin-top:12px;padding:16px 18px;border:1px solid var(--d57-border);border-radius:18px;background:#fff;box-shadow:var(--d57-shadow)}
#directorWorkspaceRoot .dw-toolsHead{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px}
#directorWorkspaceRoot .dw-toolsHead h3{margin:3px 0 0;color:var(--d57-navy);font-size:16px}
#directorWorkspaceRoot .dw-directorTools .dw-directorHeaderActions{padding:0;border:0;background:transparent;grid-template-columns:repeat(3,minmax(0,1fr))}
#directorWorkspaceRoot .dw-directorTools .dw-headerAction{background:#eef5f9;color:var(--d57-navy);border:1px solid #d6e3eb;box-shadow:none}
#directorWorkspaceRoot .dw-directorTools .dw-headerAction:hover{background:#e6f0f6}
#directorWorkspaceRoot .dw-filterBlock{margin-top:13px;padding-top:13px;border-top:1px solid #e2e9ee}
#directorWorkspaceRoot .dw-filterLabel{display:block;margin-bottom:8px;color:var(--d57-muted);font-size:10px;font-weight:900}
#directorWorkspaceRoot .dw-directorTools .dw-periodBar{display:flex;align-items:center;gap:7px;padding:0;overflow:visible;flex-wrap:wrap}
#directorWorkspaceRoot .dw-directorTools .dw-periodBtn{min-width:100px;min-height:40px;border:1px solid #d4e0e8;border-radius:999px;background:#fff;color:var(--d57-navy)}
#directorWorkspaceRoot .dw-directorTools .dw-periodBtn.active{background:var(--d57-navy);border-color:var(--d57-navy);color:#fff}
#directorWorkspaceRoot .dw-directorTools .dw-customTrigger{margin-inline-start:auto}
#directorWorkspaceRoot .dw-directorTools .dw-periodRange{flex-basis:100%;color:var(--d57-muted);font-size:10px;font-variant-numeric:tabular-nums}
#directorWorkspaceRoot .dw-directorTools .dw-customPeriod{margin-top:10px}
@media(max-width:760px){
 body.directorateMode.director-home-active>header{grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:8px!important}
 body.directorateMode.director-home-active>header .headerIdentityRail{width:auto;min-width:0;gap:8px}
 body.directorateMode.director-home-active>header .brand{width:auto;flex:0 0 auto}
 body.directorateMode.director-home-active>header .bmis-header-exact-logo{max-width:126px!important;height:auto!important}
 body.directorateMode.director-home-active>header .employeeHeaderIdentity{max-width:min(46vw,210px);gap:7px}
 body.directorateMode.director-home-active>header .employeeHeaderAvatar{width:36px;height:36px;flex-basis:36px;border-radius:11px}
 body.directorateMode.director-home-active>header .employeeHeaderName{font-size:11px}
 body.directorateMode.director-home-active>header .headerRoleLabel{font-size:8px;white-space:normal;line-height:1.3}
 body.directorateMode.director-home-active>header .headerCompactActions{width:auto!important;grid-template-columns:auto auto!important}
 body.directorateMode.director-home-active>header .headerSyncBadge{display:none!important}
 body.directorateMode.director-home-active>header .settingsMenuBtn{min-width:42px;padding:8px!important}
 body.directorateMode.director-home-active>header .settingsMenuBtn>span:nth-child(2){display:none!important}
 #directorWorkspaceRoot .dw-executive-main{grid-template-columns:1fr;gap:12px}
 #directorWorkspaceRoot .dw-heroIdentity{align-items:flex-start;gap:11px}
 #directorWorkspaceRoot .dw-directorateMark{width:52px;height:52px;flex-basis:52px;border-radius:15px;padding:7px}
 #directorWorkspaceRoot .dw-heroIdentity h2{font-size:20px}
 #directorWorkspaceRoot .dw-liveClock{display:grid;grid-template-columns:auto;gap:2px;margin-top:7px;font-size:11px}
 #directorWorkspaceRoot .dw-liveClock .dw-clockDivider{display:none}
 #directorWorkspaceRoot .dw-syncBox{margin:0}
 #directorWorkspaceRoot .dw-directorTools{margin-top:9px;padding:12px;border-radius:16px}
 #directorWorkspaceRoot .dw-directorTools .dw-directorHeaderActions{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
 #directorWorkspaceRoot .dw-directorTools .dw-headerAction{font-size:10px;padding:7px 5px}
 #directorWorkspaceRoot .dw-directorTools .dw-periodBar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
 #directorWorkspaceRoot .dw-directorTools .dw-periodBtn{width:100%;min-width:0}
 #directorWorkspaceRoot .dw-directorTools .dw-customTrigger{grid-column:1/-1;margin:0}
 #directorWorkspaceRoot .dw-directorTools .dw-periodRange{grid-column:1/-1}
}
@media(max-width:430px){
 body.directorateMode.director-home-active>header .brand{display:none!important}
 body.directorateMode.director-home-active>header .employeeHeaderIdentity{max-width:calc(100vw - 120px)}
 #directorWorkspaceRoot .dw-directorTools .dw-directorHeaderActions{grid-template-columns:1fr}
 #directorWorkspaceRoot .dw-directorTools .dw-periodBar{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:340px){
 #directorWorkspaceRoot .dw-directorTools .dw-periodBar{grid-template-columns:1fr}
 #directorWorkspaceRoot .dw-directorTools .dw-customTrigger,#directorWorkspaceRoot .dw-directorTools .dw-periodRange{grid-column:auto}
}

/* Phase 5.7.2 — Director home mobile correction; scoped only to Directorate home */
body.directorateMode.director-home-active>header .headerIdentityRail{display:grid;grid-template-columns:minmax(180px,1fr) auto;align-items:center;gap:12px;overflow:hidden}
body.directorateMode.director-home-active>header .brand{min-width:0;overflow:hidden}
body.directorateMode.director-home-active>header .bmis-header-exact-logo{display:block;max-width:100%;height:auto;object-fit:contain}
body.directorateMode.director-home-active>header .employeeHeaderIdentity{min-width:0;max-width:360px;background:#f7fafc;border:1px solid #d7e2e9;border-radius:16px;padding:7px 9px;color:#102838;box-shadow:0 5px 16px #07182712}
body.directorateMode.director-home-active>header .employeeHeaderAvatar{background:#eaf3f8;border:1px solid #cadbe5;color:#163a51}
body.directorateMode.director-home-active>header .employeeHeaderName{color:#102838!important}
body.directorateMode.director-home-active>header .headerRoleLabel{color:#526b7b!important}

#directorWorkspaceRoot .dw-executive-main{display:flex;align-items:flex-start;justify-content:flex-start}
#directorWorkspaceRoot .dw-heroIdentity{width:min(310px,100%);display:grid;justify-items:start;gap:12px}
#directorWorkspaceRoot .dw-directorateMark{width:76px;height:76px;flex-basis:auto}
#directorWorkspaceRoot .dw-syncBox{width:100%;margin:0}
@media(max-width:760px){
 body.directorateMode.director-home-active>header{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;padding:9px 10px!important}
 body.directorateMode.director-home-active>header .headerIdentityRail{display:grid!important;grid-template-columns:minmax(92px,126px) minmax(0,1fr)!important;width:100%!important;gap:7px!important}
 body.directorateMode.director-home-active>header .brand{display:block!important;width:100%!important;max-width:126px!important}
 body.directorateMode.director-home-active>header .bmis-header-exact-logo{width:100%!important;max-width:126px!important}
 body.directorateMode.director-home-active>header .employeeHeaderIdentity{display:grid!important;grid-template-columns:34px minmax(0,1fr);width:100%!important;max-width:none!important;padding:5px 6px!important;border-radius:13px!important;gap:6px!important}
 body.directorateMode.director-home-active>header .employeeHeaderAvatar{width:34px!important;height:34px!important}
 body.directorateMode.director-home-active>header .headerAccountText{overflow:hidden}
 body.directorateMode.director-home-active>header .employeeHeaderName{font-size:10px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
 body.directorateMode.director-home-active>header .headerRoleLabel{font-size:7.5px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
 body.directorateMode.director-home-active>header .headerCompactActions{width:auto!important;display:flex!important}
 body.directorateMode.director-home-active>header .settingsMenuBtn{width:42px!important;min-width:42px!important}
 #directorWorkspaceRoot .dw-executive{padding:22px 18px!important}
 #directorWorkspaceRoot .dw-executive-main{display:flex!important}
 #directorWorkspaceRoot .dw-heroIdentity{width:min(280px,100%);display:grid!important;justify-items:start!important;gap:10px!important}
 #directorWorkspaceRoot .dw-directorateMark{width:64px!important;height:64px!important}
 #directorWorkspaceRoot .dw-syncBox{width:100%!important}
}
@media(max-width:430px){
 body.directorateMode.director-home-active>header .headerIdentityRail{grid-template-columns:86px minmax(0,1fr)!important}
 body.directorateMode.director-home-active>header .brand{display:block!important;max-width:86px!important}
 body.directorateMode.director-home-active>header .bmis-header-exact-logo{max-width:86px!important}
 body.directorateMode.director-home-active>header .employeeHeaderIdentity{grid-template-columns:30px minmax(0,1fr)!important}
 body.directorateMode.director-home-active>header .employeeHeaderAvatar{width:30px!important;height:30px!important}
}
@media(max-width:350px){
 body.directorateMode.director-home-active>header .headerIdentityRail{grid-template-columns:70px minmax(0,1fr)!important}
 body.directorateMode.director-home-active>header .brand,body.directorateMode.director-home-active>header .bmis-header-exact-logo{max-width:70px!important}
 body.directorateMode.director-home-active>header .headerRoleLabel{display:none!important}
}


/* Phase 5.7.4 — Director home root correction.
   Canonical targets: global header, director hero, #directorateGlobalFooter.
   This supersedes earlier .dw-bottomNav centering attempts because the live director footer is global. */
body.directorateMode.director-home-active>header .headerSyncBadge{display:none!important}
body.directorateMode.director-home-active>header .headerIdentityRail{display:grid!important;grid-template-columns:minmax(96px,150px) minmax(0,1fr)!important;align-items:center;gap:10px;min-width:0;overflow:visible}
body.directorateMode.director-home-active>header .brand{display:block!important;min-width:0;overflow:hidden}
body.directorateMode.director-home-active>header .employeeHeaderIdentity{display:grid!important;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:8px;width:min(100%,440px)!important;max-width:440px!important;min-width:0;padding:7px 9px!important}
body.directorateMode.director-home-active>header .headerAccountText{min-width:0;overflow:visible}
body.directorateMode.director-home-active>header .employeeHeaderName,
body.directorateMode.director-home-active>header .headerRoleLabel{max-width:100%;overflow:visible!important;text-overflow:clip!important;white-space:normal!important;overflow-wrap:anywhere;word-break:normal}
body.directorateMode.director-home-active>header .employeeHeaderName{font-size:clamp(10px,1.6vw,13px)!important}
body.directorateMode.director-home-active>header .headerRoleLabel{display:block!important;font-size:clamp(8px,1.25vw,10px)!important;line-height:1.35}
body.directorateMode.director-home-active>header .headerCompactActions{display:flex!important;align-items:center;justify-content:flex-end;width:auto!important;min-width:44px}
body.directorateMode.director-home-active>header .settingsMenuBtn{flex:0 0 auto}

#directorWorkspaceRoot .dw-executive{position:relative;padding:0!important;overflow:hidden}
#directorWorkspaceRoot .dw-executive-main{position:relative;display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:24px;padding:38px 32px 30px!important;direction:rtl}
#directorWorkspaceRoot .dw-heroRight{display:grid;justify-items:start;align-content:start;gap:13px;min-width:0}
#directorWorkspaceRoot .dw-directorateMark{width:82px!important;height:82px!important;padding:9px!important;border-radius:20px!important}
#directorWorkspaceRoot .dw-heroClock{display:grid;gap:3px;direction:ltr;unicode-bidi:isolate;text-align:left;color:#fff;font-variant-numeric:tabular-nums;letter-spacing:.01em}
#directorWorkspaceRoot .dw-heroClock [data-director-date]{font-size:clamp(12px,1.45vw,15px);font-weight:750;line-height:1.35;white-space:nowrap;color:#e8f1f6}
#directorWorkspaceRoot .dw-heroClock [data-director-time]{font-size:clamp(21px,2.5vw,29px);font-weight:900;line-height:1.1;white-space:nowrap;color:#fff}
#directorWorkspaceRoot .dw-heroConnection{direction:rtl;align-self:flex-start;width:auto!important;min-width:210px;max-width:min(300px,46%);margin:0!important;padding:14px 16px!important;border:1px solid #ffffff32!important;border-radius:18px!important;background:#ffffff0f!important;box-shadow:0 12px 34px #00111f2e;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
#directorWorkspaceRoot .dw-heroConnection .dw-status{color:#fff}
#directorWorkspaceRoot .dw-heroConnection small{color:#c8d8e2!important}

/* Canonical director viewport footer: one coordinate system, physical viewport centering. */

@media(max-width:760px){
 body.directorateMode.director-home-active>header{grid-template-columns:minmax(0,1fr) 44px!important;gap:8px!important;padding:8px 10px!important}
 body.directorateMode.director-home-active>header .headerIdentityRail{grid-template-columns:minmax(72px,112px) minmax(0,1fr)!important;gap:7px!important}
 body.directorateMode.director-home-active>header .brand,body.directorateMode.director-home-active>header .bmis-header-exact-logo{width:100%!important;max-width:112px!important}
 body.directorateMode.director-home-active>header .employeeHeaderIdentity{grid-template-columns:34px minmax(0,1fr)!important;width:100%!important;max-width:none!important;padding:5px 6px!important;gap:6px!important}
 body.directorateMode.director-home-active>header .employeeHeaderAvatar{width:34px!important;height:34px!important}
 body.directorateMode.director-home-active>header .employeeHeaderName{font-size:10px!important;line-height:1.25}
 body.directorateMode.director-home-active>header .headerRoleLabel{font-size:8px!important;line-height:1.3}
 
 #directorWorkspaceRoot .dw-executive-main{padding:28px 20px 24px!important;gap:16px}
 #directorWorkspaceRoot .dw-directorateMark{width:68px!important;height:68px!important}
 #directorWorkspaceRoot .dw-heroClock [data-director-date]{font-size:12px}
 #directorWorkspaceRoot .dw-heroClock [data-director-time]{font-size:23px}
 #directorWorkspaceRoot .dw-heroConnection{min-width:0;width:min(210px,48%)!important;max-width:48%;padding:11px 12px!important;border-radius:15px!important}
}
@media(max-width:430px){
 body.directorateMode.director-home-active>header .headerIdentityRail{grid-template-columns:76px minmax(0,1fr)!important}
 body.directorateMode.director-home-active>header .brand,body.directorateMode.director-home-active>header .bmis-header-exact-logo{max-width:76px!important}
 #directorWorkspaceRoot .dw-executive-main{padding:24px 16px 22px!important;gap:12px}
 #directorWorkspaceRoot .dw-directorateMark{width:62px!important;height:62px!important}
 #directorWorkspaceRoot .dw-heroConnection{width:min(190px,50%)!important;max-width:50%;padding:10px!important}
 #directorWorkspaceRoot .dw-heroConnection small{font-size:9px}
}
@media(max-width:350px){
 body.directorateMode.director-home-active>header .headerIdentityRail{grid-template-columns:62px minmax(0,1fr)!important}
 body.directorateMode.director-home-active>header .brand,body.directorateMode.director-home-active>header .bmis-header-exact-logo{max-width:62px!important}
 body.directorateMode.director-home-active>header .employeeHeaderIdentity{grid-template-columns:30px minmax(0,1fr)!important}
 body.directorateMode.director-home-active>header .employeeHeaderAvatar{width:30px!important;height:30px!important}
 body.directorateMode.director-home-active>header .headerRoleLabel{display:block!important;font-size:7px!important}
 #directorWorkspaceRoot .dw-executive-main{padding-inline:12px!important}
 #directorWorkspaceRoot .dw-heroConnection{width:52%!important;max-width:52%}
}


/* Phase 5.7.5 — root cleanup after device verification.
   No workaround layers: target the authenticated header badge, the live global footer,
   and remove duplicated bottom-space owners on the Directorate workspace. */
html.forum-mis-director-authenticated body.directorateMode.director-home-active #cloudStatusBadge{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}
body.directorateMode #directorWorkspace.screen.active{padding-bottom:0!important;scroll-padding-bottom:calc(86px + env(safe-area-inset-bottom))!important}
body.directorateMode #directorWorkspaceRoot .dw-shell{padding-bottom:0!important}


#directorWorkspaceRoot .dw-executive-main{padding:26px 26px 22px!important}
#directorWorkspaceRoot .dw-heroRight{gap:8px!important}
#directorWorkspaceRoot .dw-directorateMark{width:68px!important;height:68px!important;padding:7px!important;border-radius:17px!important}
#directorWorkspaceRoot .dw-heroClock{gap:1px!important}
#directorWorkspaceRoot .dw-heroClock [data-director-date]{font-size:11px!important;font-weight:750}
#directorWorkspaceRoot .dw-heroClock [data-director-time]{font-size:22px!important}
#directorWorkspaceRoot .dw-heroConnection{width:auto!important;min-width:0!important;max-width:220px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
#directorWorkspaceRoot .dw-heroConnection .dw-status{display:inline-flex!important;width:auto!important;min-height:32px!important;padding:6px 10px!important;border:1px solid #ffffff2b!important;border-radius:999px!important;background:#ffffff0d!important;color:#fff!important;font-size:10px!important;font-weight:850!important;line-height:1!important;box-shadow:none!important}
#directorWorkspaceRoot .dw-heroConnection small{display:block;margin-top:7px;color:#c8d8e2!important;font-size:8.5px!important;line-height:1.35;white-space:nowrap;direction:rtl}

/* Use the physical viewport, not the body/content containing block. */

@media(max-width:760px){
 body.directorateMode.director-home-active>header .headerIdentityRail{grid-template-columns:minmax(76px,108px) minmax(0,1fr)!important}
 body.directorateMode.director-home-active>header .employeeHeaderIdentity{grid-template-columns:32px minmax(0,1fr)!important}
 body.directorateMode.director-home-active>header .employeeHeaderAvatar{width:32px!important;height:32px!important}
 
 #directorWorkspaceRoot .dw-executive-main{padding:22px 18px 18px!important}
 #directorWorkspaceRoot .dw-directorateMark{width:58px!important;height:58px!important;padding:6px!important;border-radius:15px!important}
 #directorWorkspaceRoot .dw-heroClock [data-director-date]{font-size:10px!important}
 #directorWorkspaceRoot .dw-heroClock [data-director-time]{font-size:20px!important}
 #directorWorkspaceRoot .dw-heroConnection{max-width:46%!important}
 #directorWorkspaceRoot .dw-heroConnection .dw-status{min-height:30px!important;padding:5px 9px!important;font-size:9.5px!important}
 #directorWorkspaceRoot .dw-heroConnection small{font-size:8px!important;white-space:normal}
}
@media(max-width:430px){
 body.directorateMode.director-home-active>header .headerIdentityRail{grid-template-columns:72px minmax(0,1fr)!important}
 
 #directorWorkspaceRoot .dw-executive-main{padding:19px 14px 16px!important}
 #directorWorkspaceRoot .dw-directorateMark{width:54px!important;height:54px!important}
 #directorWorkspaceRoot .dw-heroConnection{max-width:44%!important}
 #directorWorkspaceRoot .dw-heroConnection .dw-status{min-height:28px!important;padding:5px 8px!important;font-size:9px!important}
}


/* Phase 5.7 reference integration — executive home composition.
   Extends the v405 owners; does not replace viewport/footer/sync corrections. */
/* Directorate Home owns its compact Hero geometry here; v405 footer/safe-area ownership remains untouched. */

#directorWorkspaceRoot .dw-executive-main{padding:24px 24px 20px!important}
#directorWorkspaceRoot .dw-previewList{display:grid;gap:8px}
#directorWorkspaceRoot .dw-previewRow{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:11px 12px;border:1px solid var(--d57-border);border-radius:12px;background:#fff;min-width:0}
#directorWorkspaceRoot .dw-previewMain{min-width:0}
#directorWorkspaceRoot .dw-previewMain strong,#directorWorkspaceRoot .dw-previewMain small{display:block;min-width:0}
#directorWorkspaceRoot .dw-previewMain strong{color:var(--d57-navy);font-size:12px;line-height:1.45;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#directorWorkspaceRoot .dw-previewMain small{margin-top:3px;color:var(--d57-muted);font-size:9px;line-height:1.45;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#directorWorkspaceRoot .dw-previewMeta{font-size:9px;font-weight:850;color:var(--d57-muted);white-space:nowrap}
#directorWorkspaceRoot .dw-previewOpen{min-height:36px;padding:7px 11px;border:1px solid var(--d57-border);border-radius:9px;background:#f5f8fa;color:var(--d57-navy);font:inherit;font-size:9px;font-weight:900;cursor:pointer}
#directorWorkspaceRoot .dw-tableFooter{margin-top:10px}
#directorWorkspaceRoot .dw-tableFooter .dw-more{width:100%;min-height:40px}
#directorWorkspaceRoot .dw-attentionGrid:has(.dw-attentionItem strong:first-of-type){align-items:stretch}
@media(min-width:1101px){
 #directorWorkspaceRoot .dw-commandBar{grid-template-columns:repeat(3,minmax(0,1fr))}
 
}
@media(max-width:760px){
 
 #directorWorkspaceRoot .dw-executive-main{padding:18px 16px 15px!important}
}
@media(max-width:700px){
 #directorWorkspaceRoot .dw-previewRow{grid-template-columns:minmax(0,1fr) auto;gap:8px}
 #directorWorkspaceRoot .dw-previewOpen{grid-column:1/-1;width:100%;min-height:44px}
 #directorWorkspaceRoot .dw-previewMain strong{font-size:11px}
 #directorWorkspaceRoot .dw-previewMeta{font-size:8px}
}


/* Phase 5.7 reference integration — executive summary and recent-preview layout. */
#directorWorkspaceRoot .dw-executiveSummary .dw-grid-4{margin-top:12px;margin-bottom:0}
#directorWorkspaceRoot .dw-zeroAttention{margin-top:10px;padding:11px 13px;border:1px solid #cfe2d7;border-radius:12px;background:#f4faf6;color:#285c3d;font-size:10px;font-weight:850;text-align:center}
#directorWorkspaceRoot .dw-zeroAttention[hidden]{display:none}

/* Phase 5.7 Directorate-only shell ownership.
   Presence engine stays shared; only its Home presentation is scoped here. */
body.directorateMode.director-home-active #offlineEngePresence{z-index:84}
body.directorateMode.director-home-active #presenceToggle{min-height:44px!important;height:44px!important;padding:8px 12px!important;border-radius:14px!important;box-sizing:border-box!important}
@media(max-width:760px){
 body.directorateMode.director-home-active #presenceToggle{left:50vw!important;right:auto!important;bottom:calc(74px + env(safe-area-inset-bottom))!important;transform:translateX(-50%)!important;min-width:0!important;width:auto!important;max-width:calc(100vw - 24px)!important;white-space:nowrap}
}


/* Phase 5.7 approved executive quick actions. */
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-directorHeaderActions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-headerAction{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:10px;min-height:64px;padding:10px 12px;text-align:right}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-actionIcon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#eef2ff}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-actionIcon svg{width:23px;height:23px;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-actionText{display:grid;gap:2px;min-width:0}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-actionText b{font-size:13px}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-actionText small{font-size:10px;color:#667085;line-height:1.35}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-headerAction-analytics .dw-actionIcon{background:#f2ecff;color:#6b3fc6}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-headerAction-updates .dw-actionIcon{background:#eaf3ff;color:#1769aa}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-headerAction-support .dw-actionIcon{background:#eaf8f1;color:#16794b}
@media(max-width:430px){
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-directorHeaderActions{gap:6px}
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-headerAction{grid-template-columns:1fr;justify-items:center;min-height:72px;padding:8px 5px;text-align:center;gap:5px}
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-actionIcon{width:34px;height:34px;border-radius:10px}
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-actionIcon svg{width:20px;height:20px}
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-actionText small{display:none}
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-actionText b{font-size:10px;line-height:1.25}
}


/* Phase 5.7 compact executive metrics contract. */
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-kpiSection{display:grid;gap:8px}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-kpiHead{margin:0;padding-inline:2px}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-kpiSection .dw-grid-4{margin:0}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-attentionGrid{gap:8px}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-attentionItem{min-height:76px;padding:10px 12px}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-attentionItem strong{font-size:22px;line-height:1}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-kpi{min-height:88px;padding:11px 12px}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-kpi strong{font-size:24px;line-height:1.05}
body.directorateMode.director-home-active #directorWorkspaceRoot #dwForumPulse{padding-block:12px}
body.directorateMode.director-home-active #directorWorkspaceRoot #dwForumPulse .dw-sectionHead{margin-bottom:8px}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-pulseGrid{gap:8px}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-pulseGrid article{min-height:0;padding:10px 12px}
@media(max-width:430px){
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-attentionItem{min-height:68px;padding:9px}
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-attentionItem strong{font-size:19px}
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-kpi{min-height:76px;padding:9px}
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-kpi strong{font-size:20px}
}


/* Phase 5.7 reference lock — mobile composition from approved Directorate Home reference. */
@media(max-width:430px){
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-directorTools .dw-directorHeaderActions{grid-template-columns:repeat(3,minmax(0,1fr))}
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-attentionGrid{grid-template-columns:repeat(3,minmax(0,1fr))}
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-attentionItem{min-width:0}
}


/* Phase 5.7 reference lock — Hero and period geometry. */
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-executive-main{
 display:flex!important;align-items:center!important;justify-content:space-between!important;
 min-height:200px!important;padding:24px 26px 20px!important;gap:20px!important;direction:rtl
}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-heroIdentity{
 width:auto!important;max-width:min(520px,62%)!important;display:flex!important;align-items:center!important;
 justify-content:flex-start!important;gap:14px!important
}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-directorateMark{
 flex:0 0 68px!important;width:68px!important;height:68px!important;padding:7px!important;border-radius:17px!important
}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-syncBox{
 flex:0 0 auto!important;width:auto!important;min-width:190px!important;align-self:flex-start!important;margin:0!important
}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-directorTools .dw-periodBar{
 display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;
 align-items:center!important;overflow:visible!important
}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-directorTools .dw-periodBtn{
 width:100%!important;min-width:0!important
}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-directorTools .dw-customTrigger{
 grid-column:auto!important;margin:0!important
}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-directorTools .dw-periodRange{
 grid-column:1/-1!important;min-width:0!important
}
@media(max-width:760px){
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-executive-main{
  min-height:166px!important;padding:18px 16px 15px!important;align-items:flex-start!important;gap:10px!important
 }
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-heroIdentity{
  max-width:68%!important;display:flex!important;align-items:flex-start!important;gap:9px!important
 }
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-directorateMark{
  flex-basis:54px!important;width:54px!important;height:54px!important;padding:6px!important;border-radius:14px!important
 }
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-syncBox{
  min-width:0!important;max-width:38%!important;padding:8px 9px!important
 }
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-directorTools .dw-periodBar{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important
 }
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-directorTools .dw-periodBtn{
  min-height:34px!important;padding:6px 4px!important;font-size:9px!important
 }
}
@media(max-width:430px){
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-executive-main{
  min-height:166px!important;padding:14px 12px!important
 }
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-heroIdentity{max-width:70%!important}
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-directorateMark{
  flex-basis:48px!important;width:48px!important;height:48px!important;padding:5px!important
 }
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-syncBox{max-width:36%!important}
}


/* Phase 5.7 reference lock — compact lower Home previews. */
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-homeRecentGrid .dw-homePreview{padding:14px}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-homeRecentGrid .dw-previewList{gap:6px}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-homeRecentGrid .dw-previewRow{
 grid-template-columns:minmax(0,1fr) auto auto;gap:7px;padding:8px 9px
}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-homeRecentGrid .dw-previewOpen{
 grid-column:auto;width:auto;min-height:30px;padding:5px 8px
}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-homeRecentGrid #dwForumPulse .dw-pulseGrid{grid-template-columns:1fr;gap:6px}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-homeRecentGrid #dwForumPulse .dw-pulseGrid article{
 grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"identity level" "stats stats";gap:7px 8px;padding:8px 9px
}
@media(max-width:900px){
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-homeRecentGrid{grid-template-columns:1fr}
}
@media(max-width:430px){
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-homeRecentGrid{gap:10px}
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-homeRecentGrid .dw-homePreview{padding:12px}
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-homeRecentGrid .dw-previewRow{
  grid-template-columns:minmax(0,1fr) auto auto;gap:5px;padding:7px 8px
 }
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-homeRecentGrid .dw-previewOpen{
  grid-column:auto;width:auto;min-height:28px;padding:4px 7px;font-size:8px
 }
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-homeRecentGrid .dw-previewMain strong{font-size:10px}
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-homeRecentGrid .dw-previewMain small,
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-homeRecentGrid .dw-previewMeta{font-size:8px}
}


/* Phase 5.7 FINAL REFERENCE PARITY — canonical Home geometry. */
body.directorateMode.director-home-active #directorWorkspace{
 --d57-navy:#082d46;--d57-navy-deep:#061f32;--d57-blue:#1687f8;--d57-green:#16a66a;
 --d57-amber:#e8a31a;--d57-red:#e44c55;--d57-purple:#7657e8;--d57-bg:#f3f7fa;
 --d57-border:#d8e4eb;--d57-muted:#667b8d;--d57-radius:14px
}
body.directorateMode.director-home-active #directorWorkspace{background:var(--d57-bg)}
body.directorateMode.director-home-active #directorWorkspaceRoot{max-width:1440px;padding:10px 14px 104px}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-shell{display:grid;gap:10px;padding-bottom:0}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-surface,
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-kpi{border:1px solid var(--d57-border);border-radius:var(--d57-radius);box-shadow:0 5px 18px rgba(7,31,50,.045)}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-section{padding:12px;margin:0}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-sectionKicker{color:#a47a25;font-size:9px;font-weight:900}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-sectionHead h3{margin:2px 0 0;color:var(--d57-navy-deep);font-size:15px;line-height:1.35}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-sectionHead p{margin:3px 0 0;color:var(--d57-muted);font-size:9px;line-height:1.45}

/* Hero */
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-executive{min-height:200px;border-radius:14px;background:linear-gradient(120deg,#061f32 0%,#0a3653 58%,#155f8e 100%);position:relative}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-executiveStripe{height:4px}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-executive-main{min-height:196px!important;padding:18px 22px!important;display:flex!important;align-items:stretch!important;justify-content:space-between!important;direction:rtl}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-heroRight{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:8px}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-directorateMark{width:66px!important;height:66px!important;flex-basis:66px!important;border-radius:16px!important;background:#fff;padding:7px!important}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-heroIdentity{display:grid;gap:5px;color:#fff}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-heroIdentity>strong{font-size:18px;font-weight:900}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-heroClock{display:flex;align-items:end;gap:16px;color:#fff}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-heroClock [data-director-date]{font-size:11px;font-weight:800}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-heroClock [data-director-time]{font-size:22px;font-weight:900}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-syncBox{align-self:flex-start!important;min-width:180px!important;max-width:220px!important;background:rgba(4,24,39,.5);border-color:rgba(255,255,255,.2);padding:8px 10px!important;border-radius:999px}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-syncBox small{font-size:8px;margin-top:4px}

/* Three reference actions */
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-directorTools{padding:0;border:0;background:transparent;box-shadow:none;display:grid;gap:10px}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-directorTools .dw-toolsHead{display:none}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-directorHeaderActions{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;padding:0!important}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-headerAction{display:grid!important;grid-template-columns:42px minmax(0,1fr) 16px;align-items:center;gap:10px;min-height:66px!important;padding:9px 12px!important;background:#fff!important;border:1px solid var(--d57-border)!important;border-radius:13px!important;text-align:right!important}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-headerAction:after{content:"";width:8px;height:8px;border-top:2px solid #6d8291;border-left:2px solid #6d8291;transform:rotate(-45deg)}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-actionIcon{width:42px;height:42px;border-radius:11px}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-actionText b{font-size:12px;color:var(--d57-navy-deep)}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-actionText small{font-size:9px;color:var(--d57-muted)}

/* Period */
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-filterBlock{padding:10px 12px;background:#fff;border:1px solid var(--d57-border);border-radius:13px;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-filterLabel{font-size:11px;font-weight:900;color:var(--d57-navy-deep)}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-directorTools .dw-periodBar{display:grid!important;grid-template-columns:repeat(4,minmax(70px,1fr)) minmax(220px,1.7fr)!important;gap:7px!important;padding:0!important;overflow:visible!important}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-periodBtn{min-height:34px!important;padding:5px 8px!important;border-radius:9px;font-size:10px}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-periodBtn.is-active{background:var(--d57-navy)!important;color:#fff!important}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-periodRange{grid-column:5!important;grid-row:1!important;min-height:34px;display:grid;place-items:center;border:1px solid var(--d57-border);border-radius:9px;background:#fff;color:var(--d57-muted);font-size:10px;direction:ltr}

/* Attention */
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-attentionSection{display:grid;grid-template-columns:1fr;gap:8px}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-zeroAttention{min-height:34px;padding:7px 10px;border-radius:9px;background:#e9f8f0;color:#14794c;font-size:10px;font-weight:800}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-attentionGrid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-attentionItem{min-height:66px!important;padding:9px 11px!important;border-radius:11px!important}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-attentionItem:nth-child(1){background:#fff0f1;border-color:#f5d0d4}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-attentionItem:nth-child(2){background:#fff7e5;border-color:#f4e1b5}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-attentionItem:nth-child(3){background:#eaf8f1;border-color:#ccebdc}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-attentionItem strong{font-size:22px;line-height:1;margin:3px 0}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-attentionItem span{font-size:10px;font-weight:850}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-attentionItem small{font-size:8px}

/* KPI */
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-kpiSection{padding:12px;background:#fff;border:1px solid var(--d57-border);border-radius:14px;gap:8px}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-kpiSection .dw-grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:0}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-kpi{min-height:78px;padding:9px 10px;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"icon label" "icon value" "icon helper";column-gap:9px;align-content:center;border-top-width:1px}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-kpiIcon{grid-area:icon;width:34px;height:34px;display:grid;place-items:center;border-radius:10px}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-kpiIcon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-kpi>span:not(.dw-kpiIcon){grid-area:label;font-size:9px}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-kpi strong{grid-area:value;font-size:23px;margin:1px 0;color:var(--d57-navy-deep)}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-kpi small{grid-area:helper;font-size:8px;margin:0}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-kpi-activities .dw-kpiIcon{background:#fff3df;color:#d87a09}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-kpi-reports .dw-kpiIcon{background:#eaf3ff;color:#1769aa}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-kpi-forums .dw-kpiIcon{background:#eaf8f1;color:#168253}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-kpi-participants .dw-kpiIcon{background:#f2ecff;color:#6b3fc6}

/* Lower three-column reference */
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-homeRecentGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:stretch}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-homeRecentGrid .dw-homePreview{padding:11px;min-height:0}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-homeRecentGrid .dw-sectionHead{margin-bottom:7px}
body.directorateMode.director-home-active #directorWorkspaceRoot #dwForumPulse .dw-sectionHead p{display:none}
body.directorateMode.director-home-active #directorWorkspaceRoot #dwForumPulse [data-action="recommendations"]{min-height:30px;padding:5px 8px;font-size:8px}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-pulseGrid{grid-template-columns:1fr!important;gap:6px}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-pulseGrid article{padding:8px 9px!important;gap:6px 8px!important}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-pulseGrid dl div{padding:5px}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-pulseGrid dd{font-size:14px}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-previewList{display:grid;gap:5px}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-previewRow{grid-template-columns:minmax(0,1fr) auto auto!important;gap:6px!important;padding:7px 8px!important;border-radius:9px!important}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-previewMain strong{font-size:10px}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-previewMain small,
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-previewMeta{font-size:8px}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-previewOpen{grid-column:auto!important;width:28px!important;height:28px!important;min-height:28px!important;padding:6px!important;border:0!important;background:transparent!important}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-previewOpen svg{width:14px;height:14px;fill:none;stroke:var(--d57-navy);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-tableFooter{padding-top:6px}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-more{width:100%;min-height:30px;padding:5px 8px;font-size:9px}

@media(max-width:900px){
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-homeRecentGrid{grid-template-columns:1fr}
}

/* Mobile reference contract */
@media(max-width:760px){
 body.directorateMode.director-home-active #directorWorkspaceRoot{padding:8px 10px calc(102px + env(safe-area-inset-bottom))}
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-shell{gap:8px}
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-executive{min-height:154px;border-radius:13px}
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-executive-main{min-height:150px!important;padding:12px!important}
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-directorateMark{width:48px!important;height:48px!important;flex-basis:48px!important;padding:5px!important;border-radius:12px!important}
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-heroIdentity>strong{font-size:11px}
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-heroClock{display:grid;gap:1px}
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-heroClock [data-director-date]{font-size:9px}
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-heroClock [data-director-time]{font-size:24px}
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-syncBox{min-width:0!important;max-width:46%!important;padding:6px 8px!important}
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-status{min-height:26px;padding:5px 8px;font-size:8px}
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-syncBox small{font-size:7px}
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-directorHeaderActions{gap:6px!important}
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-headerAction{grid-template-columns:1fr!important;grid-template-rows:32px auto;justify-items:center;gap:3px!important;min-height:68px!important;padding:6px 3px!important;text-align:center!important}
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-headerAction:after{display:none}
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-actionIcon{width:32px;height:32px;border-radius:9px}
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-actionText b{font-size:9px}
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-actionText small{display:none}
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-filterBlock{padding:8px;grid-template-columns:1fr;gap:6px}
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-filterLabel{font-size:9px}
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-directorTools .dw-periodBar{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:5px!important}
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-periodBtn{min-height:30px!important;padding:4px 2px!important;font-size:8px!important}
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-periodRange{grid-column:1/-1!important;grid-row:2!important;min-height:30px;font-size:8px}
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-section{padding:9px}
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-sectionHead h3{font-size:13px}
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-sectionHead p{font-size:8px}
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-zeroAttention{min-height:28px;padding:5px 7px;font-size:8px}
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-attentionGrid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important}
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-attentionItem{min-height:58px!important;padding:7px!important}
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-attentionItem span{font-size:8px}
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-attentionItem strong{font-size:18px}
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-attentionItem small{display:none}
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-kpiSection{padding:9px}
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-kpiSection .dw-grid-4{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-kpi{min-height:68px;padding:6px 3px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px}
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-kpiIcon{width:25px;height:25px;border-radius:7px}
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-kpiIcon svg{width:14px;height:14px}
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-kpi>span:not(.dw-kpiIcon){font-size:7px;line-height:1.25}
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-kpi strong{font-size:17px;line-height:1}
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-kpi small{display:none}
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-homeRecentGrid{grid-template-columns:1fr;gap:8px}
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-homeRecentGrid .dw-homePreview{padding:9px}
 body.directorateMode.director-home-active #directorWorkspaceRoot #dwForumPulse .dw-sectionHead{grid-template-columns:minmax(0,1fr) auto}
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-pulseGrid article{grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:"identity level" "stats stats"!important}
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-previewRow{grid-template-columns:minmax(0,1fr) auto auto!important;padding:6px 7px!important}
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-previewOpen{width:26px!important;height:26px!important;min-height:26px!important}
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-more{min-height:28px}
}
@media(max-width:360px){
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-kpiSection .dw-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}
}



body.directorateMode.director-home-active #directorWorkspaceRoot .dw-headIcon-neutral{background:#eef4f7;color:var(--d57-navy)}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-inlineIcon{width:25px;height:25px;display:grid;place-items:center;border-radius:7px;background:#eef4f7;color:var(--d57-navy);flex:0 0 25px}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-inlineIcon svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-filterLabel{display:flex;align-items:center;gap:7px}

/* Phase 5.7 reference accessibility closure — readable type, non-overlapping Hero, reference icons. */
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-referenceHead{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-headIcon{flex:0 0 30px;width:30px;height:30px;display:grid;place-items:center;border-radius:50%}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-headIcon svg,
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-attentionIcon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-headIcon-alert{background:#ffe6e8;color:var(--d57-red)}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-headIcon-kpi{background:#eaf3ff;color:var(--d57-blue);border-radius:9px}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-attentionItem{display:grid;grid-template-columns:38px minmax(0,1fr);grid-template-areas:"icon label" "icon value" "icon helper";column-gap:9px;align-content:center}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-attentionIcon{grid-area:icon;width:38px;height:38px;display:grid;place-items:center;border-radius:50%}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-attentionItem>span:not(.dw-attentionIcon){grid-area:label}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-attentionItem>strong{grid-area:value}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-attentionItem>small{grid-area:helper}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-attention-decision .dw-attentionIcon{background:#ffdfe2;color:#d92f3c}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-attention-report .dw-attentionIcon{background:#fff0c9;color:#d88900}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-attention-support .dw-attentionIcon{background:#d9f5e8;color:#078f55}

@media(max-width:760px){
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-executive-main{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(118px,44%)!important;grid-template-areas:"connection identity"!important;align-items:start!important;gap:10px!important;direction:ltr!important}
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-heroRight{grid-area:identity;min-width:0;height:100%;display:grid!important;grid-template-rows:auto 1fr;align-items:start;justify-items:end;gap:8px;direction:rtl}
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-heroIdentity{width:100%!important;max-width:none!important;min-width:0;align-self:end;justify-items:end;text-align:right;gap:4px!important;direction:rtl}
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-heroIdentity>strong{max-width:100%;font-size:15px!important;line-height:1.35!important;white-space:normal}
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-heroClock{width:100%;display:grid!important;grid-template-columns:1fr!important;justify-items:end;gap:1px!important;direction:ltr}
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-heroClock [data-director-date]{font-size:11px!important;line-height:1.25;white-space:nowrap}
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-heroClock [data-director-time]{font-size:24px!important;line-height:1!important;white-space:nowrap}
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-syncBox{grid-area:connection;justify-self:start;align-self:start!important;max-width:100%!important;direction:rtl}
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-status{font-size:11px!important}
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-syncBox small{font-size:10px!important;line-height:1.35}
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-actionText b{font-size:12px!important;line-height:1.35}
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-filterLabel{font-size:12px!important}
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-periodBtn{font-size:11px!important;font-weight:850}
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-periodRange{font-size:11px!important}
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-sectionKicker{font-size:11px!important}
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-sectionHead h3{font-size:17px!important;line-height:1.35}
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-sectionHead p{font-size:11px!important;line-height:1.55}
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-zeroAttention{font-size:11px!important;line-height:1.4}
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-attentionItem{grid-template-columns:30px minmax(0,1fr);column-gap:5px;padding:7px 5px!important}
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-attentionIcon{width:30px;height:30px}
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-attentionIcon svg{width:15px;height:15px}
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-attentionItem>span:not(.dw-attentionIcon){font-size:10px!important;line-height:1.3}
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-attentionItem strong{font-size:20px!important}
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-kpi>span:not(.dw-kpiIcon){font-size:9px!important;line-height:1.3}
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-kpi strong{font-size:19px!important}
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-previewMain strong{font-size:12px!important;line-height:1.35}
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-previewMain small,
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-previewMeta{font-size:10px!important;line-height:1.35}
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-more{font-size:11px!important;font-weight:850}
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-countBadge{font-size:12px!important}
 body.directorateMode.director-home-active #presenceToggle{left:12px!important;right:auto!important;transform:none!important}
}

/* Phase 5.7 reference closure — Directorate Header + Hero media owner. */
body.directorateMode.director-home-active>header{direction:rtl!important;background:#fff!important;border-bottom:1px solid #dbe4ea!important;box-shadow:0 5px 18px rgba(7,31,50,.08)!important;min-height:66px!important;padding:8px 14px!important;display:grid!important;grid-template-columns:minmax(0,1fr) 46px!important;align-items:center!important;gap:10px!important}
body.directorateMode.director-home-active>header .headerIdentityRail{display:grid!important;grid-template-columns:minmax(112px,170px) minmax(220px,430px)!important;justify-content:space-between!important;align-items:center!important;gap:16px!important;direction:rtl!important}
body.directorateMode.director-home-active>header .brand{display:block!important;width:100%!important;max-width:170px!important;justify-self:start!important}
body.directorateMode.director-home-active>header .bmis-header-exact-logo{display:block!important;width:100%!important;max-width:170px!important;height:auto!important}
body.directorateMode.director-home-active>header .employeeHeaderIdentity{display:grid!important;grid-template-columns:minmax(0,1fr) 42px!important;direction:rtl!important;align-items:center!important;width:100%!important;max-width:430px!important;min-height:48px!important;padding:6px 10px!important;gap:10px!important;background:#fff!important;border:1px solid #ccdbe5!important;border-radius:15px!important;box-shadow:0 5px 15px rgba(7,31,50,.07)!important;color:#0b2b43!important}
body.directorateMode.director-home-active>header .employeeHeaderAvatar{grid-column:2!important;width:40px!important;height:40px!important;border-radius:12px!important;background:#edf5fa!important;border:1px solid #c9dce7!important;color:#123d59!important}
body.directorateMode.director-home-active>header .headerAccountText{grid-column:1!important;text-align:right!important;gap:2px!important}
body.directorateMode.director-home-active>header .employeeHeaderName{font-size:13px!important;line-height:1.35!important;font-weight:900!important;color:#102838!important}
body.directorateMode.director-home-active>header .headerRoleLabel{display:block!important;font-size:9px!important;line-height:1.4!important;font-weight:750!important;color:#536d7e!important}
body.directorateMode.director-home-active>header .headerCompactActions{direction:ltr!important}
body.directorateMode.director-home-active>header .settingsMenuBtn{width:44px!important;height:44px!important;min-width:44px!important;padding:0!important;border-radius:12px!important;background:#f7fafc!important;border:1px solid #ccdbe5!important;color:#163a51!important;box-shadow:none!important}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-executive{position:relative!important;isolation:isolate!important;overflow:hidden!important;min-height:200px!important;background:linear-gradient(120deg,#08283d,#0b4b70)!important}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-directorateHeroMedia{position:absolute;inset:0;z-index:-3;overflow:hidden;background:#0a3854}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-directorateHeroMedia[hidden]{display:none!important}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-directorateHeroMedia img{position:absolute;inset:0;width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;display:block}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-directorateHeroShade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(5,27,43,.72),rgba(5,31,49,.42) 46%,rgba(5,28,44,.72));pointer-events:none}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-executiveStripe{position:absolute!important;top:0;right:0;left:0;z-index:3!important}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-executive-main{position:relative!important;z-index:2!important;min-height:196px!important;padding:18px 22px 16px!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(320px,48%)!important;grid-template-areas:"connection identity"!important;direction:ltr!important;align-items:stretch!important;gap:24px!important}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-heroRight{grid-area:identity!important;direction:rtl!important;display:grid!important;grid-template-rows:auto 1fr!important;align-items:start!important;justify-items:end!important;min-width:0!important;height:100%!important}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-directorateMark{justify-self:end!important;width:68px!important;height:68px!important;flex-basis:auto!important;padding:7px!important;border-radius:17px!important;background:#fff!important;box-shadow:0 7px 18px rgba(0,0,0,.16)!important}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-heroIdentity{align-self:end!important;justify-self:end!important;width:100%!important;max-width:100%!important;display:grid!important;gap:8px!important;text-align:right!important;direction:rtl!important}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-heroIdentity>strong{display:block!important;margin:0!important;font-size:19px!important;line-height:1.35!important;font-weight:900!important;color:#fff!important;white-space:normal!important}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-heroClock{display:flex!important;justify-content:flex-start!important;align-items:center!important;gap:18px!important;width:100%!important;direction:ltr!important;color:#fff!important}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-heroClock [data-director-date]{font-size:12px!important;line-height:1.3!important;font-weight:800!important;white-space:nowrap!important}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-heroClock [data-director-time]{font-size:18px!important;line-height:1.2!important;font-weight:900!important;white-space:nowrap!important}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-syncBox{grid-area:connection!important;justify-self:start!important;align-self:start!important;width:auto!important;min-width:0!important;max-width:280px!important;margin:0!important;padding:9px 12px!important;direction:rtl!important}
.directorHeroManager{margin-top:14px!important}.directorHeroManager .dw-settingsHint{font-size:10px;line-height:1.7;color:#667b89}.directorHeroControls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:10px}.directorHeroControls label{display:grid;gap:5px;font-size:10px;font-weight:800;color:#173b54}.directorHeroFitActions,.directorHeroActions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.directorHeroPreviewGrid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(180px,.7fr);gap:10px;margin-top:12px}.directorHeroFrame{position:relative;overflow:hidden;background:#0d2d49;border:1px solid #cbd8e2;border-radius:14px;margin-top:6px;touch-action:none}.directorHeroFrame.desktop{aspect-ratio:16/3}.directorHeroFrame.mobile{aspect-ratio:16/5}.directorHeroFrame img{position:absolute;inset:0;width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;display:block;pointer-events:none}.directorHeroSafe{position:absolute;inset:11%;border:1px dashed rgba(255,255,255,.86);border-radius:8px;pointer-events:none}.directorHeroDelete{color:#b42318!important;border-color:#efc3bf!important}#directorHeroNote{display:block;margin-top:8px;color:#526b7b}

@media(max-width:760px){
 body.directorateMode.director-home-active>header{min-height:64px!important;padding:7px 9px!important;grid-template-columns:minmax(0,1fr) 44px!important;gap:7px!important}
 body.directorateMode.director-home-active>header .headerIdentityRail{grid-template-columns:minmax(78px,112px) minmax(0,1fr)!important;gap:8px!important}
 body.directorateMode.director-home-active>header .brand,body.directorateMode.director-home-active>header .bmis-header-exact-logo{display:block!important;width:100%!important;max-width:112px!important}
 body.directorateMode.director-home-active>header .employeeHeaderIdentity{grid-template-columns:minmax(0,1fr) 34px!important;min-height:44px!important;padding:5px 7px!important;gap:7px!important;border-radius:13px!important}
 body.directorateMode.director-home-active>header .employeeHeaderAvatar{width:34px!important;height:34px!important;border-radius:10px!important}
 body.directorateMode.director-home-active>header .employeeHeaderName{font-size:10.5px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
 body.directorateMode.director-home-active>header .headerRoleLabel{font-size:8px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-executive{min-height:166px!important}
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-executive-main{min-height:162px!important;padding:13px 13px 12px!important;grid-template-columns:minmax(0,1fr) minmax(145px,47%)!important;grid-template-areas:"connection identity"!important;gap:12px!important}
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-directorateMark{width:52px!important;height:52px!important;padding:5px!important;border-radius:14px!important}
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-heroIdentity{gap:6px!important}
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-heroIdentity>strong{font-size:14px!important;line-height:1.35!important}
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-heroClock{display:grid!important;grid-template-columns:1fr!important;justify-items:end!important;gap:3px!important}
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-heroClock [data-director-date]{font-size:9.5px!important}
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-heroClock [data-director-time]{font-size:19px!important}
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-syncBox{max-width:100%!important;padding:7px 9px!important}
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-syncBox small{font-size:8.5px!important;line-height:1.35!important;margin-top:4px!important}
 .directorHeroControls{grid-template-columns:1fr 1fr}.directorHeroPreviewGrid{grid-template-columns:1fr}.directorHeroFrame.desktop{aspect-ratio:16/4}.directorHeroFrame.mobile{aspect-ratio:16/5}
}
@media(max-width:430px){
 body.directorateMode.director-home-active>header .headerIdentityRail{grid-template-columns:78px minmax(0,1fr)!important}
 body.directorateMode.director-home-active>header .brand,body.directorateMode.director-home-active>header .bmis-header-exact-logo{max-width:78px!important}
 body.directorateMode.director-home-active>header .employeeHeaderIdentity{grid-template-columns:minmax(0,1fr) 32px!important}
 body.directorateMode.director-home-active>header .employeeHeaderAvatar{width:32px!important;height:32px!important}
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-executive-main{grid-template-columns:minmax(0,1fr) minmax(138px,48%)!important;gap:9px!important}
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-directorateMark{width:48px!important;height:48px!important}
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-heroIdentity>strong{font-size:13px!important}
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-heroClock [data-director-time]{font-size:18px!important}
}

/* Phase 5.7 closure — restore project-header reference positions, preserve compact Director identity. */
body.directorateMode.director-home-active>header{
 direction:rtl!important;
 min-height:64px!important;
 height:64px!important;
 padding:7px 12px!important;
 display:grid!important;
 grid-template-columns:minmax(0,1fr) 44px!important;
 align-items:center!important;
 gap:14px!important
}
body.directorateMode.director-home-active>header .headerIdentityRail{
 grid-column:1!important;
 width:100%!important;
 height:100%!important;
 display:grid!important;
 grid-template-columns:minmax(112px,170px) minmax(190px,330px)!important;
 justify-content:space-between!important;
 align-items:center!important;
 gap:18px!important;
 direction:rtl!important
}
body.directorateMode.director-home-active>header .brand{
 grid-column:1!important;
 justify-self:start!important;
 display:block!important;
 width:100%!important;
 max-width:170px!important;
 margin:0!important
}
body.directorateMode.director-home-active>header .bmis-header-exact-logo{
 display:block!important;width:100%!important;max-width:170px!important;height:auto!important;object-fit:contain!important
}
body.directorateMode.director-home-active>header .employeeHeaderIdentity{
 grid-column:2!important;
 justify-self:end!important;
 display:grid!important;
 grid-template-columns:minmax(0,1fr) 36px!important;
 align-items:center!important;
 width:100%!important;
 max-width:330px!important;
 min-width:0!important;
 min-height:42px!important;
 height:42px!important;
 padding:2px 4px!important;
 gap:9px!important;
 direction:rtl!important;
 background:transparent!important;
 border:0!important;
 border-radius:0!important;
 box-shadow:none!important;
 color:#0b2b43!important
}
body.directorateMode.director-home-active>header .employeeHeaderAvatar{
 grid-column:2!important;
 width:36px!important;height:36px!important;border-radius:50%!important;
 background:#f3f7fa!important;border:1px solid #d4e0e8!important;color:#123d59!important;box-shadow:none!important
}
body.directorateMode.director-home-active>header .headerAccountText{
 grid-column:1!important;display:flex!important;flex-direction:column!important;justify-content:center!important;
 min-width:0!important;gap:2px!important;text-align:right!important;direction:rtl!important
}
body.directorateMode.director-home-active>header .employeeHeaderName{
 width:100%!important;font-size:12px!important;line-height:1.3!important;font-weight:900!important;color:#102838!important;
 white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important
}
body.directorateMode.director-home-active>header .headerRoleLabel{
 display:block!important;width:100%!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;
 font-size:8.5px!important;line-height:1.35!important;font-weight:700!important;color:#607887!important;
 white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important
}
body.directorateMode.director-home-active>header .headerCompactActions{
 grid-column:2!important;justify-self:end!important;display:flex!important;align-items:center!important;direction:ltr!important;
 position:relative!important;isolation:isolate!important
}
body.directorateMode.director-home-active>header .headerSyncBadge{display:none!important}
body.directorateMode.director-home-active>header .settingsMenuBtn{
 display:grid!important;place-items:center!important;width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;
 padding:0!important;margin:0!important;border-radius:12px!important;background:#f7fafc!important;border:1px solid #ccdbe5!important;
 color:#163a51!important;box-shadow:none!important;position:relative!important
}
body.directorateMode.director-home-active>header .settingsMenuBtn>span:not(.settingsGlyph):not(.settingsMenuCount){display:none!important}
body.directorateMode.director-home-active>header .settingsGlyph{font-size:0!important;line-height:0!important}
body.directorateMode.director-home-active>header .settingsGlyph:after{content:"☰";font-size:20px!important;line-height:1!important;color:#163a51!important}
body.directorateMode.director-home-active>header .settingsMenuCount{
 position:absolute!important;top:-5px!important;left:-5px!important;z-index:2!important;margin:0!important
}

/* Header safety lane: settings/badge can grow without colliding with Director identity. */
body.directorateMode.director-home-active>header .employeeHeaderIdentity{margin-left:10px!important}
body.directorateMode.director-home-active>header .headerCompactActions{margin-right:2px!important}

/* Directorate emblem belongs to the Hero and is pinned to its left edge. */
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-executive-main{position:relative!important}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-heroRight{position:static!important}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-directorateMark{
 position:absolute!important;left:18px!important;right:auto!important;top:18px!important;z-index:4!important;
 justify-self:auto!important;width:68px!important;height:68px!important;margin:0!important
}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-syncBox{
 justify-self:start!important;align-self:end!important;margin-top:78px!important
}

@media(max-width:760px){
 body.directorateMode.director-home-active>header{
  min-height:58px!important;height:58px!important;padding:5px 9px!important;
  grid-template-columns:minmax(0,1fr) 40px!important;gap:11px!important
 }
 body.directorateMode.director-home-active>header .headerIdentityRail{
  grid-template-columns:minmax(82px,108px) minmax(0,190px)!important;gap:8px!important
 }
 body.directorateMode.director-home-active>header .brand,
 body.directorateMode.director-home-active>header .bmis-header-exact-logo{width:100%!important;max-width:108px!important}
 body.directorateMode.director-home-active>header .employeeHeaderIdentity{
  max-width:190px!important;height:40px!important;min-height:40px!important;
  grid-template-columns:minmax(0,1fr) 32px!important;gap:7px!important;padding:1px 2px!important;margin-left:8px!important
 }
 body.directorateMode.director-home-active>header .employeeHeaderAvatar{width:32px!important;height:32px!important}
 body.directorateMode.director-home-active>header .employeeHeaderName{font-size:9.5px!important}
 body.directorateMode.director-home-active>header .headerRoleLabel{font-size:7.5px!important}
 body.directorateMode.director-home-active>header .settingsMenuBtn{
  width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important
 }
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-directorateMark{
  left:12px!important;top:13px!important;width:52px!important;height:52px!important
 }
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-syncBox{margin-top:61px!important}
}
@media(max-width:430px){
 body.directorateMode.director-home-active>header .headerIdentityRail{
  grid-template-columns:78px minmax(0,170px)!important;gap:7px!important
 }
 body.directorateMode.director-home-active>header .brand,
 body.directorateMode.director-home-active>header .bmis-header-exact-logo{max-width:78px!important}
 body.directorateMode.director-home-active>header .employeeHeaderIdentity{max-width:170px!important}
 body.directorateMode.director-home-active>header .employeeHeaderName{font-size:9px!important}
 body.directorateMode.director-home-active>header .headerRoleLabel{font-size:7px!important}
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-directorateMark{
  left:11px!important;top:12px!important;width:48px!important;height:48px!important
 }
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-syncBox{margin-top:57px!important}
}

/* Phase 5.7 final reference contract — Header, Hero and desktop accessibility. */
body.directorateMode.director-home-active>header{
 min-height:74px!important;height:74px!important;padding:8px 18px!important;
 display:grid!important;grid-template-columns:52px minmax(260px,360px) 1fr minmax(150px,190px)!important;
 align-items:center!important;gap:12px!important;direction:ltr!important
}
body.directorateMode.director-home-active>header .headerCompactActions{grid-column:1!important;justify-self:start!important;margin:0!important;direction:ltr!important}
body.directorateMode.director-home-active>header .headerIdentityRail{
 grid-column:2/5!important;display:grid!important;grid-template-columns:minmax(260px,360px) 1fr minmax(150px,190px)!important;
 align-items:center!important;width:100%!important;height:100%!important;gap:12px!important;direction:ltr!important
}
body.directorateMode.director-home-active>header .employeeHeaderIdentity{
 grid-column:1!important;justify-self:start!important;margin:0!important;max-width:360px!important;width:auto!important;min-width:260px!important;
 height:50px!important;min-height:50px!important;display:grid!important;grid-template-columns:42px minmax(0,1fr)!important;
 direction:ltr!important;align-items:center!important;gap:10px!important;padding:4px 8px!important
}
body.directorateMode.director-home-active>header .employeeHeaderAvatar{grid-column:1!important;width:42px!important;height:42px!important}
body.directorateMode.director-home-active>header .headerAccountText{grid-column:2!important;direction:rtl!important;text-align:right!important;align-items:flex-start!important}
body.directorateMode.director-home-active>header .employeeHeaderName{font-size:14px!important;line-height:1.35!important}
body.directorateMode.director-home-active>header .headerRoleLabel{font-size:10.5px!important;line-height:1.4!important}
body.directorateMode.director-home-active>header .brand{grid-column:3!important;justify-self:end!important;width:100%!important;max-width:190px!important}
body.directorateMode.director-home-active>header .bmis-header-exact-logo{max-width:190px!important}
body.directorateMode.director-home-active>header .settingsMenuBtn{width:46px!important;height:46px!important;min-width:46px!important;min-height:46px!important}

/* Hero: Directorate emblem is the upper-left anchor; identity/date/time are stacked directly below it. */
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-executive-main{
 min-height:214px!important;padding:18px 22px!important;display:grid!important;
 grid-template-columns:minmax(310px,42%) minmax(0,1fr)!important;grid-template-areas:"identity connection"!important;
 direction:ltr!important;align-items:stretch!important;gap:22px!important
}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-heroRight{
 grid-area:identity!important;position:relative!important;display:flex!important;flex-direction:column!important;
 align-items:flex-start!important;justify-content:flex-start!important;direction:rtl!important;height:100%!important;min-width:0!important
}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-directorateMark{
 position:static!important;inset:auto!important;order:1!important;flex:0 0 72px!important;width:72px!important;height:72px!important;
 margin:0 0 10px!important;padding:7px!important;border-radius:18px!important
}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-heroIdentity{
 order:2!important;align-self:flex-start!important;justify-self:auto!important;width:auto!important;max-width:100%!important;
 display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:5px!important;text-align:left!important;direction:rtl!important
}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-heroIdentity>strong{font-size:21px!important;line-height:1.35!important;text-align:left!important}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-heroClock{
 display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;gap:3px!important;width:auto!important
}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-heroClock [data-director-date]{font-size:13px!important}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-heroClock [data-director-time]{font-size:24px!important}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-syncBox{grid-area:connection!important;justify-self:end!important;align-self:start!important;margin:0!important}

/* Desktop readability contract — larger controls/type from quick actions through lower navigation. */
@media(min-width:1000px){
 body.directorateMode #directorWorkspaceRoot{max-width:1500px!important}
 body.directorateMode #directorWorkspaceRoot .dw-shell{font-size:16px!important;padding-inline:6px!important;padding-bottom:36px!important}
 body.directorateMode #directorWorkspaceRoot .dw-headerAction{min-height:70px!important;padding:13px 16px!important;border-radius:15px!important}
 body.directorateMode #directorWorkspaceRoot .dw-actionIcon{width:44px!important;height:44px!important}
 body.directorateMode #directorWorkspaceRoot .dw-actionText b{font-size:15px!important}
 body.directorateMode #directorWorkspaceRoot .dw-actionText small{font-size:11.5px!important}
 body.directorateMode #directorWorkspaceRoot .dw-filterLabel{font-size:14px!important}
 body.directorateMode #directorWorkspaceRoot .dw-periodBtn{min-height:46px!important;font-size:13px!important}
 body.directorateMode #directorWorkspaceRoot .dw-periodRange{min-height:44px!important;font-size:12px!important}
 body.directorateMode #directorWorkspaceRoot .dw-sectionHead h3{font-size:20px!important}
 body.directorateMode #directorWorkspaceRoot .dw-sectionHead p{font-size:13px!important}
 body.directorateMode #directorWorkspaceRoot .dw-attentionItem{min-height:112px!important;padding:17px!important}
 body.directorateMode #directorWorkspaceRoot .dw-attentionItem>span{font-size:13px!important}
 body.directorateMode #directorWorkspaceRoot .dw-attentionItem strong{font-size:30px!important}
 body.directorateMode #directorWorkspaceRoot .dw-kpi{min-height:118px!important;padding:18px!important}
 body.directorateMode #directorWorkspaceRoot .dw-kpi>span{font-size:13px!important}
 body.directorateMode #directorWorkspaceRoot .dw-kpi strong{font-size:34px!important}
 body.directorateMode #directorWorkspaceRoot .dw-kpi small{font-size:11px!important}
 body.directorateMode #directorWorkspaceRoot .dw-homePreview h3{font-size:17px!important}
 body.directorateMode #directorWorkspaceRoot .dw-previewMain strong{font-size:13px!important}
 body.directorateMode #directorWorkspaceRoot .dw-previewMain small,body.directorateMode #directorWorkspaceRoot .dw-previewMeta{font-size:10.5px!important}
 body.directorateMode #directorWorkspaceRoot .dw-previewOpen{min-height:36px!important;font-size:11px!important}
}
@media(max-width:760px){
 body.directorateMode.director-home-active>header{
  min-height:64px!important;height:64px!important;padding:6px 9px!important;
  grid-template-columns:42px minmax(0,1fr) 84px!important;gap:7px!important
 }
 body.directorateMode.director-home-active>header .headerCompactActions{grid-column:1!important}
 body.directorateMode.director-home-active>header .headerIdentityRail{
  grid-column:2/4!important;grid-template-columns:minmax(0,1fr) 84px!important;gap:7px!important
 }
 body.directorateMode.director-home-active>header .employeeHeaderIdentity{
  grid-column:1!important;min-width:0!important;max-width:none!important;width:100%!important;height:46px!important;min-height:46px!important;
  grid-template-columns:36px minmax(0,1fr)!important;gap:7px!important;padding:3px 4px!important
 }
 body.directorateMode.director-home-active>header .employeeHeaderAvatar{width:36px!important;height:36px!important}
 body.directorateMode.director-home-active>header .employeeHeaderName{font-size:10.5px!important}
 body.directorateMode.director-home-active>header .headerRoleLabel{font-size:8px!important}
 body.directorateMode.director-home-active>header .brand,body.directorateMode.director-home-active>header .bmis-header-exact-logo{grid-column:2!important;max-width:84px!important}
 body.directorateMode.director-home-active>header .settingsMenuBtn{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important}
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-executive-main{
  min-height:178px!important;padding:12px!important;grid-template-columns:minmax(145px,48%) minmax(0,1fr)!important;grid-template-areas:"identity connection"!important;gap:10px!important
 }
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-directorateMark{width:50px!important;height:50px!important;flex-basis:50px!important;margin-bottom:7px!important}
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-heroIdentity>strong{font-size:14px!important}
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-heroClock [data-director-date]{font-size:9.5px!important}
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-heroClock [data-director-time]{font-size:19px!important}
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-syncBox{max-width:100%!important;margin:0!important}
}


/* Phase 5.7 FINAL reference lock — corrected Hero/Header geometry. */
/* Header: project logo right, Director identity left, settings at far left. */
body.directorateMode.director-home-active>header{
 height:74px!important;min-height:74px!important;padding:8px 18px!important;
 display:grid!important;grid-template-columns:48px minmax(0,1fr)!important;gap:14px!important;
 align-items:center!important;direction:ltr!important;background:#fff!important
}
body.directorateMode.director-home-active>header .headerCompactActions{
 grid-column:1!important;grid-row:1!important;justify-self:start!important;align-self:center!important;margin:0!important
}
body.directorateMode.director-home-active>header .headerIdentityRail{
 grid-column:2!important;grid-row:1!important;width:100%!important;height:100%!important;
 display:grid!important;grid-template-columns:minmax(250px,350px) 1fr minmax(150px,190px)!important;
 gap:16px!important;align-items:center!important;direction:ltr!important
}
body.directorateMode.director-home-active>header .employeeHeaderIdentity{
 grid-column:1!important;justify-self:start!important;width:auto!important;min-width:250px!important;max-width:350px!important;
 height:50px!important;min-height:50px!important;display:grid!important;grid-template-columns:42px minmax(0,1fr)!important;
 gap:10px!important;align-items:center!important;padding:4px 8px!important;margin:0!important;direction:ltr!important;
 background:transparent!important;border:0!important;box-shadow:none!important
}
body.directorateMode.director-home-active>header .employeeHeaderAvatar{grid-column:1!important;width:42px!important;height:42px!important}
body.directorateMode.director-home-active>header .headerAccountText{grid-column:2!important;direction:rtl!important;text-align:right!important;align-items:flex-start!important}
body.directorateMode.director-home-active>header .employeeHeaderName{font-size:14px!important;line-height:1.3!important}
body.directorateMode.director-home-active>header .headerRoleLabel{font-size:10.5px!important;line-height:1.35!important}
body.directorateMode.director-home-active>header .brand{grid-column:3!important;justify-self:end!important;width:100%!important;max-width:190px!important;margin:0!important}
body.directorateMode.director-home-active>header .bmis-header-exact-logo{display:block!important;width:100%!important;max-width:190px!important;height:auto!important}
body.directorateMode.director-home-active>header .settingsMenuBtn{width:46px!important;height:46px!important;min-width:46px!important;min-height:46px!important}

/* Hero: Directorate emblem and identity are the RIGHT anchor; connection state is the LEFT anchor. */
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-executive-main{
 position:relative!important;min-height:214px!important;padding:18px 22px!important;
 display:grid!important;grid-template-columns:minmax(0,1fr) minmax(310px,42%)!important;
 grid-template-areas:"connection identity"!important;gap:22px!important;align-items:stretch!important;direction:ltr!important
}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-heroRight{
 grid-area:identity!important;position:relative!important;display:flex!important;flex-direction:column!important;
 align-items:flex-end!important;justify-content:flex-start!important;height:100%!important;min-width:0!important;direction:rtl!important
}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-directorateMark{
 position:static!important;inset:auto!important;order:1!important;flex:0 0 72px!important;width:72px!important;height:72px!important;
 margin:0 0 10px!important;padding:7px!important;border-radius:18px!important
}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-heroIdentity{
 order:2!important;align-self:flex-end!important;width:auto!important;max-width:100%!important;
 display:flex!important;flex-direction:column!important;align-items:flex-end!important;gap:5px!important;text-align:right!important;direction:rtl!important
}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-heroIdentity>strong{
 font-size:21px!important;line-height:1.35!important;text-align:right!important;margin:0!important
}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-heroClock{
 display:flex!important;flex-direction:column!important;align-items:flex-end!important;gap:3px!important;width:auto!important;text-align:right!important
}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-heroClock [data-director-date]{font-size:13px!important;line-height:1.3!important}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-heroClock [data-director-time]{font-size:24px!important;line-height:1.15!important}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-syncBox{
 grid-area:connection!important;justify-self:start!important;align-self:start!important;margin:0!important
}

@media(max-width:760px){
 body.directorateMode.director-home-active>header{
  height:64px!important;min-height:64px!important;padding:6px 9px!important;grid-template-columns:42px minmax(0,1fr)!important;gap:8px!important
 }
 body.directorateMode.director-home-active>header .headerIdentityRail{
  grid-template-columns:minmax(0,1fr) 8px 88px!important;gap:7px!important
 }
 body.directorateMode.director-home-active>header .employeeHeaderIdentity{
  grid-column:1!important;min-width:0!important;max-width:230px!important;width:100%!important;height:46px!important;min-height:46px!important;
  grid-template-columns:36px minmax(0,1fr)!important;gap:7px!important;padding:3px 4px!important
 }
 body.directorateMode.director-home-active>header .employeeHeaderAvatar{width:36px!important;height:36px!important}
 body.directorateMode.director-home-active>header .employeeHeaderName{font-size:10.5px!important}
 body.directorateMode.director-home-active>header .headerRoleLabel{font-size:8px!important}
 body.directorateMode.director-home-active>header .brand{grid-column:3!important;max-width:88px!important}
 body.directorateMode.director-home-active>header .bmis-header-exact-logo{max-width:88px!important}
 body.directorateMode.director-home-active>header .settingsMenuBtn{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important}

 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-executive-main{
  min-height:178px!important;padding:12px!important;grid-template-columns:minmax(0,1fr) minmax(145px,48%)!important;
  grid-template-areas:"connection identity"!important;gap:10px!important
 }
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-directorateMark{
  width:50px!important;height:50px!important;flex-basis:50px!important;margin:0 0 7px!important
 }
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-heroIdentity>strong{font-size:14px!important}
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-heroClock [data-director-date]{font-size:9.5px!important}
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-heroClock [data-director-time]{font-size:19px!important}
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-syncBox{max-width:100%!important;margin:0!important}
}

/* v411-reference-final-owner */
body.directorateMode.director-home-active>header{background:#fff!important;color:#0b2c43!important;border-bottom:1px solid #e3e9ee!important}
body.directorateMode.director-home-active>header #cloudStatusBadge{display:none!important}
@media(min-width:1000px){
 body.directorateMode.director-home-active>header{height:74px!important;min-height:74px!important;padding:7px 18px!important}
 body.directorateMode.director-home-active>header .headerCompactActions{display:none!important}
 body.directorateMode #directorWorkspaceRoot{width:100%!important;max-width:none!important;margin:0!important}
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-executive-main{min-height:198px!important}
}
@media(max-width:760px){
 body.directorateMode.director-home-active>header{height:64px!important;min-height:64px!important;padding:6px 9px!important;display:grid!important;grid-template-columns:42px minmax(0,1fr)!important;gap:8px!important;direction:ltr!important}
 body.directorateMode.director-home-active>header .headerCompactActions{grid-column:1!important;grid-row:1!important;display:flex!important}
 body.directorateMode.director-home-active>header .headerIdentityRail{grid-column:2!important;grid-row:1!important;width:100%!important;display:grid!important;grid-template-columns:minmax(0,1fr) 8px 92px!important;gap:7px!important;direction:ltr!important}
 body.directorateMode.director-home-active>header .employeeHeaderIdentity{grid-column:1!important;display:grid!important;grid-template-columns:36px minmax(0,1fr)!important;gap:7px!important;min-width:0!important;max-width:230px!important;width:100%!important;height:46px!important;min-height:46px!important;padding:3px 4px!important;margin:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
 body.directorateMode.director-home-active>header .employeeHeaderAvatar{width:36px!important;height:36px!important}
 body.directorateMode.director-home-active>header .brand{grid-column:3!important;justify-self:end!important;width:92px!important;max-width:92px!important}
 body.directorateMode.director-home-active>header .bmis-header-exact-logo{width:92px!important;max-width:92px!important;height:auto!important}
 body.directorateMode.director-home-active>header .settingsMenuBtn{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;padding:0!important}
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-executive-main{min-height:164px!important;padding:12px!important}
}


/* v412-reference-pixel-contract */
/* استثناء من الاستمارة: تنفيذ مباشر بأمر المستخدم. Visual-only; no auth/sync/realtime/RLS/data mutations. */
body.directorateMode{--d412-header:74px;--d412-gap:14px}
body.directorateMode.director-home-active>header{background:#fff!important;color:#0b2c43!important;border:0!important;border-bottom:1px solid #e4eaef!important;box-shadow:0 4px 18px rgba(8,35,54,.06)!important;z-index:42!important}
body.directorateMode.director-home-active>header .employeeHeaderIdentity{background:transparent!important;border:0!important;box-shadow:none!important}
body.directorateMode.director-home-active>header .employeeHeaderAvatar{background:#f7fbfd!important;border:1px solid #d7e3ea!important;color:#0b3854!important}
body.directorateMode.director-home-active>header .employeeHeaderName{color:#0c2d43!important;font-weight:900!important}
body.directorateMode.director-home-active>header .headerRoleLabel{color:#5f7483!important}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-executive{border-radius:16px!important;border:1px solid #d6e1e8!important;box-shadow:0 8px 24px rgba(8,35,54,.08)!important}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-executive-main{box-sizing:border-box!important;width:100%!important}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-commandBar{grid-template-columns:repeat(3,minmax(0,1fr))!important}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-command{min-height:76px!important}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-section{border-radius:14px!important}

@media(min-width:1000px){
 body.directorateMode.director-home-active>header{height:var(--d412-header)!important;min-height:var(--d412-header)!important;padding:8px 18px!important}
 body.directorateMode.director-home-active>header .headerIdentityRail{width:100%!important;display:flex!important;flex-direction:row-reverse!important;justify-content:space-between!important;align-items:center!important;gap:16px!important}
 body.directorateMode.director-home-active>header .brand{width:158px!important;max-width:158px!important;overflow:visible!important}
 body.directorateMode.director-home-active>header .bmis-header-exact-logo{width:158px!important;max-width:158px!important;height:auto!important}
 body.directorateMode.director-home-active>header .employeeHeaderIdentity{width:auto!important;max-width:360px!important;grid-template-columns:42px minmax(0,1fr)!important;padding:0!important}
 body.directorateMode.director-home-active>header .headerCompactActions{display:none!important}
 body.directorateMode #directorWorkspaceRoot{width:100%!important;max-width:none!important;margin:0!important}
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-executive{width:100%!important;min-height:202px!important}
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-executive-main{min-height:202px!important;padding:20px 26px!important}
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-directorateMark{width:72px!important;height:72px!important}
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-heroClock [data-director-time]{font-size:26px!important}
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-heroConnection{min-width:185px!important;max-width:230px!important;padding:10px 12px!important}
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-directorTools{padding:12px 14px!important;margin-top:10px!important}
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:760px){
 body.directorateMode{--d412-header:64px}
 body.directorateMode.director-home-active>header{height:64px!important;min-height:64px!important;padding:6px 10px!important;display:grid!important;grid-template-columns:42px minmax(0,1fr)!important;align-items:center!important;gap:8px!important;direction:ltr!important}
 body.directorateMode.director-home-active>header .headerCompactActions{grid-column:1!important;grid-row:1!important;display:flex!important;width:42px!important}
 body.directorateMode.director-home-active>header .headerSyncBadge{display:none!important}
 body.directorateMode.director-home-active>header .settingsMenuBtn{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;padding:0!important;border-radius:11px!important}
 body.directorateMode.director-home-active>header .headerIdentityRail{grid-column:2!important;grid-row:1!important;display:grid!important;grid-template-columns:minmax(0,1fr) 96px!important;align-items:center!important;gap:8px!important;width:100%!important;direction:ltr!important}
 body.directorateMode.director-home-active>header .employeeHeaderIdentity{grid-column:1!important;display:grid!important;grid-template-columns:36px minmax(0,1fr)!important;width:100%!important;max-width:none!important;height:46px!important;min-height:46px!important;padding:2px!important;gap:7px!important}
 body.directorateMode.director-home-active>header .employeeHeaderAvatar{width:36px!important;height:36px!important}
 body.directorateMode.director-home-active>header .employeeHeaderName{font-size:10px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
 body.directorateMode.director-home-active>header .headerRoleLabel{display:block!important;font-size:7.5px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
 body.directorateMode.director-home-active>header .brand{grid-column:2!important;width:96px!important;max-width:96px!important;justify-self:end!important;overflow:visible!important}
 body.directorateMode.director-home-active>header .bmis-header-exact-logo{width:96px!important;max-width:96px!important;height:auto!important}
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-shell{padding-inline:0!important}
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-executive{min-height:180px!important;border-radius:15px!important}
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-executive-main{min-height:180px!important;padding:16px!important;display:flex!important;justify-content:space-between!important;align-items:flex-start!important;gap:10px!important}
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-heroRight{gap:9px!important}
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-directorateMark{width:62px!important;height:62px!important}
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-heroClock [data-director-date]{font-size:11px!important}
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-heroClock [data-director-time]{font-size:24px!important}
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-heroConnection{width:auto!important;min-width:0!important;max-width:48%!important;padding:9px 10px!important}
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-commandBar{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important}
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-command{min-height:78px!important;padding:9px 7px!important;display:grid!important;justify-items:center!important;text-align:center!important}
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-command>span{width:36px!important;height:36px!important}
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-command small{display:none!important}
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-directorTools{padding:11px!important}
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-directorTools .dw-periodBar{grid-template-columns:repeat(4,minmax(0,1fr))!important}
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-directorTools .dw-customTrigger{grid-column:auto!important}
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-directorTools .dw-periodRange{grid-column:1/-1!important;text-align:center!important;border:1px solid #d9e3e9!important;border-radius:10px!important;padding:8px!important}
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-grid-4{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-kpi{padding:9px 5px!important;text-align:center!important}
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-kpi strong{font-size:23px!important}
}
@media(max-width:390px){
 body.directorateMode.director-home-active>header .headerIdentityRail{grid-template-columns:minmax(0,1fr) 82px!important}
 body.directorateMode.director-home-active>header .brand,body.directorateMode.director-home-active>header .bmis-header-exact-logo{width:82px!important;max-width:82px!important}
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-executive-main{padding:13px!important}
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-directorTools .dw-periodBar{gap:5px!important}
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-directorTools .dw-periodBtn{font-size:9px!important;padding-inline:4px!important}
}


/* v413-directorate-size-header-single-source */
/* استثناء من الاستمارة — ثابت HTML/CSS؛ لا يعتمد على الشبكة؛ مصدر DOM واحد من index.html. */
body.directorateMode{}
body.directorateMode.director-home-active>header{
 min-height:64px!important;height:64px!important;padding:6px 14px!important;
 border:1px solid #e0e7ec!important;border-radius:15px!important;
 display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;
 align-items:center!important;gap:12px!important;direction:rtl!important
}
body.directorateMode.director-home-active>header .headerIdentityRail{
 grid-column:1!important;display:flex!important;flex-direction:row!important;
 align-items:center!important;justify-content:flex-start!important;gap:12px!important;
 width:100%!important;min-width:0!important;overflow:visible!important
}
body.directorateMode.director-home-active>header .brand{
 order:0!important;flex:0 0 auto!important;width:148px!important;max-width:148px!important;
 min-width:118px!important;overflow:visible!important
}
body.directorateMode.director-home-active>header .bmis-header-exact-logo{display:block!important;width:148px!important;max-width:148px!important;height:auto!important}
body.directorateMode.director-home-active>header .employeeHeaderIdentity{
 order:1!important;display:grid!important;grid-template-columns:40px minmax(0,1fr)!important;
 align-items:center!important;gap:8px!important;flex:0 1 310px!important;
 width:auto!important;max-width:310px!important;min-width:0!important;
 height:48px!important;min-height:48px!important;padding:3px 6px!important;margin:0!important;
 background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;
 direction:ltr!important
}
body.directorateMode.director-home-active>header .employeeHeaderAvatar{
 grid-column:1!important;width:40px!important;height:40px!important;flex-basis:40px!important;
 border-radius:50%!important;background:#f7fbfd!important;border:1px solid #d7e3ea!important
}
body.directorateMode.director-home-active>header .headerAccountText{
 grid-column:2!important;display:grid!important;align-content:center!important;gap:2px!important;
 min-width:0!important;text-align:right!important;direction:rtl!important
}
body.directorateMode.director-home-active>header .employeeHeaderName{
 display:block!important;font-size:12px!important;line-height:1.25!important;
 white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important
}
body.directorateMode.director-home-active>header .headerRoleLabel{
 display:block!important;font-size:9px!important;line-height:1.25!important;
 white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important
}
body.directorateMode.director-home-active>header .headerCompactActions{
 grid-column:2!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;
 gap:0!important;width:52px!important;min-width:52px!important;padding-left:8px!important;
 overflow:visible!important;direction:ltr!important
}
body.directorateMode.director-home-active>header .headerSyncBadge{display:none!important}
body.directorateMode.director-home-active>header .settingsMenuBtn{
 display:flex!important;align-items:center!important;justify-content:center!important;
 width:42px!important;min-width:42px!important;height:42px!important;min-height:42px!important;
 padding:0!important;margin:0!important;border-radius:12px!important;overflow:visible!important
}
body.directorateMode.director-home-active>header .settingsMenuBtn>span:nth-child(2){display:none!important}
body.directorateMode.director-home-active>header .settingsMenuCount{
 position:absolute!important;top:-6px!important;right:-6px!important;left:auto!important;
 min-width:20px!important;height:20px!important;padding:0 5px!important;z-index:2!important
}
/* Restore manager-like content width; do not stretch Directorate pages to viewport. */
body.directorateMode #directorWorkspaceRoot{width:100%!important;max-width:100%!important;margin:0 auto!important}
@media(max-width:760px){
 body.directorateMode.director-home-active>header{height:60px!important;min-height:60px!important;padding:5px 8px!important;
  grid-template-columns:minmax(0,1fr) 48px!important;gap:6px!important;border-radius:13px!important
 }
 body.directorateMode.director-home-active>header .headerIdentityRail{gap:6px!important;min-width:0!important}
 body.directorateMode.director-home-active>header .brand{
  flex:0 0 88px!important;width:88px!important;min-width:88px!important;max-width:88px!important
 }
 body.directorateMode.director-home-active>header .bmis-header-exact-logo{width:88px!important;max-width:88px!important}
 body.directorateMode.director-home-active>header .employeeHeaderIdentity{
  grid-template-columns:34px minmax(0,1fr)!important;gap:5px!important;
  flex:1 1 auto!important;width:auto!important;max-width:none!important;min-width:0!important;
  height:44px!important;min-height:44px!important;padding:2px!important
 }
 body.directorateMode.director-home-active>header .employeeHeaderAvatar{width:34px!important;height:34px!important}
 body.directorateMode.director-home-active>header .employeeHeaderName{font-size:10px!important}
 body.directorateMode.director-home-active>header .headerRoleLabel{font-size:7.5px!important}
 body.directorateMode.director-home-active>header .headerCompactActions{width:48px!important;min-width:48px!important;padding-left:6px!important}
 body.directorateMode.director-home-active>header .settingsMenuBtn{width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important}
}
@media(max-width:390px){
 body.directorateMode.director-home-active>header .brand{flex-basis:78px!important;width:78px!important;min-width:78px!important;max-width:78px!important}
 body.directorateMode.director-home-active>header .bmis-header-exact-logo{width:78px!important;max-width:78px!important}
 body.directorateMode.director-home-active>header .employeeHeaderIdentity{grid-template-columns:32px minmax(0,1fr)!important}
 body.directorateMode.director-home-active>header .employeeHeaderAvatar{width:32px!important;height:32px!important}
}


/* v414-header-reference-geometry */
/* استثناء من الاستمارة — تصحيح هندسة الهيدر حسب المرجع: صف واحد فقط، بلا خروج أو تراكب. */
body.directorateMode.director-home-active>header{
 height:72px!important;min-height:72px!important;padding:8px 16px!important;
 display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;
 direction:rtl!important
}
body.directorateMode.director-home-active>header .headerIdentityRail{
 order:1!important;flex:1 1 auto!important;min-width:0!important;width:auto!important;height:100%!important;
 display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;
 gap:18px!important;direction:rtl!important;overflow:visible!important
}
body.directorateMode.director-home-active>header .brand{
 order:1!important;flex:0 0 150px!important;width:150px!important;max-width:150px!important;
 margin:0!important;align-self:center!important
}
body.directorateMode.director-home-active>header .bmis-header-exact-logo{width:150px!important;max-width:150px!important;height:auto!important}
body.directorateMode.director-home-active>header .employeeHeaderIdentity{
 order:2!important;flex:0 1 330px!important;width:330px!important;max-width:330px!important;min-width:0!important;
 height:52px!important;min-height:52px!important;margin:0 auto 0 0!important;padding:3px 5px!important;
 display:flex!important;flex-direction:row!important;align-items:center!important;gap:9px!important;
 direction:ltr!important;transform:none!important;position:static!important
}
body.directorateMode.director-home-active>header .employeeHeaderAvatar{
 order:1!important;flex:0 0 42px!important;width:42px!important;height:42px!important;margin:0!important
}
body.directorateMode.director-home-active>header .headerAccountText{
 order:2!important;flex:1 1 auto!important;min-width:0!important;display:flex!important;flex-direction:column!important;
 align-items:flex-end!important;justify-content:center!important;text-align:right!important;direction:rtl!important
}
body.directorateMode.director-home-active>header .employeeHeaderName{font-size:13px!important;line-height:1.25!important}
body.directorateMode.director-home-active>header .headerRoleLabel{font-size:9px!important;line-height:1.3!important;margin-top:2px!important}
body.directorateMode.director-home-active>header .headerCompactActions{
 order:2!important;flex:0 0 64px!important;width:64px!important;min-width:64px!important;height:52px!important;
 margin:0!important;padding:0 8px 0 14px!important;display:flex!important;align-items:center!important;
 justify-content:flex-start!important;position:relative!important;overflow:visible!important
}
body.directorateMode.director-home-active>header .settingsMenuBtn{
 position:relative!important;display:flex!important;width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;
 margin:0!important;padding:0!important;align-items:center!important;justify-content:center!important
}
body.directorateMode.director-home-active>header .settingsMenuCount{top:-5px!important;right:-5px!important}
@media(max-width:760px){
 body.directorateMode.director-home-active>header{height:62px!important;min-height:62px!important;
  padding:5px 8px!important;gap:5px!important
 }
 body.directorateMode.director-home-active>header .headerIdentityRail{gap:6px!important}
 body.directorateMode.director-home-active>header .brand{flex:0 0 88px!important;width:88px!important;max-width:88px!important}
 body.directorateMode.director-home-active>header .bmis-header-exact-logo{width:88px!important;max-width:88px!important}
 body.directorateMode.director-home-active>header .employeeHeaderIdentity{
  flex:1 1 auto!important;width:auto!important;max-width:230px!important;height:46px!important;min-height:46px!important;
  margin:0 auto 0 0!important;gap:5px!important
 }
 body.directorateMode.director-home-active>header .employeeHeaderAvatar{flex-basis:36px!important;width:36px!important;height:36px!important}
 body.directorateMode.director-home-active>header .employeeHeaderName{font-size:10px!important}
 body.directorateMode.director-home-active>header .headerRoleLabel{font-size:7.5px!important}
 body.directorateMode.director-home-active>header .headerCompactActions{
  flex:0 0 48px!important;width:48px!important;min-width:48px!important;height:46px!important;padding:0 4px!important
 }
 body.directorateMode.director-home-active>header .settingsMenuBtn{width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important}
}


/* v415-header-exact-rtl-grid */
/* Exact reference: right logo | centered director identity | left settings. No flex auto-margin ambiguity. */
body.directorateMode.director-home-active>header{
 display:grid!important;grid-template-columns:190px minmax(0,1fr) 64px!important;
 grid-template-rows:1fr!important;align-items:center!important;direction:rtl!important;
 height:72px!important;min-height:72px!important;padding:7px 14px!important
}
body.directorateMode.director-home-active>header .headerIdentityRail{
 display:contents!important
}
body.directorateMode.director-home-active>header .brand{
 grid-column:1!important;grid-row:1!important;justify-self:end!important;align-self:center!important;
 width:150px!important;max-width:150px!important;margin:0!important
}
body.directorateMode.director-home-active>header .employeeHeaderIdentity{
 grid-column:2!important;grid-row:1!important;justify-self:start!important;align-self:center!important;
 display:grid!important;grid-template-columns:42px minmax(0,1fr)!important;
 width:330px!important;max-width:min(330px,100%)!important;height:52px!important;min-height:52px!important;
 margin:0!important;padding:3px 6px!important;gap:9px!important;position:static!important;transform:none!important;
 direction:ltr!important;overflow:visible!important
}
body.directorateMode.director-home-active>header .employeeHeaderAvatar{grid-column:1!important;grid-row:1!important;align-self:center!important}
body.directorateMode.director-home-active>header .headerAccountText{
 grid-column:2!important;grid-row:1!important;align-self:center!important;display:grid!important;
 grid-template-rows:auto auto!important;gap:2px!important;text-align:right!important;direction:rtl!important
}
body.directorateMode.director-home-active>header .headerRoleLabel{
 align-self:auto!important;justify-self:end!important;background:transparent!important;color:#607483!important;
 padding:0!important;border-radius:0!important;box-shadow:none!important
}
body.directorateMode.director-home-active>header .headerCompactActions{
 grid-column:3!important;grid-row:1!important;justify-self:start!important;align-self:center!important;
 display:flex!important;width:64px!important;min-width:64px!important;height:52px!important;
 padding:0 10px 0 4px!important;margin:0!important;overflow:visible!important
}
body.directorateMode.director-home-active>header .settingsMenuBtn{position:relative!important;margin:0!important}
@media(max-width:760px){
 body.directorateMode.director-home-active>header{
  grid-template-columns:94px minmax(0,1fr) 48px!important;height:62px!important;min-height:62px!important;
  padding:5px 7px!important
 }
 body.directorateMode.director-home-active>header .brand{width:86px!important;max-width:86px!important}
 body.directorateMode.director-home-active>header .bmis-header-exact-logo{width:86px!important;max-width:86px!important}
 body.directorateMode.director-home-active>header .employeeHeaderIdentity{
  grid-template-columns:34px minmax(0,1fr)!important;width:min(230px,100%)!important;max-width:100%!important;
  height:46px!important;min-height:46px!important;padding:2px!important;gap:5px!important
 }
 body.directorateMode.director-home-active>header .employeeHeaderAvatar{width:34px!important;height:34px!important}
 body.directorateMode.director-home-active>header .headerCompactActions{width:48px!important;min-width:48px!important;height:46px!important;padding:0 4px!important}
}

/* v432-directorate-hero-canonical-owner
   SINGLE SOURCE. Directorate header mark is a static local asset, never network-dependent.
   Header contains the mark only; no Basra MIS wording. Hero contains connection + time only. */
body.directorateMode.director-home-active>header .brand{
 display:flex!important;align-items:center!important;justify-content:flex-start!important;
 width:auto!important;max-width:none!important;min-width:0!important;overflow:visible!important
}
body.directorateMode.director-home-active>header .bmis-header-exact-logo{
 display:block!important;width:56px!important;height:56px!important;max-width:56px!important;max-height:56px!important;
 object-fit:contain!important;object-position:center!important;margin:0!important;padding:0!important
}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-executive{
 position:relative!important;isolation:isolate!important;overflow:hidden!important;width:100%!important;height:200px!important;min-height:200px!important;
 padding:0!important;border-radius:18px!important;background:linear-gradient(120deg,#08283d,#0b4b70)!important
}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-directorateHeroMedia{position:absolute!important;inset:0!important;z-index:0!important;display:block!important;overflow:hidden!important}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-directorateHeroMedia[hidden]{display:none!important}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-directorateHeroMedia img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-directorateHeroShade{position:absolute!important;inset:0!important;z-index:1!important;background:linear-gradient(90deg,rgba(4,25,40,.72),rgba(4,31,50,.38) 48%,rgba(4,27,44,.66))!important;pointer-events:none!important}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-executiveStripe{position:absolute!important;top:0!important;right:0!important;left:0!important;z-index:4!important}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-executive-main{position:absolute!important;inset:0!important;z-index:3!important;box-sizing:border-box!important;width:100%!important;height:100%!important;margin:0!important;padding:14px 18px!important;display:block!important}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-executive-main>.dw-heroRight{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;display:block!important;pointer-events:none!important}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-executive-main>.dw-heroRight>.dw-directorateMark,
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-executive-main>.dw-heroRight>.dw-heroIdentity>strong,
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-executive-main>.dw-heroRight .dw-heroClock [data-director-date]{display:none!important}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-executive-main>.dw-heroRight>.dw-heroIdentity,
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-executive-main>.dw-heroRight .dw-heroClock{position:static!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important;display:contents!important}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-executive-main>.dw-heroRight .dw-heroClock [data-director-time]{
 display:block!important;position:absolute!important;left:50%!important;bottom:14px!important;right:auto!important;top:auto!important;transform:translateX(-50%)!important;
 margin:0!important;padding:0!important;color:#fff!important;font-size:25px!important;font-weight:900!important;line-height:1!important;direction:ltr!important;unicode-bidi:isolate!important;white-space:nowrap!important;text-align:center!important
}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-executive-main>.dw-syncBox.dw-heroConnection{
 position:absolute!important;top:14px!important;left:18px!important;right:auto!important;bottom:auto!important;transform:none!important;width:max-content!important;max-width:285px!important;min-width:0!important;
 margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;direction:rtl!important;text-align:left!important
}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-executive-main>.dw-syncBox.dw-heroConnection small{display:block!important;margin-top:8px!important;max-width:285px!important;white-space:normal!important}
@media(max-width:760px){
 body.directorateMode.director-home-active>header .bmis-header-exact-logo{width:48px!important;height:48px!important;max-width:48px!important;max-height:48px!important}
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-executive{height:180px!important;min-height:180px!important;border-radius:16px!important}
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-executive-main{padding:10px 11px!important}
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-executive-main>.dw-heroRight .dw-heroClock [data-director-time]{bottom:11px!important;font-size:22px!important}
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-executive-main>.dw-syncBox.dw-heroConnection{top:10px!important;left:11px!important;max-width:145px!important}
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-executive-main>.dw-syncBox.dw-heroConnection small{max-width:145px!important;margin-top:5px!important}
}


/* v413 — Directorate Hero clock responsive invariant.
   Keep the live clock visible inside the physical hero viewport on every compact width. */
@media(max-width:760px){
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-executive-main>.dw-heroRight,
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-executive-main>.dw-heroRight>.dw-heroIdentity,
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-executive-main>.dw-heroRight .dw-heroClock{
  overflow:visible!important;visibility:visible!important;opacity:1!important
 }
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-executive-main>.dw-heroRight .dw-heroClock [data-director-time]{
  display:block!important;visibility:visible!important;opacity:1!important;z-index:6!important;
  left:50%!important;right:auto!important;top:auto!important;bottom:max(10px,env(safe-area-inset-bottom,0px))!important;
  transform:translateX(-50%)!important;width:max-content!important;max-width:calc(100% - 32px)!important;
  font-size:clamp(18px,6vw,22px)!important;line-height:1!important
 }
}
@media(max-width:430px){
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-executive-main>.dw-heroRight .dw-heroClock [data-director-time]{
  bottom:max(9px,env(safe-area-inset-bottom,0px))!important;font-size:clamp(17px,5.8vw,21px)!important
 }
}
@media(max-width:350px){
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-executive-main>.dw-heroRight .dw-heroClock [data-director-time]{
  bottom:8px!important;font-size:17px!important;max-width:calc(100% - 24px)!important
 }
}


/* v417 — FINAL single-source mobile hero clock owner.
   Anchor the clock to the physical Hero viewport, not RTL grid/flex flow. */
@media(max-width:999px){
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-executive-main>.dw-heroRight .dw-heroClock [data-director-time]{
  display:block!important;position:absolute!important;visibility:visible!important;opacity:1!important;z-index:7!important;
  left:50%!important;right:auto!important;top:auto!important;bottom:12px!important;transform:translateX(-50%)!important;
  width:max-content!important;max-width:calc(100% - 32px)!important;margin:0!important;padding:0!important;
  color:#fff!important;font-size:22px!important;font-weight:900!important;line-height:1!important;
  direction:ltr!important;unicode-bidi:isolate!important;white-space:nowrap!important;pointer-events:none!important
 }
}
@media(max-width:430px){
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-executive-main>.dw-heroRight .dw-heroClock [data-director-time]{
  bottom:10px!important;font-size:20px!important
 }
}


/* v418 — Directorate Hero unified responsive geometry — FINAL OWNER
   Single proportional Hero geometry for desktop/tablet/phone.
   No role/data/auth/sync behavior changes. */
body.directorateMode.director-home-active #directorWorkspaceRoot{
 --dw-hero-ratio:6.9;
 --dw-hero-min-h:150px;
 --dw-hero-max-h:200px;
 --dw-hero-pad-x:clamp(11px,1.35vw,18px);
 --dw-hero-pad-y:clamp(10px,1.05vw,14px);
 --dw-hero-clock-bottom:clamp(10px,1vw,14px);
}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-executive{
 position:relative!important;
 width:100%!important;
 height:clamp(var(--dw-hero-min-h),calc((100vw - 20px)/var(--dw-hero-ratio)),var(--dw-hero-max-h))!important;
 min-height:0!important;
 max-height:var(--dw-hero-max-h)!important;
 aspect-ratio:auto!important;
 overflow:hidden!important;
 box-sizing:border-box!important;
}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-executive-main{
 position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:0!important;
 padding:var(--dw-hero-pad-y) var(--dw-hero-pad-x)!important;margin:0!important;display:block!important;box-sizing:border-box!important;
}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-executive-main>.dw-heroRight{
 position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:0!important;
 margin:0!important;padding:0!important;display:block!important;overflow:visible!important;
}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-executive-main>.dw-heroRight>.dw-heroIdentity,
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-executive-main>.dw-heroRight .dw-heroClock{
 position:static!important;display:contents!important;margin:0!important;padding:0!important;width:auto!important;height:auto!important;
}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-executive-main>.dw-heroRight .dw-heroClock [data-director-time]{
 display:block!important;position:absolute!important;visibility:visible!important;opacity:1!important;z-index:8!important;
 left:50%!important;right:auto!important;top:auto!important;bottom:var(--dw-hero-clock-bottom)!important;
 transform:translate3d(-50%,0,0)!important;width:max-content!important;max-width:calc(100% - 32px)!important;
 margin:0!important;padding:0!important;color:#fff!important;font-size:clamp(18px,1.55vw,25px)!important;font-weight:900!important;
 line-height:1!important;text-align:center!important;direction:ltr!important;unicode-bidi:isolate!important;white-space:nowrap!important;
 pointer-events:none!important;
}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-executive-main>.dw-syncBox.dw-heroConnection{
 position:absolute!important;top:var(--dw-hero-pad-y)!important;left:var(--dw-hero-pad-x)!important;right:auto!important;bottom:auto!important;
 width:max-content!important;max-width:min(285px,42%)!important;min-width:0!important;margin:0!important;padding:0!important;
}
@media(max-width:760px){
 body.directorateMode.director-home-active #directorWorkspaceRoot{
  --dw-hero-ratio:2.15;
  --dw-hero-min-h:154px;
  --dw-hero-max-h:190px;
 }
 body.directorateMode.director-home-active #directorWorkspaceRoot .dw-executive-main>.dw-syncBox.dw-heroConnection{
  max-width:min(160px,46%)!important;
 }
}
@media(max-width:430px){
 body.directorateMode.director-home-active #directorWorkspaceRoot{
  --dw-hero-ratio:1.95;
  --dw-hero-min-h:150px;
  --dw-hero-max-h:180px;
  --dw-hero-clock-bottom:10px;
 }
}


/* v423 — Directorate secondary pages: header is navigation-only.
   Identity/logo are owned by Directorate Home only. */
body.directorateMode:not(.director-home-active)>header .brand,
body.directorateMode:not(.director-home-active)>header .employeeHeaderIdentity{
  display:none!important;
}
body.directorateMode:not(.director-home-active)>header .headerIdentityRail{
  grid-template-columns:1fr!important;
}


/* v424 — Directorate structural single source.
   Home owns the global header. Activities/reports own no header.
   The Hero uses the exact same physical content width as the global header. */
body.directorateMode:not(.director-home-active)>header{
 display:none!important;
}
body.directorateMode.director-home-active #directorWorkspaceRoot{
 width:100%!important;
 max-width:100%!important;
 padding-left:0!important;
 padding-right:0!important;
}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-shell{
 width:100%!important;
 max-width:100%!important;
}
body.directorateMode.director-home-active #directorWorkspaceRoot .dw-executive{
 width:100%!important;
 max-width:100%!important;
 margin-left:0!important;
 margin-right:0!important;
}
@media(max-width:760px){
 body.directorateMode.director-home-active #directorWorkspaceRoot{
  padding-left:0!important;
  padding-right:0!important;
 }
}


/* v425 — DESKTOP ONLY: Directorate settings drawer opens from the physical LEFT.
   Mobile/tablet settings drawer geometry is intentionally untouched. */
@media(min-width:1000px){
 body.directorateMode .settingsDrawer{
  left:0!important;
  right:auto!important;
  border-left:0!important;
  border-right:1px solid #d9e2ea!important;
  box-shadow:18px 0 48px #07182735!important;
  transform:translateX(-106%)!important;
 }
 body.directorateMode .settingsDrawer.open{
  transform:translateX(0)!important;
 }
}


/* v426 — DESKTOP ONLY: Directorate Activities action system.
   One visual owner for the desktop action cell; mobile action sheet remains untouched. */
@media(min-width:1000px){
 body.directorateMode #activities .activityRegistry{
  table-layout:fixed!important;
 }
 body.directorateMode #activities .activityRegistry th:last-child,
 body.directorateMode #activities .activityRegistry td:last-child{
  width:48%!important;
 }
 body.directorateMode #activities .activityActions{
  display:grid!important;
  grid-template-columns:minmax(104px,1.08fr) minmax(0,5.9fr)!important;
  align-items:center!important;
  gap:10px!important;
  width:100%!important;
  min-width:0!important;
  padding:4px 0!important;
 }
 body.directorateMode #activities .activityActions>.activityPrimaryAction{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-width:104px!important;
  min-height:40px!important;
  margin:0!important;
  padding:8px 12px!important;
  border:1px solid #0d2d49!important;
  border-radius:10px!important;
  background:#0d2d49!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:850!important;
  line-height:1!important;
  white-space:nowrap!important;
  box-shadow:0 4px 10px rgba(13,45,73,.12)!important;
 }
 body.directorateMode #activities .activityActions>.activityDesktopSecondary{
  display:grid!important;
  grid-template-columns:repeat(7,minmax(54px,1fr))!important;
  align-items:center!important;
  gap:6px!important;
  width:100%!important;
  min-width:0!important;
 }
 body.directorateMode #activities .activityActions>.activityDesktopSecondary>button{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-width:0!important;
  min-height:38px!important;
  height:38px!important;
  margin:0!important;
  padding:6px 7px!important;
  border-radius:9px!important;
  font-size:11px!important;
  font-weight:800!important;
  line-height:1!important;
  white-space:nowrap!important;
  box-shadow:none!important;
 }
 body.directorateMode #activities .activityActions>.activityDesktopSecondary>button:not(.warn):not(.danger):not(.mutedbtn){
  background:#f7fafc!important;
  color:#174b70!important;
  border:1px solid #cbd9e4!important;
 }
 body.directorateMode #activities .activityActions>.activityDesktopSecondary>button.warn{
  background:#fff8e8!important;
  color:#8a5b00!important;
  border:1px solid #ead7a2!important;
 }
 body.directorateMode #activities .activityActions>.activityDesktopSecondary>button.danger{
  background:#fff3f1!important;
  color:#b42318!important;
  border:1px solid #efc6c1!important;
 }
 body.directorateMode #activities .activityActions>.activityDesktopSecondary>button.mutedbtn{
  background:#f3f5f7!important;
  color:#526273!important;
  border:1px solid #d5dce3!important;
 }
 body.directorateMode #activities .activityActions>.activityDesktopSecondary>button:hover{
  transform:translateY(-1px)!important;
  box-shadow:0 4px 10px rgba(13,45,73,.08)!important;
 }
}


/* v427 — DIRECTORATE PHONE ONLY: compact horizontal activity registry + AAA action sheet. */
@media(max-width:760px){
 body.directorateMode #activities .activityRegistry:where(:not([data-operational-phone])) thead{display:none!important}
 body.directorateMode #activities .activityRegistry:where(:not([data-operational-phone])) tbody{display:block!important}
 body.directorateMode #activities .activityRegistry:where(:not([data-operational-phone])) tr{
  display:grid!important;grid-template-columns:minmax(0,1fr) 104px!important;gap:12px!important;align-items:center!important;
  margin:0 0 9px!important;padding:12px!important;border:1px solid #dce6ed!important;border-radius:15px!important;background:#fff!important;
  box-shadow:0 5px 16px rgba(13,45,73,.055)!important;
 }
 body.directorateMode #activities .activityRegistry:where(:not([data-operational-phone])) td{display:none!important}
 body.directorateMode #activities .activityRegistry:where(:not([data-operational-phone])) td.activityNameCell{
  display:block!important;grid-column:1!important;grid-row:1!important;padding:0!important;min-width:0!important
 }
 body.directorateMode #activities .activityRegistry:where(:not([data-operational-phone])) td[data-label="الإجراءات"]{
  display:block!important;grid-column:2!important;grid-row:1!important;padding:0!important;min-width:0!important
 }
 body.directorateMode #activities .activityCompactShell{display:block!important;min-width:0!important}
 body.directorateMode #activities .activityCompactInfo{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;column-gap:7px!important;row-gap:5px!important;align-items:center!important;min-width:0!important}
 body.directorateMode #activities .activityNameCellTitle{
  grid-column:1/-1!important;display:block!important;min-width:0!important;margin:0!important;color:#0d2d49!important;
  font-size:13px!important;font-weight:900!important;line-height:1.3!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important
 }
 body.directorateMode #activities .activityTypeChip{
  grid-column:1!important;grid-row:2!important;justify-self:start!important;margin:0!important;padding:3px 7px!important;border-radius:999px!important;
  background:#f1f5f8!important;color:#486071!important;border:1px solid #dce5eb!important;font-size:9px!important;font-weight:800!important
 }
 body.directorateMode #activities .activityCardMobileMeta{display:contents!important}
 body.directorateMode #activities .activityCardMetaLine{display:contents!important}
 body.directorateMode #activities .activityCardMetaLine>span:first-child{
  grid-column:2!important;grid-row:2!important;color:#667b8b!important;font-size:10px!important;font-weight:750!important;direction:ltr!important;white-space:nowrap!important
 }
 body.directorateMode #activities .activityCardMetaLine>.badge,
 body.directorateMode #activities .activityCardStats,
 body.directorateMode #activities .activityForumMini{display:none!important}
 body.directorateMode #activities .activityActions{
  display:grid!important;grid-template-columns:1fr!important;gap:7px!important;width:100%!important;padding:0!important;position:relative!important
 }
 body.directorateMode #activities .activityActions>.activityPrimaryAction,
 body.directorateMode #activities .activityActions>.activityMobileMenuButton{
  display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-width:0!important;height:36px!important;min-height:36px!important;
  margin:0!important;padding:6px 7px!important;border-radius:9px!important;font-size:10px!important;font-weight:850!important;line-height:1!important
 }
 body.directorateMode #activities .activityActions>.activityPrimaryAction{background:#0d2d49!important;color:#fff!important;border:1px solid #0d2d49!important}
 body.directorateMode #activities .activityActions>.activityMobileMenuButton{background:#f7fafc!important;color:#174b70!important;border:1px solid #cbd9e4!important}
 body.directorateMode #activities .activityActions>.activityDesktopSecondary{display:none!important}
 body.directorateMode .activityMobileActionMenu:where(:not(.operationalPhoneActionMenu)).managerPortalActionMenu{
  position:fixed!important;z-index:1902!important;left:50%!important;right:auto!important;top:50%!important;bottom:auto!important;transform:translate(-50%,-50%)!important;
  width:min(390px,calc(100vw - 28px))!important;max-height:min(78dvh,620px)!important;overflow-y:auto!important;
  display:none!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;padding:16px!important;
  border:1px solid #d5e0e8!important;border-radius:22px!important;background:#fff!important;box-shadow:0 28px 80px rgba(7,28,46,.28)!important
 }
 body.directorateMode .activityMobileActionMenu:where(:not(.operationalPhoneActionMenu)).managerPortalActionMenu.open{display:grid!important}
 body.directorateMode .activityMobileActionMenu:where(:not(.operationalPhoneActionMenu)).managerPortalActionMenu:before{
  content:"إجراءات النشاط";grid-column:1/-1!important;padding:0 2px 11px!important;border-bottom:1px solid #e4ebf0!important;
  color:#0d2d49!important;font-size:17px!important;font-weight:900!important;text-align:right!important
 }
 body.directorateMode .activityMobileActionMenu:where(:not(.operationalPhoneActionMenu)).managerPortalActionMenu button{
  width:100%!important;min-width:0!important;min-height:46px!important;margin:0!important;padding:9px!important;border-radius:11px!important;font-size:11px!important;font-weight:850!important
 }
 body.directorateMode .activityMobileActionMenu:where(:not(.operationalPhoneActionMenu)).managerPortalActionMenu .actionSheetClose{grid-column:1/-1!important;background:#f4f7f9!important;color:#40586a!important;border:1px solid #d5dfe6!important}
 body.directorateMode #activityModal[data-director-view="1"] #activityModalActions{display:none!important}
 body.directorateMode #activityModal[data-director-view="1"]{align-items:flex-end!important;padding:0!important;background:rgba(7,28,46,.42)!important;backdrop-filter:blur(4px)!important;-webkit-backdrop-filter:blur(4px)!important}
 body.directorateMode #activityModal[data-director-view="1"] .modalBox{
  width:100%!important;max-width:none!important;max-height:92dvh!important;margin:0!important;padding:12px 13px calc(14px + env(safe-area-inset-bottom))!important;
  border-radius:24px 24px 0 0!important;overflow-y:auto!important
 }
 body.directorateMode #activityModal[data-director-view="1"] .head .ghost{
  width:42px!important;min-width:42px!important;height:42px!important;min-height:42px!important;padding:0!important;border-radius:50%!important;font-size:0!important
 }
 body.directorateMode #activityModal[data-director-view="1"] .head .ghost:after{content:"×";font-size:25px!important;line-height:1!important}
}
.directorModificationDialog{display:none;position:fixed;inset:0;z-index:2005;align-items:center;justify-content:center;padding:18px;background:rgba(7,28,46,.42);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
.directorModificationDialog.open{display:flex}
.directorModificationBox{width:min(560px,100%);max-height:min(86dvh,760px);overflow:auto;background:#fff;border:1px solid #d8e2e9;border-radius:22px;padding:18px;box-shadow:0 28px 80px rgba(7,28,46,.28);direction:rtl}
.directorModificationHead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid #e6edf2}
.directorModificationHead span{font-size:10px;font-weight:850;color:#7190a4}.directorModificationHead h2{margin:2px 0 0;color:#0d2d49;font-size:20px}
.directorModificationClose{width:40px;height:40px;min-width:40px;padding:0;border-radius:50%;background:#f3f7f9;color:#183f5a;border:1px solid #d6e1e8;font-size:24px}
.directorModificationHint{margin:12px 0;color:#5d7282;font-size:12px;line-height:1.65}
.directorModificationBox fieldset{margin:0;padding:0;border:0}.directorModificationBox legend{font-size:12px;font-weight:900;color:#173a52;margin-bottom:8px}
.directorModificationFields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.directorModificationFields label{display:flex;align-items:center;gap:7px;min-height:42px;padding:8px 10px;border:1px solid #dce5eb;border-radius:10px;background:#f8fafb;color:#314e62;font-size:11px;font-weight:750}
.directorModificationFields input{width:17px;height:17px;accent-color:#1769a0}
.directorModificationReason{display:grid;gap:7px;margin-top:14px;color:#173a52;font-size:12px;font-weight:900}
.directorModificationReason textarea{width:100%;resize:vertical;min-height:104px;padding:11px;border:1px solid #cfdce5;border-radius:11px;background:#fff;color:#173a52;font:inherit;line-height:1.6}
.directorModificationActions{display:grid;grid-template-columns:1fr 1.5fr;gap:8px;margin-top:14px}
.directorModificationActions button{min-height:46px;border-radius:11px;font-weight:850}.directorModificationSubmit{background:#0d2d49;color:#fff;border:1px solid #0d2d49}
@media(max-width:760px){
 .directorModificationDialog{align-items:flex-end;padding:0}
 .directorModificationBox{width:100%;max-height:92dvh;border-radius:24px 24px 0 0;padding:16px 14px calc(16px + env(safe-area-inset-bottom))}
 .directorModificationFields{grid-template-columns:repeat(2,minmax(0,1fr))}
 .directorModificationFields label{min-height:44px;font-size:10.5px}
}


/* v428 — DIRECTORATE PHONE ONLY: action sheet must sit above its backdrop. */
@media(max-width:760px){
 body.directorateMode .managerActionSheetBackdrop{
  z-index:1900!important;
 }
 body.directorateMode .activityMobileActionMenu:where(:not(.operationalPhoneActionMenu)).managerPortalActionMenu,
 body.directorateMode .activityMobileActionMenu:where(:not(.operationalPhoneActionMenu)).managerPortalActionMenu.open{
  z-index:1902!important;
  pointer-events:auto!important;
 }
}


/* v429 — Employee Activities AAA: desktop action rail + phone compact registry.
   Role-scoped; Directorate desktop contract remains untouched. */
@media(min-width:761px){
 body:not(.directorateMode) #activities[data-employee-view="1"] .activityActions{
  display:grid!important;grid-template-columns:minmax(118px,1.1fr) minmax(0,6.5fr)!important;gap:10px!important;align-items:center!important;width:100%!important
 }
 body:not(.directorateMode) #activities[data-employee-view="1"] .activityPrimaryAction{
  min-height:40px!important;border-radius:10px!important;background:#0d2d49!important;color:#fff!important;border:1px solid #0d2d49!important;font-size:11px!important;font-weight:850!important
 }
 body:not(.directorateMode) #activities[data-employee-view="1"] .activityDesktopSecondary{
  display:grid!important;grid-template-columns:repeat(8,minmax(58px,1fr))!important;gap:6px!important;min-width:0!important
 }
 body:not(.directorateMode) #activities[data-employee-view="1"] .activityDesktopSecondary>button{
  min-width:0!important;width:100%!important;height:38px!important;min-height:38px!important;padding:6px!important;border-radius:9px!important;font-size:10.5px!important;font-weight:800!important;white-space:nowrap!important;box-shadow:none!important
 }
 body:not(.directorateMode) #activities[data-employee-view="1"] .activityDesktopSecondary>button:not(.gold):not(.danger):not(.mutedbtn){
  background:#f7fafc!important;color:#174b70!important;border:1px solid #cbd9e4!important
 }
 body:not(.directorateMode) #activities[data-employee-view="1"] .activityDesktopSecondary>.gold{background:#fff8e8!important;color:#8a5b00!important;border:1px solid #ead7a2!important}
 body:not(.directorateMode) #activities[data-employee-view="1"] .activityDesktopSecondary>.danger{background:#fff3f1!important;color:#b42318!important;border:1px solid #efc6c1!important}
 body:not(.directorateMode) #activities[data-employee-view="1"] .activityDesktopSecondary>.mutedbtn{background:#f3f5f7!important;color:#657483!important;border:1px solid #d5dce3!important}
 body:not(.directorateMode) #activities[data-employee-view="1"] .activityMobileMenuButton{display:none!important}
}
@media(max-width:760px){
 body:not(.directorateMode) #activities[data-employee-view="1"] .activityRegistry:where(:not([data-operational-phone])) thead{display:none!important}
 body:not(.directorateMode) #activities[data-employee-view="1"] .activityRegistry:where(:not([data-operational-phone])) tbody{display:block!important}
 body:not(.directorateMode) #activities[data-employee-view="1"] .activityRegistry:where(:not([data-operational-phone])) tr{
  display:grid!important;grid-template-columns:minmax(0,1fr) 108px!important;gap:12px!important;align-items:center!important;margin:0 0 9px!important;padding:12px!important;
  border:1px solid #dce6ed!important;border-radius:15px!important;background:#fff!important;box-shadow:0 5px 16px rgba(13,45,73,.055)!important
 }
 body:not(.directorateMode) #activities[data-employee-view="1"] .activityRegistry:where(:not([data-operational-phone])) td{display:none!important}
 body:not(.directorateMode) #activities[data-employee-view="1"] .activityRegistry:where(:not([data-operational-phone])) td.activityNameCell{display:block!important;grid-column:1!important;grid-row:1!important;padding:0!important;min-width:0!important}
 body:not(.directorateMode) #activities[data-employee-view="1"] .activityRegistry:where(:not([data-operational-phone])) td[data-label="الإجراءات"]{display:block!important;grid-column:2!important;grid-row:1!important;padding:0!important;min-width:0!important}
 body:not(.directorateMode) #activities[data-employee-view="1"] .activityCompactInfo{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:5px 7px!important;align-items:center!important}
 body:not(.directorateMode) #activities[data-employee-view="1"] .activityNameCellTitle{grid-column:1/-1!important;font-size:13px!important;font-weight:900!important;color:#0d2d49!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
 body:not(.directorateMode) #activities[data-employee-view="1"] .activityTypeChip{grid-column:1!important;grid-row:2!important;justify-self:start!important;margin:0!important;padding:3px 7px!important;border-radius:999px!important;background:#f1f5f8!important;color:#486071!important;border:1px solid #dce5eb!important;font-size:9px!important}
 body:not(.directorateMode) #activities[data-employee-view="1"] .activityCardMobileMeta{display:contents!important}
 body:not(.directorateMode) #activities[data-employee-view="1"] .activityCardMetaLine{display:contents!important}
 body:not(.directorateMode) #activities[data-employee-view="1"] .activityCardMetaLine>span:first-child{grid-column:2!important;grid-row:2!important;font-size:10px!important;color:#667b8b!important;direction:ltr!important}
 body:not(.directorateMode) #activities[data-employee-view="1"] .activityCardMetaLine>.badge,
 body:not(.directorateMode) #activities[data-employee-view="1"] .activityCardStats,
 body:not(.directorateMode) #activities[data-employee-view="1"] .activityForumMini{display:none!important}
 body:not(.directorateMode) #activities[data-employee-view="1"] .activityActions{display:grid!important;grid-template-columns:1fr!important;gap:7px!important;width:100%!important}
 body:not(.directorateMode) #activities[data-employee-view="1"] .activityPrimaryAction,
 body:not(.directorateMode) #activities[data-employee-view="1"] .activityMobileMenuButton{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:36px!important;min-height:36px!important;border-radius:9px!important;font-size:9.5px!important;font-weight:850!important}
 body:not(.directorateMode) #activities[data-employee-view="1"] .activityPrimaryAction{background:#0d2d49!important;color:#fff!important;border:1px solid #0d2d49!important}
 body:not(.directorateMode) #activities[data-employee-view="1"] .activityMobileMenuButton{background:#f7fafc!important;color:#174b70!important;border:1px solid #cbd9e4!important}
 body:not(.directorateMode) #activities[data-employee-view="1"] .activityDesktopSecondary{display:none!important}
 body:not(.directorateMode) .activityMobileActionMenu.managerPortalActionMenu{z-index:1902!important;pointer-events:auto!important}
 body:not(.directorateMode) .managerActionSheetBackdrop{z-index:1900!important}
}
.managerRequestNotice{grid-column:1/-1;display:grid;gap:7px;margin-top:9px;padding:10px 11px;border:1px solid #ead7a2;border-radius:11px;background:#fff9eb;color:#5f4a18}
.managerRequestNotice.deleteRequestNotice{border-color:#efc6c1;background:#fff5f3;color:#7f271f}.managerRequestNotice strong{font-size:11px}.managerRequestNotice span,.managerRequestNotice small{font-size:10px;line-height:1.55}.managerRequestNotice>div{display:flex;gap:7px}.managerRequestNotice button{min-height:34px;padding:6px 11px;border-radius:8px;font-size:10px;font-weight:850}.managerRequestNotice button:not(.danger){background:#0d2d49;color:#fff;border:1px solid #0d2d49}.managerRequestNotice button.danger{background:#fff;color:#b42318;border:1px solid #efc6c1}
.managerRequestDecisionDialog{display:none;position:fixed;inset:0;z-index:2010;align-items:center;justify-content:center;padding:18px;background:rgba(7,28,46,.42);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.managerRequestDecisionDialog.open{display:flex}.managerRequestDecisionBox{width:min(520px,100%);max-height:86dvh;overflow:auto;padding:18px;background:#fff;border:1px solid #d8e2e9;border-radius:20px;box-shadow:0 28px 80px rgba(7,28,46,.28);direction:rtl}
.managerRequestDecisionHead{display:flex;justify-content:space-between;gap:12px;padding-bottom:11px;border-bottom:1px solid #e6edf2}.managerRequestDecisionHead span{font-size:10px;color:#7190a4;font-weight:850}.managerRequestDecisionHead h2{margin:2px 0 0;color:#0d2d49;font-size:19px}.managerRequestDecisionHead button{width:39px;height:39px;padding:0;border-radius:50%;background:#f3f7f9;color:#173a52;border:1px solid #d6e1e8;font-size:23px}
.managerRequestDecisionSummary{margin:12px 0;padding:11px;border-radius:11px;background:#f7fafc;border:1px solid #e0e8ee}.managerRequestDecisionSummary strong{display:block;color:#0d2d49;font-size:12px}.managerRequestDecisionSummary p{margin:6px 0;color:#536b7c;font-size:11px;line-height:1.6}.managerRequestDecisionSummary small{color:#7a5a16;font-size:10px}
.managerRequestDecisionBox label{display:grid;gap:7px;color:#173a52;font-size:12px;font-weight:900}.managerRequestDecisionBox textarea{width:100%;min-height:120px;padding:11px;border:1px solid #cfdce5;border-radius:11px;resize:vertical;font:inherit;line-height:1.6}.managerRequestDecisionActions{display:grid;grid-template-columns:1fr 1.6fr;gap:8px;margin-top:13px}.managerRequestDecisionActions button{min-height:44px;border-radius:10px;font-weight:850}.managerRequestDecisionConfirm{background:#0d2d49;color:#fff;border:1px solid #0d2d49}
@media(max-width:760px){.managerRequestDecisionDialog{align-items:flex-end;padding:0}.managerRequestDecisionBox{width:100%;max-height:92dvh;border-radius:24px 24px 0 0;padding:15px 14px calc(15px + env(safe-area-inset-bottom))}}


/* v438 — Forum Manager Activities SINGLE SOURCE.
   Desktop retained. Phone uses one horizontal swipe surface so content never wraps,
   clips or forces controls outside the viewport. Activity name grows with its text. */
@media(min-width:761px){
 body.managerMode #activities .activityActions{
  display:grid!important;grid-template-columns:minmax(116px,1.05fr) minmax(0,6fr)!important;gap:9px!important;align-items:center!important;width:100%!important
 }
 body.managerMode #activities .activityPrimaryAction{
  width:100%!important;min-height:39px!important;padding:6px 9px!important;border:1px solid #123c5d!important;border-radius:10px!important;background:#123c5d!important;color:#fff!important;font-size:10.5px!important;font-weight:900!important;box-shadow:none!important
 }
 body.managerMode #activities .activityDesktopSecondary{
  display:grid!important;grid-template-columns:repeat(7,minmax(58px,1fr))!important;gap:6px!important;min-width:0!important
 }
 body.managerMode #activities .activityDesktopSecondary>button{
  width:100%!important;min-width:0!important;height:39px!important;min-height:39px!important;padding:5px 6px!important;border-radius:9px!important;font-size:10px!important;font-weight:850!important;white-space:nowrap!important;box-shadow:none!important
 }
 body.managerMode #activities .activityDesktopSecondary>button:not(.gold):not(.danger):not(.mutedbtn){background:#f6fafc!important;color:#17608a!important;border:1px solid #c9dbe6!important}
 body.managerMode #activities .activityDesktopSecondary>.gold{background:#fff7df!important;color:#8a6107!important;border:1px solid #ead394!important}
 body.managerMode #activities .activityDesktopSecondary>.danger{background:#fff1ef!important;color:#b42318!important;border:1px solid #edc0ba!important}
 body.managerMode #activities .activityDesktopSecondary>.mutedbtn{background:#eef2f5!important;color:#596979!important;border:1px solid #d4dde4!important}
 body.managerMode #activities .activityMobileMenuButton{display:none!important}
}

@media(max-width:760px){
 body.managerMode #activities .activityRegistry:where(:not([data-operational-phone])){
  display:block!important;width:100%!important;max-width:100%!important;overflow:visible!important
 }
 body.managerMode #activities .activityRegistry:where(:not([data-operational-phone])) thead{display:none!important}
 body.managerMode #activities .activityRegistry:where(:not([data-operational-phone])) tbody{display:block!important;width:100%!important}
 body.managerMode #activities .activityRegistry:where(:not([data-operational-phone])) tr.managerActivityPhoneRow{
  display:grid!important;
  grid-template-columns:minmax(max-content,44vw) max-content max-content max-content max-content!important;
  grid-template-rows:46px!important;gap:6px!important;align-items:stretch!important;
  width:max-content!important;min-width:100%!important;max-width:none!important;
  margin:0!important;padding:8px!important;box-sizing:border-box!important;
  border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;
  overflow:visible!important;direction:rtl!important
 }
 body.managerMode #activities .managerActivityPhoneRow>td{
  display:flex!important;min-width:0!important;height:46px!important;margin:0!important;padding:5px 9px!important;
  box-sizing:border-box!important;align-items:center!important;justify-content:center!important;
  border:1px solid #dce6ed!important;border-radius:9px!important;background:#f8fafc!important;
  color:#173a52!important;font-size:9px!important;line-height:1.15!important;text-align:center!important;
  white-space:nowrap!important;writing-mode:horizontal-tb!important;word-break:normal!important
 }
 body.managerMode #activities .managerActivityPhoneRow>.managerActivityPhoneName{
  grid-column:1!important;grid-row:1!important;justify-content:flex-start!important;text-align:right!important;
  width:max-content!important;min-width:44vw!important;max-width:none!important;
  padding-inline:12px!important;background:#fff!important;border-color:#d7e3eb!important;
  font-size:11px!important;font-weight:900!important;overflow:visible!important;text-overflow:clip!important
 }
 body.managerMode #activities .managerActivityPhoneRow>.managerActivityPhoneDate{
  grid-column:2!important;grid-row:1!important;min-width:88px!important;direction:ltr!important
 }
 body.managerMode #activities .managerActivityPhoneRow>.managerActivityPhoneTotal{
  grid-column:3!important;grid-row:1!important;min-width:148px!important;font-size:8px!important;font-weight:800!important
 }
 body.managerMode #activities .managerActivityPhoneRow>.managerActivityPhonePreview{
  grid-column:4!important;grid-row:1!important;min-width:98px!important;padding:0!important;border:0!important;background:transparent!important
 }
 body.managerMode #activities .managerActivityPhoneRow>.managerActivityPhoneActions{
  grid-column:5!important;grid-row:1!important;min-width:90px!important;padding:0!important;border:0!important;background:transparent!important;overflow:visible!important
 }
 body.managerMode #activities .managerActivityPhoneRow .activityPrimaryAction,
 body.managerMode #activities .managerActivityPhoneRow>.managerActivityPhoneActions>.activityMobileMenuButton{
  display:flex!important;width:100%!important;height:46px!important;min-height:46px!important;margin:0!important;padding:5px 9px!important;
  align-items:center!important;justify-content:center!important;border-radius:9px!important;
  font-size:9px!important;line-height:1!important;font-weight:900!important;white-space:nowrap!important;
  writing-mode:horizontal-tb!important;word-break:normal!important
 }
 body.managerMode #activities .managerActivityPhoneRow .activityPrimaryAction{
  background:#123b5a!important;color:#fff!important;border:1px solid #123b5a!important
 }
 body.managerMode #activities .managerActivityPhoneRow>.managerActivityPhoneActions>.activityMobileMenuButton{
  background:#fff!important;color:#155b83!important;border:1px solid #aac4d4!important
 }
 body.managerMode #activities .managerActivityPhoneRow .activityPhoneActionHost{
  display:block!important;position:absolute!important;width:0!important;height:0!important;overflow:visible!important
 }
 body.managerMode #activities .managerActivityPhoneRow .activityPhoneActionHost>.activityMobileMenuButton,
 body.managerMode #activities .managerActivityPhoneRow .activityPhoneActionHost>.activityDesktopSecondary{display:none!important}

 body.managerMode #activities .activityRegistry:where(:not([data-operational-phone])) tbody{
  overflow-x:auto!important;overflow-y:visible!important;overscroll-behavior-inline:contain!important;
  -webkit-overflow-scrolling:touch!important;scroll-snap-type:x proximity!important;scrollbar-width:none!important;
  border:1px solid #d9e4eb!important;border-radius:15px!important;background:#fff!important;
  box-shadow:0 5px 16px rgba(13,45,73,.055)!important
 }
 body.managerMode #activities .activityRegistry:where(:not([data-operational-phone])) tbody::-webkit-scrollbar{display:none!important}
 body.managerMode #activities .activityRegistry:where(:not([data-operational-phone])) tr.managerActivityPhoneRow{scroll-snap-align:start!important}
 body.managerMode #activities .activityRegistry:where(:not([data-operational-phone])) tr.managerActivityPhoneRow+tr.managerActivityPhoneRow{
  border-top:1px solid #e7edf2!important
 }

 body.managerMode .activityMobileActionMenu.managerPortalActionMenu{
  position:fixed!important;left:50%!important;right:auto!important;top:50%!important;bottom:auto!important;
  transform:translate(-50%,-50%)!important;width:min(380px,calc(100vw - 28px))!important;max-width:calc(100vw - 28px)!important;
  max-height:calc(100dvh - 104px)!important;overflow-y:auto!important;box-sizing:border-box!important;margin:0!important;padding:14px!important;
  z-index:2302!important;direction:rtl!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;
  border:1px solid #d4dfe7!important;border-radius:20px!important;background:#fff!important;box-shadow:0 26px 78px rgba(7,28,46,.30)!important
 }
 body.managerMode .activityMobileActionMenu.managerPortalActionMenu.open{display:grid!important}
 body.managerMode .managerActionSheetBackdrop{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
}

/* v440 — Forum Manager Reports phone contract.
   Phone only: one horizontal swipe surface matching Activities.
   Desktop report rendering is untouched. */
@media(max-width:760px){
 body.managerMode #reports .reportRegistry:where(:not([data-operational-phone])){
  display:block!important;width:100%!important;max-width:100%!important;overflow:visible!important
 }
 body.managerMode #reports .reportRegistry:where(:not([data-operational-phone])) table{display:block!important;width:100%!important}
 body.managerMode #reports .reportRegistry:where(:not([data-operational-phone])) thead{display:none!important}
 body.managerMode #reports .reportRegistry:where(:not([data-operational-phone])) tbody{
  display:block!important;width:100%!important;overflow-x:auto!important;overflow-y:visible!important;
  overscroll-behavior-inline:contain!important;-webkit-overflow-scrolling:touch!important;
  scroll-snap-type:x proximity!important;scrollbar-width:none!important;
  border:1px solid #d9e4eb!important;border-radius:15px!important;background:#fff!important;
  box-shadow:0 5px 16px rgba(13,45,73,.055)!important
 }
 body.managerMode #reports .reportRegistry:where(:not([data-operational-phone])) tbody::-webkit-scrollbar{display:none!important}
 body.managerMode #reports .reportRegistry:where(:not([data-operational-phone])) tr.managerReportPhoneRow{
  display:grid!important;
  grid-template-columns:minmax(max-content,44vw) max-content max-content max-content max-content!important;
  grid-template-rows:46px!important;gap:6px!important;align-items:stretch!important;
  width:max-content!important;min-width:100%!important;max-width:none!important;
  margin:0!important;padding:8px!important;box-sizing:border-box!important;
  border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;
  overflow:visible!important;direction:rtl!important;scroll-snap-align:start!important
 }
 body.managerMode #reports .reportRegistry:where(:not([data-operational-phone])) tr.managerReportPhoneRow+tr.managerReportPhoneRow{border-top:1px solid #e7edf2!important}
 body.managerMode #reports .managerReportPhoneRow>td{
  display:flex!important;min-width:0!important;height:46px!important;margin:0!important;padding:5px 9px!important;
  box-sizing:border-box!important;align-items:center!important;justify-content:center!important;
  border:1px solid #dce6ed!important;border-radius:9px!important;background:#f8fafc!important;
  color:#173a52!important;font-size:9px!important;line-height:1.15!important;text-align:center!important;
  white-space:nowrap!important;writing-mode:horizontal-tb!important;word-break:normal!important
 }
 body.managerMode #reports .managerReportPhoneRow>.managerReportPhoneName{
  grid-column:1!important;grid-row:1!important;justify-content:flex-start!important;text-align:right!important;
  width:max-content!important;min-width:44vw!important;max-width:none!important;padding-inline:12px!important;
  background:#fff!important;border-color:#d7e3eb!important;font-size:11px!important;font-weight:900!important;
  overflow:visible!important;text-overflow:clip!important
 }
 body.managerMode #reports .managerReportPhoneRow>.managerReportPhoneDate{
  grid-column:2!important;grid-row:1!important;min-width:88px!important;direction:ltr!important
 }
 body.managerMode #reports .managerReportPhoneRow>.managerReportPhoneParticipants{
  grid-column:3!important;grid-row:1!important;min-width:112px!important;font-size:8.5px!important;font-weight:800!important
 }
 body.managerMode #reports .managerReportPhoneRow>.managerReportPhonePreview{
  grid-column:4!important;grid-row:1!important;min-width:98px!important;padding:0!important;border:0!important;background:transparent!important
 }
 body.managerMode #reports .managerReportPhoneRow>.managerReportPhoneActions{
  grid-column:5!important;grid-row:1!important;min-width:90px!important;padding:0!important;border:0!important;background:transparent!important;overflow:visible!important
 }
 body.managerMode #reports .managerReportPhoneRow .reportPrimaryAction,
 body.managerMode #reports .managerReportPhoneRow>.managerReportPhoneActions>.reportActions>.reportMobileMenuButton{
  display:flex!important;width:100%!important;height:46px!important;min-height:46px!important;margin:0!important;padding:5px 9px!important;
  align-items:center!important;justify-content:center!important;border-radius:9px!important;
  font-size:9px!important;line-height:1!important;font-weight:900!important;white-space:nowrap!important;
  writing-mode:horizontal-tb!important;word-break:normal!important
 }
 body.managerMode #reports .managerReportPhoneRow .reportPrimaryAction{
  background:#123b5a!important;color:#fff!important;border:1px solid #123b5a!important
 }
 body.managerMode #reports .managerReportPhoneRow>.managerReportPhoneActions>.reportActions{
  display:block!important;width:100%!important;height:46px!important;margin:0!important
 }
 body.managerMode #reports .managerReportPhoneRow>.managerReportPhoneActions>.reportActions>.reportMobileMenuButton{
  background:#fff!important;color:#155b83!important;border:1px solid #aac4d4!important
 }
 body.managerMode #reports .managerReportPhoneRow .reportMobileActionMenu{display:none!important}
 body.managerMode .reportMobileActionMenu.managerPortalActionMenu{
  position:fixed!important;left:50%!important;right:auto!important;top:50%!important;bottom:auto!important;
  transform:translate(-50%,-50%)!important;width:min(380px,calc(100vw - 28px))!important;max-width:calc(100vw - 28px)!important;
  max-height:calc(100dvh - 104px)!important;overflow-y:auto!important;box-sizing:border-box!important;margin:0!important;padding:14px!important;
  z-index:2302!important;direction:rtl!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;
  border:1px solid #d4dfe7!important;border-radius:20px!important;background:#fff!important;box-shadow:0 26px 78px rgba(7,28,46,.30)!important
 }
 body.managerMode .reportMobileActionMenu.managerPortalActionMenu.open{display:grid!important}
 body.managerMode .reportMobileActionMenu.managerPortalActionMenu button{
  width:100%!important;min-width:0!important;min-height:44px!important;margin:0!important;padding:8px!important;
  border-radius:11px!important;font-size:10.5px!important;font-weight:850!important
 }
 body.managerMode .reportMobileActionMenu.managerPortalActionMenu .actionSheetClose{grid-column:1/-1!important}
}