/* ======================================================================
   CEO OFFICE WORKSPACE — UI V6 LIGHT SAAS RESKIN
   Full visual re-skin: white/slate canvas, indigo accent, crisp flat
   surfaces, tight radii — Linear/Stripe register. Loads last in the
   document, after ui-v3.css, ui-v3-revamp.css and ui-v5-premium-polish.css,
   so every rule here wins the cascade automatically. Pure CSS: no HTML,
   JS, id, or class was touched, so nothing wired to Supabase changes.
   ====================================================================== */

:root{
  /* ---- Core palette (Slate + Indigo) ---- */
  --ls-ink:#0F172A;         /* slate-900 : headings / primary text   */
  --ls-ink-2:#334155;       /* slate-700 : secondary text            */
  --ls-muted:#64748B;       /* slate-500 : captions / meta           */
  --ls-muted-2:#94A3B8;     /* slate-400 : placeholders / disabled   */
  --ls-line:#E2E8F0;        /* slate-200 : hairline borders          */
  --ls-line-2:#CBD5E1;      /* slate-300 : stronger borders          */
  --ls-canvas:#F8FAFC;      /* slate-50  : app background            */
  --ls-surface:#FFFFFF;     /* card / table / modal background       */
  --ls-surface-2:#F8FAFC;   /* zebra / hover / nested background     */
  --ls-surface-3:#F1F5F9;   /* slate-100 : chips, header rows        */

  --ls-accent:#4F46E5;      /* indigo-600 : primary actions          */
  --ls-accent-hover:#4338CA;/* indigo-700                            */
  --ls-accent-soft:#EEF2FF; /* indigo-50  : active/selected tint     */
  --ls-accent-line:#C7D2FE; /* indigo-200                            */

  --ls-success:#16A34A;   --ls-success-bg:#DCFCE7; --ls-success-line:#BBF7D0;
  --ls-warning:#D97706;   --ls-warning-bg:#FEF3C7; --ls-warning-line:#FDE68A;
  --ls-danger:#DC2626;    --ls-danger-bg:#FEE2E2;  --ls-danger-line:#FECACA;
  --ls-info:#0284C7;      --ls-info-bg:#E0F2FE;    --ls-info-line:#BAE6FD;

  --ls-radius-sm:6px; --ls-radius-md:8px; --ls-radius-lg:12px; --ls-radius-xl:14px;
  --ls-shadow-xs:0 1px 2px rgba(15,23,42,.04);
  --ls-shadow-sm:0 1px 2px rgba(15,23,42,.03),0 2px 8px rgba(15,23,42,.05);
  --ls-shadow-md:0 4px 10px rgba(15,23,42,.05),0 1px 2px rgba(15,23,42,.04);
  --ls-shadow-lg:0 12px 28px rgba(15,23,42,.10),0 2px 6px rgba(15,23,42,.05);
  --ls-ease:cubic-bezier(.22,1,.36,1);

  /* ---- Remap every token family already in use so var()-driven rules
     inherit the new palette for free ---- */
  --ink:var(--ls-ink); --ink2:var(--ls-ink); --mute:var(--ls-muted); --mute2:var(--ls-muted-2);
  --line:var(--ls-line); --line2:var(--ls-line); --bg:var(--ls-canvas); --white:var(--ls-surface);
  --primary:var(--ls-accent); --primary-dark:var(--ls-accent-hover); --primary-light:var(--ls-accent-soft);
  --accent2:var(--ls-accent); --accent2-dark:var(--ls-accent-hover); --accent2-light:var(--ls-accent-soft);
  --success:var(--ls-success); --success-light:var(--ls-success-bg);
  --warning:var(--ls-warning); --warning-light:var(--ls-warning-bg);
  --danger:var(--ls-danger); --danger-light:var(--ls-danger-bg);

  --v3-bg:var(--ls-canvas); --v3-surface:var(--ls-surface); --v3-surface-2:var(--ls-surface-2); --v3-surface-3:var(--ls-surface-3);
  --v3-ink:var(--ls-ink); --v3-ink-2:var(--ls-ink-2); --v3-muted:var(--ls-muted);
  --v3-line:var(--ls-line); --v3-line-strong:var(--ls-line-2);
  --v3-accent:var(--ls-accent); --v3-accent-deep:var(--ls-accent-hover); --v3-accent-soft:var(--ls-accent-soft);
  --v3-success:var(--ls-success); --v3-warning:var(--ls-warning); --v3-danger:var(--ls-danger);
  --v3-shadow:var(--ls-shadow-sm); --v3-shadow-float:var(--ls-shadow-lg);

  --r3-nav:#FFFFFF; --r3-nav-2:#FBFCFE; --r3-nav-line:var(--ls-line);
  --r3-canvas:var(--ls-canvas); --r3-surface:var(--ls-surface); --r3-surface-2:var(--ls-surface-2); --r3-surface-3:var(--ls-surface-3);
  --r3-ink:var(--ls-ink); --r3-text:var(--ls-ink-2); --r3-muted:var(--ls-muted);
  --r3-line:var(--ls-line); --r3-line-2:var(--ls-line-2);
  --r3-accent:var(--ls-accent); --r3-accent-deep:var(--ls-accent-hover); --r3-accent-soft:var(--ls-accent-soft);
  --r3-green:var(--ls-success); --r3-green-bg:var(--ls-success-bg);
  --r3-amber:var(--ls-warning); --r3-amber-bg:var(--ls-warning-bg);
  --r3-red:var(--ls-danger); --r3-red-bg:var(--ls-danger-bg);
  --r3-blue:var(--ls-info); --r3-blue-bg:var(--ls-info-bg);
  --r3-radius-xs:var(--ls-radius-sm); --r3-radius-sm:var(--ls-radius-md); --r3-radius-md:var(--ls-radius-lg); --r3-radius-lg:var(--ls-radius-xl);
  --r3-shadow-sm:var(--ls-shadow-xs); --r3-shadow:var(--ls-shadow-sm); --r3-shadow-lg:var(--ls-shadow-lg);

  --v3-process-overlay:rgba(15,23,42,.32); --v3-process-line:var(--ls-line); --v3-process-bg:var(--ls-surface);

  --px-brass:var(--ls-accent); --px-brass-deep:var(--ls-accent-hover); --px-brass-soft:var(--ls-accent-soft);
  --px-ink:var(--ls-ink); --px-ink-2:var(--ls-ink-2);
  --px-shadow-xs:var(--ls-shadow-xs); --px-shadow-sm:var(--ls-shadow-sm); --px-shadow-md:var(--ls-shadow-md);
  --px-shadow-lg:var(--ls-shadow-lg); --px-shadow-nav:0 1px 0 var(--ls-line);
}

