/* ======================================================================
   CEO OFFICE WORKSPACE — UI V9 CLEAN WHITE SURFACE HIERARCHY
   Clean neutral canvas + crisp white operational surfaces.
   Presentation only. No application logic / Supabase behavior changed.
   ====================================================================== */
:root{
  --cw-canvas:#F6F7F9;
  --cw-surface:#FFFFFF;
  --cw-surface-2:#FAFBFC;
  --cw-surface-3:#F3F5F7;
  --cw-line:#E4E8ED;
  --cw-line-strong:#D5DCE3;
  --cw-hover:#F7F9FB;
  --cw-ink:#26384C;
  --cw-muted:#708092;
  --cw-shadow:0 1px 2px rgba(31,45,61,.025),0 8px 24px rgba(31,45,61,.045);

  /* Remap the surface variables used by every historical UI layer. */
  --fx-canvas:var(--cw-canvas)!important;
  --fx-surface:var(--cw-surface)!important;
  --fx-surface-2:var(--cw-surface-2)!important;
  --fx-surface-3:var(--cw-surface-3)!important;
  --fx-line:var(--cw-line)!important;
  --fx-line-2:var(--cw-line-strong)!important;

  --ls-canvas:var(--cw-canvas)!important;
  --ls-surface:var(--cw-surface)!important;
  --ls-surface-2:var(--cw-surface-2)!important;
  --ls-surface-3:var(--cw-surface-3)!important;
  --ls-line:var(--cw-line)!important;
  --ls-line-2:var(--cw-line-strong)!important;

  --v3-bg:var(--cw-canvas)!important;
  --v3-surface:var(--cw-surface)!important;
  --v3-surface-2:var(--cw-surface-2)!important;
  --v3-surface-3:var(--cw-surface-3)!important;
  --v3-line:var(--cw-line)!important;
  --v3-line-strong:var(--cw-line-strong)!important;

  --r3-canvas:var(--cw-canvas)!important;
  --r3-surface:var(--cw-surface)!important;
  --r3-surface-2:var(--cw-surface-2)!important;
  --r3-surface-3:var(--cw-surface-3)!important;
  --r3-line:var(--cw-line)!important;
  --r3-line-2:var(--cw-line-strong)!important;

  --bg:var(--cw-canvas)!important;
  --white:var(--cw-surface)!important;
  --line:var(--cw-line)!important;
  --line2:var(--cw-line-strong)!important;
  --v3-process-bg:var(--cw-surface)!important;
  --v3-process-line:var(--cw-line)!important;
}

/* App canvas — neutral and quiet. Remove decorative colour washes. */
html,body,#app,#main,.modFrame,#moduleBackdrop{
  background:var(--cw-canvas)!important;
}
#main{
  background:var(--cw-canvas)!important;
  background-image:none!important;
}

/* Core operational surfaces */
.card,.panel,.plate,.surface,
#documents-root .dc-card,#documents-root .dc-panel,#documents-root .dc-table-wrap,
#tenders-root .tn-card,#tenders-root .tn-panel,#tenders-root .tn-table-wrap,
#fleet-root .fl-card,#fleet-root .fl-panel,#fleet-root .fl-records-table-card,#fleet-root .fl-records-filter-card,#fleet-root .fl-table-wrap,
#library-root .lib-card,#library-root .lib-table-wrap,
#wj-root .wj-card,#wj-root .wj-table-wrap,
#directorclaim-root .dcl-card,#directorclaim-root .dcl-settings-card,#directorclaim-root .dcl-transaction-card,#directorclaim-root .dcl-paidclaims-card,#directorclaim-root .dcl-table-wrap,
#admin-root .adm-card,#admin-root .adm-panel,#admin-root .adm-table-shell,#admin-root .adm-v4-directory,
#vendors-root .vm-card,#vendors-root .vm-panel,.vm-table-shell,
#settings-root .set-card{
  background:var(--cw-surface)!important;
  border-color:var(--cw-line)!important;
}

/* KPI/stat surfaces */
#tenders-root .tn-kpi,#tenders-root .tn-stat,
#directorclaim-root .dcl-kpi,#directorclaim-root .dcl-stat,
#fleet-root .fl-kpi,#fleet-root .fl-stat,
#vendors-root .vm-kpi,#vendors-root .vm-stat,
#admin-root .adm-v4-stat{
  background:var(--cw-surface)!important;
  border:1px solid var(--cw-line)!important;
  box-shadow:var(--cw-shadow)!important;
}

/* Tables: white body, very light header, restrained dividers. */
#documents-root table,#tenders-root table,#fleet-root table,#library-root table,#wj-root table,#directorclaim-root table,#admin-root table,#vendors-root table,
.table,.data-table{
  background:var(--cw-surface)!important;
}
#documents-root thead th,#tenders-root thead th,#fleet-root thead th,#library-root thead th,#wj-root thead th,#directorclaim-root thead th,#admin-root thead th,#vendors-root thead th,
.table thead th,.data-table thead th{
  background:var(--cw-surface-2)!important;
  border-color:var(--cw-line)!important;
}
#documents-root tbody td,#tenders-root tbody td,#fleet-root tbody td,#library-root tbody td,#wj-root tbody td,#directorclaim-root tbody td,#admin-root tbody td,#vendors-root tbody td,
.table tbody td,.data-table tbody td{
  border-color:#EDF0F3!important;
}
#documents-root tbody tr,#tenders-root tbody tr,#fleet-root tbody tr,#library-root tbody tr,#wj-root tbody tr,#directorclaim-root tbody tr,#admin-root tbody tr,#vendors-root tbody tr,
.table tbody tr,.data-table tbody tr{
  background:var(--cw-surface)!important;
}
#documents-root tbody tr:hover td,#tenders-root tbody tr:hover td,#fleet-root tbody tr:hover td,#library-root tbody tr:hover td,#wj-root tbody tr:hover td,#directorclaim-root tbody tr:hover td,#admin-root tbody tr:hover td,#vendors-root tbody tr:hover td,
.table tbody tr:hover td,.data-table tbody tr:hover td{
  background:var(--cw-hover)!important;
}

