/* SVS ERP UI2 — Structural Redesign Overlay
   Frontend-only. Extends UI1. */

:root{
  --ui2-bg:#f4f9fa;
  --ui2-panel:#ffffff;
  --ui2-line:#dce8ea;
  --ui2-text:#10233f;
  --ui2-muted:#718399;
  --ui2-teal:#0f8f99;
  --ui2-teal-2:#18b7b3;
  --ui2-aqua:#78ddd8;
  --ui2-aqua-soft:#e4f8f6;
  --ui2-dark:#073f49;
  --ui2-shadow:0 4px 16px rgba(12,57,70,.05);
}

/* Global spacing and lighter surfaces */
body:not(.dark) .main-content{background:var(--ui2-bg)!important;}
body:not(.dark) .page{max-width:none!important;width:100%!important;padding:18px 20px 28px!important;}
body:not(.dark) .panel{
  background:#fff!important;
  border:1px solid var(--ui2-line)!important;
  border-radius:14px!important;
  box-shadow:var(--ui2-shadow)!important;
}
body:not(.dark) .panel-header{margin-bottom:12px!important;}
body:not(.dark) .panel-header h2,
body:not(.dark) .panel-header h3{letter-spacing:-.02em!important;}
body:not(.dark) .muted-text,
body:not(.dark) .panel-header p,
body:not(.dark) small{color:var(--ui2-muted)!important;}

/* Sidebar structural polish + requested aqua geometric motif */
body:not(.dark) .sidebar{
  /* UI2-FIX1: preserve original fixed/positioned sidebar geometry. */
  overflow:hidden!important;
}
body:not(.dark) .sidebar::before,
body:not(.dark) .sidebar::after{
  content:""!important;
  position:absolute!important;
  pointer-events:none!important;
  z-index:0!important;
  opacity:.72!important;
}
body:not(.dark) .sidebar::before{
  left:-28px!important;
  bottom:115px!important;
  width:210px!important;
  height:150px!important;
  background:
    linear-gradient(135deg,transparent 38%,rgba(82,205,205,.16) 39%,rgba(82,205,205,.16) 53%,transparent 54%),
    linear-gradient(45deg,transparent 42%,rgba(111,225,219,.11) 43%,rgba(111,225,219,.11) 58%,transparent 59%)!important;
  transform:skewX(-10deg) rotate(-5deg)!important;
}
body:not(.dark) .sidebar::after{
  left:-6px!important;
  bottom:80px!important;
  width:150px!important;
  height:95px!important;
  background:
    linear-gradient(135deg,transparent 28%,rgba(113,229,222,.22) 29%,rgba(113,229,222,.22) 46%,transparent 47%),
    linear-gradient(45deg,transparent 48%,rgba(43,183,186,.18) 49%,rgba(43,183,186,.18) 66%,transparent 67%)!important;
  transform:rotate(4deg)!important;
}
body:not(.dark) .sidebar>*{position:relative!important;z-index:1!important;}
body:not(.dark) .nav-item{min-height:46px!important;padding:0 14px!important;}
body:not(.dark) .nav-item.active{
  background:linear-gradient(135deg,#0f949c,#19b8b4)!important;
  box-shadow:0 5px 14px rgba(7,139,148,.14)!important;
}
body:not(.dark) .sidebar-footer{background:linear-gradient(180deg,transparent,rgba(5,50,58,.15))!important;}

/* Dashboard: balanced 2-column operations bento */
body:not(.dark) #page-role-home{max-width:1500px!important;margin:0 auto!important;}
body:not(.dark) #page-role-home .svs-home-welcome{margin:0 0 14px!important;}
body:not(.dark) #page-role-home .svs-home-welcome h2{font-size:30px!important;letter-spacing:-.035em!important;}
body:not(.dark) #page-role-home .svs-culture-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1.48fr) minmax(340px,.82fr)!important;
  gap:14px!important;
  align-items:start!important;
}
body:not(.dark) #page-role-home .svs-culture-column{display:contents!important;}
body:not(.dark) #page-role-home .svs-quote-card{
  grid-column:1!important;grid-row:1!important;min-height:190px!important;
  padding:24px 30px!important;
  background:linear-gradient(120deg,#f8fdfd 0%,#eefafa 64%,#e2f7f5 100%)!important;
  border-color:#d6ecea!important;
}
body:not(.dark) #page-role-home .svs-home-birthdays{grid-column:2!important;grid-row:1!important;}
body:not(.dark) #page-role-home .svs-home-announcements{grid-column:1!important;grid-row:2!important;}
body:not(.dark) #page-role-home .svs-home-anniversaries{grid-column:2!important;grid-row:2!important;}
body:not(.dark) #page-role-home .svs-home-recognition:not(.svs-home-monthly-recognition){grid-column:1!important;grid-row:3!important;}
body:not(.dark) #page-role-home .svs-home-monthly-recognition{grid-column:2!important;grid-row:3!important;}
body:not(.dark) #page-role-home .svs-managed-companies-panel{grid-column:1/-1!important;}
body:not(.dark) #page-role-home .svs-announcement-list,
body:not(.dark) #page-role-home .svs-recognition-list,
body:not(.dark) #page-role-home .svs-people-list{max-height:330px!important;overflow:auto!important;}

/* Command Center: fully light while preserving projector behavior */
body:not(.dark) #page-command-center{background:var(--ui2-bg)!important;color:var(--ui2-text)!important;}
body:not(.dark) #page-command-center .command-center-shell{background:transparent!important;color:var(--ui2-text)!important;border:0!important;box-shadow:none!important;padding:0!important;}
body:not(.dark) #page-command-center .command-center-header{
  background:linear-gradient(115deg,#07515c 0%,#0c737c 70%,#20b7b3 100%)!important;
  color:#fff!important;border:0!important;border-radius:16px!important;
  padding:16px 18px!important;box-shadow:0 8px 24px rgba(8,83,92,.13)!important;
}
body:not(.dark) #page-command-center .command-center-brand h2,
body:not(.dark) #page-command-center .command-center-brand span{color:#fff!important;}
body:not(.dark) #page-command-center .command-center-logo{background:#fff!important;color:#0b7d85!important;}
body:not(.dark) #page-command-center .command-clock-row,
body:not(.dark) #page-command-center .command-view-tabs,
body:not(.dark) #page-command-center .command-shift-lane,
body:not(.dark) #page-command-center .command-panel,
body:not(.dark) #page-command-center .command-ranking,
body:not(.dark) #page-command-center .command-pending-breakdown,
body:not(.dark) #page-command-center .command-cfpb-assignment-guide,
body:not(.dark) #page-command-center .command-cfpb-load-grid,
body:not(.dark) #page-command-center .command-monthly-workers{
  background:#fff!important;color:var(--ui2-text)!important;
  border:1px solid var(--ui2-line)!important;border-radius:14px!important;
  box-shadow:var(--ui2-shadow)!important;
}
body:not(.dark) #page-command-center .command-shift-board,
body:not(.dark) #page-command-center .command-funnel-board{
  display:grid!important;grid-template-columns:1fr 1fr!important;gap:14px!important;
  background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;
}
body:not(.dark) #page-command-center .command-shift-stats>div,
body:not(.dark) #page-command-center .command-funnel-stats>div,
body:not(.dark) #page-command-center .command-metric-grid>div,
body:not(.dark) #page-command-center .command-monthly-totals>div{
  background:#f8fbfc!important;color:var(--ui2-text)!important;border:1px solid var(--ui2-line)!important;
  border-radius:12px!important;box-shadow:none!important;
}
body:not(.dark) #page-command-center .command-shift-stats>div.done{background:#eefaf7!important;border-color:#bce7da!important;}
body:not(.dark) #page-command-center .command-shift-stats>div.open{background:#fff9ed!important;border-color:#f0d8aa!important;}
body:not(.dark) #page-command-center .command-shift-stats>div.issue{background:#fff2f3!important;border-color:#efc5ca!important;}
body:not(.dark) #page-command-center .command-cfpb-load-card,
body:not(.dark) #page-command-center .command-rank-item,
body:not(.dark) #page-command-center .command-monthly-worker,
body:not(.dark) #page-command-center .command-feed-item{
  background:#f9fcfc!important;color:var(--ui2-text)!important;border-color:#e3ecee!important;
}

/* Clients: compact workspace */
body:not(.dark) #page-cases{max-width:1600px!important;margin:0 auto!important;}
body:not(.dark) #page-cases .cases-v2-hero{padding:16px 18px!important;background:linear-gradient(105deg,#fff 0%,#f5fbfb 72%,#e8f8f7 100%)!important;}
body:not(.dark) #page-cases .cases-filter-panel{padding:14px 16px!important;}
body:not(.dark) #page-cases .quick-filter-row{gap:6px!important;}
body:not(.dark) #page-cases .quick-filter-chip{padding:7px 10px!important;font-size:11px!important;}
body:not(.dark) #page-cases .case-summary-grid{gap:10px!important;}
body:not(.dark) #page-cases .case-summary-card{min-height:82px!important;padding:13px 15px!important;background:#fff!important;}
body:not(.dark) #page-cases .case-summary-card strong{font-size:25px!important;}
body:not(.dark) #page-cases #casesTablePanel{padding:0!important;overflow:hidden!important;}
body:not(.dark) #page-cases #casesTablePanel table{font-size:11px!important;}
body:not(.dark) #page-cases #casesTablePanel th{height:42px!important;white-space:nowrap!important;}
body:not(.dark) #page-cases #casesTablePanel td{padding-top:9px!important;padding-bottom:9px!important;}

/* Today's Work: denser, scannable work cards */
body:not(.dark) #page-todays-work{max-width:1550px!important;margin:0 auto!important;}
body:not(.dark) #page-todays-work .today-summary-grid{
  grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:10px!important;
}
body:not(.dark) #page-todays-work .today-summary-card{min-height:82px!important;padding:13px 15px!important;}
body:not(.dark) #page-todays-work .today-summary-card strong{font-size:25px!important;}
body:not(.dark) #page-todays-work .today-work-list{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;
}
body:not(.dark) #page-todays-work .today-work-list>*{
  margin:0!important;min-height:92px!important;background:#fff!important;
  border:1px solid #dde8ea!important;border-left:3px solid #58c9c4!important;
  border-radius:12px!important;box-shadow:none!important;padding:12px 14px!important;
}