html,body,#app,#main,.modFrame,#moduleBackdrop{background:var(--ls-canvas)!important;color:var(--ls-ink)!important}
body{font-family:Inter,"Segoe UI",system-ui,-apple-system,sans-serif!important;font-size:13.5px!important;letter-spacing:-.006em!important}

/* Flat, plain headings — no gradient text, crisp SaaS register */
.ax-module-head h1,.ax-module-head h2,
#documents-root .dc-title,#tenders-root .tn-title,#fleet-root .fl-dashboard-title,#fleet-root .fl-title,
#library-root .lib-title,#wj-root .wj-title,#directorclaim-root .dcl-title,#admin-root .adm-title,
#vendors-root .vm-title,#settings-root .set-title,
#documents-root .dc-head h2,#tenders-root .tn-head h2,#fleet-root h2,#library-root h2,#wj-root h2,
#directorclaim-root h2,#admin-root h2,#vendors-root h2,#settings-root h2{
  background:none!important;-webkit-background-clip:initial!important;background-clip:initial!important;
  -webkit-text-fill-color:var(--ls-ink)!important;color:var(--ls-ink)!important;
  font-weight:700!important;letter-spacing:-.025em!important;
}
.ax-module-head p,#documents-root .dc-head p,#tenders-root .tn-head p,#fleet-root p,#library-root .lib-head p,
#wj-root .wj-head p,#directorclaim-root .dcl-head p,#admin-root .adm-head p,#vendors-root .vm-head p,#settings-root .set-head p{
  color:var(--ls-muted)!important;
}

