/* Basra MIS Design System — Phase 5.1
   Foundation only. No page geometry, runtime, sync, auth or offline behavior.
   Employee is the first role identity consumer. */
:root{
  /* Core palette */
  --bmis-navy-950:#071b2c;
  --bmis-navy-900:#0d2d49;
  --bmis-navy-800:#123f63;
  --bmis-blue-700:#185b8b;
  --bmis-blue-600:#1d659a;
  --bmis-blue-500:#347faf;
  --bmis-blue-100:#eaf3f9;
  --bmis-gold-600:#a9822e;
  --bmis-gold-500:#c29a37;
  --bmis-gold-100:#faf4e4;

  /* Neutral surfaces and text */
  --bmis-surface-page:#f2f5f8;
  --bmis-surface:#ffffff;
  --bmis-surface-soft:#f7f9fb;
  --bmis-surface-muted:#eef3f7;
  --bmis-border:#d5dee7;
  --bmis-border-strong:#bdcbd7;
  --bmis-text:#17212b;
  --bmis-text-muted:#667685;
  --bmis-text-subtle:#82909c;
  --bmis-on-dark:#ffffff;

  /* Semantic states */
  --bmis-success:#087443;
  --bmis-success-soft:#e7f6ee;
  --bmis-info:#175cd3;
  --bmis-info-soft:#eaf3ff;
  --bmis-warning:#a66f00;
  --bmis-warning-soft:#fff3d6;
  --bmis-danger:#b42318;
  --bmis-danger-soft:#fdecea;
  --bmis-disabled:#98a2b3;
  --bmis-focus:#8cc6ef;

  /* Employee role identity */
  --bmis-role-primary:var(--bmis-navy-900);
  --bmis-role-accent:var(--bmis-blue-600);
  --bmis-role-accent-soft:var(--bmis-blue-100);
  --bmis-role-highlight:var(--bmis-gold-500);

  /* Typography */
  --bmis-font-ar:Tahoma,Arial,sans-serif;
  --bmis-font-size-xs:10px;
  --bmis-font-size-sm:12px;
  --bmis-font-size-md:14px;
  --bmis-font-size-lg:18px;
  --bmis-font-size-xl:24px;
  --bmis-font-size-2xl:30px;
  --bmis-line-tight:1.25;
  --bmis-line-normal:1.55;
  --bmis-line-relaxed:1.8;
  --bmis-weight-medium:600;
  --bmis-weight-bold:700;
  --bmis-weight-heavy:900;

  /* Spacing — 4px scale */
  --bmis-space-0:0;
  --bmis-space-1:4px;
  --bmis-space-2:8px;
  --bmis-space-3:12px;
  --bmis-space-4:16px;
  --bmis-space-5:20px;
  --bmis-space-6:24px;
  --bmis-space-8:32px;
  --bmis-space-10:40px;
  --bmis-space-12:48px;

  /* Radius */
  --bmis-radius-xs:6px;
  --bmis-radius-sm:10px;
  --bmis-radius-md:14px;
  --bmis-radius-lg:18px;
  --bmis-radius-xl:24px;
  --bmis-radius-pill:999px;

  /* Borders and shadows */
  --bmis-border-width:1px;
  --bmis-shadow-xs:0 2px 6px rgba(13,45,73,.06);
  --bmis-shadow-sm:0 5px 16px rgba(13,45,73,.08);
  --bmis-shadow-md:0 9px 28px rgba(16,32,48,.08);
  --bmis-shadow-lg:0 18px 48px rgba(7,24,39,.16);

  /* Motion */
  --bmis-motion-fast:120ms;
  --bmis-motion-normal:220ms;
  --bmis-motion-slow:320ms;
  --bmis-ease-standard:cubic-bezier(.2,.7,.2,1);

  /* Layer contract */
  --bmis-z-base:0;
  --bmis-z-sticky:12;
  --bmis-z-dropdown:20;
  --bmis-z-modal:30;
  --bmis-z-toast:60;
  --bmis-z-drawer:70;
  --bmis-z-critical:90;

  /* Breakpoint contract (documentation tokens; media queries use literal values) */
  --bmis-bp-phone:520px;
  --bmis-bp-mobile:760px;
  --bmis-bp-tablet:1080px;
  --bmis-content-max:1280px;
  --bmis-touch-min:44px;
}