/* Letter Generator: balanced workstation, preview stays visible */
body:not(.dark) #page-letter-generator{max-width:1600px!important;margin:0 auto!important;}
body:not(.dark) #page-letter-generator .letter-hero{
  background:linear-gradient(108deg,#fff 0%,#f7fcfc 70%,#e9f8f7 100%)!important;
  padding:16px 18px!important;
}
body:not(.dark) #page-letter-generator .letter-layout{
  display:grid!important;grid-template-columns:minmax(0,1.55fr) minmax(360px,.72fr)!important;
  gap:14px!important;align-items:start!important;
}
body:not(.dark) #page-letter-generator .letter-builder-panel{padding:16px!important;}
body:not(.dark) #page-letter-generator .letter-preview-panel{
  position:sticky!important;top:78px!important;max-height:calc(100vh - 96px)!important;
  overflow:auto!important;padding:15px!important;
}
body:not(.dark) #page-letter-generator .letter-supplemental-strip{
  padding:12px!important;background:#f5fbfb!important;
}
body:not(.dark) #page-letter-generator .letter-supplemental-grid{gap:10px!important;}
body:not(.dark) #page-letter-generator .letter-supplemental-card{
  padding:11px!important;border-radius:11px!important;box-shadow:none!important;
}

/* AI Letter Writer: use full width, remove dark legacy islands */
body:not(.dark) #page-ai-letter-writer{max-width:1600px!important;margin:0 auto!important;}
body:not(.dark) #page-ai-letter-writer .aiw-layout,
body:not(.dark) #page-ai-letter-writer .aiw-main-grid,
body:not(.dark) #page-ai-letter-writer .aiw-workspace{
  width:100%!important;max-width:none!important;
}
body:not(.dark) #page-ai-letter-writer .aiw-main-grid{
  display:grid!important;grid-template-columns:minmax(0,1.3fr) minmax(360px,.7fr)!important;gap:14px!important;
}
body:not(.dark) #page-ai-letter-writer .aiw-field,
body:not(.dark) #page-ai-letter-writer .aiw-panel,
body:not(.dark) #page-ai-letter-writer .aiw-impact-picker,
body:not(.dark) #page-ai-letter-writer .aiw-usage-card,
body:not(.dark) #page-ai-letter-writer .aiw-drafts-panel{
  background:#fff!important;color:var(--ui2-text)!important;
  border:1px solid var(--ui2-line)!important;border-radius:12px!important;box-shadow:none!important;
}
body:not(.dark) #page-ai-letter-writer .aiw-impact-picker{
  background:#f6fbfb!important;
}
body:not(.dark) #page-ai-letter-writer .aiw-usage-grid{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;
}
body:not(.dark) #page-ai-letter-writer .aiw-usage-card{
  min-height:88px!important;padding:14px!important;
}
body:not(.dark) #page-ai-letter-writer .aiw-usage-card strong{color:var(--ui2-text)!important;}

/* Reports / Team / Payroll / Companies / Content: unified spacing */
body:not(.dark) #page-reports,
body:not(.dark) #page-staff,
body:not(.dark) #page-payroll,
body:not(.dark) #page-companies,
body:not(.dark) #page-content-creation,
body:not(.dark) #page-attendance,
body:not(.dark) #page-settings{
  max-width:1600px!important;margin:0 auto!important;
}
body:not(.dark) #page-reports .panel,
body:not(.dark) #page-staff .panel,
body:not(.dark) #page-payroll .panel,
body:not(.dark) #page-companies .panel,
body:not(.dark) #page-content-creation .panel{
  margin-bottom:12px!important;
}
body:not(.dark) .content-kpis,
body:not(.dark) .settings-dashboard-grid,
body:not(.dark) .staff-360-kpis{
  gap:10px!important;
}
body:not(.dark) .content-kpis article,
body:not(.dark) .staff-360-kpis article,
body:not(.dark) .settings-dashboard-grid article{
  min-height:86px!important;
}

/* Login refinement: same brand, cleaner split */
body:not(.dark) .login-screen{
  background:
    radial-gradient(circle at 78% 10%,rgba(120,221,216,.16),transparent 28%),
    linear-gradient(180deg,#fbfefe,#f3fbfb)!important;
}
body:not(.dark) .login-screen>.login-brand-panel{
  background:
    radial-gradient(circle at 84% 76%,rgba(174,242,238,.30),transparent 34%),
    linear-gradient(145deg,#07515c 0%,#0c727c 50%,#4dcac6 100%)!important;
}
body:not(.dark) .login-screen>.login-brand-panel::before,
body:not(.dark) .login-screen>.login-brand-panel::after{
  opacity:.9!important;
}

/* Responsive */
@media(max-width:1100px){
  body:not(.dark) #page-role-home .svs-culture-grid,
  body:not(.dark) #page-command-center .command-shift-board,
  body:not(.dark) #page-command-center .command-funnel-board,
  body:not(.dark) #page-letter-generator .letter-layout,
  body:not(.dark) #page-ai-letter-writer .aiw-main-grid{
    grid-template-columns:1fr!important;
  }
  body:not(.dark) #page-role-home .svs-quote-card,
  body:not(.dark) #page-role-home .svs-home-birthdays,
  body:not(.dark) #page-role-home .svs-home-announcements,
  body:not(.dark) #page-role-home .svs-home-anniversaries,
  body:not(.dark) #page-role-home .svs-home-recognition,
  body:not(.dark) #page-role-home .svs-home-monthly-recognition{
    grid-column:1!important;grid-row:auto!important;
  }
  body:not(.dark) #page-letter-generator .letter-preview-panel{position:static!important;max-height:none!important;}
}
@media(max-width:850px){
  body:not(.dark) #page-todays-work .today-summary-grid,
  body:not(.dark) #page-ai-letter-writer .aiw-usage-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body:not(.dark) #page-todays-work .today-work-list{grid-template-columns:1fr!important;}
}


/* UI2-FIX1 — Letter Generator supplemental choices */
body:not(.dark) #page-letter-generator .letter-supplemental-card .supplemental-choice{
  display:grid!important;
  grid-template-columns:22px minmax(0,1fr)!important;
  align-items:center!important;
  column-gap:10px!important;
  row-gap:0!important;
  width:100%!important;
  padding:2px 0 4px!important;
  cursor:pointer!important;
}
body:not(.dark) #page-letter-generator .letter-supplemental-card .supplemental-choice > input[type="checkbox"]{
  position:absolute!important;
  opacity:0!important;
  width:1px!important;
  height:1px!important;
  pointer-events:none!important;
}
body:not(.dark) #page-letter-generator .letter-supplemental-card .supplemental-check-ui{
  grid-column:1!important;
  width:20px!important;
  height:20px!important;
  border-radius:6px!important;
  border:1.5px solid #9fc7c8!important;
  background:#fff!important;
  box-shadow:0 1px 3px rgba(10,82,90,.06)!important;
  display:grid!important;
  place-items:center!important;
  transition:background .12s ease,border-color .12s ease,box-shadow .12s ease!important;
}
body:not(.dark) #page-letter-generator .letter-supplemental-card .supplemental-check-ui::after{
  content:""!important;
  width:8px!important;
  height:4px!important;
  border-left:2px solid #fff!important;
  border-bottom:2px solid #fff!important;
  transform:rotate(-45deg) scale(0)!important;
  margin-top:-2px!important;
  transition:transform .12s ease!important;
}
body:not(.dark) #page-letter-generator .letter-supplemental-card .supplemental-choice > input[type="checkbox"]:checked + .supplemental-check-ui{
  background:linear-gradient(135deg,#0f929b,#16b8b4)!important;
  border-color:#0f929b!important;
  box-shadow:0 3px 8px rgba(15,146,155,.16)!important;
}
body:not(.dark) #page-letter-generator .letter-supplemental-card .supplemental-choice > input[type="checkbox"]:checked + .supplemental-check-ui::after{
  transform:rotate(-45deg) scale(1)!important;
}
body:not(.dark) #page-letter-generator .letter-supplemental-card .supplemental-choice > input[type="checkbox"]:focus-visible + .supplemental-check-ui{
  outline:3px solid rgba(20,184,166,.16)!important;
  outline-offset:2px!important;
}
body:not(.dark) #page-letter-generator .letter-supplemental-card .supplemental-choice > strong{
  grid-column:2!important;
  margin:0!important;
  font-size:14px!important;
  line-height:1.3!important;
  color:var(--ui2-text)!important;
}


/* UI2-FIX2 — structural cleanup + usability polish */
body:not(.dark) #page-role-home .svs-culture-grid{
  grid-template-columns:minmax(0,1.45fr) minmax(340px,.82fr)!important;
  gap:14px!important;
  align-items:start!important;
}
body:not(.dark) #page-role-home .svs-culture-column{
  display:grid!important;
  gap:14px!important;
  align-content:start!important;
}
body:not(.dark) #page-role-home .svs-quote-card,
body:not(.dark) #page-role-home .svs-home-birthdays,
body:not(.dark) #page-role-home .svs-home-announcements,
body:not(.dark) #page-role-home .svs-home-anniversaries,
body:not(.dark) #page-role-home .svs-home-recognition,
body:not(.dark) #page-role-home .svs-home-monthly-recognition{
  grid-column:auto!important;
  grid-row:auto!important;
}
body:not(.dark) #page-role-home .svs-quote-card{min-height:212px!important;}
body:not(.dark) #page-role-home .svs-home-announcements,
body:not(.dark) #page-role-home .svs-home-anniversaries,
body:not(.dark) #page-role-home .svs-home-recognition,
body:not(.dark) #page-role-home .svs-home-monthly-recognition{margin-top:0!important;}