/* ---------------------------------------------------------------------
   Sidebar — flipped from dark navy to a clean light shell
--------------------------------------------------------------------- */
#sidebar{
  background:var(--ls-surface)!important;
  border-right:1px solid var(--ls-line)!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  color:var(--ls-ink-2)!important;
}
#sidebar .brand{border-bottom:1px solid var(--ls-line)!important}
#sidebar .brandMark{
  background:var(--ls-accent)!important;color:#fff!important;box-shadow:0 4px 10px rgba(79,70,229,.28)!important;
}
#sidebar .brandText{color:var(--ls-ink)!important}
#sidebar .brandText b{color:var(--ls-ink)!important}
#sidebar .brandText small{color:var(--ls-muted)!important}
#sidebarToggle{border:1px solid var(--ls-line)!important;background:var(--ls-surface)!important;color:var(--ls-muted)!important}
#sidebarToggle:hover{background:var(--ls-surface-3)!important;color:var(--ls-ink)!important}

#navList .navSection{color:var(--ls-muted-2)!important}
#navList .modItem{color:var(--ls-ink-2)!important;border:1px solid transparent!important}
#navList .modItem svg{color:var(--ls-muted)!important}
#navList .modItem:hover{background:var(--ls-surface-3)!important;color:var(--ls-ink)!important;border-color:transparent!important}
#navList .modItem:hover svg{color:var(--ls-ink)!important}
#navList .modItem.on{
  background:var(--ls-accent-soft)!important;color:var(--ls-accent)!important;
  border-color:var(--ls-accent-line)!important;box-shadow:none!important;
}
#navList .modItem.on svg{color:var(--ls-accent)!important}
#navList .modItem.on::after{
  background:var(--ls-accent)!important;
}

#sidebar .sbBottom{border-top:1px solid var(--ls-line)!important}
#sidebar #gsBtn{border:1px solid var(--ls-line)!important;background:var(--ls-surface)!important;color:var(--ls-muted)!important}
#sidebar #gsBtn:hover{background:var(--ls-surface-3)!important;color:var(--ls-ink)!important}
#sidebar .gsKbd{background:var(--ls-surface-3)!important;border:1px solid var(--ls-line)!important;color:var(--ls-muted)!important}
#sidebar .sbUser{background:var(--ls-surface-2)!important;border:1px solid var(--ls-line)!important}
#sidebar .sbUser .nm{color:var(--ls-ink)!important}
#sidebar .sbUser .role{color:var(--ls-muted)!important}
#sidebar .sbLogoutBtn{color:var(--ls-muted)!important}
#sidebar .sbLogoutBtn:hover{background:var(--ls-surface-3)!important;color:var(--ls-ink)!important}

#main{background:var(--ls-canvas)!important}

/* ---------------------------------------------------------------------
   Topbar
--------------------------------------------------------------------- */
#topbar{background:rgba(255,255,255,.9)!important;border-bottom:1px solid var(--ls-line)!important;box-shadow:none!important;backdrop-filter:blur(10px)!important}

/* ---------------------------------------------------------------------
   Surfaces — flat white cards, hairline borders, no coloured tint
--------------------------------------------------------------------- */
.card,.panel,.plate,.surface,
#documents-root .dc-card,#tenders-root .tn-card,#fleet-root .fl-card,#library-root .lib-card,
#wj-root .wj-card,#directorclaim-root .dcl-card,#admin-root .adm-card,#settings-root .set-card,#vendors-root .vm-card,
#tenders-root .tn-panel,#admin-root .adm-panel,
#fleet-root .fl-records-table-card,#fleet-root .fl-records-filter-card,
#directorclaim-root .dcl-settings-card,#directorclaim-root .dcl-transaction-card,#directorclaim-root .dcl-paidclaims-card,
.vm-table-shell,#admin-root .adm-table-shell,#documents-root .dc-table-wrap,#tenders-root .tn-table-wrap,
#directorclaim-root .dcl-table-wrap,#fleet-root .fl-table-wrap,#library-root .lib-table-wrap,
#tenders-root #tn-view-projects > .tn-card,#tenders-root #tn-view-archive > .tn-card,#tenders-root #tn-view-dash > .tn-card,
#fleet-root .fl-records-table-card{
  background:var(--ls-surface)!important;border:1px solid var(--ls-line)!important;
  border-radius:var(--ls-radius-lg)!important;box-shadow:var(--ls-shadow-xs)!important;opacity:1!important;
}
#tenders-root .tn-card-hdr{background:var(--ls-surface-2)!important;border-bottom:1px solid var(--ls-line)!important}
#fleet-root .fl-records-table-title,#fleet-root .fl-records-pager{background:var(--ls-surface-2)!important}