/* Compatibility bridge: legacy names keep one canonical value during migration. */
:root{
  --navy:var(--bmis-navy-900);
  --blue:var(--bmis-blue-600);
  --blue2:var(--bmis-blue-500);
  --gold:var(--bmis-gold-500);
  --bg:var(--bmis-surface-page);
  --card:var(--bmis-surface);
  --border:var(--bmis-border);
  --text:var(--bmis-text);
  --muted:var(--bmis-text-muted);
  --green:var(--bmis-success);
  --red:var(--bmis-danger);
  --amber:var(--bmis-warning);
}

/* Employee foundation scope only: tokens, not component redesign. */
body:not(.managerMode) #standardDash{
  --bmis-role-primary:var(--bmis-navy-900);
  --bmis-role-accent:var(--bmis-blue-600);
  --bmis-role-accent-soft:var(--bmis-blue-100);
  --bmis-role-highlight:var(--bmis-gold-500);
  font-family:var(--bmis-font-ar);
  color:var(--bmis-text);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

/* Shared accessibility contract for later Phase 5 components. */
:where(button,a,input,select,textarea,[tabindex]):focus-visible{
  outline:3px solid var(--bmis-focus);
  outline-offset:2px;
}
@media(prefers-reduced-motion:reduce){
  :root{
    --bmis-motion-fast:1ms;
    --bmis-motion-normal:1ms;
    --bmis-motion-slow:1ms;
  }
}


/* Phase 5.1 — employee legacy-value convergence.
   These selectors intentionally preserve the stable layout and geometry.
   Only visual constants are routed through the canonical token source. */
body:not(.managerMode) #standardDash .employeeHero{
  background:linear-gradient(135deg,var(--bmis-role-primary),var(--bmis-blue-700));
  color:var(--bmis-on-dark);
  border-radius:var(--bmis-radius-lg);
  box-shadow:var(--bmis-shadow-md);
}
body:not(.managerMode) #standardDash .employeeIdentity p{color:#dbe7f0}
body:not(.managerMode) #standardDash .eyebrow{color:#c8d9e6}
body:not(.managerMode) #standardDash .employeeLogoFallback,
body:not(.managerMode) #standardDash .employeeForumLogo{
  background:var(--bmis-surface);
  color:var(--bmis-role-primary);
  border-radius:var(--bmis-radius-lg);
}
body:not(.managerMode) #standardDash .syncPill{border-radius:var(--bmis-radius-pill)}
body:not(.managerMode) #standardDash .employeeKpi{
  background:var(--bmis-surface);
  border-color:var(--bmis-border);
  border-radius:var(--bmis-radius-md);
}
body:not(.managerMode) #standardDash .employeeKpi span,
body:not(.managerMode) #standardDash .primaryActionHint,
body:not(.managerMode) #standardDash .sectionHead span{color:var(--bmis-text-muted)}
body:not(.managerMode) #standardDash .employeeKpi strong{color:var(--bmis-role-primary)}
body:not(.managerMode) #standardDash .primaryActionCard,
body:not(.managerMode) #standardDash .dashboardSection{
  background:var(--bmis-surface);
  border-color:var(--bmis-border);
  border-radius:var(--bmis-radius-lg);
}
body:not(.managerMode) #standardDash .recentActivityCard{
  background:var(--bmis-surface);
  border-color:var(--bmis-border);
  border-radius:var(--bmis-radius-md);
}
body:not(.managerMode) #standardDash .recentActivityMeta{color:var(--bmis-text-muted)}


/* Phase 5.2 — Employee Header.
   Header only. No hero, KPI, activity, sync engine or settings runtime changes. */
