/* ========================================================================== 
   ALPHA DESIGN ERP Cloud v4.8.0 — PROFESSIONAL VISUAL REFRESH 2026
   Presentation-only enhancement layer. Loaded last so the existing business,
   API, RBAC, accounting, sync and data-contract behavior remains untouched.
   Goals: stronger visual hierarchy, larger navigation affordances, clearer
   financial tables, calmer enterprise density, polished responsive layouts,
   and full light/dark parity without clipping overlays or dropdowns.
   ========================================================================== */

:root{
  --pro-accent:#196d9a;
  --pro-accent-strong:#145578;
  --pro-accent-soft:#e9f2f7;
  --pro-navy:#0b3045;
  --pro-canvas:#f3f7f9;
  --pro-surface:#ffffff;
  --pro-surface-raised:#ffffff;
  --pro-surface-subtle:#f8fbfc;
  --pro-border:#dae4e9;
  --pro-border-strong:#cad9e1;
  --pro-text:#102f41;
  --pro-muted:#667e8c;
  --pro-radius:16px;
  --pro-radius-lg:22px;
  --pro-shadow:0 8px 30px rgba(7,43,62,.055);
  --pro-shadow-hover:0 14px 42px rgba(7,43,62,.09);
  --pro-focus:0 0 0 3px rgba(11,140,168,.16);
}

html{background:var(--pro-canvas)}
body{
  background:
    radial-gradient(circle at 86% 2%,rgba(16,156,184,.055),transparent 28rem),
    radial-gradient(circle at 16% 98%,rgba(14,105,133,.035),transparent 34rem),
    var(--pro-canvas)!important;
  color:var(--pro-text);
  font-feature-settings:"tnum" 1,"cv02" 1,"cv03" 1;
  text-rendering:optimizeLegibility;
}
button,input,select,textarea{font:inherit}
button{touch-action:manipulation}