#fleet-root .fl-vehicle-card,#fleet-root .fl-booking-card,#library-root .lib-file-card,
#directorclaim-root .dcl-summary-card,#vendors-root .vm-vendor-card,
#tenders-root .tn-project-card,#tenders-root .tn-cm-card{
  background:var(--ls-surface)!important;border:1px solid var(--ls-line)!important;box-shadow:none!important;
  border-radius:var(--ls-radius-lg)!important;
}
#fleet-root .fl-vehicle-card:hover,#fleet-root .fl-booking-card:hover,#library-root .lib-file-card:hover,
#directorclaim-root .dcl-summary-card:hover,#vendors-root .vm-vendor-card:hover,
#tenders-root .tn-project-card:hover,#tenders-root .tn-cm-card:hover{
  border-color:var(--ls-line-2)!important;box-shadow:var(--ls-shadow-sm)!important;transform:none!important;
}

/* Nested settings/form blocks: one shade off white instead of tinted cream */
#directorclaim-root #dcl-section-settings .dcl-setting-box,#directorclaim-root .dcl-setting-box,
#settings-root .set-card .set-section,#admin-root .adm-user-manager-module{
  background:var(--ls-surface-2)!important;border:1px solid var(--ls-line)!important;box-shadow:none!important;opacity:1!important;
}

/* KPI / stat tiles — thin top accent instead of heavy left bar */
#tenders-root .tn-stat,#documents-root .dc-stat,#fleet-root .fl-stat,#fleet-root .fl-stat-card,
#library-root .lib-stat,#directorclaim-root .dcl-stat,.stat-card,.metric-card,#tenders-root .tn-rp-kpi{
  background:var(--ls-surface)!important;border:1px solid var(--ls-line)!important;box-shadow:var(--ls-shadow-xs)!important;
  border-radius:var(--ls-radius-lg)!important;
}
#tenders-root .tn-stat::before,#documents-root .dc-stat::before,#fleet-root .fl-stat::before,
#fleet-root .fl-stat-card::before,#library-root .lib-stat::before,#directorclaim-root .dcl-stat::before,
.stat-card::before,.metric-card::before{
  left:0;top:0;right:0;bottom:auto;width:auto;height:3px;
  background:var(--ls-accent)!important;opacity:1!important;border-radius:var(--ls-radius-lg) var(--ls-radius-lg) 0 0;
}
#tenders-root .tn-stat:hover,#documents-root .dc-stat:hover,#fleet-root .fl-stat:hover,
#fleet-root .fl-stat-card:hover,#library-root .lib-stat:hover,#directorclaim-root .dcl-stat:hover,
.stat-card:hover,.metric-card:hover{box-shadow:var(--ls-shadow-sm)!important;transform:none!important}