body.forum-mis-authenticated:not(.managerMode):has(#standardDash.active)>header{
  min-height:76px;
  padding-block:10px;
  padding-inline:clamp(14px,3vw,34px);
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:var(--bmis-space-4);
  background:linear-gradient(135deg,var(--bmis-navy-950),var(--bmis-role-accent));
  color:var(--bmis-on-dark);
  box-shadow:0 5px 22px rgba(7,27,44,.16);
  z-index:var(--bmis-z-sticky);
}
body.forum-mis-authenticated:not(.managerMode):has(#standardDash.active)>header>.brand{
  min-width:0;
  width:auto;
  justify-self:start;
  display:flex;
  align-items:center;
}
body.forum-mis-authenticated:not(.managerMode):has(#standardDash.active)>header .bmis-header-exact-logo{
  display:block;
  max-width:min(330px,46vw);
  max-height:54px;
  width:auto;
  height:auto;
  object-fit:contain;
  object-position:inline-start center;
}
body.forum-mis-authenticated:not(.managerMode):has(#standardDash.active)>header>.headerCompactActions{
  min-width:0;
  width:auto;
  justify-self:end;
  display:flex;
  align-items:center;
  gap:var(--bmis-space-2);
}
body.forum-mis-authenticated:not(.managerMode):has(#standardDash.active)>header .headerSyncBadge{
  min-height:40px;
  max-width:190px;
  padding-inline:12px;
  border:1px solid rgba(255,255,255,.28);
  border-radius:var(--bmis-radius-sm);
  background:rgba(255,255,255,.10);
  color:var(--bmis-on-dark);
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
body.forum-mis-authenticated:not(.managerMode):has(#standardDash.active)>header #settingsMenuBtn{
  display:inline-flex!important;
  visibility:visible!important;
  opacity:1!important;
  position:relative;
  z-index:1;
  flex:0 0 auto;
  min-height:40px;
  padding:8px 12px;
  gap:7px;
  border:1px solid rgba(255,255,255,.28);
  border-radius:var(--bmis-radius-sm);
  background:rgba(255,255,255,.10);
  color:var(--bmis-on-dark);
  box-shadow:none;
}
body.forum-mis-authenticated:not(.managerMode):has(#standardDash.active)>header #settingsMenuBtn:hover{
  background:rgba(255,255,255,.16);
}
body.forum-mis-authenticated:not(.managerMode):has(#standardDash.active)>header #settingsMenuBtn.hasNotifications{
  background:var(--bmis-surface);
  color:var(--bmis-role-primary);
  border-color:var(--bmis-surface);
}
body.forum-mis-authenticated:not(.managerMode):has(#standardDash.active)>header .settingsMenuCount{
  min-width:20px;
  height:20px;
  border-radius:var(--bmis-radius-pill);
}

@media(max-width:760px){
  body.forum-mis-authenticated:not(.managerMode):has(#standardDash.active)>header{
    min-height:64px;
    padding:8px max(10px,env(safe-area-inset-right)) 8px max(10px,env(safe-area-inset-left))!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:8px;
  }
  body.forum-mis-authenticated:not(.managerMode):has(#standardDash.active)>header>.brand{
    width:auto!important;
    min-width:0;
  }
  body.forum-mis-authenticated:not(.managerMode):has(#standardDash.active)>header .bmis-header-exact-logo{
    max-width:min(230px,55vw);
    max-height:46px;
  }
  body.forum-mis-authenticated:not(.managerMode):has(#standardDash.active)>header>.headerCompactActions{
    width:auto!important;
    display:flex!important;
    grid-template-columns:none!important;
    gap:6px;
  }
  body.forum-mis-authenticated:not(.managerMode):has(#standardDash.active)>header .headerSyncBadge{
    width:auto;
    max-width:94px;
    min-height:38px;
    padding-inline:9px;
    font-size:10px;
  }
  body.forum-mis-authenticated:not(.managerMode):has(#standardDash.active)>header #settingsMenuBtn{
    width:40px;
    min-width:40px;
    height:40px;
    min-height:40px;
    padding:0;
    display:grid!important;
    place-items:center;
  }
  body.forum-mis-authenticated:not(.managerMode):has(#standardDash.active)>header #settingsMenuBtn>span:nth-child(2){
    display:none!important;
  }
  body.forum-mis-authenticated:not(.managerMode):has(#standardDash.active)>header .settingsGlyph{
    font-size:19px;
  }
  body.forum-mis-authenticated:not(.managerMode):has(#standardDash.active)>header .settingsMenuCount{
    position:absolute;
    top:-5px;
    inset-inline-start:-5px;
    border:2px solid var(--bmis-on-dark);
  }
}
@media(max-width:420px){
  body.forum-mis-authenticated:not(.managerMode):has(#standardDash.active)>header .bmis-header-exact-logo{
    max-width:min(188px,51vw);
    max-height:42px;
  }
  body.forum-mis-authenticated:not(.managerMode):has(#standardDash.active)>header .headerSyncBadge{
    max-width:78px;
    padding-inline:7px;
  }
}


/* Phase 5.3 — Employee Hero.
   Hero only: identity, forum mark and sync status. Header/KPI/activity geometry untouched. */
body.forum-mis-authenticated:not(.managerMode) #standardDash .employeeHero{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:118px;
  padding:var(--bmis-space-5) var(--bmis-space-6);
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:var(--bmis-space-5);
  margin-bottom:14px;
  background:linear-gradient(135deg,var(--bmis-navy-950) 0%,var(--bmis-role-primary) 52%,var(--bmis-blue-700) 100%);
  border:1px solid rgba(255,255,255,.08);
  border-radius:var(--bmis-radius-lg);
  box-shadow:var(--bmis-shadow-md);
}
body.forum-mis-authenticated:not(.managerMode) #standardDash .employeeHero::after{
  content:"";
  position:absolute;
  inset-block:-70px;
  inset-inline-end:-55px;
  width:230px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,255,255,.10),rgba(255,255,255,0) 68%);
  pointer-events:none;
  z-index:-1;
}
body.forum-mis-authenticated:not(.managerMode) #standardDash .employeeIdentity{
  min-width:0;
  display:grid;
  grid-template-columns:66px minmax(0,1fr);
  align-items:center;
  gap:var(--bmis-space-4);
}
body.forum-mis-authenticated:not(.managerMode) #standardDash .employeeIdentity>div:last-child{
  min-width:0;
}
body.forum-mis-authenticated:not(.managerMode) #standardDash .employeeLogoFallback,
body.forum-mis-authenticated:not(.managerMode) #standardDash .employeeForumLogo{
  width:66px;
  height:66px;
  max-width:66px;
  max-height:66px;
  padding:5px;
  border-radius:var(--bmis-radius-lg);
  object-fit:contain;
  object-position:center;
  background:var(--bmis-surface);
  color:var(--bmis-role-primary);
  border:1px solid rgba(255,255,255,.55);
  box-shadow:var(--bmis-shadow-sm);
  flex:none;
}
body.forum-mis-authenticated:not(.managerMode) #standardDash .eyebrow{
  margin:0 0 3px;
  color:#c8d9e6;
  font-size:var(--bmis-font-size-xs);
  font-weight:var(--bmis-weight-bold);
  line-height:var(--bmis-line-normal);
}
body.forum-mis-authenticated:not(.managerMode) #standardDash .employeeIdentity h2{
  margin:0 0 5px;
  max-width:100%;
  color:var(--bmis-on-dark);
  font-size:clamp(20px,2vw,25px);
  font-weight:var(--bmis-weight-heavy);
  line-height:var(--bmis-line-tight);
  overflow-wrap:anywhere;
}
body.forum-mis-authenticated:not(.managerMode) #standardDash .employeeIdentity p{
  margin:0;
  max-width:100%;
  color:#dbe7f0;
  font-size:var(--bmis-font-size-sm);
  line-height:var(--bmis-line-normal);
  overflow-wrap:anywhere;
}
body.forum-mis-authenticated:not(.managerMode) #standardDash .employeeHeroStatus{
  position:static;
  align-self:center;
  justify-self:end;
  min-width:0;
}
body.forum-mis-authenticated:not(.managerMode) #standardDash .syncPill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  max-width:210px;
  padding:7px 11px;
  border:1px solid rgba(255,255,255,.28);
  border-radius:var(--bmis-radius-pill);
  background:rgba(255,255,255,.10);
  color:var(--bmis-on-dark);
  font-size:var(--bmis-font-size-xs);
  font-weight:var(--bmis-weight-heavy);
  line-height:1.2;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

