/* Client cabinet enterprise system.
   Loaded after shared themes so the legal-entity workspace keeps one predictable,
   restrained visual language across desktop, tablet and mobile. */

body[data-mode="client"]{
  --client-navy:#142C52;
  --client-navy-strong:#0F2342;
  --client-red:#C91D25;
  --client-ink:#182230;
  --client-copy:#344054;
  --client-muted:#667085;
  --client-line:#DDE3EA;
  --client-line-soft:#EAECF0;
  --client-surface:#FFFFFF;
  --client-canvas:#F5F6F8;
  --client-soft:#F8FAFC;
  margin:0;
  background:var(--client-canvas);
  color:var(--client-ink);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;
  font-size:17px;
  line-height:1.58;
  letter-spacing:0;
}
body[data-mode="client"] *,
body[data-mode="client"] *::before,
body[data-mode="client"] *::after{box-sizing:border-box}
body[data-mode="client"] button,
body[data-mode="client"] input,
body[data-mode="client"] select,
body[data-mode="client"] textarea{font-family:inherit!important}
body[data-mode="client"] small{font-size:15px;line-height:1.5}
body[data-mode="client"] .muted,
body[data-mode="client"] .hint,
body[data-mode="client"] .sub{color:var(--client-muted)!important}
body[data-mode="client"] .hint{font-size:13px;line-height:1.5}
body[data-mode="client"] .shell{background:var(--client-canvas)}
body[data-mode="client"] .main{min-width:0;width:calc(100% - 248px)}
body[data-mode="client"] .side{
  width:248px!important;
  border-right:1px solid var(--client-line)!important;
  background:#FBFCFD!important;
  color:var(--client-copy)!important;
}
body[data-mode="client"] .brand{
  min-height:64px!important;
  padding:16px 18px!important;
  border-bottom:1px solid var(--client-line-soft)!important;
  color:var(--client-navy-strong)!important;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;
  font-size:17px!important;
  font-weight:700!important;
  letter-spacing:-.01em!important;
}
body[data-mode="client"] .brand .dot{width:8px;height:8px;background:var(--client-red)}
body[data-mode="client"] .nav{padding:10px 10px 24px!important}
body[data-mode="client"] .nav-grp.platform-main{
  display:flex;
  padding:15px 10px 6px!important;
  color:#596579!important;
  font-size:11.5px!important;
  font-weight:700!important;
  letter-spacing:.055em!important;
  line-height:1.25;
  text-transform:uppercase!important;
}
body[data-mode="client"] .nav a{
  min-height:42px!important;
  margin:1px 0!important;
  padding:9px 11px!important;
  gap:11px!important;
  border:0!important;
  border-radius:6px!important;
  color:#3A4657!important;
  font-size:14px!important;
  font-weight:550!important;
  line-height:1.25;
}
body[data-mode="client"] .nav a:hover{background:#F0F3F7!important;color:var(--client-navy-strong)!important}
body[data-mode="client"] .nav a.active{
  background:#E9EEF5!important;
  color:var(--client-navy-strong)!important;
  font-weight:700!important;
  box-shadow:inset 3px 0 0 var(--client-red);
}
body[data-mode="client"] .pnav-ico,
body[data-mode="client"] .pnav-ico svg{width:18px;height:18px}
body[data-mode="client"] .topbar{
  min-height:64px!important;
  height:64px;
  padding:0 24px!important;
  gap:14px!important;
  border-bottom:1px solid var(--client-line)!important;
  background:#fff!important;
  box-shadow:none!important;
}
body[data-mode="client"] .search{max-width:560px}
body[data-mode="client"] .search input{
  min-height:40px!important;
  height:40px!important;
  padding:0 13px!important;
  border:1px solid #CFD6DF!important;
  border-radius:7px!important;
  background:#F8FAFC!important;
  color:var(--client-ink)!important;
  font-size:14px!important;
}
body[data-mode="client"] .client-company-context{max-width:300px}
body[data-mode="client"] .client-company-context b{font-size:13px;color:var(--client-ink)}
body[data-mode="client"] .client-company-context span{font-size:12.5px!important;color:var(--client-muted)}
body[data-mode="client"] .content{
  width:100%;
  max-width:none;
  min-width:0;
  padding:28px 30px 44px!important;
  overflow-x:hidden;
}
body[data-mode="client"] h1,
body[data-mode="client"] h2,
body[data-mode="client"] h3,
body[data-mode="client"] h4,
body[data-mode="client"] h2.page,
body[data-mode="client"] .page{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;
}
body[data-mode="client"] h2.page,
body[data-mode="client"] .page{
  color:var(--client-ink)!important;
  font-size:27px!important;
  font-weight:700!important;
  line-height:1.22!important;
  letter-spacing:-.025em!important;
}
body[data-mode="client"] h1.page,
body[data-mode="client"] h2.page{margin:0!important}
body[data-mode="client"] .sub{
  max-width:820px;
  font-size:14.5px!important;
  line-height:1.5!important;
}
body[data-mode="client"] .toolbar{align-items:flex-start;margin-bottom:20px;gap:14px}
body[data-mode="client"] .toolbar>div:last-child{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
body[data-mode="client"] .sec{
  color:var(--client-navy)!important;
  font-size:14px!important;
  font-weight:700!important;
  line-height:1.35;
  letter-spacing:0!important;
  text-transform:none!important;
}

/* Controls */
body[data-mode="client"] label,
body[data-mode="client"] .field label,
body[data-mode="client"] .field-label{
  color:var(--client-copy);
  font-size:14px!important;
  font-weight:600;
}
body[data-mode="client"] input,
body[data-mode="client"] select,
body[data-mode="client"] textarea,
body[data-mode="client"] .field input,
body[data-mode="client"] .field select,
body[data-mode="client"] .field textarea{
  min-height:42px;
  border:1px solid #C9D1DC;
  border-radius:7px!important;
  background:#fff;
  color:var(--client-ink);
  font-size:15px!important;
}
body[data-mode="client"] textarea{padding:10px 12px;line-height:1.5}
body[data-mode="client"] input::placeholder,
body[data-mode="client"] textarea::placeholder{color:#667085}
body[data-mode="client"] input:focus,
body[data-mode="client"] select:focus,
body[data-mode="client"] textarea:focus{
  border-color:#6481AC!important;
  box-shadow:0 0 0 3px rgba(45,87,145,.12)!important;
  outline:none!important;
}
body[data-mode="client"] .btn-primary,
body[data-mode="client"] .btn-ghost,
body[data-mode="client"] .btn-sm{
  min-height:40px!important;
  padding:9px 14px!important;
  border-radius:7px!important;
  font-size:14px!important;
  font-weight:650!important;
  line-height:1.2;
}
body[data-mode="client"] .btn-primary{
  border:1px solid var(--client-navy)!important;
  background:var(--client-navy)!important;
  color:#fff!important;
  box-shadow:none!important;
}
body[data-mode="client"] .btn-primary:hover{border-color:var(--client-navy-strong)!important;background:var(--client-navy-strong)!important}
body[data-mode="client"] .btn-ghost{
  border:1px solid #C9D1DC!important;
  background:#fff!important;
  color:var(--client-navy)!important;
  box-shadow:none!important;
}
body[data-mode="client"] .btn-ghost:hover{border-color:#8F9CAD!important;background:#F7F9FC!important}
body[data-mode="client"] button:focus-visible,
body[data-mode="client"] a:focus-visible,
body[data-mode="client"] input:focus-visible,
body[data-mode="client"] select:focus-visible,
body[data-mode="client"] textarea:focus-visible{
  outline:3px solid #2D5791!important;
  outline-offset:2px!important;
}
body[data-mode="client"] button:disabled,
body[data-mode="client"] button[aria-disabled="true"]{transform:none!important;filter:none!important}
body[data-mode="client"] .field{margin-bottom:14px}
body[data-mode="client"] .row2{gap:14px}

/* Surfaces, metrics and data */
body[data-mode="client"] .tile,
body[data-mode="client"] .panel,
body[data-mode="client"] .form-card,
body[data-mode="client"] .process-card,
body[data-mode="client"] .ov-card,
body[data-mode="client"] .p-card,
body[data-mode="client"] .help-card,
body[data-mode="client"] .su-card,
body[data-mode="client"] .tr-col,
body[data-mode="client"] .client-command-center,
body[data-mode="client"] .help-support,
body[data-mode="client"] .help-quick-card{
  border:1px solid var(--client-line)!important;
  border-radius:8px!important;
  background:var(--client-surface)!important;
  box-shadow:0 1px 2px rgba(16,24,40,.035)!important;
}
body[data-mode="client"] .tile{padding:16px 17px}
body[data-mode="client"] .tile .lbl{margin-bottom:5px;color:var(--client-muted);font-size:13px;font-weight:600}
body[data-mode="client"] .tile .num{color:var(--client-ink);font-size:26px!important;font-weight:700;letter-spacing:-.025em}
body[data-mode="client"] .tile .foot{margin-top:9px;color:var(--client-muted);font-size:12.5px}
body[data-mode="client"] .client-kpi-grid{gap:10px}
body[data-mode="client"] .client-kpi-grid .tile .num{font-size:clamp(21px,1.8vw,27px)!important;overflow-wrap:anywhere}
body[data-mode="client"] .content table{
  border:1px solid var(--client-line)!important;
  border-radius:8px!important;
  background:#fff;
  box-shadow:none!important;
}
body[data-mode="client"] .content th,
body[data-mode="client"] table thead th{
  padding:11px 13px!important;
  border-bottom:1px solid var(--client-line)!important;
  background:#F7F9FB!important;
  color:#596579!important;
  font-size:12px!important;
  font-weight:700!important;
  line-height:1.35;
  letter-spacing:.025em!important;
  text-transform:none;
}
body[data-mode="client"] .content td,
body[data-mode="client"] table td{
  padding:12px 13px!important;
  color:var(--client-copy);
  font-size:14px!important;
  line-height:1.45!important;
}
body[data-mode="client"] .content tbody tr:hover td{background:#F8FAFC}
body[data-mode="client"] .badge,
body[data-mode="client"] .tr-badge,
body[data-mode="client"] .clo-status{
  border-radius:5px!important;
  font-size:12.5px!important;
  font-weight:650;
}
body[data-mode="client"] .placeholder,
body[data-mode="client"] .et-empty,
body[data-mode="client"] .docs-empty{
  padding:28px 22px!important;
  border:1px dashed #C9D1DC!important;
  border-radius:8px!important;
  background:#FAFBFC!important;
  color:var(--client-muted)!important;
  font-size:14px!important;
  line-height:1.5;
  text-align:center;
}

/* Overview: operational dashboard, not a marketing card wall. */
body[data-mode="client"] .clo-head{margin-bottom:16px}
body[data-mode="client"] .clo-status{
  gap:8px;
  margin-top:9px;
  padding:7px 10px;
  border:1px solid #D7DEE8;
  background:#F8FAFC!important;
  color:var(--client-copy)!important;
}
body[data-mode="client"] .clo-status.ok{border-color:#B7DFC9;background:#F3FAF6!important;color:#176B43!important}
body[data-mode="client"] .clo-status.warn{border-color:#E2C2C4;background:#FFF8F8!important;color:#8D2026!important}
body[data-mode="client"] .clo-cta{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px;
  margin-bottom:18px;
}
body[data-mode="client"] .clo-cta-btn{
  min-height:72px;
  padding:13px 14px!important;
  gap:11px;
  border:1px solid var(--client-line)!important;
  border-radius:8px!important;
  background:#fff!important;
  box-shadow:none!important;
  transform:none!important;
}
body[data-mode="client"] .clo-cta-btn:hover{border-color:#9AA8BA!important;background:#F8FAFC!important}
body[data-mode="client"] .clo-cta-btn.primary{border-color:var(--client-navy)!important;background:var(--client-navy)!important}
body[data-mode="client"] .clo-cta-ic{
  width:36px;
  height:36px;
  border-radius:6px;
  background:#EEF2F6;
}
body[data-mode="client"] .clo-cta-ic svg{width:19px;height:19px}
body[data-mode="client"] .clo-cta-tx b{font-size:14px}
body[data-mode="client"] .clo-cta-tx small{margin-top:2px;font-size:12.5px}
body[data-mode="client"] .onb-welcome{
  margin-bottom:14px;
  padding:14px 16px;
  border:1px solid var(--client-line);
  border-left:3px solid var(--client-navy);
  border-radius:7px!important;
  background:#F8FAFC!important;
  color:var(--client-copy)!important;
}
body[data-mode="client"] .onb-welcome b{margin-bottom:3px;color:var(--client-ink);font-size:15px}
body[data-mode="client"] .onb-welcome p{color:var(--client-copy);font-size:13.5px;opacity:1}
body[data-mode="client"] .onb{
  margin:0 0 18px;
  padding:16px 18px;
  border-radius:8px!important;
  background:#fff!important;
}
body[data-mode="client"] .onb-h{margin-bottom:10px;color:var(--client-ink);font-size:15px}
body[data-mode="client"] .onb-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:0}
body[data-mode="client"] .onb-step{
  min-width:0;
  padding:8px 14px;
  border:0!important;
  border-left:1px solid var(--client-line-soft)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body[data-mode="client"] .onb-step:first-child{border-left:0!important;padding-left:0}
body[data-mode="client"] .onb-step:last-child{padding-right:0}
body[data-mode="client"] .onb-step.wait,
body[data-mode="client"] .onb-step.done{opacity:1}
body[data-mode="client"] .onb-n{
  width:25px;
  height:25px;
  border-radius:5px;
  background:#DFE6EF;
  color:var(--client-navy);
}
body[data-mode="client"] .onb-step.done .onb-n{background:#DCEFE5;color:#176B43}
body[data-mode="client"] .onb-tx b{font-size:13.5px}
body[data-mode="client"] .onb-tx small{font-size:12.5px}
body[data-mode="client"] .client-command-center{
  margin:16px 0 22px;
  padding:17px 18px;
}
body[data-mode="client"] .client-command-head{margin-bottom:12px}
body[data-mode="client"] .client-command-head h3{font-size:15px}
body[data-mode="client"] .client-readiness-link{min-height:36px;color:#245B9F;font-size:13px}
body[data-mode="client"] .client-summary-strip{border-radius:7px;background:#F8FAFC}
body[data-mode="client"] .client-summary-kpi{
  min-height:76px;
  padding:12px 14px;
}
body[data-mode="client"] .client-summary-kpi b{font-size:23px;font-weight:700}
body[data-mode="client"] .client-summary-kpi span{font-size:12.5px}
body[data-mode="client"] .client-deadlines{margin-top:15px;padding-top:15px}
body[data-mode="client"] .rb-f{
  min-height:36px;
  padding:7px 11px;
  border-radius:6px;
  font-size:13px;
}
body[data-mode="client"] .rb-f.active{background:var(--client-navy);border-color:var(--client-navy)}
body[data-mode="client"] .at-card{
  min-height:52px;
  border-radius:6px!important;
}
body[data-mode="client"] .at-main b{font-size:14px}
body[data-mode="client"] .at-main small,
body[data-mode="client"] .at-note{font-size:12.5px}

/* Occupational safety is one module with four explicit work areas. */
body[data-mode="client"] .suot-regulatory-note{
  margin:0 0 14px;
  border:1px solid #E6D4A4;
  border-left:3px solid #B7791F;
  border-radius:7px;
  background:#FFFCF4;
}
body[data-mode="client"] .suot-regulatory-note summary{
  position:relative;
  padding:11px 38px 11px 13px;
  color:#6E4B12;
  font-size:13px;
  font-weight:700;
  cursor:pointer;
  list-style:none;
}
body[data-mode="client"] .suot-regulatory-note summary::-webkit-details-marker{display:none}
body[data-mode="client"] .suot-regulatory-note summary::after{
  content:"⌄";
  position:absolute;
  right:14px;
  top:9px;
  font-size:18px;
  font-weight:500;
}
body[data-mode="client"] .suot-regulatory-note[open] summary::after{transform:rotate(180deg)}
body[data-mode="client"] .suot-regulatory-note p{
  margin:0;
  padding:0 13px 12px;
  color:#604817;
  font-size:13px;
  line-height:1.5;
}
body[data-mode="client"] .suot-section-nav{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:0;
  margin:0 0 18px;
  border:1px solid var(--client-line);
  border-radius:8px;
  background:#fff;
  overflow:hidden;
}
body[data-mode="client"] .suot-section-nav [role="tab"]{
  position:relative;
  min-width:0;
  min-height:62px;
  padding:11px 13px;
  border:0;
  border-right:1px solid var(--client-line-soft);
  border-radius:0!important;
  background:#fff;
  color:var(--client-copy);
  text-align:left;
}
body[data-mode="client"] .suot-section-nav [role="tab"]:last-child{border-right:0}
body[data-mode="client"] .suot-section-nav [role="tab"]::after{
  content:"";
  position:absolute;
  right:12px;
  bottom:0;
  left:12px;
  height:2px;
  background:transparent;
}
body[data-mode="client"] .suot-section-nav [role="tab"].active{background:#F8FAFC;color:var(--client-navy)}
body[data-mode="client"] .suot-section-nav [role="tab"].active::after{background:var(--client-red)}
body[data-mode="client"] .suot-tab-title{display:block;font-size:14px;font-weight:700;line-height:1.25}
body[data-mode="client"] .suot-section-nav small{display:block;margin-top:3px;color:var(--client-muted);font-size:12px}
body[data-mode="client"] #su-body{min-width:0}
body[data-mode="client"] .su-grid{grid-template-columns:320px minmax(0,1fr);gap:12px}
body[data-mode="client"] .su-card{padding:16px 18px}
body[data-mode="client"] .su-card-h{
  margin-bottom:13px;
  color:var(--client-ink);
  font-size:14.5px;
  font-weight:700;
  letter-spacing:0;
  text-transform:none;
}
body[data-mode="client"] .su-legend div,
body[data-mode="client"] .su-kind-t,
body[data-mode="client"] .su-prob-t{font-size:13.5px}
body[data-mode="client"] .su-prob{
  padding:10px 11px;
  border-radius:7px;
}
body[data-mode="client"] .su-prob-n{width:32px;height:32px;border-radius:6px}
body[data-mode="client"] .su-actions{margin-bottom:12px}
body[data-mode="client"] #su-brief-entry-form{
  width:100%;
  max-width:980px!important;
  padding:0!important;
  overflow:hidden;
}
body[data-mode="client"] .su-form-head{
  padding:16px 18px;
  border-bottom:1px solid var(--client-line);
  background:#F8FAFC;
}
body[data-mode="client"] .su-form-head b{display:block;color:var(--client-ink);font-size:16px}
body[data-mode="client"] .su-form-head span{display:block;margin-top:3px;color:var(--client-muted);font-size:13px}
body[data-mode="client"] .su-form-section{padding:17px 18px;border-bottom:1px solid var(--client-line-soft)}
body[data-mode="client"] .su-form-section:last-of-type{border-bottom:0}
body[data-mode="client"] .su-form-section-title{
  display:flex;
  align-items:flex-start;
  gap:10px;
  margin-bottom:13px;
}
body[data-mode="client"] .su-form-section-title>span{
  display:grid;
  place-items:center;
  width:24px;
  height:24px;
  flex:none;
  border-radius:5px;
  background:#E8EDF4;
  color:var(--client-navy);
  font-size:12px;
  font-weight:800;
}
body[data-mode="client"] .su-form-section-title b{display:block;color:var(--client-ink);font-size:14px}
body[data-mode="client"] .su-form-section-title small{display:block;margin-top:1px;color:var(--client-muted)}
body[data-mode="client"] .su-kinds-pick{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
body[data-mode="client"] .su-kpick{
  min-height:66px;
  padding:10px 11px;
  border-radius:7px;
  background:#fff;
}
body[data-mode="client"] .su-kpick:has(input:checked){border-color:#6881A5;background:#F5F8FC}
body[data-mode="client"] .su-kpick b{font-size:13.5px}
body[data-mode="client"] .su-kpick small{font-size:12.5px;color:var(--client-muted)}
body[data-mode="client"] [hidden]{display:none!important}
body[data-mode="client"] .su-emps{max-height:300px;border-radius:7px;padding:6px}
body[data-mode="client"] .su-emp,
body[data-mode="client"] .su-emp-all{min-height:40px;padding:8px 9px;border-radius:5px;font-size:13.5px}
body[data-mode="client"] .su-emp small{font-size:12.5px;color:var(--client-muted)}
body[data-mode="client"] .su-confirm{
  margin:0;
  padding:12px 13px;
  border-radius:7px;
  background:#F8FAFC;
}
body[data-mode="client"] .su-confirm b{font-size:13.5px}
body[data-mode="client"] .su-confirm small{font-size:12.5px}
body[data-mode="client"] .su-form-actions{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  padding:14px 18px 16px;
  border-top:1px solid var(--client-line);
  background:#fff;
}
body[data-mode="client"] .su-form-actions [role="status"]{min-height:20px;margin-left:4px;font-size:13px}
body[data-mode="client"] .cmp-name{appearance:none;background:none;border:0;border-bottom:1px dotted #7C8CA3;color:inherit;cursor:pointer;font:inherit;font-weight:700;padding:0;text-align:left}
body[data-mode="client"] .cmp-toggle{appearance:none;background:none;border:0;color:inherit;cursor:pointer;font:inherit;padding:4px;text-align:left}
body[data-mode="client"] .cmp-det>td{background:#F8FAFC}

/* Training and other high-frequency workspaces */
body[data-mode="client"] .tr-smart{
  padding:10px 12px;
  border-radius:8px;
  background:#F7F9FB;
}
body[data-mode="client"] .tr-modes{padding:2px;border-radius:7px;background:#E8EDF3}
body[data-mode="client"] .tr-mode{min-height:36px;padding:7px 12px;border-radius:5px;font-size:13px}
body[data-mode="client"] .tr-mode.on{box-shadow:none;border:1px solid #CFD6DF}
body[data-mode="client"] .tr-grid{
  grid-template-columns:minmax(250px,.86fr) minmax(330px,1.14fr) minmax(290px,.9fr)!important;
  gap:12px!important;
}
body[data-mode="client"] .tr-col{padding:12px!important}
body[data-mode="client"] .tr-col-h{
  padding:2px 3px 10px;
  margin-bottom:8px;
  border-bottom:1px solid var(--client-line-soft);
  color:#596579;
  font-size:12px;
  letter-spacing:.035em;
}
body[data-mode="client"] .tr-search{height:40px;border-radius:7px;font-size:14px}
body[data-mode="client"] .tr-row,
body[data-mode="client"] .tr-person{min-height:44px;padding:8px 9px;border-radius:6px}
body[data-mode="client"] .tr-row-t b{font-size:14px}
body[data-mode="client"] .tr-row-t small,
body[data-mode="client"] .tr-row-t em,
body[data-mode="client"] .tr-citem-t small,
body[data-mode="client"] .tr-citem-t em{font-size:12.5px}
body[data-mode="client"] .tr-person.on{background:var(--client-navy);border-color:var(--client-navy)}
body[data-mode="client"] .tr-cemp{border-radius:7px}
body[data-mode="client"] .tr-citem{border-radius:5px}
body[data-mode="client"] .tr-total-v{font-size:18px}
body[data-mode="client"] .emp-mass,
body[data-mode="client"] .et-controls,
body[data-mode="client"] .et-selection{border-radius:7px}

/* Help and support */
body[data-mode="client"] .help-support{
  margin-top:16px;
  padding:18px 20px;
  gap:20px;
  background:#fff!important;
}
body[data-mode="client"] .help-support h3{margin:3px 0 5px;color:var(--client-ink);font-size:17px}
body[data-mode="client"] .help-support p{font-size:13.5px}
body[data-mode="client"] .help-eyebrow{color:var(--client-red);font-size:12px;letter-spacing:.08em}
body[data-mode="client"] .help-quick{gap:10px;margin-top:14px}
body[data-mode="client"] .help-quick-card{
  min-height:88px;
  padding:13px 14px;
  transform:none!important;
}
body[data-mode="client"] .help-quick-card:hover{border-color:#98A6B8!important;box-shadow:none!important}
body[data-mode="client"] .help-quick-card b{font-size:13.5px}
body[data-mode="client"] .help-quick-card span{margin-top:5px;font-size:12.5px}
body[data-mode="client"] .help-faq-title{margin-top:24px}
body[data-mode="client"] .help-faq summary{padding:15px 38px 15px 0;color:var(--client-ink);font-size:14px}
body[data-mode="client"] .help-faq p{font-size:13.5px}

/* Responsive shell and content */
@media (max-width:1450px) and (min-width:1101px){
  body[data-mode="client"] .content{padding:24px 24px 40px!important}
  body[data-mode="client"] .et-controls{flex-wrap:wrap!important}
  body[data-mode="client"] .et-query{
    display:grid!important;
    width:100%!important;
    min-width:0!important;
    flex:1 1 100%!important;
    grid-template-columns:minmax(220px,1.6fr) repeat(4,minmax(105px,1fr));
    align-items:end;
    gap:10px;
  }
  body[data-mode="client"] .et-search,
  body[data-mode="client"] .et-filter{width:auto!important;min-width:0!important}
  body[data-mode="client"] .et-search input,
  body[data-mode="client"] .et-filter select{width:100%!important;min-width:0!important}
  body[data-mode="client"] .et-state{margin-left:auto}
  body[data-mode="client"] .client-summary-strip{grid-template-columns:repeat(3,minmax(0,1fr))}
  body[data-mode="client"] .client-summary-kpi:nth-child(3n){border-right:0}
  body[data-mode="client"] .client-summary-kpi:nth-child(n+4){border-top:1px solid var(--client-line-soft)}
}
@media (min-width:1101px){
  body[data-mode="client"] .nav-burger{display:none!important}
}
@media (max-width:1100px){
  body[data-mode="client"] .main{width:100%;min-width:0}
  body[data-mode="client"] .side{
    position:fixed!important;
    top:0!important;
    left:0!important;
    z-index:70!important;
    width:min(86vw,304px)!important;
    height:100dvh!important;
    overflow-y:auto!important;
    transform:translateX(-100%)!important;
    transition:transform .2s ease!important;
    box-shadow:none!important;
  }
  body[data-mode="client"].nav-open .side{transform:translateX(0)!important;box-shadow:18px 0 44px rgba(16,24,40,.2)!important;background:#FBFCFD!important}
  body[data-mode="client"] .side .brand-full{display:inline!important}
  body[data-mode="client"] .side .brand-mini{display:none!important}
  body[data-mode="client"] .nav-grp{display:flex!important}
  body[data-mode="client"] .nav a{justify-content:flex-start!important;min-height:44px!important}
  body[data-mode="client"] .navlbl{display:inline!important}
  body[data-mode="client"] .nav-close{
    display:flex!important;
    position:absolute;
    top:12px;
    right:12px;
    width:44px;
    height:44px;
    min-height:44px!important;
    align-items:center;
    justify-content:center;
    border:1px solid var(--client-line)!important;
    border-radius:7px!important;
    background:#F3F5F8!important;
    color:var(--client-navy)!important;
  }
  body[data-mode="client"].nav-open .nav a{color:#3A4657!important}
  body[data-mode="client"].nav-open .nav a.active{background:#E9EEF5!important;color:var(--client-navy-strong)!important}
  body[data-mode="client"].nav-open .nav-grp{color:#596579!important}
  body[data-mode="client"].nav-open .nav-close{width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;box-sizing:border-box!important;padding:0!important;color:var(--client-navy)!important;background:#F3F5F8!important;border-color:var(--client-line)!important}
  body[data-mode="client"].nav-open .nav a:focus-visible{outline:3px solid #2D5791!important;outline-offset:2px!important}
  body[data-mode="client"] .nav-burger{
    display:inline-flex!important;
    width:44px!important;
    height:44px!important;
    min-height:44px!important;
    padding:0!important;
    align-items:center!important;
    justify-content:center!important;
    border:1px solid var(--client-line)!important;
    border-radius:7px!important;
    background:#fff!important;
    color:var(--client-navy)!important;
  }
  body[data-mode="client"] .nav-backdrop{display:none!important}
  body[data-mode="client"].nav-open .nav-backdrop{
    display:block!important;
    position:fixed!important;
    inset:0!important;
    z-index:65!important;
    background:rgba(15,28,48,.46)!important;
    opacity:1!important;
    pointer-events:auto!important;
  }
  body[data-mode="client"] .topbar{padding:0 18px!important}
  body[data-mode="client"] .content{padding:24px 20px 38px!important}
  body[data-mode="client"] .client-company-context{max-width:220px}
  body[data-mode="client"] .su-grid{grid-template-columns:1fr}
  body[data-mode="client"] .client-summary-strip{grid-template-columns:repeat(3,minmax(0,1fr))}
  body[data-mode="client"] .client-summary-kpi:nth-child(3n){border-right:0}
  body[data-mode="client"] .client-summary-kpi:nth-child(n+4){border-top:1px solid var(--client-line-soft)}
  body[data-mode="client"] .help-quick{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:1450px) and (min-width:821px){
  body[data-mode="client"] .tr-grid{
    grid-template-columns:minmax(250px,.86fr) minmax(330px,1.14fr)!important;
    grid-template-areas:
      "people programs"
      "cart programs";
    align-items:start;
  }
  body[data-mode="client"] .tr-grid>.tr-col:nth-child(1){grid-area:people}
  body[data-mode="client"] .tr-grid>.tr-col:nth-child(2){grid-area:programs}
  body[data-mode="client"] .tr-cart{grid-area:cart;grid-column:auto;position:static}
}
@media (max-width:820px){
  body[data-mode="client"] input,
  body[data-mode="client"] select,
  body[data-mode="client"] textarea,
  body[data-mode="client"] .field input,
  body[data-mode="client"] .field select,
  body[data-mode="client"] .field textarea{font-size:16px!important}
  body[data-mode="client"] .search input{
    min-height:44px!important;
    height:44px!important;
    font-size:16px!important;
  }
  body[data-mode="client"] .btn-primary,
  body[data-mode="client"] .btn-ghost,
  body[data-mode="client"] .btn-sm{min-height:44px!important}
  body[data-mode="client"] .client-company-context{display:none}
  body[data-mode="client"] h2.page,
  body[data-mode="client"] .page{font-size:25px!important}
  body[data-mode="client"] .content{padding:21px 16px 36px!important}
  body[data-mode="client"] .clo-cta{grid-template-columns:1fr!important}
  body[data-mode="client"] .tr-grid{grid-template-columns:1fr!important;grid-template-areas:none!important}
  body[data-mode="client"] .tr-grid>.tr-col:nth-child(1),
  body[data-mode="client"] .tr-grid>.tr-col:nth-child(2),
  body[data-mode="client"] .tr-cart{grid-area:auto;grid-column:auto;position:static}
  body[data-mode="client"] .tr-x,
  body[data-mode="client"] .cart-chip button[data-rmp]{min-width:44px!important;min-height:44px!important}
  body[data-mode="client"] .onb-steps{grid-template-columns:1fr}
  body[data-mode="client"] .onb-step,
  body[data-mode="client"] .onb-step:first-child,
  body[data-mode="client"] .onb-step:last-child{
    padding:10px 0;
    border:0!important;
    border-top:1px solid var(--client-line-soft)!important;
  }
  body[data-mode="client"] .onb-step:first-child{border-top:0!important}
  body[data-mode="client"] .suot-section-nav [role="tab"]{padding:10px;min-height:60px}
}
@media (max-width:720px){
  body[data-mode="client"]{font-size:15px}
  body[data-mode="client"] .topbar{
    height:auto!important;
    min-height:60px!important;
    padding:8px 12px!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    gap:8px!important;
  }
  body[data-mode="client"] .topbar .search{
    display:flex!important;
    order:5!important;
    flex:0 0 100%!important;
    width:100%!important;
    max-width:100%!important;
    min-width:100%!important;
  }
  body[data-mode="client"] .client-company-context{display:none}
  body[data-mode="client"] .userbox{margin-left:auto}
  body[data-mode="client"] .content{padding:18px 14px 34px!important}
  body[data-mode="client"] h2.page,
  body[data-mode="client"] .page{font-size:24px!important;line-height:1.25!important}
  body[data-mode="client"] .sub{font-size:14px!important}
  body[data-mode="client"] .toolbar{flex-direction:column;align-items:stretch;gap:10px;margin-bottom:16px}
  body[data-mode="client"] .toolbar>div:last-child{width:100%;align-items:stretch}
  body[data-mode="client"] .toolbar>div:last-child>.btn-sm,
  body[data-mode="client"] .toolbar>div:last-child>a.btn-sm{flex:1 1 160px;text-align:center}
  body[data-mode="client"] .row2{grid-template-columns:1fr!important}
  body[data-mode="client"] .content table{
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
  }
  body[data-mode="client"] .content table tr{
    border-radius:7px!important;
    box-shadow:none!important;
  }
  body[data-mode="client"] .content table td{padding:4px 0!important}
  body[data-mode="client"] .client-summary-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
  body[data-mode="client"] .client-summary-kpi,
  body[data-mode="client"] .client-summary-kpi:nth-child(3n){border-right:1px solid var(--client-line-soft)}
  body[data-mode="client"] .client-summary-kpi:nth-child(2n){border-right:0}
  body[data-mode="client"] .client-summary-kpi:nth-child(n+3){border-top:1px solid var(--client-line-soft)}
  body[data-mode="client"] .client-summary-kpi b{font-size:21px;overflow-wrap:anywhere}
  body[data-mode="client"] .client-deadlines{grid-template-columns:1fr;gap:9px}
  body[data-mode="client"] .rb-head{align-items:flex-start}
  body[data-mode="client"] .rb-filters{
    width:100%;
    overflow-x:auto;
    flex-wrap:nowrap;
    padding-bottom:2px;
    scrollbar-width:thin;
  }
  body[data-mode="client"] .rb-f{flex:none}
  body[data-mode="client"] .suot-section-nav{
    display:flex;
    overflow-x:auto;
    overscroll-behavior-inline:contain;
    scrollbar-width:thin;
  }
  body[data-mode="client"] .suot-section-nav [role="tab"]{
    flex:0 0 166px;
    min-width:166px;
    border-right:1px solid var(--client-line-soft);
  }
  body[data-mode="client"] .su-form-section,
  body[data-mode="client"] .su-form-head{padding:14px}
  body[data-mode="client"] .su-kinds-pick{grid-template-columns:1fr}
  body[data-mode="client"] .su-form-actions{align-items:stretch;padding:12px 14px 14px}
  body[data-mode="client"] .su-form-actions button{flex:1 1 150px}
  body[data-mode="client"] .su-form-actions [role="status"]{width:100%;margin-left:0}
  body[data-mode="client"] .su-actions{align-items:stretch}
  body[data-mode="client"] .su-actions .btn-primary,
  body[data-mode="client"] .su-actions .btn-ghost{flex:1 1 180px;width:auto}
  body[data-mode="client"] .help-support{align-items:flex-start;flex-direction:column;padding:16px}
  body[data-mode="client"] .help-support a{display:block;width:100%;text-align:center}
  body[data-mode="client"] .help-quick{grid-template-columns:1fr}
  body[data-mode="client"] .help-quick-card{min-height:76px}
  body[data-mode="client"] .form-card{padding:14px}
  body[data-mode="client"] .drawer{width:100vw;max-width:100vw}
  body[data-mode="client"] .drawer-head,
  body[data-mode="client"] .drawer-body{padding-left:15px;padding-right:15px}
}
@media (max-width:520px){
  body[data-mode="client"] .client-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body[data-mode="client"] .client-kpi-grid>.tile:last-child:nth-child(odd){grid-column:1/-1}
  body[data-mode="client"] .client-kpi-grid .tile{padding:13px}
  body[data-mode="client"] .client-kpi-grid .tile .num{font-size:20px!important}
  body[data-mode="client"] .client-kpi-grid .tile .foot{font-size:12px}
  body[data-mode="client"] .nbell-dd{right:8px;left:8px;width:auto}
  body[data-mode="client"] .toasts{right:10px;bottom:10px;left:10px}
  body[data-mode="client"] .toast{width:100%;max-width:none;min-width:0}
}
@media (prefers-reduced-motion:reduce){
  body[data-mode="client"] *,
  body[data-mode="client"] *::before,
  body[data-mode="client"] *::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}
}

/* Readable type scale */
body[data-mode="client"]{
  font-size:17px;
  line-height:1.58;
}
body[data-mode="client"] .muted{
  color:#475467!important;
  font-size:14px!important;
  line-height:1.5!important;
}
body[data-mode="client"] small,
body[data-mode="client"] .hint,
body[data-mode="client"] .field-error,
body[data-mode="client"] .date-format-hint,
body[data-mode="client"] .order-field-help,
body[data-mode="client"] .program-policy-blocked{
  font-size:14px!important;
  line-height:1.5!important;
}
body[data-mode="client"] .nav-grp.platform-main{
  font-size:13px!important;
  letter-spacing:.01em!important;
  line-height:1.4;
  text-transform:none!important;
}
body[data-mode="client"] .nav a{
  min-height:46px!important;
  font-size:15.5px!important;
  line-height:1.35;
}
body[data-mode="client"] .search input{
  min-height:44px!important;
  height:44px!important;
  font-size:16px!important;
}
body[data-mode="client"] .client-company-context b{font-size:14.5px}
body[data-mode="client"] .client-company-context span{font-size:14px!important;line-height:1.4}
body[data-mode="client"] .sub{font-size:16px!important;line-height:1.6!important}
body[data-mode="client"] .sec{font-size:15.5px!important;line-height:1.45}

body[data-mode="client"] label,
body[data-mode="client"] .field label,
body[data-mode="client"] .field-label,
body[data-mode="client"] .order-form-section .field label,
body[data-mode="client"] .order-employee-search span{
  font-size:15px!important;
  line-height:1.45;
}
body[data-mode="client"] input,
body[data-mode="client"] select,
body[data-mode="client"] textarea,
body[data-mode="client"] .field input,
body[data-mode="client"] .field select,
body[data-mode="client"] .field textarea{
  min-height:44px;
  font-size:16px!important;
  line-height:1.5;
}
body[data-mode="client"] .btn-primary,
body[data-mode="client"] .btn-ghost,
body[data-mode="client"] .btn-sm{
  min-height:44px!important;
  font-size:15px!important;
  line-height:1.3;
}

body[data-mode="client"] .content th,
body[data-mode="client"] table thead th{
  font-size:13.5px!important;
  line-height:1.45!important;
}
body[data-mode="client"] .content td,
body[data-mode="client"] table td{
  font-size:15px!important;
  line-height:1.55!important;
}
body[data-mode="client"] .content table td[data-label]::before,
body[data-mode="client"] .issued-tbl td::before,
body[data-mode="client"] .order-history-table td::before,
body[data-mode="client"] .eim-table td::before{
  color:#475467!important;
  font-size:13.5px!important;
  line-height:1.4!important;
}
body[data-mode="client"] .badge,
body[data-mode="client"] .tr-badge,
body[data-mode="client"] .clo-status,
body[data-mode="client"] .tr-incart,
body[data-mode="client"] .tr-disc,
body[data-mode="client"] .suot-chip{
  font-size:13.5px!important;
  line-height:1.4;
}
body[data-mode="client"] .tile .lbl,
body[data-mode="client"] .tile .foot,
body[data-mode="client"] .client-summary-kpi span,
body[data-mode="client"] .client-deadlines-title,
body[data-mode="client"] .clo-cta-tx small,
body[data-mode="client"] .onb-tx small,
body[data-mode="client"] .at-main small,
body[data-mode="client"] .at-note{
  font-size:14px!important;
  line-height:1.5;
}
body[data-mode="client"] .clo-cta-tx b,
body[data-mode="client"] .onb-tx b,
body[data-mode="client"] .at-main b{font-size:15px!important;line-height:1.4}
body[data-mode="client"] .bar-l,
body[data-mode="client"] .crq-sl,
body[data-mode="client"] .crq-prog,
body[data-mode="client"] .crq-total span,
body[data-mode="client"] .aud-pct span,
body[data-mode="client"] .aud-sub,
body[data-mode="client"] .p-access-note span,
body[data-mode="client"] .gt-cnt,
body[data-mode="client"] .gt-intro{
  color:#667085;
  font-size:14px!important;
  line-height:1.5;
}
body[data-mode="client"] .az-modal p,
body[data-mode="client"] .az-modal li{font-size:15px!important;line-height:1.6!important}
body[data-mode="client"] .p-kv,
body[data-mode="client"] .acc-btn,
body[data-mode="client"] .p-created{font-size:15px;line-height:1.5}
body[data-mode="client"] .company-review-check{
  display:grid;
  gap:8px;
  margin-top:16px;
  padding:16px;
  border:1px solid #E4B548;
  border-radius:8px;
  background:#FFFBEB;
}
body[data-mode="client"] .company-review-check.done{border-color:#A9D5BC;background:#F2FAF5;color:#176B43}
body[data-mode="client"] .company-review-check b{font-size:16px;line-height:1.4}
body[data-mode="client"] .company-review-check p{margin:0;color:#475467;font-size:15px;line-height:1.55}
body[data-mode="client"] .company-review-check.done p{color:#3B7259}
body[data-mode="client"] .company-review-check button{justify-self:start}
body[data-mode="client"] .company-review-check [role="status"]:not(:empty){display:block;margin-top:2px}

body[data-mode="client"] .client-readiness-link,
body[data-mode="client"] .rb-f,
body[data-mode="client"] .tr-mode{
  min-height:44px!important;
  font-size:14.5px!important;
  line-height:1.4;
}
body[data-mode="client"] .suot-regulatory-note summary,
body[data-mode="client"] .suot-regulatory-note p{
  font-size:15px!important;
  line-height:1.6;
}
body[data-mode="client"] .suot-tab-title{font-size:15.5px;line-height:1.4}
body[data-mode="client"] .suot-section-nav small,
body[data-mode="client"] .su-form-head span,
body[data-mode="client"] .su-form-section-title small,
body[data-mode="client"] .su-kpick small,
body[data-mode="client"] .su-emp small,
body[data-mode="client"] .su-confirm small,
body[data-mode="client"] .su-form-actions [role="status"]{
  font-size:14px!important;
  line-height:1.5;
}
body[data-mode="client"] .su-card-h,
body[data-mode="client"] .su-legend div,
body[data-mode="client"] .su-kind-t,
body[data-mode="client"] .su-prob-t,
body[data-mode="client"] .su-form-section-title b,
body[data-mode="client"] .su-kpick b,
body[data-mode="client"] .su-emp,
body[data-mode="client"] .su-emp-all,
body[data-mode="client"] .su-confirm b{
  font-size:15px!important;
  line-height:1.45;
}
body[data-mode="client"] .su-emp,
body[data-mode="client"] .su-emp-all{min-height:44px}
body[data-mode="client"] .tr-col-h{font-size:13.5px;line-height:1.45}
body[data-mode="client"] .tr-search{height:44px;font-size:16px}
body[data-mode="client"] .tr-row-t b{font-size:15px}
body[data-mode="client"] .tr-row-t small,
body[data-mode="client"] .tr-row-t em,
body[data-mode="client"] .tr-citem-t small,
body[data-mode="client"] .tr-citem-t em,
body[data-mode="client"] .tr-for{font-size:14px!important;line-height:1.5}

body[data-mode="client"] .et-filter,
body[data-mode="client"] .et-clear,
body[data-mode="client"] .et-clear-selection,
body[data-mode="client"] .et-state,
body[data-mode="client"] .et-pager,
body[data-mode="client"] .et-bulk{
  font-size:14px!important;
  line-height:1.45;
}
body[data-mode="client"] .et-search input,
body[data-mode="client"] .et-filter select,
body[data-mode="client"] .et-pages select,
body[data-mode="client"] .et-page-label input{font-size:16px!important}

body[data-mode="client"] .order-intro p,
body[data-mode="client"] .order-card p,
body[data-mode="client"] .order-load,
body[data-mode="client"] .order-section-head p,
body[data-mode="client"] .order-empty span,
body[data-mode="client"] .order-modal-head p,
body[data-mode="client"] .order-form-error,
body[data-mode="client"] .order-form-title-row p,
body[data-mode="client"] .order-confirm,
body[data-mode="client"] .order-progress{
  font-size:15px!important;
  line-height:1.55;
}
body[data-mode="client"] .order-card-type,
body[data-mode="client"] .order-modal-head span,
body[data-mode="client"] .order-no-access,
body[data-mode="client"] .order-history-table td small,
body[data-mode="client"] .order-employee small,
body[data-mode="client"] .order-format-row small{
  font-size:14px!important;
  line-height:1.5;
}
body[data-mode="client"] .order-card h3,
body[data-mode="client"] .order-empty b,
body[data-mode="client"] .order-history-table td b,
body[data-mode="client"] .order-employee b,
body[data-mode="client"] .order-format-row b{font-size:15.5px;line-height:1.45}
body[data-mode="client"] .order-signer-remove{font-size:14px;line-height:1.4}

body[data-mode="client"] .eim-loading span,
body[data-mode="client"] .eim-load-error span,
body[data-mode="client"] .eim-head p,
body[data-mode="client"] .eim-summary span,
body[data-mode="client"] .eim-action,
body[data-mode="client"] .eim-result,
body[data-mode="client"] .eim-actions,
body[data-mode="client"] .eim-confirm p,
body[data-mode="client"] .eim-commit-error{
  font-size:14px!important;
  line-height:1.5;
}
body[data-mode="client"] .eim-table{font-size:15px}
body[data-mode="client"] .eim-table th{font-size:13.5px!important;line-height:1.45}
body[data-mode="client"] .eim-table td{font-size:15px!important;line-height:1.5}

body[data-mode="client"] .help-support h3{font-size:19px;line-height:1.35}
body[data-mode="client"] .help-support p,
body[data-mode="client"] .help-faq p{
  font-size:16px!important;
  line-height:1.65!important;
}
body[data-mode="client"] .help-eyebrow{font-size:13px}
body[data-mode="client"] .help-quick-card b{font-size:15.5px}
body[data-mode="client"] .help-quick-card span,
body[data-mode="client"] .help-search>span{
  font-size:14.5px!important;
  line-height:1.55;
}
body[data-mode="client"] .help-faq summary{font-size:16px;line-height:1.5}
body[data-mode="client"] .search-result-secondary,
body[data-mode="client"] .search-result-action{font-size:14px!important;line-height:1.5}

body[data-mode="client"] .cchat-h{font-size:15.5px}
body[data-mode="client"] .cchat-load-error p,
body[data-mode="client"] .cchat-b{font-size:15.5px;line-height:1.5}
body[data-mode="client"] .cchat-msg small{color:#667085;font-size:13.5px!important;line-height:1.4}
body[data-mode="client"] .cchat-foot input{font-size:16px!important}
body[data-mode="client"] .schat-co b,
body[data-mode="client"] .nbell-t,
body[data-mode="client"] .nbm-tx b,
body[data-mode="client"] .cu-main b{font-size:15px}
body[data-mode="client"] .schat-co small,
body[data-mode="client"] .nbell-b,
body[data-mode="client"] .nbm-tx small,
body[data-mode="client"] .cu-main small{
  color:#667085;
  font-size:14px!important;
  line-height:1.45;
}
body[data-mode="client"] .nbell-m,
body[data-mode="client"] .nbm-sec{color:#667085;font-size:13.5px;line-height:1.4}

@media (max-width:720px){
  body[data-mode="client"]{font-size:17px;line-height:1.6}
  body[data-mode="client"] .sub{font-size:16px!important;line-height:1.6!important}
  body[data-mode="client"] .content table td{padding-top:8px!important;padding-bottom:8px!important}
  body[data-mode="client"] .client-kpi-grid .tile .foot{font-size:14px!important}
}

/* Target legal-entity workspace: employee-centred admission control. */
body[data-mode="client"] .content{
  font-size:17px;
}
body[data-mode="client"] .content p,
body[data-mode="client"] .content li,
body[data-mode="client"] .content dd{
  line-height:1.58;
}
body[data-mode="client"] .content .muted,
body[data-mode="client"] .content .hint,
body[data-mode="client"] .content small{
  font-size:15px!important;
  line-height:1.55!important;
}
body[data-mode="client"] .content .sub{
  font-size:16px!important;
  line-height:1.6!important;
}
body[data-mode="client"] .content th,
body[data-mode="client"] table thead th{
  font-size:15px!important;
  line-height:1.45!important;
}
body[data-mode="client"] .content td,
body[data-mode="client"] table td{
  font-size:16px!important;
  line-height:1.55!important;
}
body[data-mode="client"] .content button,
body[data-mode="client"] .content input,
body[data-mode="client"] .content select,
body[data-mode="client"] .content textarea,
body[data-mode="client"] .content a.btn-primary,
body[data-mode="client"] .content a.btn-ghost{
  font-size:16px!important;
}
body[data-mode="client"] .content button,
body[data-mode="client"] .content a.btn-primary,
body[data-mode="client"] .content a.btn-ghost,
body[data-mode="client"] .content input,
body[data-mode="client"] .content select{
  min-height:44px!important;
}

/* Operational text must remain readable after all legacy component rules. */
body[data-mode="client"] .client-company-context b,
body[data-mode="client"] .client-company-context span,
body[data-mode="client"] .content .badge,
body[data-mode="client"] .content .tr-badge,
body[data-mode="client"] .content .clo-status,
body[data-mode="client"] .content .tr-incart,
body[data-mode="client"] .content .tr-disc,
body[data-mode="client"] .content .suot-chip,
body[data-mode="client"] .content .tile .lbl,
body[data-mode="client"] .content .tile .foot,
body[data-mode="client"] .content .client-summary-kpi span,
body[data-mode="client"] .content .client-deadlines-title,
body[data-mode="client"] .content .clo-cta-tx small,
body[data-mode="client"] .content .onb-tx small,
body[data-mode="client"] .content .at-main small,
body[data-mode="client"] .content .at-note,
body[data-mode="client"] .content .eim-summary span,
body[data-mode="client"] .content .eim-action,
body[data-mode="client"] .content .eim-result,
body[data-mode="client"] .content .search-result-secondary,
body[data-mode="client"] .content .search-result-action,
body[data-mode="client"] .cchat-msg small,
body[data-mode="client"] .nbell-m,
body[data-mode="client"] .nbm-sec{
  font-size:15px!important;
  line-height:1.5!important;
}

body[data-mode="client"] .state-dot{
  display:inline-block;
  width:10px;
  height:10px;
  flex:none;
  border-radius:50%;
  background:#98A2B3;
  box-shadow:0 0 0 3px rgba(152,162,179,.14);
}
body[data-mode="client"] .state-dot.is-ok{background:#238453;box-shadow:0 0 0 3px rgba(35,132,83,.13)}
body[data-mode="client"] .state-dot.is-soon{background:#C47A11;box-shadow:0 0 0 3px rgba(196,122,17,.14)}
body[data-mode="client"] .state-dot.is-bad{background:#C4323B;box-shadow:0 0 0 3px rgba(196,50,59,.13)}
body[data-mode="client"] .state-dot.is-neutral{background:#667085;box-shadow:0 0 0 3px rgba(102,112,133,.13)}
body[data-mode="client"] .badge.client-state-neutral{
  border:1px solid #D0D5DD!important;
  background:#F2F4F7!important;
  color:#475467!important;
}

body[data-mode="client"] .section-heading{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:20px;
  margin-bottom:16px;
}
body[data-mode="client"] .section-heading h2,
body[data-mode="client"] .pane-heading h2,
body[data-mode="client"] .employee-matrix-head h2{
  margin:0;
  color:var(--client-ink);
  font-size:21px;
  line-height:1.3;
}
body[data-mode="client"] .section-heading p,
body[data-mode="client"] .pane-heading p,
body[data-mode="client"] .employee-matrix-head p{
  margin:4px 0 0;
  color:var(--client-muted);
  font-size:15px;
}

body[data-mode="client"] .admission-hero{
  display:grid;
  grid-template-columns:minmax(250px,.78fr) minmax(440px,1.42fr);
  margin:18px 0 14px;
  border:1px solid var(--client-line);
  border-top:4px solid #667085;
  border-radius:10px;
  background:#fff;
  box-shadow:0 1px 2px rgba(16,24,40,.04);
  overflow:hidden;
}
body[data-mode="client"] .admission-hero.is-ready{border-top-color:#238453}
body[data-mode="client"] .admission-hero.has-warning{border-top-color:#C47A11}
body[data-mode="client"] .admission-hero.has-critical{border-top-color:#C4323B}
body[data-mode="client"] .admission-score{
  display:flex;
  min-width:0;
  padding:22px 24px;
  flex-direction:column;
  border-right:1px solid var(--client-line-soft);
}
body[data-mode="client"] .admission-score>span{
  color:var(--client-copy);
  font-size:16px;
  font-weight:700;
}
body[data-mode="client"] .admission-score>strong{
  margin:6px 0 1px;
  color:var(--client-ink);
  font-size:clamp(42px,4.2vw,58px);
  font-weight:750;
  line-height:1;
  letter-spacing:-.045em;
}
body[data-mode="client"] .admission-score>b{
  min-height:48px;
  color:var(--client-copy);
  font-size:16px;
  font-weight:650;
  line-height:1.5;
}
body[data-mode="client"] .admission-meter{
  height:8px;
  margin-top:auto;
  border-radius:999px;
  background:#E8ECF1;
  overflow:hidden;
}
body[data-mode="client"] .admission-meter i{
  display:block;
  height:100%;
  border-radius:inherit;
  background:#667085;
}
body[data-mode="client"] .admission-hero.is-ready .admission-meter i{background:#238453}
body[data-mode="client"] .admission-hero.has-warning .admission-meter i{background:#C47A11}
body[data-mode="client"] .admission-hero.has-critical .admission-meter i{background:#C4323B}
body[data-mode="client"] .admission-breakdown{
  display:grid;
  min-width:0;
  grid-template-columns:repeat(2,minmax(0,1fr));
  align-content:start;
}
body[data-mode="client"] .admission-breakdown button{
  display:grid;
  min-width:0;
  min-height:88px!important;
  padding:16px 18px;
  grid-template-columns:18px minmax(0,1fr);
  grid-template-rows:auto auto;
  align-content:center;
  align-items:center;
  border:0;
  border-right:1px solid var(--client-line-soft);
  border-bottom:1px solid var(--client-line-soft);
  background:#fff;
  color:var(--client-copy);
  text-align:left;
}
body[data-mode="client"] .admission-breakdown button:nth-child(2n){border-right:0}
body[data-mode="client"] .admission-breakdown button:hover{background:#F8FAFC}
body[data-mode="client"] .admission-breakdown button b{
  color:var(--client-ink);
  font-size:24px;
  line-height:1.15;
}
body[data-mode="client"] .admission-breakdown button span:not(.state-dot){
  grid-column:2;
  margin-top:3px;
  color:var(--client-muted);
  font-size:15px;
  line-height:1.4;
}
body[data-mode="client"] .data-completeness{
  display:flex;
  grid-column:1/-1;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:14px 18px;
  background:#F8FAFC;
}
body[data-mode="client"] .data-completeness span{display:flex;min-width:0;flex-direction:column}
body[data-mode="client"] .data-completeness b{font-size:16px}
body[data-mode="client"] .data-completeness small{color:var(--client-muted)}

body[data-mode="client"] .today-work,
body[data-mode="client"] .onboarding-panel,
body[data-mode="client"] .knowledge-programs{
  margin:18px 0;
  padding:20px;
  border:1px solid var(--client-line);
  border-radius:9px;
  background:#fff;
}
body[data-mode="client"] .today-work .at-list{display:grid;gap:7px}
body[data-mode="client"] .today-work .at-card{
  min-height:62px!important;
  padding:11px 14px;
  border:1px solid var(--client-line-soft);
  background:#fff;
}
body[data-mode="client"] .today-work .at-card:hover{border-color:#AEB9C7;background:#F8FAFC}
body[data-mode="client"] .today-work .at-main b{font-size:16px!important}
body[data-mode="client"] .today-work .at-main small{font-size:15px!important}
body[data-mode="client"] .today-empty{
  display:flex;
  min-height:82px;
  padding:16px 18px;
  align-items:flex-start;
  justify-content:center;
  flex-direction:column;
  border:1px solid #B7DFC9;
  border-radius:7px;
  background:#F3FAF6;
  color:#176B43;
}
body[data-mode="client"] .today-empty b{font-size:16px}
body[data-mode="client"] .today-empty span{margin-top:3px;color:#3B7259;font-size:15px}

body[data-mode="client"] .onboarding-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  margin-bottom:14px;
}
body[data-mode="client"] .onboarding-head span{
  color:var(--client-red);
  font-size:15px;
  font-weight:750;
  letter-spacing:.035em;
  text-transform:uppercase;
}
body[data-mode="client"] .onboarding-head h2{margin:3px 0 0;font-size:21px}
body[data-mode="client"] .onboarding-head>b{
  padding:5px 9px;
  border-radius:5px;
  background:#EEF2F6;
  color:var(--client-copy);
  font-size:15px;
  white-space:nowrap;
}
body[data-mode="client"] .onboarding-list{
  display:grid;
  margin:0;
  padding:0;
  grid-template-columns:repeat(3,minmax(0,1fr));
  list-style:none;
  border:1px solid var(--client-line-soft);
  border-radius:7px;
  overflow:hidden;
}
body[data-mode="client"] .onboarding-list li{
  display:grid;
  min-width:0;
  min-height:128px;
  padding:15px;
  grid-template-columns:30px minmax(0,1fr);
  grid-template-rows:minmax(50px,auto) auto;
  align-items:start;
  gap:9px;
  border-right:1px solid var(--client-line-soft);
  border-bottom:1px solid var(--client-line-soft);
}
body[data-mode="client"] .onboarding-list li:nth-child(3n){border-right:0}
body[data-mode="client"] .onboarding-list li:nth-child(n+4){border-bottom:0}
body[data-mode="client"] .onboarding-list li>span{
  display:grid;
  width:28px;
  height:28px;
  place-items:center;
  border-radius:5px;
  background:#E6EAF0;
  color:#475467;
  font-size:15px;
  font-weight:800;
}
body[data-mode="client"] .onboarding-list li.done>span{background:#DCEFE5;color:#176B43}
body[data-mode="client"] .onboarding-list li.waiting{color:#667085;background:#FAFBFC}
body[data-mode="client"] .onboarding-list li div{min-width:0}
body[data-mode="client"] .onboarding-list li b{display:block;font-size:16px;line-height:1.35}
body[data-mode="client"] .onboarding-list li small{display:block;margin-top:4px;color:var(--client-muted)}
body[data-mode="client"] .onboarding-list li button{grid-column:2;justify-self:start}

body[data-mode="client"] .employee-add-menu{
  display:grid;
  width:min(100%,760px);
  margin:-8px 0 14px auto;
  grid-template-columns:repeat(3,minmax(0,1fr));
  border:1px solid #C9D1DC;
  border-radius:8px;
  background:#fff;
  box-shadow:0 8px 24px rgba(16,24,40,.10);
  overflow:hidden;
}
body[data-mode="client"] .employee-add-menu button{
  display:flex;
  min-height:78px!important;
  padding:13px 15px;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  border:0;
  border-right:1px solid var(--client-line-soft);
  background:#fff;
  color:var(--client-copy);
  text-align:left;
}
body[data-mode="client"] .employee-add-menu button:last-child{border-right:0}
body[data-mode="client"] .employee-add-menu button:hover{background:#F7F9FB}
body[data-mode="client"] .employee-add-menu b{color:var(--client-ink);font-size:16px}
body[data-mode="client"] .employee-add-menu span{margin-top:3px;color:var(--client-muted);font-size:15px}
body[data-mode="client"] .employee-bulk-actions{
  display:flex;
  align-items:center;
  gap:8px;
  margin:12px 0;
  padding:10px;
  border:1px solid var(--client-line);
  border-radius:8px;
  background:#F8FAFC;
  flex-wrap:wrap;
}
body[data-mode="client"] .employee-status-filters{
  display:flex;
  gap:4px;
  margin:14px 0 10px;
  padding:4px;
  border:1px solid var(--client-line);
  border-radius:8px;
  background:#F1F4F7;
  overflow-x:auto;
  overscroll-behavior-inline:contain;
}
body[data-mode="client"] .employee-status-filters button{
  display:inline-flex;
  min-height:42px!important;
  padding:8px 12px;
  align-items:center;
  gap:8px;
  border:1px solid transparent;
  border-radius:6px;
  background:transparent;
  color:var(--client-copy);
  font-size:15px!important;
  white-space:nowrap;
}
body[data-mode="client"] .employee-status-filters button[aria-pressed="true"]{
  border-color:#C9D1DC;
  background:#fff;
  color:var(--client-navy);
  font-weight:700;
  box-shadow:0 1px 2px rgba(16,24,40,.05);
}
body[data-mode="client"] .employee-detail-filters{
  display:block;
  margin:10px 0 12px;
}
body[data-mode="client"] .employee-detail-filters .et-controls{
  margin:0;
  flex-wrap:wrap;
}
body[data-mode="client"] .employee-detail-filters .et-query{
  display:grid;
  width:100%;
  flex:1 1 100%;
  grid-template-columns:minmax(220px,1.6fr) repeat(5,minmax(130px,1fr));
  align-items:end;
  gap:10px;
}
body[data-mode="client"] .employee-detail-filters label,
body[data-mode="client"] .document-period-filter label{
  display:flex;
  min-width:0;
  flex-direction:column;
  gap:5px;
  color:var(--client-copy);
  font-size:15px!important;
  font-weight:650;
}
body[data-mode="client"] .employee-admission-table{table-layout:fixed}
body[data-mode="client"] .employee-admission-table .et-checkbox{width:48px}
body[data-mode="client"] .employee-admission-table .cemp-person-col{width:18%}
body[data-mode="client"] .employee-admission-table .cemp-open{
  min-height:0!important;
  padding:1px 0;
  border:0;
  background:none;
  color:#194F8D;
  font-size:16px!important;
  line-height:1.45;
  text-align:left;
}
body[data-mode="client"] .employee-admission-table .cemp-open:hover{text-decoration:underline}
body[data-mode="client"] .employee-next-event{display:block;overflow-wrap:anywhere}
body[data-mode="client"] .employee-linked-request{display:inline-flex;margin-top:5px;padding:0;font-size:13px!important}
body[data-mode="client"] .employee-basic-table{table-layout:fixed}
body[data-mode="client"] .employee-basic-table .et-checkbox{width:48px}
body[data-mode="client"] .employee-basic-table .cemp-person-col{width:30%}
body[data-mode="client"] .employee-registry-error,
body[data-mode="client"] .employee-registry-invalid-selection{max-width:720px;margin:24px auto;padding:22px;border:1px solid #D0D5DD;border-radius:10px;background:#fff}
body[data-mode="client"] .employee-registry-error b,
body[data-mode="client"] .employee-registry-invalid-selection b{color:var(--client-ink);font-size:18px}
body[data-mode="client"] .employee-registry-error p,
body[data-mode="client"] .employee-registry-invalid-selection p{margin:8px 0 16px;color:var(--client-copy);font-size:15px;line-height:1.55}

body[data-mode="client"] .document-period-filter{
  display:flex;
  align-items:end;
  gap:10px;
  margin:10px 0 14px;
  padding:12px;
  border:1px solid var(--client-line);
  border-radius:8px;
  background:#F8FAFC;
  flex-wrap:wrap;
}
body[data-mode="client"] .document-period-filter input{width:170px}
body[data-mode="client"] .document-context-filters{
  display:grid;
  margin:10px 0 14px;
  padding:12px;
  grid-template-columns:repeat(3,minmax(150px,1fr)) repeat(2,minmax(145px,.7fr)) auto;
  align-items:end;
  gap:10px;
  border:1px solid var(--client-line);
  border-radius:8px;
  background:#F8FAFC;
}
body[data-mode="client"] .document-context-filters label{
  display:flex;
  min-width:0;
  flex-direction:column;
  gap:5px;
  color:var(--client-copy);
  font-size:15px!important;
  font-weight:650;
}
body[data-mode="client"] .document-context-filters input{width:100%;min-width:0}
body[data-mode="client"] .document-context-filters .text-action{grid-column:1/-1;justify-self:start;min-height:32px!important;padding:2px 0}
body[data-mode="client"] .client-document-registry{min-width:1180px}
body[data-mode="client"] .client-document-registry td{vertical-align:top}
body[data-mode="client"] .document-context{display:flex;min-width:150px;flex-direction:column;align-items:flex-start;gap:3px}
body[data-mode="client"] .document-context>span{display:none}
body[data-mode="client"] .document-context .text-action{min-height:30px!important;padding:0;text-align:left}
body[data-mode="client"] .document-row-actions{display:flex;min-width:180px;gap:6px;flex-wrap:wrap}
body[data-mode="client"] .document-row-actions .btn-sm{min-height:38px!important;padding:7px 10px}
body[data-mode="client"] .finance-files{display:flex;align-items:center;gap:6px;flex-wrap:wrap}

body[data-mode="client"] .knowledge-program-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
body[data-mode="client"] .knowledge-program-card{
  display:flex;
  min-width:0;
  min-height:260px;
  padding:17px;
  flex-direction:column;
  border:1px solid var(--client-line);
  border-radius:8px;
  background:#fff;
}
body[data-mode="client"] .knowledge-program-card>span{
  color:#596579;
  font-size:15px;
  font-weight:750;
  letter-spacing:.03em;
  text-transform:uppercase;
}
body[data-mode="client"] .knowledge-program-card h3{margin:7px 0 5px;font-size:18px;line-height:1.4}
body[data-mode="client"] .knowledge-program-card p{margin:0 0 10px;color:var(--client-muted);font-size:15px}
body[data-mode="client"] .knowledge-program-card details{margin-bottom:14px}
body[data-mode="client"] .knowledge-program-card summary{min-height:44px;padding:10px 0;color:#245B9F;cursor:pointer;font-size:15px;font-weight:650}
body[data-mode="client"] .knowledge-program-card dl{margin:4px 0 0}
body[data-mode="client"] .knowledge-program-card dt{margin-top:9px;color:var(--client-muted);font-size:15px;font-weight:650}
body[data-mode="client"] .knowledge-program-card dd{margin:2px 0 0;color:var(--client-copy);font-size:15px}
body[data-mode="client"] .knowledge-program-card>.knowledge-program-add{width:100%;margin-top:auto;white-space:normal}

body[data-mode="client"] .employee-card-top{
  display:grid;
  margin-bottom:14px;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:start;
  gap:14px;
}
body[data-mode="client"] .employee-card-identity{min-width:0}
body[data-mode="client"] .employee-card-identity h1{overflow-wrap:anywhere}
body[data-mode="client"] .employee-card-identity p{margin:5px 0 0;color:var(--client-muted);font-size:16px}
body[data-mode="client"] .employee-card-actions{display:flex;gap:8px;flex-wrap:wrap}
body[data-mode="client"] .employee-state-banner{
  display:flex;
  min-height:66px;
  margin:0 0 14px;
  padding:13px 16px;
  align-items:center;
  gap:12px;
  border:1px solid #C9D1DC;
  border-left:4px solid #667085;
  border-radius:8px;
  background:#F8FAFC;
}
body[data-mode="client"] .employee-state-banner.is-ok{border-color:#B7DFC9;border-left-color:#238453;background:#F3FAF6}
body[data-mode="client"] .employee-state-banner.is-soon{border-color:#E6D4A4;border-left-color:#C47A11;background:#FFFCF4}
body[data-mode="client"] .employee-state-banner.is-bad{border-color:#E5BFC2;border-left-color:#C4323B;background:#FFF7F7}
body[data-mode="client"] .employee-state-banner.is-neutral{border-left-color:#667085}
body[data-mode="client"] .employee-state-banner>div{display:flex;min-width:0;flex-direction:column}
body[data-mode="client"] .employee-state-banner b{font-size:17px;line-height:1.4}
body[data-mode="client"] .employee-state-banner small{color:var(--client-copy)}
body[data-mode="client"] .employee-card-tabs{
  display:flex;
  margin-bottom:18px;
  border-bottom:1px solid var(--client-line);
  overflow-x:auto;
  overscroll-behavior-inline:contain;
  scrollbar-width:thin;
}
body[data-mode="client"] .employee-card-tabs .etab{
  min-height:48px!important;
  padding:10px 13px;
  flex:none;
  border:0;
  border-bottom:3px solid transparent;
  background:transparent;
  color:var(--client-copy);
  font-size:15px!important;
  white-space:nowrap;
}
body[data-mode="client"] .employee-card-tabs .etab.active{
  border-bottom-color:var(--client-red);
  color:var(--client-navy);
  font-weight:750;
}
body[data-mode="client"] .etab-pane{
  min-width:0;
  padding:18px;
  border:1px solid var(--client-line);
  border-radius:8px;
  background:#fff;
}
body[data-mode="client"] .employee-overview-actions{
  display:flex;
  justify-content:flex-end;
  gap:8px;
  margin-bottom:14px;
  flex-wrap:wrap;
}
body[data-mode="client"] .employee-overview-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin-bottom:20px;
}
body[data-mode="client"] .employee-overview-grid article{
  display:flex;
  min-width:0;
  min-height:126px;
  padding:15px;
  flex-direction:column;
  border:1px solid var(--client-line-soft);
  border-radius:7px;
  background:#F8FAFC;
}
body[data-mode="client"] .employee-overview-grid article>span{color:var(--client-muted);font-size:15px;font-weight:650}
body[data-mode="client"] .employee-overview-grid article>b{margin:6px 0 2px;color:var(--client-ink);font-size:19px;line-height:1.35}
body[data-mode="client"] .employee-overview-grid article>small{margin-top:auto;color:var(--client-copy)}
body[data-mode="client"] .employee-matrix-head{margin:0 0 12px;padding-top:2px}
body[data-mode="client"] .pane-heading{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  margin-bottom:16px;
}
body[data-mode="client"] .employee-pane-empty{
  padding:26px;
  border:1px dashed #BFC8D4;
  border-radius:8px;
  background:#FAFBFC;
}
body[data-mode="client"] .employee-pane-empty h2{margin:0;font-size:19px}
body[data-mode="client"] .employee-pane-empty>p{margin:6px 0 0;color:var(--client-muted);font-size:16px}
body[data-mode="client"] .context-help{
  display:flex;
  align-items:center;
  gap:12px;
  margin-top:17px;
  padding-top:14px;
  border-top:1px solid var(--client-line-soft);
  flex-wrap:wrap;
}
body[data-mode="client"] .context-help span{color:var(--client-muted);font-size:15px}
body[data-mode="client"] .text-action{
  min-height:44px!important;
  padding:6px 0;
  border:0;
  background:transparent;
  color:#245B9F;
  font-size:15px!important;
  font-weight:650;
}
body[data-mode="client"] .employee-timeline{margin:0;padding:0;list-style:none}
body[data-mode="client"] .employee-timeline li{display:grid;grid-template-columns:16px minmax(0,1fr);gap:11px;padding:12px 0;border-bottom:1px solid var(--client-line-soft)}
body[data-mode="client"] .employee-timeline li:last-child{border-bottom:0}
body[data-mode="client"] .employee-timeline li>i{width:9px;height:9px;margin-top:8px;border-radius:50%;background:#667085}
body[data-mode="client"] .employee-timeline li>div{display:flex;min-width:0;flex-direction:column}
body[data-mode="client"] .employee-timeline b{font-size:16px}
body[data-mode="client"] .employee-timeline span{color:var(--client-muted);font-size:15px}
body[data-mode="client"] .employee-timeline small{margin-top:3px;color:var(--client-copy)}
body[data-mode="client"] .employee-evidence-list{display:grid;gap:9px}
body[data-mode="client"] .employee-evidence-row{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr) auto;gap:15px;align-items:center;padding:15px;border:1px solid var(--client-line-soft);border-left:4px solid #667085;border-radius:7px;background:#fff}
body[data-mode="client"] .employee-evidence-row.is-ok{border-left-color:#238453}
body[data-mode="client"] .employee-evidence-row.is-soon{border-left-color:#C47A11}
body[data-mode="client"] .employee-evidence-row.is-bad{border-left-color:#C4323B}
body[data-mode="client"] .employee-evidence-main,
body[data-mode="client"] .employee-evidence-fact{display:flex;min-width:0;flex-direction:column;align-items:flex-start}
body[data-mode="client"] .employee-evidence-main>span{color:var(--client-muted);font-size:15px;font-weight:650}
body[data-mode="client"] .employee-evidence-main>b,
body[data-mode="client"] .employee-evidence-fact>b{margin-top:3px;color:var(--client-ink);font-size:16px;line-height:1.45}
body[data-mode="client"] .employee-evidence-main>small,
body[data-mode="client"] .employee-evidence-fact>small{margin-top:3px;color:var(--client-copy);font-size:15px!important;line-height:1.5}
body[data-mode="client"] .employee-evidence-modal .az-modal-card{width:min(720px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto}
body[data-mode="client"] .employee-evidence-modal textarea{width:100%;resize:vertical}
body[data-mode="client"] .employee-evidence-revoke-panel{margin:0 20px 20px;padding:16px;border:1px solid #E8B4B8;border-radius:8px;background:#FFF7F7}
body[data-mode="client"] .employee-evidence-revoke-panel[hidden]{display:none}
body[data-mode="client"] .employee-evidence-revoke-panel .hint{margin:8px 0 12px;color:#6B2B30;font-size:15px}

body[data-mode="client"] .employee-context-card,
body[data-mode="client"] .employee-recommendation-card{
  margin:18px 0;
  padding:17px;
  border:1px solid var(--client-line);
  border-radius:8px;
  background:#FAFBFC;
}
body[data-mode="client"] .employee-context-card h2,
body[data-mode="client"] .employee-recommendation-card h2{margin:0;font-size:20px}
body[data-mode="client"] .employee-context-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
body[data-mode="client"] .employee-context-grid .field{min-width:0}
body[data-mode="client"] .employee-context-grid select{width:100%}
body[data-mode="client"] .inline-dictionary-create{margin-top:8px;padding:12px;border:1px solid var(--client-line-soft);border-radius:7px;background:#fff}
body[data-mode="client"] .inline-dictionary-create label{display:block;margin-bottom:5px;color:var(--client-copy);font-size:15px;font-weight:650}
body[data-mode="client"] .inline-dictionary-create input{width:100%;margin-bottom:8px}
body[data-mode="client"] .employee-work-factors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:16px 0 0;padding:13px;border:1px solid var(--client-line-soft);border-radius:7px;background:#fff}
body[data-mode="client"] .employee-work-factors legend{padding:0 6px;color:var(--client-ink);font-size:16px;font-weight:750}
body[data-mode="client"] .employee-work-factors label{display:flex;min-height:44px;align-items:center;gap:9px;color:var(--client-copy);font-size:16px}
body[data-mode="client"] .employee-work-factors input{width:20px;height:20px;min-height:20px!important}
body[data-mode="client"] .employee-work-factors .hint,
body[data-mode="client"] .employee-work-factors .employee-factors-confirm{grid-column:1/-1}
body[data-mode="client"] .employee-work-factors .employee-factors-confirm{margin-top:5px;padding:10px 12px;border-radius:6px;background:#F3F6FA;color:var(--client-ink);font-weight:650}
body[data-mode="client"] .employee-context-actions{display:flex;align-items:center;gap:12px;margin-top:14px;flex-wrap:wrap}
body[data-mode="client"] .employee-profile-review{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:15px;padding:13px 14px;border:1px solid #D8DEE8;border-radius:7px;background:#fff}
body[data-mode="client"] .employee-profile-review.is-reviewed{border-color:#B9DCC9;background:#F4FBF7}
body[data-mode="client"] .employee-profile-review>span:first-child{display:flex;min-width:0;flex-direction:column;gap:3px}
body[data-mode="client"] .employee-profile-review b{color:var(--client-ink);font-size:16px}
body[data-mode="client"] .employee-profile-review small{color:var(--client-copy);font-size:15px;line-height:1.45}
body[data-mode="client"] .admission-assessment-notice{display:flex;flex-direction:column;gap:4px;margin:0 0 10px;padding:12px 14px;border:1px solid #D8DEE8;border-left:4px solid #667085;border-radius:7px;background:#F7F8FA}
body[data-mode="client"] .admission-assessment-notice b{color:var(--client-ink);font-size:16px}
body[data-mode="client"] .admission-assessment-notice span{color:var(--client-copy);font-size:15px;line-height:1.5}
body[data-mode="client"] .admission-matrix-list{display:grid;gap:8px}
body[data-mode="client"] .admission-matrix-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,.34fr) auto;gap:14px;align-items:center;padding:14px;border:1px solid var(--client-line-soft);border-left:4px solid #667085;border-radius:7px;background:#fff}
body[data-mode="client"] .admission-matrix-row.is-ok{border-left-color:#238453}
body[data-mode="client"] .admission-matrix-row.is-soon{border-left-color:#C47A11}
body[data-mode="client"] .admission-matrix-row.is-bad{border-left-color:#C4323B}
body[data-mode="client"] .admission-matrix-main,
body[data-mode="client"] .admission-matrix-evidence{display:flex;min-width:0;flex-direction:column;align-items:flex-start}
body[data-mode="client"] .admission-matrix-main>span{color:var(--client-muted);font-size:15px}
body[data-mode="client"] .admission-matrix-main>b{font-size:17px;line-height:1.4}
body[data-mode="client"] .admission-matrix-main>small,
body[data-mode="client"] .admission-matrix-evidence>small{margin-top:3px;color:var(--client-copy);font-size:15px}
body[data-mode="client"] .admission-matrix-main details{margin-top:5px;color:var(--client-copy);font-size:15px}
body[data-mode="client"] .admission-matrix-main summary,
body[data-mode="client"] .employee-recommendations summary,
body[data-mode="client"] .recommendation-decision summary{min-height:44px;padding:8px 0;color:#245B9F;cursor:pointer;font-weight:650}
body[data-mode="client"] .admission-matrix-main details p{margin:2px 0 5px}
body[data-mode="client"] .employee-recommendations,
body[data-mode="client"] .recommendation-decision-list{display:grid;gap:9px}
body[data-mode="client"] .employee-recommendations>article,
body[data-mode="client"] .recommendation-decision{padding:14px;border:1px solid #D6DEE8;border-left:4px solid #667085;border-radius:7px;background:#fff}
body[data-mode="client"] .employee-recommendations>article>b,
body[data-mode="client"] .recommendation-decision>b{font-size:17px}
body[data-mode="client"] .employee-recommendations textarea,
body[data-mode="client"] .recommendation-decision textarea{width:100%;min-height:72px;margin:6px 0 9px;resize:vertical}
body[data-mode="client"] .employee-recommendations label,
body[data-mode="client"] .recommendation-decision label{display:block;margin-top:7px;color:var(--client-copy);font-size:15px;font-weight:650}
body[data-mode="client"] .employee-pane-empty.compact{padding:17px}
body[data-mode="client"] .employee-pane-empty.compact h3{margin:0;font-size:17px}
body[data-mode="client"] .employee-pane-empty.compact p{margin:5px 0 0;color:var(--client-muted)}
body[data-mode="client"] .employee-program-catalog{margin-top:16px;border-top:1px solid var(--client-line-soft)}
body[data-mode="client"] .employee-program-catalog>summary{display:flex;min-height:48px;align-items:center;color:#245B9F;font-size:16px;font-weight:650;cursor:pointer}
body[data-mode="client"] .employee-program-catalog[open]>summary{margin-bottom:4px}

body[data-mode="client"] .human-error{
  padding:16px 18px;
  border:1px solid #E5BFC2;
  border-left:4px solid #C4323B;
  border-radius:8px;
  background:#FFF7F7;
  color:#7A2228;
}
body[data-mode="client"] .human-error b{font-size:17px}
body[data-mode="client"] .human-error p{margin:4px 0 0;font-size:15px}

body[data-mode="client"] .requirement-assistant .az-modal-card{width:min(760px,calc(100vw - 32px));max-height:min(860px,calc(100dvh - 32px));overflow:auto}
body[data-mode="client"] .requirement-intro{margin:0 0 14px;color:var(--client-copy)}
body[data-mode="client"] .requirement-questions{display:grid;gap:7px}
body[data-mode="client"] .requirement-questions fieldset{display:grid;grid-template-columns:1fr auto auto;gap:8px;margin:0;padding:12px;border:1px solid var(--client-line-soft);border-radius:7px;background:#F8FAFC}
body[data-mode="client"] .requirement-questions fieldset legend{grid-column:1/-1;width:100%;padding:0;color:var(--client-copy);font-size:16px;font-weight:650}
body[data-mode="client"] .requirement-questions fieldset label{display:flex;min-height:42px;padding:7px 10px;align-items:center;gap:7px;border:1px solid #C9D1DC;border-radius:6px;background:#fff;font-size:15px!important;font-weight:600;cursor:pointer}
body[data-mode="client"] .requirement-questions>label,
body[data-mode="client"] .requirement-branch>label{
  display:flex;
  min-height:48px;
  padding:10px 12px;
  align-items:center;
  gap:10px;
  border:1px solid var(--client-line-soft);
  border-radius:7px;
  background:#F8FAFC;
  color:var(--client-copy);
  font-size:16px!important;
  font-weight:550;
}
body[data-mode="client"] .requirement-questions input[type="checkbox"],
body[data-mode="client"] .requirement-questions input[type="radio"]{width:20px;height:20px;min-height:20px!important;flex:none}
body[data-mode="client"] .requirement-branch{margin:0 0 4px 30px;padding:12px;border-left:3px solid #C9D1DC;background:#FAFBFC}
body[data-mode="client"] .requirement-branch p{margin:0 0 8px;color:var(--client-muted);font-size:15px}
body[data-mode="client"] .requirement-branch>label{padding:0;border:0;background:transparent}
body[data-mode="client"] .requirement-branch select{width:100%;margin-top:7px}
body[data-mode="client"] .requirement-assistant-actions{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap}
body[data-mode="client"] .requirement-result{margin-top:18px;padding:16px;border:1px solid #BFC9D6;border-radius:8px;background:#F8FAFC}
body[data-mode="client"] .requirement-result h3{margin:0;font-size:19px}
body[data-mode="client"] .requirement-result ul{margin:12px 0;padding-left:22px}
body[data-mode="client"] .requirement-result li{margin:9px 0}
body[data-mode="client"] .requirement-result summary{min-height:44px;padding:8px 0;color:#245B9F;cursor:pointer;font-size:15px}
@media (max-width:620px){body[data-mode="client"] .requirement-questions fieldset{grid-template-columns:1fr 1fr}body[data-mode="client"] .requirement-questions fieldset legend{grid-column:1/-1}body[data-mode="client"] .requirement-branch{margin-left:0}}

body[data-mode="client"] .cchat-h>span{display:flex;min-width:0;flex-direction:column}
body[data-mode="client"] .cchat-h>span b{font-size:16px}
body[data-mode="client"] .cchat-h>span small{color:#D5DFEC;font-size:15px!important;font-weight:500}
body[data-mode="client"] .cchat-msg small{font-size:15px!important;line-height:1.45}
body[data-mode="client"] .nbm-tx small,
body[data-mode="client"] .nbm-sec,
body[data-mode="client"] .nbell-b,
body[data-mode="client"] .nbell-m{font-size:15px!important;line-height:1.45}
body[data-mode="client"] .nb-modal-card{width:min(760px,calc(100vw - 32px));padding:22px}
body[data-mode="client"] .nbm-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
body[data-mode="client"] .nbm-choice{display:flex;min-height:64px;padding:11px 12px;align-items:flex-start;gap:10px;border:1px solid var(--client-line-soft);border-radius:7px;background:#FAFBFC;cursor:pointer}
body[data-mode="client"] .nbm-choice input{width:20px;height:20px;min-height:20px!important;margin-top:2px;flex:none}
body[data-mode="client"] .nbm-choice span{display:flex;min-width:0;flex-direction:column}
body[data-mode="client"] .nbm-choice b{color:var(--client-ink);font-size:16px;line-height:1.4}
body[data-mode="client"] .nbm-choice small{margin-top:2px;color:var(--client-muted);font-size:15px!important;line-height:1.45}
body[data-mode="client"] .nbm-delivery-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:10px;align-items:end}
body[data-mode="client"] .nbm-delivery-grid label{display:flex;min-width:0;flex-direction:column;gap:5px}
body[data-mode="client"] .nbm-delivery-grid label>span{color:var(--client-copy);font-size:15px;font-weight:650}
body[data-mode="client"] .nbm-delivery-grid input,
body[data-mode="client"] .nbm-delivery-grid select{width:100%}

@media (max-width:1180px){
  body[data-mode="client"] .admission-hero{grid-template-columns:minmax(230px,.72fr) minmax(360px,1.28fr)}
  body[data-mode="client"] .knowledge-program-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body[data-mode="client"] .employee-detail-filters .et-query{grid-template-columns:repeat(3,minmax(160px,1fr))}
  body[data-mode="client"] .document-context-filters{grid-template-columns:repeat(3,minmax(150px,1fr))}
  body[data-mode="client"] .onboarding-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  body[data-mode="client"] .onboarding-list li,
  body[data-mode="client"] .onboarding-list li:nth-child(3n),
  body[data-mode="client"] .onboarding-list li:nth-child(n+4){border-right:1px solid var(--client-line-soft);border-bottom:1px solid var(--client-line-soft)}
  body[data-mode="client"] .onboarding-list li:nth-child(2n){border-right:0}
  body[data-mode="client"] .onboarding-list li:nth-child(n+5){border-bottom:0}
}
@media (max-width:820px){
  body[data-mode="client"] .admission-hero{grid-template-columns:1fr}
  body[data-mode="client"] .admission-score{min-height:214px;border-right:0;border-bottom:1px solid var(--client-line-soft)}
  body[data-mode="client"] .admission-breakdown{grid-template-columns:repeat(2,minmax(0,1fr))}
  body[data-mode="client"] .employee-card-top{grid-template-columns:1fr}
  body[data-mode="client"] .employee-card-top>#ce-back{justify-self:start}
  body[data-mode="client"] .employee-card-actions{justify-content:flex-start}
  body[data-mode="client"] .employee-overview-grid{grid-template-columns:1fr}
  body[data-mode="client"] .employee-overview-grid article{min-height:105px}
  body[data-mode="client"] .employee-add-menu{grid-template-columns:1fr;margin-top:-4px}
  body[data-mode="client"] .employee-add-menu button{min-height:68px!important;border-right:0;border-bottom:1px solid var(--client-line-soft)}
  body[data-mode="client"] .employee-add-menu button:last-child{border-bottom:0}
  body[data-mode="client"] .employee-detail-filters .et-query{grid-template-columns:repeat(2,minmax(0,1fr))}
  body[data-mode="client"] .employee-admission-table{table-layout:auto}
  body[data-mode="client"] .admission-matrix-row{grid-template-columns:minmax(0,1fr) auto}
  body[data-mode="client"] .admission-matrix-row .admission-matrix-action{grid-column:1/-1;justify-self:start}
}
@media (max-width:720px){
  body[data-mode="client"] .admission-score{padding:19px}
  body[data-mode="client"] .admission-breakdown button{min-height:100px!important;padding:13px}
  body[data-mode="client"] .data-completeness{align-items:stretch;flex-direction:column}
  body[data-mode="client"] .data-completeness button{width:100%}
  body[data-mode="client"] .today-work,
  body[data-mode="client"] .onboarding-panel,
  body[data-mode="client"] .knowledge-programs,
  body[data-mode="client"] .etab-pane{padding:15px}
  body[data-mode="client"] .section-heading,
  body[data-mode="client"] .pane-heading{align-items:stretch;flex-direction:column}
  body[data-mode="client"] .section-heading>button,
  body[data-mode="client"] .pane-heading>button{width:100%}
  body[data-mode="client"] .onboarding-list{grid-template-columns:1fr}
  body[data-mode="client"] .onboarding-list li,
  body[data-mode="client"] .onboarding-list li:nth-child(2n),
  body[data-mode="client"] .onboarding-list li:nth-child(3n),
  body[data-mode="client"] .onboarding-list li:nth-child(n+4),
  body[data-mode="client"] .onboarding-list li:nth-child(n+5){min-height:0;border-right:0;border-bottom:1px solid var(--client-line-soft)}
  body[data-mode="client"] .onboarding-list li:last-child{border-bottom:0}
  body[data-mode="client"] .employee-detail-filters .et-query{grid-template-columns:1fr}
  body[data-mode="client"] .employee-bulk-actions{align-items:stretch;flex-direction:column}
  body[data-mode="client"] .employee-bulk-actions button{width:100%}
  body[data-mode="client"] .document-period-filter{align-items:stretch;flex-direction:column}
  body[data-mode="client"] .document-period-filter input,
  body[data-mode="client"] .document-period-filter button{width:100%}
  body[data-mode="client"] .document-context-filters{grid-template-columns:1fr}
  body[data-mode="client"] .document-context-filters .text-action{grid-column:auto}
  body[data-mode="client"] .client-document-registry{min-width:0}
  body[data-mode="client"] .document-row-actions{min-width:0}
  body[data-mode="client"] .document-row-actions button{width:100%}
  body[data-mode="client"] .knowledge-program-grid{grid-template-columns:1fr}
  body[data-mode="client"] .knowledge-program-card{min-height:0}
  body[data-mode="client"] .employee-overview-actions{align-items:stretch;flex-direction:column}
  body[data-mode="client"] .employee-overview-actions button{width:100%}
  body[data-mode="client"] .context-help{align-items:stretch;flex-direction:column}
  body[data-mode="client"] .context-help .text-action{text-align:left}
  body[data-mode="client"] .requirement-branch{margin-left:14px}
  body[data-mode="client"] .employee-context-grid,
  body[data-mode="client"] .employee-work-factors{grid-template-columns:1fr}
  body[data-mode="client"] .admission-matrix-row{grid-template-columns:1fr}
  body[data-mode="client"] .admission-matrix-row .admission-matrix-action{width:100%}
  body[data-mode="client"] .employee-evidence-row{grid-template-columns:1fr}
  body[data-mode="client"] .employee-evidence-action{width:100%}
  body[data-mode="client"] .employee-context-actions{align-items:stretch;flex-direction:column}
  body[data-mode="client"] .employee-context-actions button{width:100%}
  body[data-mode="client"] .employee-profile-review{align-items:stretch;flex-direction:column}
  body[data-mode="client"] .employee-profile-review button{width:100%}
  body[data-mode="client"] .nbm-choice-grid,
  body[data-mode="client"] .nbm-delivery-grid{grid-template-columns:1fr}
}

/* Финальный порог читаемости: рабочий текст не мельче 15 px. */
body[data-mode="client"] .content small,
body[data-mode="client"] .content .muted,
body[data-mode="client"] .content .hint,
body[data-mode="client"] .content .badge,
body[data-mode="client"] .content .date-format-hint,
body[data-mode="client"] .content .tr-col-h,
body[data-mode="client"] .content .tr-for,
body[data-mode="client"] .content .tr-row-t small,
body[data-mode="client"] .content .tr-citem-t em,
body[data-mode="client"] .content .tile .lbl,
body[data-mode="client"] .content .tile .foot,
body[data-mode="client"] .content .help-eyebrow,
body[data-mode="client"] .content .help-quick-card span,
body[data-mode="client"] .content .help-faq p,
body[data-mode="client"] .content .suot-section-nav small,
body[data-mode="client"] .content .su-form-head span,
body[data-mode="client"] .content .su-kpick small,
body[data-mode="client"] .content .su-emp small,
body[data-mode="client"] .content .su-confirm small,
body[data-mode="client"] .content [role="status"]{font-size:15px!important;line-height:1.5!important}
body[data-mode="client"] .content .sub{font-size:16px!important;line-height:1.55!important}
body[data-mode="client"] .nav a{min-height:46px!important;font-size:15.5px!important}
body[data-mode="client"] .nav-grp.platform-main{font-size:15px!important;letter-spacing:.025em!important;text-transform:none!important}
body[data-mode="client"] .search input{min-height:44px!important;height:44px!important;font-size:16px!important}
body[data-mode="client"] .client-company-context b,
body[data-mode="client"] .client-company-context span{font-size:15px!important;line-height:1.4}
body[data-mode="client"] .content button,
body[data-mode="client"] .content input,
body[data-mode="client"] .content select,
body[data-mode="client"] .content textarea{min-height:44px;font-size:16px!important}
body[data-mode="client"] .content table thead th{font-size:15px!important;line-height:1.45!important}
body[data-mode="client"] .content table tbody td{font-size:16px!important;line-height:1.55!important}

body[data-mode="client"] .employee-import-review{
  grid-column:1/-1;
  margin-top:10px;
  padding:14px;
  border:1px solid var(--border,#d7dde5);
  border-radius:8px;
  background:var(--surface-subtle,#f7f9fb)
}
body[data-mode="client"] .employee-import-review>.hint{display:block;margin:4px 0 12px}
body[data-mode="client"] .employee-import-review .field{margin:0 0 10px}
body[data-mode="client"] .employee-import-review [data-import-mismatch-confirm-wrap]{
  display:flex;
  gap:8px;
  align-items:flex-start;
  margin:8px 0 12px;
  padding:10px;
  border-left:3px solid var(--warning,#b7791f);
  background:#fff8e8
}
body[data-mode="client"] .employee-import-review [data-import-mismatch-confirm-wrap][hidden]{display:none}
body[data-mode="client"] .employee-import-review [data-import-mismatch-confirm]{min-height:auto;margin-top:4px}
body[data-mode="client"] .employee-import-review .requirement-assistant-actions{display:flex;flex-wrap:wrap;gap:8px}
@media(max-width:640px){
  body[data-mode="client"] .employee-import-review .requirement-assistant-actions{display:grid;grid-template-columns:1fr}
  body[data-mode="client"] .employee-import-review .requirement-assistant-actions button{width:100%}
}

/* Bounded employee admission passport overview. */
body[data-mode="client"] .employee-passport-overview{display:grid;gap:14px;max-width:1560px;margin:0 auto;color:var(--client-ink)}
body[data-mode="client"] .employee-overview-top{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(180px,auto);gap:14px;align-items:start}
body[data-mode="client"] .employee-overview-identity{min-width:0;overflow-wrap:anywhere}
body[data-mode="client"] .employee-overview-employment{display:flex;min-width:0;padding:8px 10px;flex-direction:column;border:1px solid var(--client-line);border-radius:6px;background:var(--client-surface)}
body[data-mode="client"] .employee-overview-status{display:grid;grid-template-columns:42px minmax(300px,1fr) minmax(260px,.58fr);gap:16px;padding:18px;border:1px solid var(--client-line);border-left:5px solid #667085;border-radius:8px;background:var(--client-surface)}
body[data-mode="client"] .employee-overview-status.is-ok{border-left-color:#087A55;background:#F6FCF9}
body[data-mode="client"] .employee-overview-status.is-soon{border-left-color:#B54708;background:#FFFAEB}
body[data-mode="client"] .employee-overview-status.is-bad{border-left-color:#B42318;background:#FFF8F7}
body[data-mode="client"] .employee-overview-status-icon{display:grid;width:36px;height:36px;place-items:center;border-radius:50%;background:#EAECF0;color:#344054;font-size:20px;font-weight:800}
body[data-mode="client"] .employee-overview-status.is-ok .employee-overview-status-icon{background:#D1FADF;color:#05603A}
body[data-mode="client"] .employee-overview-status.is-soon .employee-overview-status-icon{background:#FEF0C7;color:#93370D}
body[data-mode="client"] .employee-overview-status.is-bad .employee-overview-status-icon{background:#FEE4E2;color:#912018}
body[data-mode="client"] .employee-overview-eyebrow{display:block;color:#596579;font-size:13px!important;font-weight:750;letter-spacing:.045em;text-transform:uppercase}
body[data-mode="client"] .employee-overview-nearest{padding-top:8px;border-top:1px solid rgba(16,24,40,.1)}
body[data-mode="client"] .employee-overview-primary{display:flex;min-width:0;padding-left:16px;flex-direction:column;align-items:flex-start;border-left:1px solid rgba(16,24,40,.12)}
body[data-mode="client"] .employee-overview-action-blocked{margin:8px 0 0;color:#7A271A;font-weight:600}
body[data-mode="client"] .employee-overview-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border:1px solid var(--client-line);border-radius:8px;background:var(--client-surface);overflow:hidden}
body[data-mode="client"] .employee-overview-metrics button{display:flex;min-width:0;min-height:112px!important;padding:13px 14px;flex-direction:column;align-items:flex-start;border:0;border-right:1px solid var(--client-line-soft);border-radius:0;background:transparent;color:inherit;text-align:left;cursor:pointer}
body[data-mode="client"] .employee-overview-metrics span{color:var(--client-muted);font-weight:650}
body[data-mode="client"] .employee-overview-metrics b{margin:3px 0;font-size:20px;line-height:1.3;overflow-wrap:anywhere}
body[data-mode="client"] .employee-overview-metrics small{color:var(--client-copy);overflow-wrap:anywhere}
body[data-mode="client"] .employee-overview-section{border:1px solid var(--client-line);border-radius:8px;background:var(--client-surface);scroll-margin-top:16px}
body[data-mode="client"] .employee-overview-section-head{display:flex;padding:14px 16px;align-items:flex-start;justify-content:space-between;gap:14px;border-bottom:1px solid var(--client-line-soft)}
body[data-mode="client"] .employee-overview-attention-row{display:grid;grid-template-columns:minmax(120px,.55fr) minmax(280px,1.7fr) minmax(130px,.65fr) minmax(140px,.7fr) minmax(140px,.65fr);gap:12px;padding:13px 16px;align-items:start;border-bottom:1px solid var(--client-line-soft);border-left:4px solid #667085}
body[data-mode="client"] .employee-overview-attention-row:last-child{border-bottom:0}
body[data-mode="client"] .employee-overview-attention-row.is-bad{border-left-color:#B42318}
body[data-mode="client"] .employee-overview-attention-row.is-soon{border-left-color:#B54708}
body[data-mode="client"] .employee-overview-attention-row.is-ok{border-left-color:#087A55}
body[data-mode="client"] .employee-overview-kind,
body[data-mode="client"] .employee-overview-deadline,
body[data-mode="client"] .employee-overview-request{display:flex;min-width:0;flex-direction:column}
body[data-mode="client"] .employee-overview-kind>span,
body[data-mode="client"] .employee-overview-deadline>span,
body[data-mode="client"] .employee-overview-request>span{color:var(--client-muted);font-weight:650}
body[data-mode="client"] .employee-overview-kind small,
body[data-mode="client"] .employee-overview-deadline small,
body[data-mode="client"] .employee-overview-request small{color:var(--client-muted);overflow-wrap:anywhere}
body[data-mode="client"] .employee-overview-deadline b,
body[data-mode="client"] .employee-overview-request b{overflow-wrap:anywhere}
body[data-mode="client"] .employee-overview-requirement{min-width:0}
body[data-mode="client"] .employee-overview-requirement h3{margin:0 0 4px;font-size:17px;line-height:1.35;overflow-wrap:anywhere}
body[data-mode="client"] .employee-overview-state-label{display:inline-block;margin-bottom:5px;padding:2px 7px;border-radius:999px;background:#F2F4F7;font-size:14px;font-weight:700}
body[data-mode="client"] .employee-overview-requirement>p{margin:2px 0;color:var(--client-copy);overflow-wrap:anywhere}
body[data-mode="client"] .employee-overview-requirement details{margin-top:5px}
body[data-mode="client"] .employee-overview-requirement summary{color:#245B9F;font-weight:650;cursor:pointer}
body[data-mode="client"] .employee-overview-requirement details p{margin:6px 0}
body[data-mode="client"] .employee-overview-requirement dl{display:grid;gap:4px;margin:6px 0 0}
body[data-mode="client"] .employee-overview-requirement dl>div{display:grid;grid-template-columns:170px minmax(0,1fr);gap:8px}
body[data-mode="client"] .employee-overview-requirement dt{color:var(--client-muted)}
body[data-mode="client"] .employee-overview-requirement dd{margin:0;overflow-wrap:anywhere}
body[data-mode="client"] .employee-overview-row-action{display:flex;min-width:0;justify-content:flex-end}
body[data-mode="client"] .employee-overview-row-action button{width:100%;white-space:normal}
body[data-mode="client"] .employee-overview-empty{display:flex;padding:20px;flex-direction:column;align-items:flex-start;background:#FAFBFC;color:var(--client-copy)}
body[data-mode="client"] .employee-overview-empty.is-ok{background:#F6FCF9}
body[data-mode="client"] .employee-overview-request-list article{display:grid;grid-template-columns:minmax(120px,.6fr) minmax(240px,1.5fr) minmax(170px,.8fr) auto;gap:14px;padding:12px 16px;align-items:center;border-bottom:1px solid var(--client-line-soft)}
body[data-mode="client"] .employee-overview-request-list article>div{display:flex;min-width:0;flex-direction:column}
body[data-mode="client"] .employee-overview-footer{display:flex;padding:14px 16px;align-items:center;justify-content:space-between;gap:16px;border:1px solid var(--client-line);border-radius:8px;background:#F8FAFC}
body[data-mode="client"] .employee-overview-footer>div{display:flex;min-width:0;flex-direction:column}
body[data-mode="client"] .employee-overview-loading,
body[data-mode="client"] .employee-overview-error{display:flex;min-height:220px;padding:28px;align-items:center;justify-content:center;gap:14px;border:1px solid var(--client-line);border-radius:8px;background:var(--client-surface);text-align:left}
body[data-mode="client"] .employee-overview-loading{flex-direction:column;text-align:center}
body[data-mode="client"] .employee-overview-spinner{width:32px;height:32px;border:3px solid #D0D5DD;border-top-color:var(--client-navy);border-radius:50%;animation:employee-overview-spin .8s linear infinite}
body[data-mode="client"] .employee-overview-error-icon{display:grid;width:40px;height:40px;flex:none;place-items:center;border-radius:50%;background:#FEE4E2;color:#912018;font-size:22px;font-weight:800}
body[data-mode="client"] .employee-overview-error h2{margin:0}
body[data-mode="client"] .employee-overview-error p{margin:5px 0 12px;color:var(--client-copy)}
@keyframes employee-overview-spin{to{transform:rotate(360deg)}}
@media(max-width:1180px){
  body[data-mode="client"] .employee-overview-status{grid-template-columns:42px minmax(0,1fr)}
  body[data-mode="client"] .employee-overview-primary{grid-column:2;padding:12px 0 0;border-top:1px solid rgba(16,24,40,.12);border-left:0}
  body[data-mode="client"] .employee-overview-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}
  body[data-mode="client"] .employee-overview-metrics button{border-bottom:1px solid var(--client-line-soft)}
  body[data-mode="client"] .employee-overview-attention-row{grid-template-columns:minmax(110px,.5fr) minmax(260px,1.5fr) minmax(120px,.6fr)}
  body[data-mode="client"] .employee-overview-request{grid-column:2}
  body[data-mode="client"] .employee-overview-row-action{grid-column:3;grid-row:2}
}
@media(max-width:760px){
  body[data-mode="client"] .employee-overview-top{grid-template-columns:1fr}
  body[data-mode="client"] .employee-overview-employment{justify-self:stretch}
  body[data-mode="client"] .employee-overview-status{grid-template-columns:36px minmax(0,1fr);padding:14px}
  body[data-mode="client"] .employee-overview-primary{grid-column:1/-1}
  body[data-mode="client"] .employee-overview-metrics{grid-template-columns:1fr 1fr}
  body[data-mode="client"] .employee-overview-metrics button{min-height:100px!important;border-right:1px solid var(--client-line-soft)}
  body[data-mode="client"] .employee-overview-section-head,
  body[data-mode="client"] .employee-overview-footer{align-items:stretch;flex-direction:column}
  body[data-mode="client"] .employee-overview-section-head button,
  body[data-mode="client"] .employee-overview-footer button{width:100%}
  body[data-mode="client"] .employee-overview-attention-row{grid-template-columns:1fr;padding:14px}
  body[data-mode="client"] .employee-overview-request,
  body[data-mode="client"] .employee-overview-row-action{grid-column:auto;grid-row:auto}
  body[data-mode="client"] .employee-overview-row-action{justify-content:stretch}
  body[data-mode="client"] .employee-overview-requirement dl>div{grid-template-columns:1fr}
  body[data-mode="client"] .employee-overview-request-list article{grid-template-columns:1fr;align-items:start}
  body[data-mode="client"] .employee-overview-request-list article button{width:100%}
}