/* ---------------------------------------------------------------------
   Buttons — solid flat indigo, crisp ghost
--------------------------------------------------------------------- */
button,.btn,.dc-btn,.tn-btn,.fl-btn,.lib-btn,.wj-btn,.dcl-btn,.vm-btn,.set-btn,.adm-btn,.adm-act-btn{
  border-radius:var(--ls-radius-md)!important;font-weight:600!important;
}
.btn.primary,.primary-btn,.dc-btn-primary,.tn-btn-primary,.fl-btn-primary,.lib-btn-primary,
.wj-btn-primary,.dcl-btn-primary,.vm-btn-primary,
#admin-root .adm-add-user-btn,#admin-root .adm-primary,#tenders-root .tn-primary{
  background:var(--ls-accent)!important;border:1px solid var(--ls-accent)!important;color:#fff!important;
  box-shadow:0 1px 2px rgba(79,70,229,.16),0 4px 10px rgba(79,70,229,.18)!important;
}
.btn.primary:hover,.primary-btn:hover,.dc-btn-primary:hover,.tn-btn-primary:hover,.fl-btn-primary:hover,
.lib-btn-primary:hover,.wj-btn-primary:hover,.dcl-btn-primary:hover,.vm-btn-primary:hover,
#admin-root .adm-add-user-btn:hover{
  background:var(--ls-accent-hover)!important;border-color:var(--ls-accent-hover)!important;
  box-shadow:0 1px 2px rgba(67,56,202,.2),0 6px 14px rgba(67,56,202,.22)!important;transform:none!important;
}
.btn:not(.primary),.dc-btn-ghost,.tn-btn-ghost,.fl-btn-ghost,.lib-btn-ghost,.wj-btn-ghost,.dcl-btn-ghost,.vm-btn-ghost{
  background:var(--ls-surface)!important;color:var(--ls-ink-2)!important;border:1px solid var(--ls-line-2)!important;box-shadow:var(--ls-shadow-xs)!important;
}
.btn:not(.primary):hover,.dc-btn-ghost:hover,.tn-btn-ghost:hover,.fl-btn-ghost:hover,.lib-btn-ghost:hover,.wj-btn-ghost:hover,.dcl-btn-ghost:hover,.vm-btn-ghost:hover{
  background:var(--ls-surface-3)!important;border-color:var(--ls-line-2)!important;
}
button:active,.btn:active{transform:scale(.98)!important}

/* Documents "New Request" primary submit — explicit hex overrides in the
   codebase, matched exactly so disabled/enabled states stay legible. */
body > #dc-new-drawer-ov > .dc-drawer > button.dc-btn.dc-btn-primary:last-child{
  background:var(--ls-accent)!important;background-color:var(--ls-accent)!important;background-image:none!important;
  border:1px solid var(--ls-accent)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;
}
body > #dc-new-drawer-ov > .dc-drawer > button.dc-btn.dc-btn-primary:last-child:hover:not(:disabled),
body > #dc-new-drawer-ov > .dc-drawer > button.dc-btn.dc-btn-primary:last-child:focus:not(:disabled){
  background:var(--ls-accent-hover)!important;background-color:var(--ls-accent-hover)!important;border-color:var(--ls-accent-hover)!important;
}
body > #dc-new-drawer-ov > .dc-drawer > button.dc-btn.dc-btn-primary:last-child:disabled{
  background:var(--ls-surface-3)!important;background-color:var(--ls-surface-3)!important;background-image:none!important;
  border:1px solid var(--ls-line)!important;color:var(--ls-muted-2)!important;-webkit-text-fill-color:var(--ls-muted-2)!important;
}

/* Tender / floating action buttons */
#tenders-root .tn-quick-actions-fab,#tenders-root .tn-fab-wrap button{
  background:var(--ls-accent)!important;border:1px solid var(--ls-accent)!important;color:#fff!important;
  box-shadow:0 10px 24px rgba(79,70,229,.28)!important;
}
#tenders-root .tn-quick-actions-menu{background:var(--ls-surface)!important;border:1px solid var(--ls-line)!important;box-shadow:var(--ls-shadow-lg)!important}

/* ---------------------------------------------------------------------
   Focus ring — indigo, consistent everywhere
--------------------------------------------------------------------- */
button:focus-visible,.btn:focus-visible,a:focus-visible,
input:not([type=checkbox]):not([type=radio]):focus-visible,select:focus-visible,textarea:focus-visible{
  outline:2px solid rgba(79,70,229,.5)!important;outline-offset:2px!important;
}