@media(max-width:760px){
  body.forum-mis-authenticated:not(.managerMode) #standardDash .employeeHero{
    min-height:0;
    padding:14px;
    grid-template-columns:minmax(0,1fr);
    gap:10px;
    align-items:start;
    border-radius:var(--bmis-radius-md);
  }
  body.forum-mis-authenticated:not(.managerMode) #standardDash .employeeIdentity{
    grid-template-columns:52px minmax(0,1fr);
    gap:10px;
    align-items:center;
  }
  body.forum-mis-authenticated:not(.managerMode) #standardDash .employeeLogoFallback,
  body.forum-mis-authenticated:not(.managerMode) #standardDash .employeeForumLogo{
    width:52px;
    height:52px;
    max-width:52px;
    max-height:52px;
    padding:4px;
    border-radius:var(--bmis-radius-md);
  }
  body.forum-mis-authenticated:not(.managerMode) #standardDash .employeeIdentity h2{
    font-size:18px;
    line-height:1.3;
  }
  body.forum-mis-authenticated:not(.managerMode) #standardDash .employeeIdentity p{
    font-size:11px;
  }
  body.forum-mis-authenticated:not(.managerMode) #standardDash .employeeHeroStatus{
    position:static!important;
    justify-self:start;
    padding-inline-start:62px;
    max-width:100%;
  }
  body.forum-mis-authenticated:not(.managerMode) #standardDash .syncPill{
    min-height:30px;
    max-width:min(220px,calc(100vw - 110px));
    padding:6px 9px;
    font-size:9px;
  }
}
@media(max-width:420px){
  body.forum-mis-authenticated:not(.managerMode) #standardDash .employeeHero{
    padding:12px;
  }
  body.forum-mis-authenticated:not(.managerMode) #standardDash .employeeIdentity{
    grid-template-columns:46px minmax(0,1fr);
    gap:9px;
  }
  body.forum-mis-authenticated:not(.managerMode) #standardDash .employeeLogoFallback,
  body.forum-mis-authenticated:not(.managerMode) #standardDash .employeeForumLogo{
    width:46px;
    height:46px;
    max-width:46px;
    max-height:46px;
  }
  body.forum-mis-authenticated:not(.managerMode) #standardDash .employeeHeroStatus{
    padding-inline-start:55px;
  }
}