body:not(.dark) #page-command-center .command-panel,
body:not(.dark) #page-command-center .command-ranking,
body:not(.dark) #page-command-center .command-pending-breakdown,
body:not(.dark) #page-command-center .command-cfpb-assignment-guide,
body:not(.dark) #page-command-center .command-cfpb-load-grid,
body:not(.dark) #page-command-center .command-monthly-workers,
body:not(.dark) #page-command-center .command-clock-row,
body:not(.dark) #page-command-center .command-view-tabs,
body:not(.dark) #page-command-center .command-shift-lane{
  color:var(--ui2-text)!important;
}
body:not(.dark) #page-command-center .command-panel h2,
body:not(.dark) #page-command-center .command-panel h3,
body:not(.dark) #page-command-center .command-panel strong,
body:not(.dark) #page-command-center .command-ranking h2,
body:not(.dark) #page-command-center .command-ranking h3,
body:not(.dark) #page-command-center .command-cfpb-assignment-guide strong,
body:not(.dark) #page-command-center .command-cfpb-load-card strong,
body:not(.dark) #page-command-center .command-monthly-worker strong{
  color:#10233f!important;
}
body:not(.dark) #page-command-center .command-panel p,
body:not(.dark) #page-command-center .command-panel span,
body:not(.dark) #page-command-center .command-panel small,
body:not(.dark) #page-command-center .command-ranking p,
body:not(.dark) #page-command-center .command-ranking span,
body:not(.dark) #page-command-center .command-ranking small,
body:not(.dark) #page-command-center .command-cfpb-load-card p,
body:not(.dark) #page-command-center .command-cfpb-load-card span,
body:not(.dark) #page-command-center .command-cfpb-load-card small,
body:not(.dark) #page-command-center .command-monthly-worker p,
body:not(.dark) #page-command-center .command-monthly-worker span,
body:not(.dark) #page-command-center .command-monthly-worker small{
  color:#6f8196!important;
  opacity:1!important;
}
body:not(.dark) #page-command-center .command-cfpb-load-card,
body:not(.dark) #page-command-center .command-monthly-worker,
body:not(.dark) #page-command-center .command-rank-item,
body:not(.dark) #page-command-center .command-feed-item{
  background:#ffffff!important;
  border:1px solid #d7e6e9!important;
}
body:not(.dark) #page-command-center .command-cfpb-assignment-guide{
  background:linear-gradient(135deg,#083e58,#085c74)!important;
  border-color:#0b7284!important;
}
body:not(.dark) #page-command-center .command-cfpb-assignment-guide,
body:not(.dark) #page-command-center .command-cfpb-assignment-guide *{color:#f7feff!important;opacity:1!important;}
body:not(.dark) #page-command-center .command-shift-stats > div,
body:not(.dark) #page-command-center .command-funnel-stats > div,
body:not(.dark) #page-command-center .command-metric-grid > div,
body:not(.dark) #page-command-center .command-monthly-totals > div{padding:14px!important;}
body:not(.dark) #page-command-center .command-shift-stats > div strong,
body:not(.dark) #page-command-center .command-funnel-stats > div strong,
body:not(.dark) #page-command-center .command-metric-grid > div strong{font-size:15px!important;}
body:not(.dark) #page-command-center .command-cfpb-load-card{box-shadow:0 2px 10px rgba(16,35,63,.05)!important;}

body:not(.dark) #page-cases .client-filter-menu{position:relative!important;z-index:3!important;}
body:not(.dark) #page-cases .client-filter-menu[open]{z-index:25!important;}
body:not(.dark) #page-cases .client-filter-menu[open] summary{border-color:#7fcfce!important;box-shadow:0 0 0 3px rgba(24,183,179,.08)!important;}
body:not(.dark) #page-cases .client-filter-checks{
  position:absolute!important;
  left:0!important;right:0!important;top:calc(100% + 8px)!important;
  background:#fff!important;
  border:1px solid var(--ui2-line)!important;
  border-radius:12px!important;
  box-shadow:0 14px 28px rgba(16,35,63,.12)!important;
  max-height:320px!important;
  overflow:auto!important;
  padding:8px!important;
}
body:not(.dark) #page-cases .client-filter-checks label,
body:not(.dark) #page-cases .client-filter-checks .checkbox-field,
body:not(.dark) #page-cases .client-filter-checks span,
body:not(.dark) #page-cases .client-filter-checks strong{
  color:var(--ui2-text)!important;
  opacity:1!important;
}
body:not(.dark) #page-cases .client-filter-checks label{
  display:flex!important;align-items:center!important;gap:10px!important;
  padding:8px 10px!important;border-radius:10px!important;
}
body:not(.dark) #page-cases .client-filter-checks label:hover{background:#f5fbfb!important;}

body:not(.dark) #page-bulk-import{max-width:1600px!important;margin:0 auto!important;}
body:not(.dark) #page-bulk-import .bulk-layout{
  grid-template-columns:minmax(0,1.55fr) minmax(340px,.78fr)!important;
  gap:14px!important;
  align-items:start!important;
}
body:not(.dark) #page-bulk-import textarea{min-height:260px!important;}
body:not(.dark) #page-bulk-import .preview-panel{position:sticky!important;top:78px!important;}

body:not(.dark) #page-my-workspace{max-width:1600px!important;margin:0 auto!important;}
body:not(.dark) #page-my-workspace .attendance-summary-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
  margin:12px 0 14px!important;
}
body:not(.dark) #page-my-workspace .attendance-summary-grid article{
  background:#fff!important;
  border:1px solid var(--ui2-line)!important;
  border-radius:14px!important;
  box-shadow:var(--ui2-shadow)!important;
  padding:14px 16px!important;
  min-height:92px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:space-between!important;
}
body:not(.dark) #page-my-workspace .attendance-summary-grid span{color:var(--ui2-muted)!important;font-size:12px!important;font-weight:700!important;}
body:not(.dark) #page-my-workspace .attendance-summary-grid strong{color:var(--ui2-text)!important;font-size:30px!important;line-height:1!important;}
body:not(.dark) #page-my-workspace .self-service-layout{display:grid!important;grid-template-columns:1fr 1fr!important;gap:14px!important;}

body:not(.dark) #page-letter-generator label.field:has(#letterLexisNexisTemplate) small,
body:not(.dark) #page-letter-generator label.field:has(#letterInnovisTemplate) small{display:none!important;}
body:not(.dark) #page-letter-generator .letter-supplemental-card .field:has(#letterLexisNexisTemplate),
body:not(.dark) #page-letter-generator .letter-supplemental-card .field:has(#letterInnovisTemplate){gap:6px!important;}

body:not(.dark) #page-letter-generator .supplemental-choice > input[type="checkbox"],
body:not(.dark) #page-letter-generator #ftcEnabled,
body:not(.dark) #page-ai-letter-writer .aiw-check input[type="checkbox"],
body:not(.dark) #page-ai-letter-writer .aiw-bureau-chip input[type="checkbox"],
body:not(.dark) #page-users .role-permission-item input[type="checkbox"],
body:not(.dark) #page-cases .client-filter-checks input[type="checkbox"],
body:not(.dark) #page-bulk-import .checkbox-field input[type="checkbox"]{
  appearance:none!important;
  -webkit-appearance:none!important;
  width:18px!important;height:18px!important;min-width:18px!important;
  border-radius:6px!important;
  border:1.5px solid #9fc7c8!important;
  background:#fff!important;
  box-shadow:0 1px 3px rgba(10,82,90,.06)!important;
  display:inline-grid!important;place-items:center!important;
  margin:0!important;position:relative!important;
}
body:not(.dark) #page-letter-generator .supplemental-choice > input[type="checkbox"]::after,
body:not(.dark) #page-letter-generator #ftcEnabled::after,
body:not(.dark) #page-ai-letter-writer .aiw-check input[type="checkbox"]::after,
body:not(.dark) #page-ai-letter-writer .aiw-bureau-chip input[type="checkbox"]::after,
body:not(.dark) #page-users .role-permission-item input[type="checkbox"]::after,
body:not(.dark) #page-cases .client-filter-checks input[type="checkbox"]::after,
body:not(.dark) #page-bulk-import .checkbox-field input[type="checkbox"]::after{
  content:""!important;
  width:8px!important;height:4px!important;
  border-left:2px solid #fff!important;border-bottom:2px solid #fff!important;
  transform:rotate(-45deg) scale(0)!important;
  margin-top:-2px!important;
  transition:transform .12s ease!important;
}
body:not(.dark) #page-letter-generator .supplemental-choice > input[type="checkbox"]:checked,
body:not(.dark) #page-letter-generator #ftcEnabled:checked,
body:not(.dark) #page-ai-letter-writer .aiw-check input[type="checkbox"]:checked,
body:not(.dark) #page-ai-letter-writer .aiw-bureau-chip input[type="checkbox"]:checked,
body:not(.dark) #page-users .role-permission-item input[type="checkbox"]:checked,
body:not(.dark) #page-cases .client-filter-checks input[type="checkbox"]:checked,
body:not(.dark) #page-bulk-import .checkbox-field input[type="checkbox"]:checked{
  background:linear-gradient(135deg,#0f929b,#16b8b4)!important;
  border-color:#0f929b!important;
  box-shadow:0 3px 8px rgba(15,146,155,.16)!important;
}
body:not(.dark) #page-letter-generator .supplemental-choice > input[type="checkbox"]:checked::after,
body:not(.dark) #page-letter-generator #ftcEnabled:checked::after,
body:not(.dark) #page-ai-letter-writer .aiw-check input[type="checkbox"]:checked::after,
body:not(.dark) #page-ai-letter-writer .aiw-bureau-chip input[type="checkbox"]:checked::after,
body:not(.dark) #page-users .role-permission-item input[type="checkbox"]:checked::after,
body:not(.dark) #page-cases .client-filter-checks input[type="checkbox"]:checked::after,
body:not(.dark) #page-bulk-import .checkbox-field input[type="checkbox"]:checked::after{
  transform:rotate(-45deg) scale(1)!important;
}
body:not(.dark) #page-ai-letter-writer .aiw-check,
body:not(.dark) #page-bulk-import .checkbox-field{
  display:flex!important;align-items:center!important;gap:10px!important;
}
body:not(.dark) #page-ai-letter-writer .aiw-check{
  padding:10px 12px!important;border:1px solid var(--ui2-line)!important;
  border-radius:12px!important;background:#f9fcfc!important;font-weight:700!important;color:var(--ui2-text)!important;
}
body:not(.dark) #page-ai-letter-writer .aiw-check + small{display:block!important;margin-top:8px!important;color:var(--ui2-muted)!important;}
body:not(.dark) #page-ai-letter-writer .aiw-bureaus{display:flex!important;flex-wrap:wrap!important;gap:10px!important;}
body:not(.dark) #page-ai-letter-writer .aiw-bureau-chip{
  display:flex!important;align-items:center!important;gap:8px!important;
  padding:10px 12px!important;border-radius:12px!important;
  background:#f8fbfc!important;border:1px solid var(--ui2-line)!important;
}