/* Forms and controls remain white, clearly differentiated from canvas. */
input:not([type="checkbox"]):not([type="radio"]),select,textarea,
.input,.select,.textarea,
#admin-root .adm-search-input,
#directorclaim-root input,#directorclaim-root select,#directorclaim-root textarea,
#documents-root input,#documents-root select,#documents-root textarea,
#tenders-root input,#tenders-root select,#tenders-root textarea,
#library-root input,#library-root select,#library-root textarea,
#fleet-root input,#fleet-root select,#fleet-root textarea,
#vendors-root input,#vendors-root select,#vendors-root textarea{
  background:var(--cw-surface)!important;
  border-color:var(--cw-line-strong)!important;
}
input:not([type="checkbox"]):not([type="radio"]):focus,select:focus,textarea:focus{
  background:#FFFFFF!important;
}

/* Toolbars, filters and nested sections use a faint neutral layer. */
.toolbar,.filterbar,.filters,.subpanel,
#documents-root .dc-filters,#documents-root .dc-toolbar,
#tenders-root .tn-filters,#tenders-root .tn-toolbar,
#fleet-root .fl-filters,#fleet-root .fl-toolbar,
#library-root .lib-toolbar,#library-root .lib-filters,
#wj-root .wj-toolbar,#wj-root .wj-filters,
#directorclaim-root .dcl-toolbar,#directorclaim-root .dcl-filters,
#admin-root .adm-v4-controls,#admin-root .adm-status-tabs,
#vendors-root .vm-toolbar,#vendors-root .vm-filters{
  background:var(--cw-surface-2)!important;
  border-color:var(--cw-line)!important;
}

/* Side panels / drawers: crisp white body with neutral fixed sections. */
.v3-process-panel,.process-panel,.drawer,.side-panel,
#adminAccessModal .modal-card,#adminCreateUserModal .modal-card,
#docApproveModal .modal-card,#docRejectModal .modal-card,#docRevisionModal .modal-card{
  background:var(--cw-surface)!important;
}
.v3-process-panel .modal-head,.v3-process-panel .modal-header,
.process-panel .modal-head,.process-panel .modal-header,
.drawer .drawer-head,.side-panel .panel-head{
  background:var(--cw-surface)!important;
  border-color:var(--cw-line)!important;
}
.v3-process-panel .modal-actions,.v3-process-panel .modal-footer,
.process-panel .modal-actions,.process-panel .modal-footer,
.drawer .drawer-footer,.side-panel .panel-footer{
  background:var(--cw-surface-2)!important;
  border-color:var(--cw-line)!important;
}

/* Manage Access new directory — clean white rows, easier hierarchy. */
#admin-root .adm-v4-summary,
#admin-root .adm-v4-stat,
#admin-root .adm-v4-directory,
#admin-root .adm-v4-person{
  background:#FFFFFF!important;
}
#admin-root .adm-v4-person{
  border-color:#EDF0F3!important;
}
#admin-root .adm-v4-person:hover{
  background:var(--cw-hover)!important;
}
#admin-root .adm-account-tabs,
#admin-root .adm-v4-controls{
  background:var(--cw-surface-2)!important;
}

/* Director Claim: preserve full-width layout but make the workspace visually clean. */
#directorclaim-root .dcl-create-wrap,
#directorclaim-root .dcl-record-shell,
#directorclaim-root .dcl-paid-wrap,
#directorclaim-root .dcl-settings-wrap{
  background:transparent!important;
}
#directorclaim-root .dcl-entry-table,
#directorclaim-root .dcl-transaction-table,
#directorclaim-root .dcl-settings-card,
#directorclaim-root .dcl-paidclaims-card{
  background:#FFFFFF!important;
}

/* Library document repository */
#library-root .lib-table-wrap,#library-root .lib-table{background:#FFFFFF!important}
#library-root .lib-table tbody tr:nth-child(odd) td,
#library-root .lib-table tbody tr:nth-child(even) td{background:#FFFFFF!important}
#library-root .lib-table tbody tr:hover td{background:var(--cw-hover)!important}

/* Empty states should not look like another coloured card. */
.empty,.empty-state,.no-data,
#vendors-root .vm-empty,#library-root .lib-empty,#documents-root .dc-empty{
  background:var(--cw-surface-2)!important;
  border-color:var(--cw-line)!important;
}

/* Keep status meaning, but prevent decorative surface colour bleed. */
.badge,.status,.pill{box-shadow:none!important}

/* Mobile retains hierarchy without a stark white full-screen slab. */
@media(max-width:760px){
  html,body,#app,#main,.modFrame,#moduleBackdrop{background:#F7F8FA!important}
}