/* Phase 5.4 — Employee KPI Cards.
   KPI strip only. Hero, header, actions and activity list remain untouched. */
body.forum-mis-authenticated:not(.managerMode) #standardDash .employeeKpis{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:var(--bmis-space-3);
  margin-bottom:14px;
}
body.forum-mis-authenticated:not(.managerMode) #standardDash .employeeKpi{
  position:relative;
  min-width:0;
  min-height:104px;
  padding:15px 16px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:6px;
  overflow:hidden;
  background:var(--bmis-surface);
  border:var(--bmis-border-width) solid var(--bmis-border);
  border-radius:var(--bmis-radius-md);
  box-shadow:var(--bmis-shadow-xs);
}
body.forum-mis-authenticated:not(.managerMode) #standardDash .employeeKpi::before{
  content:"";
  position:absolute;
  inset-block:0;
  inset-inline-start:0;
  width:3px;
  background:var(--bmis-role-accent);
  opacity:.88;
}
body.forum-mis-authenticated:not(.managerMode) #standardDash .employeeKpi span{
  display:block;
  min-width:0;
  color:var(--bmis-text-muted);
  font-size:11px;
  font-weight:var(--bmis-weight-bold);
  line-height:1.45;
  overflow-wrap:anywhere;
}
body.forum-mis-authenticated:not(.managerMode) #standardDash .employeeKpi strong{
  display:block;
  margin:0;
  min-width:0;
  color:var(--bmis-role-primary);
  font-size:clamp(25px,2.5vw,30px);
  font-weight:var(--bmis-weight-heavy);
  line-height:1.05;
  font-variant-numeric:tabular-nums;
  font-feature-settings:"tnum" 1;
  overflow-wrap:anywhere;
}
body.forum-mis-authenticated:not(.managerMode) #standardDash .employeeKpi:nth-child(2)::before{
  background:var(--bmis-warning);
}
body.forum-mis-authenticated:not(.managerMode) #standardDash .employeeKpi:nth-child(3)::before{
  background:var(--bmis-danger);
}
body.forum-mis-authenticated:not(.managerMode) #standardDash .employeeKpi:nth-child(4)::before{
  background:var(--bmis-info);
}

@media(max-width:760px){
  body.forum-mis-authenticated:not(.managerMode) #standardDash .employeeKpis{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
  }
  body.forum-mis-authenticated:not(.managerMode) #standardDash .employeeKpi{
    min-height:88px;
    padding:12px 13px;
    gap:5px;
  }
  body.forum-mis-authenticated:not(.managerMode) #standardDash .employeeKpi strong{
    font-size:23px;
  }
}
@media(max-width:360px){
  body.forum-mis-authenticated:not(.managerMode) #standardDash .employeeKpis{
    grid-template-columns:minmax(0,1fr);
  }
  body.forum-mis-authenticated:not(.managerMode) #standardDash .employeeKpi{
    min-height:76px;
  }
}


/* Phase 5.5 — Employee Recent Activities.
   Recent-activity section only. Runtime/rendering logic is unchanged. */