body:not(.dark) #page-users{max-width:1600px!important;margin:0 auto!important;}
body:not(.dark) #page-users .users-layout{
  display:grid!important;
  grid-template-columns:minmax(0,1.12fr) minmax(420px,.88fr)!important;
  gap:14px!important;
  align-items:start!important;
}
body:not(.dark) #page-users .settings-form{position:sticky!important;top:78px!important;}
body:not(.dark) #page-users .role-permission-grid{gap:10px!important;max-height:520px!important;padding-right:2px!important;}
body:not(.dark) #page-users .role-permission-item{
  display:grid!important;
  grid-template-columns:18px minmax(0,1fr)!important;
  gap:10px!important;align-items:start!important;
  background:linear-gradient(180deg,#fff,#f9fcfc)!important;
  border:1px solid var(--ui2-line)!important;
  border-radius:12px!important;padding:12px!important;
}
body:not(.dark) #page-users .role-permission-item strong{font-size:13px!important;color:var(--ui2-text)!important;}
body:not(.dark) #page-users .role-permission-item small{font-size:10px!important;color:var(--ui2-muted)!important;line-height:1.45!important;}
body:not(.dark) #page-users .role-permission-group{margin-top:4px!important;margin-bottom:-2px!important;}

body:not(.dark) #page-reports .reports-summary-grid,
body:not(.dark) #page-reports .report-summary-grid{gap:12px!important;}

@media(max-width:1100px){
  body:not(.dark) #page-role-home .svs-culture-grid,
  body:not(.dark) #page-bulk-import .bulk-layout,
  body:not(.dark) #page-users .users-layout,
  body:not(.dark) #page-my-workspace .self-service-layout{
    grid-template-columns:1fr!important;
  }
  body:not(.dark) #page-users .settings-form,
  body:not(.dark) #page-bulk-import .preview-panel{position:static!important;top:auto!important;}
}
@media(max-width:900px){
  body:not(.dark) #page-my-workspace .attendance-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:640px){
  body:not(.dark) #page-my-workspace .attendance-summary-grid{grid-template-columns:1fr!important;}
}


/* UI2-FIX3 — final screenshot-targeted polish only */

/* 1) Letter Generator: remove the tall empty left block and compact INDEX entry */
body:not(.dark) #page-letter-generator .letter-output-controls{
  display:grid!important;
  grid-template-columns:minmax(230px,.72fr) minmax(0,1.28fr)!important;
  gap:12px!important;
  align-items:start!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
  margin:10px 0 14px!important;
}
body:not(.dark) #page-letter-generator .letter-output-mode{
  align-self:start!important;
  background:#fff!important;
  border:1px solid var(--ui2-line)!important;
  border-radius:12px!important;
  padding:12px!important;
  min-height:0!important;
  height:auto!important;
  box-shadow:none!important;
}
body:not(.dark) #page-letter-generator .letter-output-mode small{
  margin-top:6px!important;
  line-height:1.4!important;
}
body:not(.dark) #page-letter-generator .letter-ftc-options{
  align-self:start!important;
  margin:0!important;
}
body:not(.dark) #page-letter-generator .letter-index-text{
  min-height:220px!important;
  height:220px!important;
  resize:vertical!important;
}
body:not(.dark) #page-letter-generator .compact-header{margin-top:2px!important;}

/* 2) Dashboard: anniversary years + date stay on the same row */
body:not(.dark) #page-role-home .svs-home-anniversaries .svs-person-row{
  grid-template-columns:36px minmax(0,1fr) auto 52px!important;
  gap:10px!important;
  align-items:center!important;
}
body:not(.dark) #page-role-home .svs-home-anniversaries .svs-anniversary-years{
  grid-column:3!important;
  align-self:center!important;
  text-align:right!important;
  white-space:nowrap!important;
  color:#7657e8!important;
}
body:not(.dark) #page-role-home .svs-home-anniversaries .svs-date-tile{
  grid-column:4!important;
  grid-row:1!important;
  align-self:center!important;
  justify-self:end!important;
  min-width:50px!important;
  padding:6px 7px!important;
}

/* 3) Command Center: eliminate washed-out text while keeping status accents */
body:not(.dark) #page-command-center .command-shift-lane h2,
body:not(.dark) #page-command-center .command-shift-lane h3,
body:not(.dark) #page-command-center .command-shift-lane strong,
body:not(.dark) #page-command-center .command-shift-stats strong,
body:not(.dark) #page-command-center .command-cfpb-load-card strong,
body:not(.dark) #page-command-center .command-cfpb-load-card b{
  color:#10233f!important;
  opacity:1!important;
}
body:not(.dark) #page-command-center .command-shift-lane p,
body:not(.dark) #page-command-center .command-shift-lane small,
body:not(.dark) #page-command-center .command-shift-stats span,
body:not(.dark) #page-command-center .command-shift-stats small,
body:not(.dark) #page-command-center .command-cfpb-load-card span,
body:not(.dark) #page-command-center .command-cfpb-load-card small{
  color:#63768a!important;
  opacity:1!important;
}
body:not(.dark) #page-command-center .command-cfpb-load-card,
body:not(.dark) #page-command-center .command-cfpb-load-card *{
  opacity:1!important;
}
body:not(.dark) #page-command-center .command-shift-stats > div{
  background:#fff!important;
}
body:not(.dark) #page-command-center .command-shift-stats > div.done{background:#eefaf7!important;}
body:not(.dark) #page-command-center .command-shift-stats > div.open{background:#fff8eb!important;}
body:not(.dark) #page-command-center .command-shift-stats > div.issue{background:#fff1f3!important;}

/* 4) AI Letter Writer: compact the Round/Strategy/Tone/Format control block */
body:not(.dark) #page-ai-letter-writer .aiw-controls{
  gap:8px!important;
  margin-top:10px!important;
}
body:not(.dark) #page-ai-letter-writer .aiw-controls > .aiw-field:not(.aiw-span-2){
  padding:9px 10px!important;
  min-height:0!important;
  height:auto!important;
  border-radius:10px!important;
}
body:not(.dark) #page-ai-letter-writer .aiw-controls > .aiw-field:not(.aiw-span-2) label{
  margin-bottom:4px!important;
  font-size:10px!important;
  color:#60758a!important;
}
body:not(.dark) #page-ai-letter-writer .aiw-controls > .aiw-field:not(.aiw-span-2) select{
  min-height:38px!important;
  height:38px!important;
  padding:6px 9px!important;
}
body:not(.dark) #page-ai-letter-writer .aiw-controls > .aiw-field:not(.aiw-span-2) small{
  display:block!important;
  margin-top:5px!important;
  font-size:9px!important;
  line-height:1.35!important;
  color:#718399!important;
}
body:not(.dark) #page-ai-letter-writer #aiStrategyHelp{
  max-width:100%!important;
}

@media(max-width:900px){
  body:not(.dark) #page-letter-generator .letter-output-controls{grid-template-columns:1fr!important;}
  body:not(.dark) #page-role-home .svs-home-anniversaries .svs-person-row{
    grid-template-columns:36px minmax(0,1fr) auto!important;
  }
  body:not(.dark) #page-role-home .svs-home-anniversaries .svs-anniversary-years{grid-column:3!important;}
  body:not(.dark) #page-role-home .svs-home-anniversaries .svs-date-tile{
    grid-column:2!important;grid-row:2!important;justify-self:start!important;margin-top:4px!important;
  }
}


/* UI2-FIX4 — Command Center final visibility polish */
body:not(.dark) #page-command-center .command-monthly-totals{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
}
body:not(.dark) #page-command-center .command-monthly-totals > div{
  background:#ffffff!important;
  border:1px solid #d7e6e9!important;
  border-top:3px solid #18aaa8!important;
  border-radius:14px!important;
  box-shadow:0 3px 12px rgba(16,35,63,.05)!important;
  padding:16px!important;
  color:#10233f!important;
}
body:not(.dark) #page-command-center .command-monthly-totals > div:nth-child(2){border-top-color:#5bbfc3!important;}
body:not(.dark) #page-command-center .command-monthly-totals > div strong,
body:not(.dark) #page-command-center .command-monthly-totals > div b{
  color:#10233f!important;
  opacity:1!important;
  font-size:30px!important;
  line-height:1!important;
}
body:not(.dark) #page-command-center .command-monthly-totals > div span,
body:not(.dark) #page-command-center .command-monthly-totals > div small{
  color:#66798c!important;
  opacity:1!important;
}

body:not(.dark) #page-command-center .command-cfpb-assignment-guide .command-section-label strong{
  color:#eaffff!important;
  opacity:1!important;
  text-shadow:0 1px 0 rgba(0,0,0,.08)!important;
}
body:not(.dark) #page-command-center .command-cfpb-assignment-guide .command-section-label span{
  color:#d5f7f5!important;
  opacity:1!important;
}
body:not(.dark) #page-command-center .command-cfpb-recommended{
  background:#073f56!important;
  border:1px solid #18aeb0!important;
  border-radius:12px!important;
  padding:13px 15px!important;
  color:#fff!important;
  box-shadow:none!important;
}
body:not(.dark) #page-command-center .command-cfpb-recommended,
body:not(.dark) #page-command-center .command-cfpb-recommended *{
  opacity:1!important;
}
body:not(.dark) #page-command-center .command-cfpb-recommended strong,
body:not(.dark) #page-command-center .command-cfpb-recommended b{
  color:#ffffff!important;
}
body:not(.dark) #page-command-center .command-cfpb-recommended span,
body:not(.dark) #page-command-center .command-cfpb-recommended small{
  color:#d8f3f3!important;
}

body:not(.dark) #page-command-center .command-cfpb-load-card{
  background:#fff!important;
  border:1px solid #d7e3e7!important;
  box-shadow:0 2px 8px rgba(16,35,63,.045)!important;
}
body:not(.dark) #page-command-center .command-cfpb-load-card strong,
body:not(.dark) #page-command-center .command-cfpb-load-card b,
body:not(.dark) #page-command-center .command-cfpb-load-card h4{
  color:#182a3f!important;
  opacity:1!important;
}
body:not(.dark) #page-command-center .command-cfpb-load-card span,
body:not(.dark) #page-command-center .command-cfpb-load-card small,
body:not(.dark) #page-command-center .command-cfpb-load-card p{
  color:#64768a!important;
  opacity:1!important;
}
body:not(.dark) #page-command-center .command-cfpb-load-card .muted,
body:not(.dark) #page-command-center .command-cfpb-load-card [class*="label"]{
  color:#74879a!important;
  opacity:1!important;
}
body:not(.dark) #page-command-center .command-cfpb-load-card [class*="value"],
body:not(.dark) #page-command-center .command-cfpb-load-card .open,
body:not(.dark) #page-command-center .command-cfpb-load-card .pending{
  color:#10233f!important;
  opacity:1!important;
  font-weight:800!important;
}
body:not(.dark) #page-command-center .command-cfpb-load-card:hover{
  border-color:#9fd6d5!important;
  box-shadow:0 6px 16px rgba(16,35,63,.08)!important;
}