/* ---------------------------------------------------------------------
   Inputs
--------------------------------------------------------------------- */
input:not([type=checkbox]):not([type=radio]),select,textarea,
.dc-input,.tn-input,.fl-input,.lib-input,.wj-input,.dcl-input,.vm-input,.adm-input,
#directorclaim-root .dcl-setting-box input,#directorclaim-root .dcl-setting-box select{
  background:var(--ls-surface)!important;color:var(--ls-ink)!important;border:1px solid var(--ls-line-2)!important;
  border-radius:var(--ls-radius-md)!important;box-shadow:none!important;opacity:1!important;
}
input:not([type=checkbox]):not([type=radio]):focus,select:focus,textarea:focus{
  background:var(--ls-surface)!important;border-color:var(--ls-accent)!important;
  box-shadow:0 0 0 3px rgba(79,70,229,.12)!important;
}
::placeholder{color:var(--ls-muted-2)!important}

/* ---------------------------------------------------------------------
   Tabs
--------------------------------------------------------------------- */
#admin-root .adm-tab,#documents-root .dc-tab,#tenders-root .tn-tab,#fleet-root .fl-tab,#library-root .lib-tab{
  color:var(--ls-muted)!important;font-weight:600!important;
}
#admin-root .adm-tab.on,#documents-root .dc-tab.on,#tenders-root .tn-tab.on,#fleet-root .fl-tab.on,#library-root .lib-tab.on{
  color:var(--ls-ink)!important;border-bottom-color:var(--ls-accent)!important;
}
#admin-root .adm-status-filter{background:var(--ls-surface)!important;border:1px solid var(--ls-line)!important}
#admin-root .adm-status-filter button{color:var(--ls-muted)!important}
#admin-root .adm-status-filter button.on{background:var(--ls-ink)!important;color:#fff!important}

/* ---------------------------------------------------------------------
   Tables — flat white, no zebra, indigo-tinted hover, sticky header
--------------------------------------------------------------------- */
table{color:var(--ls-ink-2)!important}
thead th,.vm-table th,#admin-root table th,#documents-root table th,#tenders-root table th,
#directorclaim-root table th,#fleet-root table th,#library-root table th{
  background:var(--ls-surface-2)!important;color:var(--ls-muted)!important;border:0!important;
  border-bottom:1px solid var(--ls-line)!important;position:sticky!important;top:0!important;z-index:2!important;
}
tbody td,.vm-table td,#admin-root table td,#documents-root table td,#tenders-root table td,
#directorclaim-root table td,#fleet-root table td,#library-root table td{
  background:var(--ls-surface)!important;border:0!important;border-bottom:1px solid var(--ls-line)!important;color:var(--ls-ink-2)!important;
}
tbody tr:last-child td{border-bottom:0!important}
tbody tr:hover td{background:var(--ls-accent-soft)!important}
/* Remove the alternating-row tint applied by the earlier contrast pass */
#fleet-root table.fl-table tbody tr:nth-child(even) td,#fleet-root table.fl-records-table tbody tr:nth-child(even) td,
#tenders-root table.tn-table tbody tr:nth-child(even) td,#documents-root table tbody tr:nth-child(even) td,
#library-root table tbody tr:nth-child(even) td,#directorclaim-root table tbody tr:nth-child(even) td,
#admin-root table tbody tr:nth-child(even) td,.vm-table tbody tr:nth-child(even) td{background:var(--ls-surface)!important}
#fleet-root table.fl-table tbody tr:hover td,#fleet-root table.fl-records-table tbody tr:hover td,
#tenders-root table.tn-table tbody tr:hover td,#documents-root table tbody tr:hover td,
#library-root table tbody tr:hover td,#directorclaim-root table tbody tr:hover td,
#admin-root table tbody tr:hover td,.vm-table tbody tr:hover td{background:var(--ls-accent-soft)!important}

[class*="-money"],[class*="-amount"],.mono,#directorclaim-root .dcl-cell,#tenders-root .tn-rp-money{
  font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1,"lnum" 1;
}