body.forum-mis-authenticated:not(.managerMode) #standardDash .dashboardSection:has(#recentActivities){
  padding:var(--bmis-space-4);
  background:var(--bmis-surface);
  border:var(--bmis-border-width) solid var(--bmis-border);
  border-radius:var(--bmis-radius-lg);
  box-shadow:var(--bmis-shadow-xs);
}
body.forum-mis-authenticated:not(.managerMode) #standardDash .dashboardSection:has(#recentActivities) .sectionHead{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:var(--bmis-space-3);
  margin-bottom:var(--bmis-space-3);
}
body.forum-mis-authenticated:not(.managerMode) #standardDash .dashboardSection:has(#recentActivities) .sectionHead>div{
  min-width:0;
}
body.forum-mis-authenticated:not(.managerMode) #standardDash .dashboardSection:has(#recentActivities) .sectionHead h3{
  margin:0 0 3px;
  color:var(--bmis-role-primary);
  font-size:16px;
  font-weight:var(--bmis-weight-heavy);
  line-height:1.35;
}
body.forum-mis-authenticated:not(.managerMode) #standardDash .dashboardSection:has(#recentActivities) .sectionHead span{
  display:block;
  color:var(--bmis-text-muted);
  font-size:var(--bmis-font-size-xs);
  line-height:var(--bmis-line-normal);
}
body.forum-mis-authenticated:not(.managerMode) #standardDash .dashboardSection:has(#recentActivities) .compactBtn{
  width:auto;
  min-width:82px;
  min-height:36px;
  padding:7px 11px;
  border-radius:var(--bmis-radius-sm);
  white-space:nowrap;
}
body.forum-mis-authenticated:not(.managerMode) #standardDash #recentActivities{
  display:grid;
  gap:9px;
}
body.forum-mis-authenticated:not(.managerMode) #standardDash #recentActivities .recentActivityCard{
  min-width:0;
  min-height:70px;
  padding:12px 13px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:var(--bmis-space-3);
  background:var(--bmis-surface);
  border:var(--bmis-border-width) solid #e1e7ed;
  border-radius:var(--bmis-radius-md);
  box-shadow:none;
}
body.forum-mis-authenticated:not(.managerMode) #standardDash #recentActivities .recentActivityCard>div{
  min-width:0;
}
body.forum-mis-authenticated:not(.managerMode) #standardDash #recentActivities .recentActivityCard h4{
  margin:0 0 6px;
  max-width:100%;
  color:var(--bmis-role-primary);
  font-size:13px;
  font-weight:var(--bmis-weight-heavy);
  line-height:1.45;
  overflow-wrap:anywhere;
}
body.forum-mis-authenticated:not(.managerMode) #standardDash #recentActivities .recentActivityMeta{
  min-width:0;
  display:flex;
  align-items:center;
  gap:5px 7px;
  flex-wrap:wrap;
  color:var(--bmis-text-muted);
  font-size:var(--bmis-font-size-xs);
  line-height:1.45;
}
body.forum-mis-authenticated:not(.managerMode) #standardDash #recentActivities .recentActivityMeta .badge{
  max-width:100%;
  padding:4px 7px;
  border-radius:var(--bmis-radius-pill);
  font-size:9px;
  line-height:1.25;
  white-space:normal;
}
body.forum-mis-authenticated:not(.managerMode) #standardDash #recentActivities .recentActivityCard>button{
  width:auto;
  min-width:92px;
  max-width:128px;
  min-height:38px;
  padding:8px 11px;
  justify-self:end;
  border-radius:var(--bmis-radius-sm);
  font-size:11px;
  font-weight:var(--bmis-weight-bold);
  line-height:1.25;
  white-space:nowrap;
  box-shadow:var(--bmis-shadow-xs);
}

@media(max-width:760px){
  body.forum-mis-authenticated:not(.managerMode) #standardDash .dashboardSection:has(#recentActivities){
    padding:13px;
  }
  body.forum-mis-authenticated:not(.managerMode) #standardDash .dashboardSection:has(#recentActivities) .sectionHead{
    grid-template-columns:minmax(0,1fr) auto;
    gap:8px;
  }
  body.forum-mis-authenticated:not(.managerMode) #standardDash .dashboardSection:has(#recentActivities) .compactBtn{
    min-width:74px;
    min-height:36px;
    padding:7px 9px;
    font-size:10px;
  }
  body.forum-mis-authenticated:not(.managerMode) #standardDash #recentActivities .recentActivityCard{
    grid-template-columns:minmax(0,1fr) auto;
    min-height:68px;
    padding:11px;
    gap:9px;
  }
  body.forum-mis-authenticated:not(.managerMode) #standardDash #recentActivities .recentActivityCard>button{
    width:auto!important;
    min-width:78px;
    max-width:96px;
    min-height:38px;
    padding:7px 9px;
    font-size:10px;
  }
}
@media(max-width:420px){
  body.forum-mis-authenticated:not(.managerMode) #standardDash #recentActivities .recentActivityCard{
    grid-template-columns:minmax(0,1fr);
  }
  body.forum-mis-authenticated:not(.managerMode) #standardDash #recentActivities .recentActivityCard>button{
    width:auto!important;
    min-width:92px;
    max-width:130px;
    justify-self:start;
  }
}


/* Phase 5.6 — Employee Action Hierarchy.
   Visual identity only: existing onclick handlers, IDs and runtime behavior remain untouched. */