/* Generic safeguard for faded Command Center text produced by legacy inline opacity */
body:not(.dark) #page-command-center .command-cfpb-load-grid *{
  opacity:1!important;
}

@media(max-width:900px){
  body:not(.dark) #page-command-center .command-monthly-totals{grid-template-columns:1fr!important;}
}


/* UI2-FIX5 — Command Center final contrast cleanup only */

/* Monthly KPI cards: previous selector used DIV while live markup uses ARTICLE. */
body:not(.dark) #page-command-center .command-monthly-totals > article{
  background:linear-gradient(180deg,#ffffff 0%,#f8fcfc 100%)!important;
  color:#10233f!important;
  border:1px solid #d7e6e9!important;
  border-top:4px solid #17aaa8!important;
  border-radius:14px!important;
  box-shadow:0 4px 14px rgba(16,35,63,.055)!important;
  padding:18px 20px!important;
  min-height:108px!important;
}
body:not(.dark) #page-command-center .command-monthly-totals > article:nth-child(2){border-top-color:#62c3c6!important;}
body:not(.dark) #page-command-center .command-monthly-totals > article > span{
  display:block!important;
  color:#507287!important;
  background:transparent!important;
  opacity:1!important;
  font-size:11px!important;
  font-weight:800!important;
  letter-spacing:.055em!important;
  text-transform:uppercase!important;
  margin-bottom:10px!important;
}
body:not(.dark) #page-command-center #commandMonthlyDisputerTotal,
body:not(.dark) #page-command-center #commandMonthlyCfpbTotal{
  display:block!important;
  color:#10233f!important;
  background:transparent!important;
  opacity:1!important;
  font-size:34px!important;
  line-height:1!important;
  font-weight:850!important;
  letter-spacing:-.035em!important;
  text-shadow:none!important;
}

/* Assignment guide: title/recommendation must remain readable on dark teal. */
body:not(.dark) #page-command-center #commandPendingCfpbAssignmentPanel > .command-section-label,
body:not(.dark) #page-command-center #commandPendingDisputerAssignmentPanel > .command-section-label{
  background:transparent!important;
  color:#ffffff!important;
  opacity:1!important;
  padding:12px 14px 8px!important;
}
body:not(.dark) #page-command-center #commandPendingCfpbAssignmentPanel > .command-section-label strong,
body:not(.dark) #page-command-center #commandPendingDisputerAssignmentPanel > .command-section-label strong{
  color:#ffffff!important;
  background:transparent!important;
  opacity:1!important;
  font-weight:800!important;
  text-shadow:none!important;
}
body:not(.dark) #page-command-center #commandPendingCfpbAssignmentPanel > .command-section-label span,
body:not(.dark) #page-command-center #commandPendingDisputerAssignmentPanel > .command-section-label span{
  color:#c9eeed!important;
  background:transparent!important;
  opacity:1!important;
}
body:not(.dark) #page-command-center #commandPendingCfpbRecommended{
  background:#073e55!important;
  border:1px solid #22b6b6!important;
  color:#ffffff!important;
  opacity:1!important;
  box-shadow:none!important;
}
body:not(.dark) #page-command-center #commandPendingCfpbRecommended *,
body:not(.dark) #page-command-center #commandPendingCfpbRecommended strong,
body:not(.dark) #page-command-center #commandPendingCfpbRecommended b{
  color:#ffffff!important;
  background:transparent!important;
  opacity:1!important;
  text-shadow:none!important;
}
body:not(.dark) #page-command-center #commandPendingCfpbRecommended span:first-child{
  color:#63eee7!important;
  font-weight:800!important;
}

/* Processor / pending worker cards: remove marker-like text backgrounds and strengthen labels. */
body:not(.dark) #page-command-center #commandPendingDisputerAssignmentGrid > .command-cfpb-load-card,
body:not(.dark) #page-command-center #commandPendingCfpbAssignmentGrid > .command-cfpb-load-card{
  background:#ffffff!important;
  color:#10233f!important;
  border:1px solid #d7e3e7!important;
  box-shadow:0 2px 8px rgba(16,35,63,.04)!important;
}
body:not(.dark) #page-command-center #commandPendingDisputerAssignmentGrid .command-cfpb-load-card strong,
body:not(.dark) #page-command-center #commandPendingDisputerAssignmentGrid .command-cfpb-load-card b,
body:not(.dark) #page-command-center #commandPendingDisputerAssignmentGrid .command-cfpb-load-card h4,
body:not(.dark) #page-command-center #commandPendingDisputerAssignmentGrid .command-cfpb-load-card p,
body:not(.dark) #page-command-center #commandPendingDisputerAssignmentGrid .command-cfpb-load-card small,
body:not(.dark) #page-command-center #commandPendingDisputerAssignmentGrid .command-cfpb-load-card span,
body:not(.dark) #page-command-center #commandPendingCfpbAssignmentGrid .command-cfpb-load-card strong,
body:not(.dark) #page-command-center #commandPendingCfpbAssignmentGrid .command-cfpb-load-card b,
body:not(.dark) #page-command-center #commandPendingCfpbAssignmentGrid .command-cfpb-load-card h4,
body:not(.dark) #page-command-center #commandPendingCfpbAssignmentGrid .command-cfpb-load-card p,
body:not(.dark) #page-command-center #commandPendingCfpbAssignmentGrid .command-cfpb-load-card small,
body:not(.dark) #page-command-center #commandPendingCfpbAssignmentGrid .command-cfpb-load-card span{
  background:transparent!important;
  opacity:1!important;
  text-shadow:none!important;
}
body:not(.dark) #page-command-center #commandPendingDisputerAssignmentGrid .command-cfpb-load-card strong,
body:not(.dark) #page-command-center #commandPendingDisputerAssignmentGrid .command-cfpb-load-card b,
body:not(.dark) #page-command-center #commandPendingDisputerAssignmentGrid .command-cfpb-load-card h4,
body:not(.dark) #page-command-center #commandPendingCfpbAssignmentGrid .command-cfpb-load-card strong,
body:not(.dark) #page-command-center #commandPendingCfpbAssignmentGrid .command-cfpb-load-card b,
body:not(.dark) #page-command-center #commandPendingCfpbAssignmentGrid .command-cfpb-load-card h4{
  color:#172a3f!important;
  font-weight:800!important;
}
body:not(.dark) #page-command-center #commandPendingDisputerAssignmentGrid .command-cfpb-load-card span,
body:not(.dark) #page-command-center #commandPendingDisputerAssignmentGrid .command-cfpb-load-card small,
body:not(.dark) #page-command-center #commandPendingDisputerAssignmentGrid .command-cfpb-load-card p,
body:not(.dark) #page-command-center #commandPendingCfpbAssignmentGrid .command-cfpb-load-card span,
body:not(.dark) #page-command-center #commandPendingCfpbAssignmentGrid .command-cfpb-load-card small,
body:not(.dark) #page-command-center #commandPendingCfpbAssignmentGrid .command-cfpb-load-card p{
  color:#617589!important;
}
body:not(.dark) #page-command-center #commandPendingDisputerAssignmentGrid .command-cfpb-load-card [class*="value"],
body:not(.dark) #page-command-center #commandPendingDisputerAssignmentGrid .command-cfpb-load-card .open,
body:not(.dark) #page-command-center #commandPendingDisputerAssignmentGrid .command-cfpb-load-card .pending,
body:not(.dark) #page-command-center #commandPendingCfpbAssignmentGrid .command-cfpb-load-card [class*="value"],
body:not(.dark) #page-command-center #commandPendingCfpbAssignmentGrid .command-cfpb-load-card .open,
body:not(.dark) #page-command-center #commandPendingCfpbAssignmentGrid .command-cfpb-load-card .pending{
  color:#10233f!important;
  background:transparent!important;
  opacity:1!important;
  font-weight:850!important;
}
/* Keep true badge/status chips visually distinct after clearing legacy text backgrounds. */
body:not(.dark) #page-command-center .command-cfpb-load-card [class*="badge"],
body:not(.dark) #page-command-center .command-cfpb-load-card [class*="pill"],
body:not(.dark) #page-command-center .command-cfpb-load-card [class*="status"]{
  background:#e7f5f3!important;
  color:#436b71!important;
  border:1px solid #cce6e2!important;
  border-radius:999px!important;
  opacity:1!important;
}

/* Operations Pulse KPI cards: same light enterprise treatment as monthly totals. */
body:not(.dark) #page-command-center .command-metric-grid > article,
body:not(.dark) #page-command-center .command-metric-grid > div{
  background:#ffffff!important;
  color:#10233f!important;
  border:1px solid #d7e6e9!important;
  box-shadow:0 3px 12px rgba(16,35,63,.045)!important;
}
body:not(.dark) #page-command-center .command-metric-grid > article strong,
body:not(.dark) #page-command-center .command-metric-grid > div strong{
  color:#10233f!important;
  opacity:1!important;
  background:transparent!important;
}
body:not(.dark) #page-command-center .command-metric-grid > article span,
body:not(.dark) #page-command-center .command-metric-grid > article small,
body:not(.dark) #page-command-center .command-metric-grid > div span,
body:not(.dark) #page-command-center .command-metric-grid > div small{
  color:#66798c!important;
  opacity:1!important;
  background:transparent!important;
}


/* UI2-FIX6 — Dashboard birthday spotlight + dashboard card restoration only */

/* Dashboard container and spacing */
body:not(.dark) #page-role-home{
  max-width:1500px!important;
  margin:0 auto!important;
}
body:not(.dark) #page-role-home .svs-home-welcome{
  margin:0 0 12px!important;
}
body:not(.dark) #page-role-home .svs-culture-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1.45fr) minmax(390px,.82fr)!important;
  gap:14px!important;
  align-items:start!important;
}
body:not(.dark) #page-role-home .svs-culture-column{
  display:grid!important;
  gap:14px!important;
  align-content:start!important;
}