/* Manage Access specifics */
#admin-root .adm-access-table-clean .adm-user-name{color:var(--ls-ink)!important}
#admin-root .adm-access-table-clean .adm-user-email{color:var(--ls-muted)!important}
#admin-root .adm-directory-role{background:var(--ls-surface-3)!important;color:var(--ls-muted)!important}
#admin-root .adm-directory-value{color:var(--ls-ink-2)!important}
#admin-root .adm-access-summary-main{background:var(--ls-accent-soft)!important;border:1px solid var(--ls-accent-line)!important;color:var(--ls-accent-hover)!important}
#admin-root .adm-access-badge{background:var(--ls-surface-3)!important;color:var(--ls-muted)!important}
#admin-root .adm-manage-user-btn,#admin-root .adm-manage-btn{background:var(--ls-surface)!important;border:1px solid var(--ls-line-2)!important;color:var(--ls-ink)!important;box-shadow:none!important}
#admin-root .adm-manage-user-btn:hover,#admin-root .adm-manage-btn:hover{background:var(--ls-accent-soft)!important;border-color:var(--ls-accent-line)!important;color:var(--ls-accent-hover)!important}
#vendors-root .vm-open-btn{background:var(--ls-surface)!important;border-color:var(--ls-line-2)!important;color:var(--ls-ink)!important}

/* ---------------------------------------------------------------------
   Status pills — flat Stripe-style tinted chips, small dot marker
--------------------------------------------------------------------- */
.status,.badge,.pill,.dc-pill,.tn-pill,.tn-badge,.fl-pill,.fl-status,.lib-pill,.wj-pill,.dcl-pill,.dcl-status,
.adm-status-pill,.adm-access-badge{
  border-radius:999px!important;box-shadow:none!important;border:1px solid transparent!important;font-weight:600!important;
  display:inline-flex!important;align-items:center!important;gap:6px!important;
}
.status::before,.badge::before,.pill::before,.dc-pill::before,.tn-pill::before,.tn-badge::before,
.fl-pill::before,.lib-pill::before,.wj-pill::before,.dcl-pill::before,.adm-status-pill::before{
  content:"";width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.8;flex:0 0 auto;
}
#app :is(.status,.badge,.pill,.dc-pill,.tn-pill,.tn-badge,.fl-pill,.fl-status,.lib-pill,.wj-pill,.dcl-pill,.dcl-status,.adm-status-pill,.adm-access-badge)[class*="approved"],
#app :is(.status,.badge,.pill,.dc-pill,.tn-pill,.tn-badge,.fl-pill,.fl-status,.lib-pill,.wj-pill,.dcl-pill,.dcl-status,.adm-status-pill,.adm-access-badge)[class*="active"],
#app :is(.status,.badge,.pill,.dc-pill,.tn-pill,.tn-badge,.fl-pill,.fl-status,.lib-pill,.wj-pill,.dcl-pill,.dcl-status,.adm-status-pill,.adm-access-badge)[class*="success"]{
  background:var(--ls-success-bg)!important;color:#166534!important;border-color:var(--ls-success-line)!important;opacity:1!important;
}
#app :is(.status,.badge,.pill,.dc-pill,.tn-pill,.tn-badge,.fl-pill,.fl-status,.lib-pill,.wj-pill,.dcl-pill,.dcl-status,.adm-status-pill,.adm-access-badge)[class*="pending"],
#app :is(.status,.badge,.pill,.dc-pill,.tn-pill,.tn-badge,.fl-pill,.fl-status,.lib-pill,.wj-pill,.dcl-pill,.dcl-status,.adm-status-pill,.adm-access-badge)[class*="calling"],
#app :is(.status,.badge,.pill,.dc-pill,.tn-pill,.tn-badge,.fl-pill,.fl-status,.lib-pill,.wj-pill,.dcl-pill,.dcl-status,.adm-status-pill,.adm-access-badge)[class*="ongoing"]{
  background:var(--ls-warning-bg)!important;color:#92400E!important;border-color:var(--ls-warning-line)!important;opacity:1!important;
}
#app :is(.status,.badge,.pill,.dc-pill,.tn-pill,.tn-badge,.fl-pill,.fl-status,.lib-pill,.wj-pill,.dcl-pill,.dcl-status,.adm-status-pill,.adm-access-badge)[class*="reject"],
#app :is(.status,.badge,.pill,.dc-pill,.tn-pill,.tn-badge,.fl-pill,.fl-status,.lib-pill,.wj-pill,.dcl-pill,.dcl-status,.adm-status-pill,.adm-access-badge)[class*="terminated"],
#app :is(.status,.badge,.pill,.dc-pill,.tn-pill,.tn-badge,.fl-pill,.fl-status,.lib-pill,.wj-pill,.dcl-pill,.dcl-status,.adm-status-pill,.adm-access-badge)[class*="unsuccess"]{
  background:var(--ls-danger-bg)!important;color:#991B1B!important;border-color:var(--ls-danger-line)!important;opacity:1!important;
}