body.forum-mis-authenticated:not(.managerMode) #standardDash .primaryActionCard{
  position:relative;
  display:grid;
  grid-template-columns:minmax(190px,230px) minmax(0,1fr);
  align-items:center;
  gap:var(--bmis-space-4);
  padding:13px 14px;
  margin-bottom:14px;
  overflow:hidden;
  background:linear-gradient(135deg,var(--bmis-surface) 0%,#f8fbfd 100%);
  border:var(--bmis-border-width) solid var(--bmis-border);
  border-radius:var(--bmis-radius-lg);
  box-shadow:var(--bmis-shadow-xs);
}
body.forum-mis-authenticated:not(.managerMode) #standardDash .primaryActionCard::before{
  content:"";
  position:absolute;
  inset-block:0;
  inset-inline-start:0;
  width:3px;
  background:var(--bmis-role-accent);
}
body.forum-mis-authenticated:not(.managerMode) #standardDash .primaryAddAction{
  width:100%;
  min-width:0;
  min-height:46px;
  padding:10px 15px;
  border-radius:var(--bmis-radius-md);
  font-size:13px;
  font-weight:var(--bmis-weight-heavy);
  line-height:1.3;
  box-shadow:var(--bmis-shadow-xs);
}
body.forum-mis-authenticated:not(.managerMode) #standardDash .primaryActionHint{
  min-width:0;
  margin:0;
  color:var(--bmis-text-muted);
  font-size:var(--bmis-font-size-xs);
  line-height:var(--bmis-line-relaxed);
  overflow-wrap:anywhere;
}
body.forum-mis-authenticated:not(.managerMode) #standardDash .employeeActionHub:not(.managerActionHub){
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin-bottom:14px;
}
body.forum-mis-authenticated:not(.managerMode) #standardDash .employeeActionHub:not(.managerActionHub)>.employeeActionTile{
  position:relative;
  min-width:0;
  min-height:96px;
  padding:13px;
  display:grid;
  grid-template-columns:38px minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  overflow:hidden;
  text-align:start;
  color:var(--bmis-role-primary);
  background:var(--bmis-surface);
  border:var(--bmis-border-width) solid var(--bmis-border);
  border-radius:var(--bmis-radius-md);
  box-shadow:var(--bmis-shadow-xs);
  transition:transform var(--bmis-motion-fast),box-shadow var(--bmis-motion-fast),border-color var(--bmis-motion-fast);
}
body.forum-mis-authenticated:not(.managerMode) #standardDash .employeeActionHub:not(.managerActionHub)>.employeeActionTile:hover{
  border-color:#bdccd9;
  box-shadow:var(--bmis-shadow-sm);
  transform:translateY(-1px);
}
body.forum-mis-authenticated:not(.managerMode) #standardDash .employeeActionHub:not(.managerActionHub)>.employeeActionTile:active{
  transform:translateY(0);
  box-shadow:var(--bmis-shadow-xs);
}
body.forum-mis-authenticated:not(.managerMode) #standardDash .employeeActionHub:not(.managerActionHub) .actionTileIcon{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  align-self:start;
  border-radius:12px;
  background:var(--bmis-role-primary-soft);
  border:1px solid #dbe7f0;
  color:var(--bmis-role-primary);
  font-size:17px;
  font-weight:var(--bmis-weight-heavy);
  line-height:1;
}
body.forum-mis-authenticated:not(.managerMode) #standardDash .employeeActionHub:not(.managerActionHub) .actionTileText{
  min-width:0;
  align-self:center;
}
body.forum-mis-authenticated:not(.managerMode) #standardDash .employeeActionHub:not(.managerActionHub) .actionTileText b{
  display:block;
  margin:0;
  color:var(--bmis-role-primary);
  font-size:12px;
  font-weight:var(--bmis-weight-heavy);
  line-height:1.4;
  overflow-wrap:anywhere;
}
body.forum-mis-authenticated:not(.managerMode) #standardDash .employeeActionHub:not(.managerActionHub) .actionTileText small{
  display:block;
  margin-top:4px;
  color:var(--bmis-text-muted);
  font-size:10px;
  font-weight:var(--bmis-weight-medium);
  line-height:1.45;
  overflow-wrap:anywhere;
}
body.forum-mis-authenticated:not(.managerMode) #standardDash .employeeActionHub:not(.managerActionHub) .actionTileArrow{
  align-self:center;
  color:var(--bmis-text-subtle);
  font-size:18px;
  font-weight:var(--bmis-weight-bold);
  line-height:1;
}
body.forum-mis-authenticated:not(.managerMode) #standardDash .employeeActionHub:not(.managerActionHub) .supportInlineCount{
  position:absolute;
  inset-block-start:8px;
  inset-inline-end:8px;
  min-width:19px;
  height:19px;
  padding-inline:5px;
  display:grid;
  place-items:center;
  border-radius:var(--bmis-radius-pill);
  background:var(--bmis-danger);
  color:#fff;
  font-size:9px;
  font-weight:var(--bmis-weight-heavy);
  line-height:1;
}