/* Restore clean white cards on left dashboard column */
body:not(.dark) #page-role-home .svs-quote-card,
body:not(.dark) #page-role-home .svs-home-announcements,
body:not(.dark) #page-role-home .svs-home-recognition,
body:not(.dark) #page-role-home .svs-home-events,
body:not(.dark) #page-role-home .svs-managed-companies-panel{
  background:#fff!important;
  border:1px solid #dfeaec!important;
  border-radius:16px!important;
  box-shadow:0 6px 18px rgba(16,55,67,.055)!important;
  margin:0!important;
}
body:not(.dark) #page-role-home .svs-quote-card{
  min-height:190px!important;
  padding:24px 28px!important;
  background:linear-gradient(120deg,#fbfefe 0%,#f3fbfb 65%,#e8f8f7 100%)!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
}
body:not(.dark) #page-role-home .svs-quote-card h2,
body:not(.dark) #page-role-home .svs-quote-card strong{
  color:#10233f!important;
}
body:not(.dark) #page-role-home .svs-quote-card p,
body:not(.dark) #page-role-home .svs-home-announcements p,
body:not(.dark) #page-role-home .svs-home-recognition p,
body:not(.dark) #page-role-home .svs-home-events p{
  color:#6e8298!important;
  opacity:1!important;
}
body:not(.dark) #page-role-home .svs-home-announcements,
body:not(.dark) #page-role-home .svs-home-recognition,
body:not(.dark) #page-role-home .svs-home-events{
  padding:16px 18px!important;
}

/* Right-column birthday card remains compact and premium */
body:not(.dark) #page-role-home .svs-home-birthdays,
body:not(.dark) #page-role-home .svs-home-anniversaries,
body:not(.dark) #page-role-home .svs-home-monthly-recognition,
body:not(.dark) #page-role-home .svs-home-new-joiners{
  background:#fff!important;
  border:1px solid #dfeaec!important;
  border-radius:16px!important;
  box-shadow:0 6px 18px rgba(16,55,67,.055)!important;
  margin:0!important;
}

/* Birthday Spotlight V2 — inspired by approved SVS birthday card */
body:not(.dark) #page-role-home .svs-birthday-poster-host{
  padding:0 12px 12px!important;
}
body:not(.dark) #page-role-home .svs-birthday-poster{
  position:relative!important;
  overflow:hidden!important;
  min-height:300px!important;
  display:grid!important;
  grid-template-columns:145px minmax(0,1fr)!important;
  gap:18px!important;
  align-items:center!important;
  padding:22px!important;
  border-radius:18px!important;
  background:
    radial-gradient(circle at 92% 8%,rgba(109,225,220,.28) 0 13%,transparent 13.4%),
    radial-gradient(circle at 4% 96%,rgba(255,255,255,.10) 0 18%,transparent 18.4%),
    linear-gradient(135deg,#07505b 0%,#0a7580 52%,#13b7a7 100%)!important;
  border:1px solid rgba(123,235,226,.38)!important;
  box-shadow:0 14px 32px rgba(7,68,76,.16)!important;
  color:#fff!important;
}
body:not(.dark) #page-role-home .svs-birthday-poster::before{
  content:""!important;
  position:absolute!important;
  inset:auto -35px -42px auto!important;
  width:190px!important;
  height:105px!important;
  border-radius:55% 0 0 0!important;
  background:linear-gradient(145deg,rgba(194,250,246,.16),rgba(18,173,168,.28))!important;
  transform:rotate(-7deg)!important;
  pointer-events:none!important;
}
body:not(.dark) #page-role-home .svs-birthday-poster::after{
  content:"✦   ◆"!important;
  position:absolute!important;
  right:18px!important;
  top:14px!important;
  color:#ffd86f!important;
  font-size:15px!important;
  letter-spacing:12px!important;
  opacity:.95!important;
  background:none!important;
  width:auto!important;
  height:auto!important;
  pointer-events:none!important;
}
body:not(.dark) #page-role-home .svs-birthday-poster-photo{
  position:relative!important;
  z-index:2!important;
  width:145px!important;
  height:190px!important;
  border-radius:20px!important;
  overflow:hidden!important;
  border:4px solid rgba(255,255,255,.92)!important;
  box-shadow:0 10px 24px rgba(0,32,39,.22)!important;
  background:#dff8f5!important;
}
body:not(.dark) #page-role-home .svs-birthday-poster-photo img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}
body:not(.dark) #page-role-home .svs-birthday-poster-copy{
  position:relative!important;
  z-index:2!important;
  min-width:0!important;
}
body:not(.dark) #page-role-home .svs-birthday-poster-copy .eyebrow{
  display:block!important;
  margin-bottom:8px!important;
  color:#baf8ef!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
}
body:not(.dark) #page-role-home .svs-birthday-poster-copy h3{
  margin:0 0 6px!important;
  color:#ffffff!important;
  font-size:31px!important;
  line-height:1.02!important;
  letter-spacing:-.035em!important;
  font-weight:900!important;
  text-shadow:0 2px 8px rgba(0,45,52,.20)!important;
}
body:not(.dark) #page-role-home .svs-birthday-poster-copy .role{
  display:block!important;
  margin-bottom:12px!important;
  color:#ffffff!important;
  font-size:12px!important;
  font-weight:800!important;
}
body:not(.dark) #page-role-home .svs-birthday-poster-copy p{
  margin:0!important;
  color:#e4fbf8!important;
  font-size:13px!important;
  line-height:1.55!important;
  opacity:1!important;
}
body:not(.dark) #page-role-home .svs-birthday-poster-copy .from{
  display:block!important;
  margin-top:13px!important;
  color:#ffe27d!important;
  font-size:10px!important;
  line-height:1.35!important;
  font-weight:900!important;
  letter-spacing:.055em!important;
  text-transform:uppercase!important;
}
body:not(.dark) #page-role-home .svs-birthday-poster-actions{
  margin-top:14px!important;
  display:flex!important;
  gap:8px!important;
  flex-wrap:wrap!important;
}
body:not(.dark) #page-role-home .svs-birthday-poster-actions button{
  min-height:36px!important;
  padding:8px 13px!important;
  border-radius:10px!important;
  border:1px solid rgba(255,255,255,.52)!important;
  background:rgba(255,255,255,.12)!important;
  color:#fff!important;
  font-size:10px!important;
  font-weight:900!important;
  box-shadow:none!important;
}
body:not(.dark) #page-role-home .svs-birthday-poster-actions button:hover{
  background:rgba(255,255,255,.20)!important;
  transform:translateY(-1px)!important;
}

/* Birthday list below poster */
body:not(.dark) #page-role-home .svs-home-birthdays .svs-person-row,
body:not(.dark) #page-role-home .svs-home-birthdays .svs-person-item{
  border-top:1px solid #edf2f3!important;
}

@media(max-width:1100px){
  body:not(.dark) #page-role-home .svs-culture-grid{grid-template-columns:1fr!important;}
}
@media(max-width:700px){
  body:not(.dark) #page-role-home .svs-birthday-poster{
    grid-template-columns:1fr!important;
    text-align:center!important;
  }
  body:not(.dark) #page-role-home .svs-birthday-poster-photo{margin:auto!important;}
  body:not(.dark) #page-role-home .svs-birthday-poster-actions{justify-content:center!important;}
}


/* UI2-FIX7 — COMMAND CENTER TODAY + PENDING ACCESSIBILITY CONTRAST ONLY */
/* Today shift lanes: labels, descriptions, shift time and numbers must be legible without selection. */
body:not(.dark) #page-command-center #commandTodayView .command-shift-lane header > div > span{
  color:#0b9d9a!important; opacity:1!important; background:transparent!important; font-weight:850!important;
}
body:not(.dark) #page-command-center #commandTodayView .command-shift-lane header h3{
  color:#10233f!important; opacity:1!important; background:transparent!important;
}
body:not(.dark) #page-command-center #commandTodayView .command-shift-lane header > small{
  color:#597087!important; opacity:1!important; background:transparent!important; font-weight:650!important;
}
body:not(.dark) #page-command-center #commandTodayView .command-shift-stats > div > span{
  color:#536a80!important; opacity:1!important; background:transparent!important; font-weight:800!important;
}
body:not(.dark) #page-command-center #commandTodayView .command-shift-stats > div > strong{
  color:#10233f!important; opacity:1!important; background:transparent!important; font-weight:900!important;
}
body:not(.dark) #page-command-center #commandTodayView .command-shift-stats > div > small{
  color:#61768a!important; opacity:1!important; background:transparent!important; font-weight:550!important;
}

/* Today CFPB Assignment Guide: keep teal banner but make every informational string high contrast. */
body:not(.dark) #page-command-center #commandCfpbTeamLoadPanel > .command-section-label strong{
  color:#ffffff!important; opacity:1!important; background:transparent!important; font-weight:850!important;
}
body:not(.dark) #page-command-center #commandCfpbTeamLoadPanel > .command-section-label span{
  color:#d4f3f1!important; opacity:1!important; background:transparent!important; font-weight:600!important;
}
body:not(.dark) #page-command-center #commandCfpbRecommended{
  color:#ffffff!important; background:#073e55!important; border-color:#28c6c2!important;
}
body:not(.dark) #page-command-center #commandCfpbRecommended *{
  color:#ffffff!important; opacity:1!important; background:transparent!important; text-shadow:none!important;
}
body:not(.dark) #page-command-center #commandCfpbRecommended span:first-child{
  color:#70f0e9!important; font-weight:850!important;
}

/* Today worker load grid — force actual rendered text to normal readable colors. */
body:not(.dark) #page-command-center #commandCfpbTeamLoadGrid .command-cfpb-load-card{
  background:#ffffff!important; color:#10233f!important; border-color:#d4e2e6!important;
}
body:not(.dark) #page-command-center #commandCfpbTeamLoadGrid .command-cfpb-load-card *:not([class*="badge"]):not([class*="pill"]):not([class*="status"]){
  color:#526a80!important; opacity:1!important; background:transparent!important; text-shadow:none!important;
}
body:not(.dark) #page-command-center #commandCfpbTeamLoadGrid .command-cfpb-load-card strong,
body:not(.dark) #page-command-center #commandCfpbTeamLoadGrid .command-cfpb-load-card b,
body:not(.dark) #page-command-center #commandCfpbTeamLoadGrid .command-cfpb-load-card h4,
body:not(.dark) #page-command-center #commandCfpbTeamLoadGrid .command-cfpb-load-card [class*="value"],
body:not(.dark) #page-command-center #commandCfpbTeamLoadGrid .command-cfpb-load-card .open,
body:not(.dark) #page-command-center #commandCfpbTeamLoadGrid .command-cfpb-load-card .pending{
  color:#10233f!important; opacity:1!important; background:transparent!important; font-weight:850!important;
}