/* ---------------------------------------------------------------------
   Modals / drawers / command palette
--------------------------------------------------------------------- */
.modal,.modal-card,.dc-modal,.tn-modal,.fl-modal,.lib-modal,.wj-modal,.dcl-modal,.vm-modal,
.adm-user-manager-panel,.adm-drawer,.drawer,
body > .dc-modal-ov > div,body > .tn-modal-ov > div,#gsCard,.gs-card,.gsPanel{
  background:var(--ls-surface)!important;border:1px solid var(--ls-line)!important;box-shadow:var(--ls-shadow-lg)!important;
}
.modal-overlay,.dc-modal-ov,.tn-modal-ov,.fl-modal-ov,.lib-modal-ov,.wj-modal-ov,.dcl-modal-ov,
.adm-user-manager-overlay,.drawer-overlay,#gsOverlay{
  background:rgba(15,23,42,.4)!important;backdrop-filter:blur(4px)!important;
}
.adm-user-manager-title{color:var(--ls-ink)!important}
.adm-user-manager-section-title{color:var(--ls-muted)!important}
.adm-user-manager-module{background:var(--ls-surface-2)!important;border:1px solid var(--ls-line)!important}

/* Sticky drawer footers — plain surface instead of tinted cream */
body > .dcl-modal-ov .dcl-modal-actions,body > #lib-modal .lib-modal > div:last-child,
body > .adm-create-user-ov .adm-create-user-actions,body > .adm-term-ov .adm-term-actions,
body > .adm-avatar-ov .adm-avatar-actions,body > #adm-options-panel .adm-options-actions,
body > .vm-review-overlay .vm-review-dialog-actions,body > .vm-performance-overlay .vm-performance-dialog-actions,
body > .fl-terms-ov .fl-terms-foot,body > #fl-confirm-ov .fl-confirm-actions,
body > .dc-modal-ov:not(#dc-preview-ov) > .dc-modal > div:last-child[style*="display:flex"],
body > .tn-modal-ov:not(#tn-preview-ov) > .tn-modal > div:last-child[style*="display:flex"],
body > #dcl-batch-ov > .dcl-modal > .dcl-modal-actions,
body > #dc-ap-modal > .dc-modal > div:last-child[style*="display:flex"][style*="gap:8px"]{
  background:rgba(255,255,255,.98)!important;border-top:1px solid var(--ls-line)!important;
}

/* ---------------------------------------------------------------------
   Empty states
--------------------------------------------------------------------- */
.vm-empty-state,.vm-empty,[class*="-empty-state"],[class*="-empty"]{color:var(--ls-muted)!important}
.vm-empty-state svg,.vm-empty svg,[class*="-empty-state"] svg,[class*="-empty"] svg{opacity:.5}

/* ---------------------------------------------------------------------
   Scrollbars — neutral slate
--------------------------------------------------------------------- */
*{scrollbar-width:thin;scrollbar-color:#CBD5E1 transparent}
*::-webkit-scrollbar{width:8px;height:8px}
*::-webkit-scrollbar-track{background:transparent}
*::-webkit-scrollbar-thumb{background:#CBD5E1;border-radius:999px;border:2px solid transparent;background-clip:padding-box}
*::-webkit-scrollbar-thumb:hover{background:#94A3B8;background-clip:padding-box}

@media (prefers-reduced-motion: reduce){*{transition-duration:.001ms!important;animation-duration:.001ms!important}}