@media(max-width:900px){
  body.forum-mis-authenticated:not(.managerMode) #standardDash .employeeActionHub:not(.managerActionHub){
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:760px){
  body.forum-mis-authenticated:not(.managerMode) #standardDash .primaryActionCard{
    grid-template-columns:minmax(0,1fr);
    gap:8px;
    padding:12px;
  }
  body.forum-mis-authenticated:not(.managerMode) #standardDash .primaryAddAction{
    min-height:48px;
  }
  body.forum-mis-authenticated:not(.managerMode) #standardDash .primaryActionHint{
    margin:0;
    padding-inline:2px;
  }
  body.forum-mis-authenticated:not(.managerMode) #standardDash .employeeActionHub:not(.managerActionHub){
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
  }
  body.forum-mis-authenticated:not(.managerMode) #standardDash .employeeActionHub:not(.managerActionHub)>.employeeActionTile{
    min-height:90px;
    padding:11px;
    grid-template-columns:34px minmax(0,1fr) auto;
    gap:8px;
  }
  body.forum-mis-authenticated:not(.managerMode) #standardDash .employeeActionHub:not(.managerActionHub) .actionTileIcon{
    width:34px;
    height:34px;
    border-radius:10px;
    font-size:15px;
  }
}
@media(max-width:380px){
  body.forum-mis-authenticated:not(.managerMode) #standardDash .employeeActionHub:not(.managerActionHub){
    grid-template-columns:minmax(0,1fr);
  }
  body.forum-mis-authenticated:not(.managerMode) #standardDash .employeeActionHub:not(.managerActionHub)>.employeeActionTile{
    min-height:78px;
  }
}


/* Phase 5.6 mobile correction — compact horizontal action tiles.
   Visual-only override for employee mobile; handlers and DOM behavior are untouched. */
@media(max-width:760px){
  body.forum-mis-authenticated:not(.managerMode) #standardDash .employeeActionHub:not(.managerActionHub){
    grid-template-columns:minmax(0,1fr);
    gap:8px;
  }
  body.forum-mis-authenticated:not(.managerMode) #standardDash .employeeActionHub:not(.managerActionHub)>.employeeActionTile{
    width:100%;
    min-height:70px;
    padding:10px 12px;
    grid-template-columns:36px minmax(0,1fr) 18px;
    gap:10px;
    align-items:center;
    border-radius:14px;
    text-align:start;
  }
  body.forum-mis-authenticated:not(.managerMode) #standardDash .employeeActionHub:not(.managerActionHub) .actionTileIcon{
    width:36px;
    height:36px;
    align-self:center;
    border-radius:10px;
    font-size:15px;
  }
  body.forum-mis-authenticated:not(.managerMode) #standardDash .employeeActionHub:not(.managerActionHub) .actionTileText{
    display:block;
    align-self:center;
  }
  body.forum-mis-authenticated:not(.managerMode) #standardDash .employeeActionHub:not(.managerActionHub) .actionTileText b{
    font-size:12px;
    line-height:1.35;
  }
  body.forum-mis-authenticated:not(.managerMode) #standardDash .employeeActionHub:not(.managerActionHub) .actionTileText small{
    display:block;
    margin-top:3px;
    font-size:9.5px;
    line-height:1.35;
  }
  body.forum-mis-authenticated:not(.managerMode) #standardDash .employeeActionHub:not(.managerActionHub) .actionTileArrow{
    justify-self:end;
    align-self:center;
    font-size:17px;
  }
  body.forum-mis-authenticated:not(.managerMode) #standardDash .employeeActionHub:not(.managerActionHub) .supportInlineCount{
    inset-block-start:7px;
    inset-inline-end:7px;
  }
}
@media(max-width:420px){
  body.forum-mis-authenticated:not(.managerMode) #standardDash .employeeActionHub:not(.managerActionHub)>.employeeActionTile{
    min-height:68px;
    padding:9px 10px;
    grid-template-columns:34px minmax(0,1fr) 16px;
    gap:9px;
  }
  body.forum-mis-authenticated:not(.managerMode) #standardDash .employeeActionHub:not(.managerActionHub) .actionTileIcon{
    width:34px;
    height:34px;
  }
}