/* Pending intro and older-work cards. */
body:not(.dark) #page-command-center #commandPendingView .command-pending-intro strong{
  color:#10233f!important; opacity:1!important;
}
body:not(.dark) #page-command-center #commandPendingView .command-pending-intro span{
  color:#5f768d!important; opacity:1!important;
}
body:not(.dark) #page-command-center #commandPendingView .command-shift-lane header > div > span{
  color:#0b9d9a!important; opacity:1!important; background:transparent!important; font-weight:850!important;
}
body:not(.dark) #page-command-center #commandPendingView .command-shift-lane header h3{
  color:#10233f!important; opacity:1!important;
}
body:not(.dark) #page-command-center #commandPendingView .command-shift-lane header > small{
  color:#5c748b!important; opacity:1!important; font-weight:650!important;
}
body:not(.dark) #page-command-center #commandPendingView .command-shift-stats > div > span{
  color:#536a80!important; opacity:1!important; background:transparent!important; font-weight:800!important;
}
body:not(.dark) #page-command-center #commandPendingView .command-shift-stats > div > strong{
  color:#10233f!important; opacity:1!important; background:transparent!important; font-weight:900!important;
}
body:not(.dark) #page-command-center #commandPendingView .command-shift-stats > div > small{
  color:#61768a!important; opacity:1!important; background:transparent!important; font-weight:550!important;
}
body:not(.dark) #page-command-center #commandPendingView .command-pending-breakdown{
  color:#23384d!important; opacity:1!important; background:#f8fbfc!important; border-color:#d6e5e8!important;
}
body:not(.dark) #page-command-center #commandPendingView .command-pending-breakdown *{
  color:#23384d!important; opacity:1!important; background:transparent!important;
}
body:not(.dark) #page-command-center #commandPendingView .command-pending-origin > span{
  color:#587089!important; opacity:1!important; font-weight:800!important; background:transparent!important;
}

/* Both pending assignment panels: title/helper on teal, recommendation, and worker text. */
body:not(.dark) #page-command-center #commandPendingDisputerAssignmentPanel > .command-section-label strong,
body:not(.dark) #page-command-center #commandPendingCfpbAssignmentPanel > .command-section-label strong{
  color:#ffffff!important; opacity:1!important; background:transparent!important; font-weight:850!important;
}
body:not(.dark) #page-command-center #commandPendingDisputerAssignmentPanel > .command-section-label span,
body:not(.dark) #page-command-center #commandPendingCfpbAssignmentPanel > .command-section-label span{
  color:#d4f3f1!important; opacity:1!important; background:transparent!important; font-weight:600!important;
}
body:not(.dark) #page-command-center #commandPendingCfpbRecommended,
body:not(.dark) #page-command-center #commandPendingCfpbRecommended *{
  opacity:1!important; text-shadow:none!important;
}
body:not(.dark) #page-command-center #commandPendingCfpbRecommended{
  background:#073e55!important; color:#ffffff!important; border:1px solid #28c6c2!important;
}
body:not(.dark) #page-command-center #commandPendingCfpbRecommended *{color:#ffffff!important; background:transparent!important;}
body:not(.dark) #page-command-center #commandPendingCfpbRecommended span:first-child{color:#70f0e9!important;font-weight:850!important;}

body:not(.dark) #page-command-center #commandPendingDisputerAssignmentGrid .command-cfpb-load-card,
body:not(.dark) #page-command-center #commandPendingCfpbAssignmentGrid .command-cfpb-load-card{
  background:#ffffff!important; color:#10233f!important; border-color:#d4e2e6!important;
}
body:not(.dark) #page-command-center #commandPendingDisputerAssignmentGrid .command-cfpb-load-card *:not([class*="badge"]):not([class*="pill"]):not([class*="status"]),
body:not(.dark) #page-command-center #commandPendingCfpbAssignmentGrid .command-cfpb-load-card *:not([class*="badge"]):not([class*="pill"]):not([class*="status"]){
  color:#526a80!important; opacity:1!important; background:transparent!important; text-shadow:none!important;
}
body:not(.dark) #page-command-center #commandPendingDisputerAssignmentGrid .command-cfpb-load-card strong,
body:not(.dark) #page-command-center #commandPendingDisputerAssignmentGrid .command-cfpb-load-card b,
body:not(.dark) #page-command-center #commandPendingDisputerAssignmentGrid .command-cfpb-load-card h4,
body:not(.dark) #page-command-center #commandPendingDisputerAssignmentGrid .command-cfpb-load-card [class*="value"],
body:not(.dark) #page-command-center #commandPendingDisputerAssignmentGrid .command-cfpb-load-card .open,
body:not(.dark) #page-command-center #commandPendingDisputerAssignmentGrid .command-cfpb-load-card .pending,
body:not(.dark) #page-command-center #commandPendingCfpbAssignmentGrid .command-cfpb-load-card strong,
body:not(.dark) #page-command-center #commandPendingCfpbAssignmentGrid .command-cfpb-load-card b,
body:not(.dark) #page-command-center #commandPendingCfpbAssignmentGrid .command-cfpb-load-card h4,
body:not(.dark) #page-command-center #commandPendingCfpbAssignmentGrid .command-cfpb-load-card [class*="value"],
body:not(.dark) #page-command-center #commandPendingCfpbAssignmentGrid .command-cfpb-load-card .open,
body:not(.dark) #page-command-center #commandPendingCfpbAssignmentGrid .command-cfpb-load-card .pending{
  color:#10233f!important; opacity:1!important; background:transparent!important; font-weight:850!important;
}
body:not(.dark) #page-command-center #commandPendingDisputerAssignmentGrid .command-cfpb-load-card small,
body:not(.dark) #page-command-center #commandPendingDisputerAssignmentGrid .command-cfpb-load-card p,
body:not(.dark) #page-command-center #commandPendingCfpbAssignmentGrid .command-cfpb-load-card small,
body:not(.dark) #page-command-center #commandPendingCfpbAssignmentGrid .command-cfpb-load-card p{
  color:#64798c!important; opacity:1!important; background:transparent!important;
}

/* Status badges remain pills and don't inherit the dark text cleanup. */
body:not(.dark) #page-command-center #commandCfpbTeamLoadGrid [class*="badge"],
body:not(.dark) #page-command-center #commandCfpbTeamLoadGrid [class*="pill"],
body:not(.dark) #page-command-center #commandCfpbTeamLoadGrid [class*="status"],
body:not(.dark) #page-command-center #commandPendingDisputerAssignmentGrid [class*="badge"],
body:not(.dark) #page-command-center #commandPendingDisputerAssignmentGrid [class*="pill"],
body:not(.dark) #page-command-center #commandPendingDisputerAssignmentGrid [class*="status"],
body:not(.dark) #page-command-center #commandPendingCfpbAssignmentGrid [class*="badge"],
body:not(.dark) #page-command-center #commandPendingCfpbAssignmentGrid [class*="pill"],
body:not(.dark) #page-command-center #commandPendingCfpbAssignmentGrid [class*="status"]{
  background:#e5f6f3!important; color:#456b70!important; border-color:#c7e6e1!important; opacity:1!important;
}