/* ---------- Shell / navigation ---------- */
.sidebar{
  border-right:1px solid var(--pro-border)!important;
  box-shadow:8px 0 34px rgba(6,42,60,.045)!important;
}
.brand-row{
  min-height:74px!important;
  height:74px!important;
  padding-top:8px!important;
  padding-bottom:12px!important;
}
.brand-row .brand-image{width:min(164px,100%)!important;max-width:164px!important;height:48px!important}
.brand-row .desktop-menu{
  border:1px solid transparent!important;
  color:#546d7b!important;
  transition:background-color .16s ease,border-color .16s ease,color .16s ease,transform .16s ease!important;
}
.brand-row .desktop-menu:hover{background:#eef4f8!important;border-color:#dae6ec!important;color:#155a7f!important}
.brand-row .desktop-menu:active{transform:scale(.97)}

.nav{padding-top:14px!important;gap:8px!important}
.nav-group{padding:3px 0 6px!important}
.nav-group-toggle{
  min-height:31px!important;
  padding:6px 11px!important;
  font-size:9.5px!important;
  line-height:1.2!important;
  font-weight:760!important;
  letter-spacing:.115em!important;
  color:#758b97!important;
}
.nav-item{
  min-height:46px!important;
  padding:9px 11px!important;
  gap:11px!important;
  border-radius:12px!important;
  font-size:12.25px!important;
  line-height:1.25!important;
  font-weight:590!important;
  letter-spacing:-.005em!important;
  transition:background-color .14s ease,color .14s ease,box-shadow .14s ease!important;
}
.nav-item .nav-svg{width:22px!important;height:22px!important;flex:0 0 22px!important;stroke-width:1.9!important}
.nav-item:hover{background:#eef4f7!important;color:#135477!important}
.nav-item.active{
  background:linear-gradient(90deg,#e3eff5 0%,#f2f7fa 100%)!important;
  color:#114b6a!important;
  box-shadow:inset 0 0 0 1px rgba(12,133,160,.12),0 3px 10px rgba(9,91,113,.04)!important;
}
.nav-item.active::before{width:3px!important;border-radius:0 3px 3px 0!important;background:#1a72a2!important}
.sidebar.collapsed .nav-item{width:56px!important;max-width:56px!important;height:50px!important;min-height:50px!important;border-radius:14px!important}
.sidebar.collapsed .nav-item .nav-svg{width:26px!important;height:26px!important;flex-basis:26px!important}
.sidebar-footer{padding-top:11px!important}

/* ---------- Header / toolbar ---------- */
.global-header{
  height:66px!important;
  background:rgba(249,252,253,.9)!important;
  border-bottom:1px solid rgba(214,228,234,.96)!important;
  backdrop-filter:blur(20px) saturate(1.18)!important;
}
.global-search-wrap{
  width:min(590px,48vw)!important;
  height:42px!important;
  border:1px solid var(--pro-border)!important;
  border-radius:13px!important;
  background:rgba(255,255,255,.96)!important;
  box-shadow:0 2px 8px rgba(7,45,64,.025)!important;
}
.global-search-wrap:focus-within{border-color:#7caec9!important;box-shadow:var(--pro-focus)!important}
.global-search-wrap input{font-size:12.5px!important;font-weight:500!important;color:#274454!important}
.global-search-wrap input::placeholder{color:#8a9ca5}
.global-search-wrap kbd{padding:3px 6px!important;font-size:9px!important;color:#788c97!important;border-color:#e0e8ec!important}
.header-actions{gap:7px!important}
.header-icon,.sync-pill{
  min-height:40px!important;
  height:40px!important;
  border:1px solid transparent!important;
  border-radius:12px!important;
  transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease!important;
}
.header-icon{width:40px!important}
.header-icon:hover,.sync-pill:hover{background:#eef4f8!important;border-color:#dbe6ec!important;color:#15597e!important}
.sync-pill{padding:7px 12px!important;font-size:10.5px!important}
.profile-button{
  min-height:44px!important;
  padding:5px 9px 5px 6px!important;
  border:1px solid transparent!important;
  border-radius:13px!important;
}
.profile-button:hover{background:#eef4f8!important;border-color:#dbe6ec!important}
.avatar{width:33px!important;height:33px!important;border-radius:10px!important}
.profile-copy strong{font-size:11px!important}.profile-copy small{font-size:9px!important}

.page-toolbar{
  min-height:82px!important;
  padding-top:12px!important;
  padding-bottom:12px!important;
  background:rgba(250,252,253,.94)!important;
  border-bottom-color:#dce6eb!important;
}
.page-heading{gap:12px!important}
.page-icon{
  width:44px!important;height:44px!important;
  border-radius:13px!important;
  background:linear-gradient(145deg,#e2eef5,#f4f8fb)!important;
  border:1px solid #d0e0e9!important;
  box-shadow:0 4px 12px rgba(8,113,140,.055)!important;
}
.page-heading h1{font-size:21px!important;font-weight:800!important;letter-spacing:-.03em!important}
.page-heading p{margin-top:5px!important;font-size:11px!important;line-height:1.35!important}
.toolbar-actions{gap:8px!important}
.date-control,.toolbar-select,.toolbar-button,#primaryAction{
  min-height:40px!important;height:40px!important;
  border-radius:11px!important;
  font-size:11px!important;
  font-weight:600!important;
}
.toolbar-button,.date-control,.toolbar-select{border-color:#d7e2e8!important;background:#fff!important}
.toolbar-button:hover,.date-control:hover,.toolbar-select:hover{border-color:#bed2dc!important;background:#fbfdfe!important}
#primaryAction{padding-inline:15px!important;box-shadow:0 7px 17px rgba(7,117,146,.15)!important}

/* ---------- Page canvas / sections ---------- */
.content{padding-top:24px!important}
.section{margin-top:19px!important}
.operations-section-heading,.executive-section-heading{
  align-items:end!important;
  gap:18px!important;
  margin-bottom:11px!important;
}
.operations-section-heading span,.executive-section-heading span{font-size:9.5px!important;letter-spacing:.13em!important;font-weight:780!important}
.operations-section-heading h3,.executive-section-heading h3{font-size:16px!important;letter-spacing:-.025em!important}
.operations-section-heading>p,.executive-section-heading>p{font-size:10.5px!important;color:#7d909a!important}

.card,.kpi-card,.feature-tile,.admin-card,.security-card,.cloud-card,.settings-card{
  border-color:var(--pro-border)!important;
  border-radius:var(--pro-radius)!important;
  box-shadow:var(--pro-shadow)!important;
}
.card{
  transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease!important;
}
.card:hover{border-color:#d0dce3!important;box-shadow:var(--pro-shadow-hover)!important;transform:translateY(-1px)}
.card-pad{padding:19px 20px!important}
.section-header{margin-bottom:15px!important}
.section-header h2,.section-header h3,.report-title h3{font-size:14.5px!important;font-weight:790!important;letter-spacing:-.018em!important}
.section-header p,.report-title p{font-size:11px!important;line-height:1.55!important}

/* ---------- Dashboard / command center ---------- */
.executive-hero{
  gap:26px!important;
  padding:31px!important;
  border-radius:26px!important;
  border-color:#cadce5!important;
  background:
    radial-gradient(circle at 87% -12%,rgba(74,211,229,.28),transparent 32%),
    radial-gradient(circle at 10% 120%,rgba(20,136,164,.38),transparent 44%),
    linear-gradient(128deg,#06283d 0%,#0e3b53 48%,#10435f 100%)!important;
  box-shadow:0 24px 64px rgba(5,42,62,.16)!important;
}
.executive-hero:before{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;
  background-image:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);
  background-size:32px 32px;
  mask-image:linear-gradient(to right,#000,transparent 72%);
}
.executive-hero-copy h2{font-size:clamp(31px,3vw,44px)!important;font-weight:820!important;letter-spacing:-.05em!important}
.executive-hero-copy>p{max-width:760px!important;font-size:13.5px!important;line-height:1.72!important;color:#d0e2ec!important}
.executive-data-chips{gap:8px!important;margin-top:17px!important}
.executive-data-chips span{padding:6px 9px!important;border-radius:999px!important;background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.11)!important;font-size:9.5px!important}
.executive-quick-actions{gap:8px!important;margin-top:19px!important}
.executive-quick-actions button{min-height:39px!important;padding:8px 12px!important;border-radius:11px!important;border:1px solid rgba(255,255,255,.14)!important;background:rgba(255,255,255,.085)!important}
.executive-quick-actions button:hover{background:rgba(255,255,255,.14)!important;border-color:rgba(255,255,255,.24)!important}
.executive-pulse-panel{border-radius:20px!important;border:1px solid rgba(255,255,255,.14)!important;background:rgba(4,31,44,.33)!important;box-shadow:inset 0 1px rgba(255,255,255,.055)!important;backdrop-filter:blur(7px)}
.executive-live-dot{letter-spacing:.09em!important}
.executive-kpi-grid{gap:15px!important}
.executive-kpi-grid>.kpi-card{
  min-height:150px!important;
  border-radius:18px!important;
  border-color:#d8e3e9!important;
  background:linear-gradient(180deg,#fff 0%,#fbfdfe 100%)!important;
  box-shadow:0 8px 28px rgba(5,47,69,.055)!important;
}
.executive-kpi-grid>.kpi-card:before{content:"";position:absolute;left:18px;right:18px;top:0;height:2px;border-radius:0 0 4px 4px;background:linear-gradient(90deg,transparent,#7cb3d1,transparent);opacity:.6}
.executive-kpi-grid .kpi-label{font-size:10.5px!important;font-weight:690!important;letter-spacing:.02em!important}
.executive-kpi-grid .kpi-value{font-size:clamp(24px,2vw,32px)!important;font-weight:820!important}
.executive-stat-rail{border-radius:18px!important;overflow:hidden!important;box-shadow:0 7px 24px rgba(7,43,62,.045)!important}
.executive-stat-rail>div{min-height:91px!important;padding:15px 17px!important}
.executive-stat-rail span{font-size:9.5px!important}.executive-stat-rail strong{font-size:17px!important}.executive-stat-rail small{font-size:9.5px!important}
.dashboard-source-card{border-radius:14px!important;padding:14px 16px!important}

/* ---------- Tables / dense financial data ---------- */
.table-card{border-radius:18px!important;box-shadow:var(--pro-shadow)!important}
.table-card>.section-header,.business-card-heading,.operations-card-heading,.suite-card-heading{
  padding:17px 18px!important;
  background:linear-gradient(180deg,#ffffff 0%,#fbfdfe 100%)!important;
}
.table-tools,.business-table-tools,.operations-table-tools,.suite-table-tools,.auto-table-tools{
  min-height:48px!important;
  padding:8px 11px!important;
  background:#f8fbfc!important;
  border-top:1px solid #edf1f4!important;
  border-bottom:1px solid #e3eaee!important;
  gap:8px!important;
}
.search-input,.filter-select,.table-tools input,.table-tools select,.searchable-combobox-input{
  min-height:36px!important;height:36px!important;
  border-radius:10px!important;
  border-color:#d7e2e8!important;
  background:#fff!important;
  font-size:10.75px!important;
}
.search-input:focus,.filter-select:focus,.table-tools input:focus,.table-tools select:focus,.searchable-combobox-input:focus{border-color:#76aac6!important;box-shadow:var(--pro-focus)!important}
.table-wrap{border-radius:0 0 17px 17px!important;scrollbar-width:thin;scrollbar-color:#bacbd4 transparent}
table{font-size:11px!important;font-variant-numeric:tabular-nums}
thead th{
  height:43px!important;
  padding:10px 12px!important;
  background:#f5f9fb!important;
  border-bottom:1px solid #d9e3e9!important;
  color:#536d7b!important;
  font-size:9.6px!important;
  line-height:1.25!important;
  font-weight:760!important;
  letter-spacing:.045em!important;
  text-transform:uppercase;
}
tbody td{
  min-height:46px!important;
  padding:11px 12px!important;
  border-bottom-color:#e8eef1!important;
  color:#2c4959!important;
  line-height:1.42!important;
}
tbody tr:nth-child(even) td{background:#fcfdfe!important}
tbody tr:hover td{background:#f0f6f9!important}
td.numeric,th.numeric{font-variant-numeric:tabular-nums lining-nums!important;text-align:right!important}
td.numeric{font-weight:650!important;color:#204051!important}
.muted{color:#778d98!important}
.badge{min-height:23px!important;padding:4px 8px!important;border-radius:999px!important;font-size:9px!important;font-weight:720!important;letter-spacing:.015em!important}
.progress{height:7px!important;border-radius:999px!important;background:#e6edf0!important}.progress>span{border-radius:999px!important}

/* ---------- Controls / forms ---------- */
.primary-btn,.secondary-btn,.danger-btn,.plain-btn{
  min-height:40px!important;
  border-radius:11px!important;
  font-size:11px!important;
  font-weight:680!important;
  letter-spacing:.003em!important;
}
.primary-btn{background:linear-gradient(180deg,#1a71a0,#166088)!important;box-shadow:0 6px 16px rgba(7,119,147,.16)!important}
.primary-btn:hover{background:linear-gradient(180deg,#186995,#145679)!important;box-shadow:0 9px 21px rgba(7,119,147,.21)!important}
.secondary-btn{border-color:#d4e0e6!important;background:#fff!important;color:#385565!important}
.secondary-btn:hover{background:#f4f8fa!important;border-color:#c0d1db!important;color:#1c5676!important}
.field label,.drawer-form label,.modal-form label{font-size:10.5px!important;font-weight:670!important;color:#4a6573!important}
.field input,.field select,.field textarea,.drawer-form input,.drawer-form select,.drawer-form textarea,.modal-form input,.modal-form select,.modal-form textarea{
  min-height:41px!important;
  border-radius:11px!important;
  border-color:#d6e1e7!important;
  background:#fff!important;
  font-size:11.5px!important;
}
.field input:focus,.field select:focus,.field textarea:focus,.drawer-form input:focus,.drawer-form select:focus,.drawer-form textarea:focus,.modal-form input:focus,.modal-form select:focus,.modal-form textarea:focus{border-color:#76abc8!important;box-shadow:var(--pro-focus)!important}
.form-actions{backdrop-filter:blur(14px)!important}

/* ---------- Overlays ---------- */
.right-drawer{
  border-left:1px solid var(--pro-border)!important;
  box-shadow:-18px 0 52px rgba(5,35,52,.12)!important;
}
.drawer-header,.modal-header{padding:18px 20px!important;background:linear-gradient(180deg,#fff,#fbfdfe)!important;border-bottom-color:#dde6ea!important}
.drawer-header h2,.modal-header h2{font-size:16px!important;letter-spacing:-.02em!important}
.modal{border-radius:20px!important;border-color:#d6e2e8!important;box-shadow:0 30px 90px rgba(4,31,47,.22)!important}
.confirm-dialog{border-radius:20px!important;box-shadow:0 30px 88px rgba(4,31,47,.22)!important}
.toast{border-radius:12px!important;box-shadow:0 14px 38px rgba(5,38,55,.18)!important}

/* ---------- Login ---------- */
.login-screen{background:#f2f6f9!important}
.login-visual{
  background:
    radial-gradient(circle at 18% 15%,rgba(102,168,204,.24),transparent 28%),
    radial-gradient(circle at 85% 82%,rgba(26,87,119,.28),transparent 36%),
    linear-gradient(145deg,#071f2c 0%,#0e354a 54%,#124b66 100%)!important;
}
.login-visual:after{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:36px 36px;mask-image:linear-gradient(135deg,#000,transparent 78%)}
.login-logo{max-width:220px!important}
.login-copy h1{font-size:clamp(34px,4vw,58px)!important;line-height:1.04!important;letter-spacing:-.055em!important}
.login-copy p{font-size:14px!important;line-height:1.72!important;color:#cbdee8!important}
.login-card{border:1px solid #dae4ea!important;border-radius:22px!important;box-shadow:0 28px 80px rgba(6,39,57,.14)!important}
.login-card-head h2{font-size:23px!important;letter-spacing:-.035em!important}
.login-card label{font-size:11px!important;font-weight:680!important}
.login-card input{min-height:46px!important;border-radius:12px!important;border-color:#d6e1e7!important}
.login-submit{min-height:46px!important;font-size:12px!important}
.demo-accounts button{border-radius:10px!important}

/* ---------- Dark parity ---------- */
html[data-theme="dark"]{
  --pro-canvas:#07151d;
  --pro-surface:#10222c;
  --pro-surface-raised:#132630;
  --pro-surface-subtle:#0d1d26;
  --pro-border:#2b424e;
  --pro-border-strong:#365261;
  --pro-text:#e4edf1;
  --pro-muted:#8fa5af;
  --pro-shadow:0 10px 30px rgba(0,0,0,.16);
  --pro-shadow-hover:0 16px 42px rgba(0,0,0,.22);
}
html[data-theme="dark"] body{background:radial-gradient(circle at 86% 2%,rgba(29,150,175,.07),transparent 28rem),#07151d!important;color:#dce7ed}
html[data-theme="dark"] .brand-row .desktop-menu{color:#95aab3!important}
html[data-theme="dark"] .brand-row .desktop-menu:hover,html[data-theme="dark"] .header-icon:hover,html[data-theme="dark"] .sync-pill:hover,html[data-theme="dark"] .profile-button:hover{background:#142b37!important;border-color:#2e4856!important;color:#8bc3e1!important}
html[data-theme="dark"] .nav-group-toggle{color:#738c97!important}
html[data-theme="dark"] .nav-item{color:#aebec7!important}
html[data-theme="dark"] .nav-item:hover{background:#132a36!important;color:#d3e6f0!important}
html[data-theme="dark"] .nav-item.active{background:linear-gradient(90deg,#143242,#122834)!important;color:#e0f0f9!important;box-shadow:inset 0 0 0 1px rgba(72,168,190,.22)!important}
html[data-theme="dark"] .global-header,html[data-theme="dark"] .page-toolbar{background:rgba(8,23,31,.91)!important;border-bottom-color:#2b424e!important}
html[data-theme="dark"] .global-search-wrap,html[data-theme="dark"] .toolbar-button,html[data-theme="dark"] .date-control,html[data-theme="dark"] .toolbar-select{background:#11232c!important;border-color:#2d4552!important;color:#d5e1e8!important}
html[data-theme="dark"] .global-search-wrap input{color:#e3ecf1!important}
html[data-theme="dark"] .page-icon{background:linear-gradient(145deg,#142f3d,#122631)!important;border-color:#2e4b5a!important}
html[data-theme="dark"] .card,html[data-theme="dark"] .kpi-card,html[data-theme="dark"] .feature-tile,html[data-theme="dark"] .admin-card,html[data-theme="dark"] .security-card,html[data-theme="dark"] .cloud-card,html[data-theme="dark"] .settings-card{background:#10222c!important;border-color:#2b424e!important;box-shadow:var(--pro-shadow)!important}
html[data-theme="dark"] .card:hover{border-color:#375261!important;box-shadow:var(--pro-shadow-hover)!important}
html[data-theme="dark"] .executive-hero{border-color:#2d4f61!important;background:radial-gradient(circle at 87% -12%,rgba(66,191,211,.18),transparent 32%),radial-gradient(circle at 10% 120%,rgba(11,101,124,.34),transparent 44%),linear-gradient(128deg,#061d2a,#0b2c3d 52%,#0d3449)!important}
html[data-theme="dark"] .executive-kpi-grid>.kpi-card{background:linear-gradient(180deg,#132630,#0f212b)!important;border-color:#2c4654!important}
html[data-theme="dark"] .table-card>.section-header,html[data-theme="dark"] .business-card-heading,html[data-theme="dark"] .operations-card-heading,html[data-theme="dark"] .suite-card-heading,html[data-theme="dark"] .drawer-header,html[data-theme="dark"] .modal-header{background:linear-gradient(180deg,#12242e,#0f2029)!important;border-color:#2b424e!important}
html[data-theme="dark"] .table-tools,html[data-theme="dark"] .business-table-tools,html[data-theme="dark"] .operations-table-tools,html[data-theme="dark"] .suite-table-tools,html[data-theme="dark"] .auto-table-tools{background:#0c1b23!important;border-color:#273c48!important}
html[data-theme="dark"] .search-input,html[data-theme="dark"] .filter-select,html[data-theme="dark"] .table-tools input,html[data-theme="dark"] .table-tools select,html[data-theme="dark"] .searchable-combobox-input,html[data-theme="dark"] .field input,html[data-theme="dark"] .field select,html[data-theme="dark"] .field textarea,html[data-theme="dark"] .drawer-form input,html[data-theme="dark"] .drawer-form select,html[data-theme="dark"] .drawer-form textarea,html[data-theme="dark"] .modal-form input,html[data-theme="dark"] .modal-form select,html[data-theme="dark"] .modal-form textarea{background:#0d1d26!important;border-color:#2f4754!important;color:#e0e9ee!important}
html[data-theme="dark"] thead th{background:#152a36!important;border-bottom-color:#334c5a!important;color:#96a9b3!important}
html[data-theme="dark"] tbody td{background:#10222c!important;border-bottom-color:#243843!important;color:#cad8e0!important}
html[data-theme="dark"] tbody tr:nth-child(even) td{background:#0e1f28!important}
html[data-theme="dark"] tbody tr:hover td{background:#142e3c!important}
html[data-theme="dark"] td.numeric{color:#e1ebf0!important}
html[data-theme="dark"] .progress{background:#253944!important}
html[data-theme="dark"] .secondary-btn{background:#132630!important;border-color:#334d5b!important;color:#d7e3e9!important}
html[data-theme="dark"] .login-screen{background:#07151d!important}
html[data-theme="dark"] .login-card{background:#10222c!important;border-color:#2d4552!important}

/* ---------- Responsive ---------- */
@media(max-width:1180px){
  .global-search-wrap{width:min(470px,42vw)!important}
  .executive-hero{padding:25px!important;gap:20px!important}
}
@media(max-width:1024px){
  .nav-item{font-size:11.75px!important}
  .page-heading h1{font-size:19px!important}
}
@media(max-width:820px){
  .global-header{height:60px!important}
  .page-toolbar{top:60px!important;min-height:66px!important}
  .content{padding-top:15px!important}
  .brand-row,.sidebar.collapsed .brand-row{height:76px!important;min-height:76px!important}
  .nav-item,.sidebar.collapsed .nav-item{min-height:46px!important;height:auto!important;border-radius:12px!important}
  .nav-item .nav-svg,.sidebar.collapsed .nav-item .nav-svg{width:22px!important;height:22px!important;flex-basis:22px!important}
  .executive-hero{padding:20px!important;border-radius:21px!important}
  .executive-hero-copy h2{font-size:30px!important}
  .table-card>.section-header,.business-card-heading,.operations-card-heading,.suite-card-heading{padding:15px!important}
}
@media(max-width:560px){
  .page-icon{width:36px!important;height:36px!important}
  .page-heading h1{font-size:16px!important}
  .card-pad{padding:15px!important}
  .executive-hero-copy h2{font-size:27px!important}
  .executive-stat-rail>div{min-height:84px!important;padding:13px!important}
  thead th{font-size:9px!important}
  tbody td{padding:10px!important;font-size:10.75px!important}
  .mobile-bottom-nav{backdrop-filter:blur(20px) saturate(1.12)!important}
}

@media(prefers-reduced-motion:reduce){
  .card,.nav-item,.brand-row .desktop-menu,.header-icon,.sync-pill,.profile-button,.primary-btn{transition:none!important}
  .card:hover{transform:none!important}
}