/* R103.11.51.16.21.99-UI1 — LOGIN V2 + INVOICE MONTH ACCORDION */
body:not(.dark) .login-screen.login-v2{
  min-height:100vh!important;
  padding:42px!important;
  display:grid!important;
  grid-template-columns:minmax(420px, .94fr) minmax(520px,1.06fr)!important;
  align-items:stretch!important;
  gap:0!important;
  max-width:1420px!important;
  margin:0 auto!important;
  background:transparent!important;
}
body:not(.dark)::before{
  content:"";position:fixed;inset:0;z-index:-2;
  background:radial-gradient(circle at 76% 12%,rgba(42,209,202,.14),transparent 30%),linear-gradient(135deg,#f9fdfd 0%,#f3fbfb 48%,#eef8f8 100%);
}
body:not(.dark) .login-v2>.login-brand-panel{
  border-radius:22px 0 0 22px!important;
  min-height:760px!important;
  padding:62px 66px!important;
  display:flex!important;flex-direction:column!important;
  background:linear-gradient(145deg,#075864 0%,#08727a 43%,#18b9b5 100%)!important;
  color:#fff!important;box-shadow:0 24px 55px rgba(9,82,91,.16)!important;
  overflow:hidden!important;position:relative!important;
}
body:not(.dark) .login-v2>.login-brand-panel::before{
  content:""!important;position:absolute!important;inset:auto -110px -170px -80px!important;height:360px!important;
  border-radius:50%!important;border:2px solid rgba(255,255,255,.28)!important;
  transform:rotate(-12deg)!important;background:linear-gradient(125deg,rgba(255,255,255,.04),rgba(101,242,235,.24))!important;
}
body:not(.dark) .login-v2>.login-brand-panel::after{
  content:""!important;position:absolute!important;left:-100px!important;bottom:-120px!important;width:430px!important;height:300px!important;
  border-radius:50%!important;background:rgba(0,75,84,.16)!important;transform:rotate(12deg)!important;
}
body:not(.dark) .login-v2 .login-brand-lockup{display:flex!important;align-items:center!important;gap:18px!important;position:relative!important;z-index:1!important;}
body:not(.dark) .login-v2 .login-brand-logo{font-size:46px!important;line-height:1!important;font-weight:900!important;color:#fff!important;background:transparent!important;border:2px solid rgba(255,255,255,.72)!important;padding:8px 10px!important;border-radius:0!important;box-shadow:none!important;}
body:not(.dark) .login-v2 .login-brand-copy{border-left:1px solid rgba(255,255,255,.35)!important;padding-left:18px!important;color:#fff!important;}
body:not(.dark) .login-v2 .login-brand-copy strong{font-size:26px!important;line-height:1.02!important;color:#fff!important;letter-spacing:-.02em!important;}
body:not(.dark) .login-v2 .login-brand-copy span{font-size:9px!important;letter-spacing:.19em!important;font-weight:800!important;color:#d8ffff!important;}
body:not(.dark) .login-v2 .login-brand-message{margin-top:72px!important;position:relative!important;z-index:1!important;}
body:not(.dark) .login-v2 .login-brand-message h2{font-size:48px!important;line-height:1.08!important;letter-spacing:-.035em!important;color:#fff!important;margin:0 0 20px!important;}
body:not(.dark) .login-v2 .login-brand-message p{max-width:520px!important;font-size:16px!important;line-height:1.65!important;color:#e7ffff!important;margin:0!important;}
body:not(.dark) .login-v2 blockquote{margin:34px 0 0!important;padding:0 0 0 18px!important;border-left:2px solid #35e7df!important;font-size:16px!important;line-height:1.45!important;color:#fff!important;font-style:italic!important;position:relative!important;z-index:1!important;}
body:not(.dark) .login-v2 blockquote small{display:block!important;margin-top:8px!important;color:#d8ffff!important;font-style:normal!important;font-weight:700!important;}
body:not(.dark) .login-v2 .login-brand-foot{margin-top:auto!important;font-size:10px!important;letter-spacing:.28em!important;font-weight:800!important;color:#dcffff!important;position:relative!important;z-index:1!important;}
body:not(.dark) .login-v2>.login-card{
  min-height:760px!important;border-radius:0 22px 22px 0!important;margin:0!important;padding:80px 76px 54px!important;
  display:flex!important;flex-direction:column!important;justify-content:center!important;
  background:#fff!important;border:0!important;box-shadow:0 24px 55px rgba(16,35,63,.10)!important;color:#10233f!important;
}
body:not(.dark) .login-v2-product{display:grid!important;place-items:center!important;margin:0 auto 12px!important;line-height:1!important;}
body:not(.dark) .login-v2-product strong{font-size:28px!important;color:#0a8990!important;letter-spacing:.03em!important;}
body:not(.dark) .login-v2-product span{font-size:22px!important;color:#10233f!important;margin-top:8px!important;}
body:not(.dark) .login-v2>.login-card>.eyebrow{text-align:center!important;font-size:9px!important;letter-spacing:.22em!important;color:#8292a8!important;margin-bottom:10px!important;}
body:not(.dark) .login-v2>.login-card h1{text-align:center!important;font-size:32px!important;letter-spacing:-.03em!important;color:#10233f!important;margin:0 0 8px!important;}
body:not(.dark) .login-v2>.login-card>p{text-align:center!important;color:#75869d!important;margin:0 0 32px!important;font-size:14px!important;}
body:not(.dark) .login-v2 form{width:100%!important;max-width:620px!important;margin:0 auto!important;}
body:not(.dark) .login-v2 .field>span{font-size:12px!important;font-weight:700!important;color:#243954!important;margin-bottom:7px!important;}
body:not(.dark) .login-v2 .login-input-shell{height:54px!important;border:1px solid #cbdbe7!important;border-radius:12px!important;background:#f4f8fc!important;display:flex!important;align-items:center!important;gap:10px!important;padding:0 14px!important;transition:.14s ease!important;}
body:not(.dark) .login-v2 .login-input-shell:focus-within{background:#fff!important;border-color:#3bbdbb!important;box-shadow:0 0 0 4px rgba(31,185,180,.10)!important;}
body:not(.dark) .login-v2 .login-input-shell input{height:100%!important;flex:1!important;border:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;color:#10233f!important;font-size:14px!important;outline:0!important;}
body:not(.dark) .login-v2 .login-input-icon{width:22px!important;text-align:center!important;color:#38536c!important;font-size:20px!important;}
body:not(.dark) .login-v2 .login-password-toggle{border:0!important;background:transparent!important;color:#7b8ea4!important;font-size:17px!important;cursor:pointer!important;padding:8px!important;}
body:not(.dark) .login-v2 .login-v2-submit{height:56px!important;margin-top:8px!important;border:0!important;border-radius:12px!important;background:linear-gradient(90deg,#078b94,#1cc1bb)!important;color:#fff!important;font-size:15px!important;font-weight:800!important;box-shadow:0 8px 18px rgba(10,151,154,.15)!important;}
body:not(.dark) .login-v2 .login-v2-submit:hover{filter:brightness(.98)!important;transform:translateY(-1px)!important;}
body:not(.dark) .login-v2 .google-login-section{width:100%!important;max-width:620px!important;margin:0 auto!important;}
body:not(.dark) .login-v2 .login-divider{margin:26px 0 20px!important;color:#8798ab!important;}
body:not(.dark) .login-v2 .login-v2-help{text-align:center!important;margin-top:32px!important;font-size:12px!important;color:#728399!important;}
body:not(.dark) .login-v2 .login-v2-help strong{color:#0b9297!important;}
body:not(.dark) .login-v2 .login-v2-security{text-align:center!important;margin-top:10px!important;font-size:10px!important;color:#a0adbc!important;}

/* Invoices — monthly accordion history */
body:not(.dark) #page-invoices{max-width:1600px!important;margin:0 auto!important;}
body:not(.dark) #page-invoices .invoice-layout{grid-template-columns:minmax(0,1fr) 360px!important;gap:16px!important;align-items:start!important;}
body:not(.dark) #page-invoices .invoice-layout>aside.panel{position:sticky!important;top:78px!important;}
body:not(.dark) #page-invoices .invoice-list.invoice-month-list{display:grid!important;gap:10px!important;}
body:not(.dark) #page-invoices .invoice-month-group{border:1px solid #dce9ec!important;border-radius:14px!important;background:#fff!important;overflow:hidden!important;box-shadow:0 2px 9px rgba(16,35,63,.035)!important;}
body:not(.dark) #page-invoices .invoice-month-summary{list-style:none!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;padding:16px 18px!important;background:linear-gradient(90deg,#f5fbfb,#fbfefe)!important;cursor:pointer!important;user-select:none!important;}
body:not(.dark) #page-invoices .invoice-month-summary::-webkit-details-marker{display:none!important;}
body:not(.dark) #page-invoices .invoice-month-group[open]>.invoice-month-summary{background:linear-gradient(90deg,#e9fbfa,#f4ffff)!important;border-bottom:1px solid #dce9ec!important;}
body:not(.dark) #page-invoices .invoice-month-title{display:flex!important;align-items:center!important;gap:12px!important;min-width:0!important;}
body:not(.dark) #page-invoices .invoice-month-chevron{width:20px!important;height:20px!important;display:grid!important;place-items:center!important;color:#0b4052!important;font-size:20px!important;transition:transform .15s ease!important;}
body:not(.dark) #page-invoices .invoice-month-group[open] .invoice-month-chevron{transform:rotate(90deg)!important;}
body:not(.dark) #page-invoices .invoice-month-title strong{font-size:17px!important;color:#10233f!important;}
body:not(.dark) #page-invoices .invoice-month-meta{font-size:12px!important;color:#6f8196!important;white-space:nowrap!important;}
body:not(.dark) #page-invoices .invoice-month-meta .paid{color:#0a9b73!important;font-weight:800!important;}
body:not(.dark) #page-invoices .invoice-month-meta .outstanding{color:#ef476f!important;font-weight:800!important;}
body:not(.dark) #page-invoices .invoice-month-items{padding:10px!important;display:grid!important;gap:8px!important;}
body:not(.dark) #page-invoices .invoice-month-items .invoice-card{display:grid!important;grid-template-columns:minmax(300px,1fr) 140px minmax(200px,auto)!important;gap:14px!important;align-items:center!important;padding:14px 16px!important;border:1px solid #e0ebee!important;border-radius:12px!important;background:#fff!important;box-shadow:none!important;}
body:not(.dark) #page-invoices .invoice-month-items .invoice-card>div:first-child{display:grid!important;gap:4px!important;}
body:not(.dark) #page-invoices .invoice-month-items .invoice-card>div:first-child strong{font-size:13px!important;color:#10233f!important;}
body:not(.dark) #page-invoices .invoice-month-items .invoice-card>div:first-child span{font-size:11px!important;color:#7a8da4!important;line-height:1.4!important;}
body:not(.dark) #page-invoices .invoice-total-status{display:grid!important;justify-items:end!important;gap:5px!important;}
body:not(.dark) #page-invoices .invoice-total-status>strong{font-size:14px!important;color:#10233f!important;}
body:not(.dark) #page-invoices .invoice-actions{display:flex!important;justify-content:flex-end!important;gap:6px!important;flex-wrap:wrap!important;}
body:not(.dark) #page-invoices .invoice-actions .button{padding:7px 10px!important;font-size:10px!important;border-radius:8px!important;}
body:not(.dark) #page-invoices .invoice-month-empty{padding:28px!important;text-align:center!important;color:#8292a8!important;}
@media(max-width:1100px){
  body:not(.dark) .login-screen.login-v2{grid-template-columns:1fr!important;max-width:720px!important;padding:24px!important;}
  body:not(.dark) .login-v2>.login-brand-panel{display:none!important;}
  body:not(.dark) .login-v2>.login-card{border-radius:22px!important;min-height:auto!important;padding:58px 44px!important;}
  body:not(.dark) #page-invoices .invoice-layout{grid-template-columns:1fr!important;}
  body:not(.dark) #page-invoices .invoice-layout>aside.panel{position:static!important;}
}
@media(max-width:760px){
  body:not(.dark) .login-screen.login-v2{padding:12px!important;}
  body:not(.dark) .login-v2>.login-card{padding:44px 22px!important;}
  body:not(.dark) #page-invoices .invoice-month-summary{align-items:flex-start!important;flex-direction:column!important;}
  body:not(.dark) #page-invoices .invoice-month-items .invoice-card{grid-template-columns:1fr!important;}
  body:not(.dark) #page-invoices .invoice-total-status{justify-items:start!important;}
  body:not(.dark) #page-invoices .invoice-actions{justify-content:flex-start!important;}
}


/* R99 UI1 FIX1 — auth visibility + login icon polish */
html body #loginScreen.hidden,
html body:not(.dark) #loginScreen.hidden,
html body.dark #loginScreen.hidden{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}
html body #appShell:not(.auth-hidden){
  visibility:visible!important;
}
body:not(.dark) .login-v2 .login-input-icon svg{
  width:19px!important;
  height:19px!important;
  display:block!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
body:not(.dark) .login-v2 .login-user-icon,
body:not(.dark) .login-v2 .login-lock-icon{
  display:grid!important;
  place-items:center!important;
  color:#426079!important;
}
body:not(.dark) .login-v2 .google-signin-button{
  display:flex!important;
  justify-content:center!important;
  width:100%!important;
}
body:not(.dark) .login-v2 .login-v2-help{margin-top:26px!important;}