/* SVS ERP F15.22.1 MASTER UI — visual only */
html body:not(.dark){
  --m-text:#17324a;--m-muted:#71859a;--m-border:#dfe8ee;--m-soft:#f7fafc;
  --m-teal:#14b8a6;--m-teal-dark:#0f766e;--m-blue:#3b82f6;
  --m-green:#16a36a;--m-amber:#d9910b;--m-red:#dc4c59;--m-purple:#7c5ce4;
}
html body:not(.dark) :is(
#page-todays-work,#page-bulk-import,#page-letter-generator,#page-template-library,
#page-ai-letter-writer,#page-content-ops,#page-tracking,#page-my-workspace,
#page-attendance,#page-payroll,#page-companies,#page-company-payments,
#page-invoices,#page-staff,#page-reports,#page-settings,#page-users,
#page-developer,#page-audit-log,#page-letter-history,#page-bureau-addresses,
#page-collection-agencies){max-width:1600px!important;margin:0 auto!important;color:var(--m-text)!important}

html body:not(.dark) :is(
#page-todays-work,#page-bulk-import,#page-letter-generator,#page-template-library,
#page-ai-letter-writer,#page-content-ops,#page-tracking,#page-my-workspace,
#page-attendance,#page-payroll,#page-companies,#page-company-payments,
#page-invoices,#page-staff,#page-reports,#page-settings,#page-users,
#page-developer,#page-audit-log,#page-letter-history,#page-bureau-addresses,
#page-collection-agencies) .panel{
  border:1px solid var(--m-border)!important;border-radius:15px!important;
  background:#fff!important;box-shadow:0 3px 14px rgba(15,34,53,.03)!important
}
html body:not(.dark) :is(
#page-todays-work,#page-bulk-import,#page-letter-generator,#page-template-library,
#page-ai-letter-writer,#page-content-ops,#page-tracking,#page-my-workspace,
#page-attendance,#page-payroll,#page-companies,#page-company-payments,
#page-invoices,#page-staff,#page-reports,#page-settings,#page-users,
#page-developer,#page-audit-log,#page-letter-history,#page-bureau-addresses,
#page-collection-agencies) .eyebrow{
  color:#0f8a7a!important;font-size:8px!important;font-weight:850!important;
  letter-spacing:.09em!important;text-transform:uppercase
}
html body:not(.dark) :is(
#page-todays-work,#page-bulk-import,#page-letter-generator,#page-template-library,
#page-ai-letter-writer,#page-content-ops,#page-tracking,#page-my-workspace,
#page-attendance,#page-payroll,#page-companies,#page-company-payments,
#page-invoices,#page-staff,#page-reports,#page-settings,#page-users,
#page-developer,#page-audit-log,#page-letter-history,#page-bureau-addresses,
#page-collection-agencies) :is(input,select,textarea){
  border-color:#d7e2e9!important;border-radius:9px!important;background:#f9fbfc!important;
  color:#243f55!important;box-shadow:none!important
}
html body:not(.dark) :is(
#page-todays-work,#page-bulk-import,#page-letter-generator,#page-template-library,
#page-ai-letter-writer,#page-content-ops,#page-tracking,#page-my-workspace,
#page-attendance,#page-payroll,#page-companies,#page-company-payments,
#page-invoices,#page-staff,#page-reports,#page-settings,#page-users,
#page-developer,#page-audit-log,#page-letter-history,#page-bureau-addresses,
#page-collection-agencies) :is(input,select,textarea):focus{
  border-color:#80d0c4!important;background:#fff!important;
  box-shadow:0 0 0 3px rgba(20,184,166,.08)!important
}

/* premium hero surfaces */
html body:not(.dark) :is(
#page-todays-work .today-work-hero,#page-letter-generator .letter-hero,
#page-template-library .template-library-hero,#page-tracking .tracking-hero,
#page-my-workspace .settings-hero,#page-attendance .attendance-hero,
#page-payroll .payroll-hero,#page-companies .companies-hero,
#page-company-payments .ar-hero,#page-reports .daily-report-head,
#page-settings .settings-hero,#page-users .settings-hero,
#page-developer .system-hero,#page-audit-log .audit-hero,
#page-letter-history .settings-hero,#page-bureau-addresses .settings-hero,
#page-collection-agencies .settings-hero){
  position:relative;overflow:hidden;padding:18px 20px!important;border-radius:18px!important;
  border:1px solid var(--m-border)!important;
  background:radial-gradient(circle at 100% 0%,rgba(20,184,166,.10),transparent 35%),
             linear-gradient(135deg,#fff,#f6fbfb)!important;
  box-shadow:0 7px 24px rgba(15,34,53,.04)!important
}

/* Today's Work */
html body:not(.dark) #page-todays-work .today-summary-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:9px!important}
html body:not(.dark) #page-todays-work .today-summary-card{
  min-height:84px!important;padding:12px 14px!important;border:1px solid #e0e8ee!important;
  border-top:3px solid var(--m-teal)!important;border-radius:13px!important;background:#fff!important;
  box-shadow:0 3px 12px rgba(15,34,53,.025)!important
}
html body:not(.dark) #page-todays-work .today-summary-card.overdue{border-top-color:var(--m-red)!important}
html body:not(.dark) #page-todays-work .today-summary-card.due{border-top-color:var(--m-amber)!important}
html body:not(.dark) #page-todays-work .today-summary-card.progress{border-top-color:var(--m-blue)!important}
html body:not(.dark) #page-todays-work .today-work-list{display:grid!important;gap:8px!important}
html body:not(.dark) #page-todays-work .today-work-list>*{border-color:#e2eaf0!important;border-radius:11px!important;background:#fff!important}

/* Bulk Import */
html body:not(.dark) #page-bulk-import .bulk-layout{display:grid!important;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr)!important;gap:13px!important}
html body:not(.dark) #page-bulk-import :is(.workflow-intake-banner,.bulk-info-banner){
  border:1px solid #bee5dd!important;border-radius:14px!important;background:linear-gradient(135deg,#effbf8,#f5faff)!important
}
html body:not(.dark) #page-bulk-import .preview-summary{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:7px!important}

/* Letter Generator */
html body:not(.dark) #page-letter-generator .letter-product-tabs{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
html body:not(.dark) #page-letter-generator .letter-product-tab{
  min-height:58px!important;border:1px solid #dce6ec!important;border-radius:12px!important;background:#fff!important;color:#5d7488!important
}
html body:not(.dark) #page-letter-generator .letter-product-tab.active{border-color:#7fd1c5!important;background:#effbf8!important;color:#0f766e!important}
html body:not(.dark) #page-letter-generator :is(.letter-builder-panel,.letter-preview-panel,.report-mode-panel,.progress-intake-panel,.progress-preview-panel,.progress-edit-panel,.progress-brand-panel){
  border-color:#dfe8ee!important;border-radius:14px!important;background:#fff!important;box-shadow:0 3px 13px rgba(15,34,53,.025)!important
}
html body:not(.dark) #page-letter-generator .report-mode-tab.active{background:#eafaf7!important;color:#0f766e!important}

/* Template Library */
html body:not(.dark) #page-template-library :is(.template-list-panel,.template-editor-panel,.template-live-workspace){
  border-color:#dfe8ee!important;border-radius:14px!important;background:#fff!important;box-shadow:0 3px 13px rgba(15,34,53,.025)!important
}
html body:not(.dark) #page-template-library .template-library-tabs{display:flex!important;gap:5px!important;flex-wrap:wrap!important}
html body:not(.dark) #page-template-library .template-library-tabs button{
  border:1px solid #dce5eb!important;border-radius:999px!important;background:#fff!important;color:#657c90!important;font-size:8px!important
}
html body:not(.dark) #page-template-library .template-library-tabs button.active{border-color:#84d3c7!important;background:#eafaf7!important;color:#0f766e!important}
html body:not(.dark) #page-template-library :is(.rich-template-toolbar,.template-live-viewbar){border-color:#dfe7ed!important;background:#f7fafc!important}
html body:not(.dark) #page-template-library .template-page-canvas{box-shadow:0 14px 40px rgba(15,34,53,.10)!important}

/* AI Letter Writer */
html body:not(.dark) #page-ai-letter-writer .aiw-hero{
  border:1px solid #dfe8ee!important;border-radius:18px!important;
  background:radial-gradient(circle at 100% 0%,rgba(124,92,228,.08),transparent 34%),linear-gradient(135deg,#fff,#f7fbfb)!important;
  box-shadow:0 7px 24px rgba(15,34,53,.04)!important
}
html body:not(.dark) #page-ai-letter-writer :is(.aiw-card,.aiw-index-stage,.aiw-impact-stage,.aiw-settings-stage,.aiw-right-stage,.aiw-usage-panel,.aiw-report-workspace,.aiw-workspace-analysis){
  border-color:#dfe8ee!important;border-radius:14px!important;background:#fff!important;box-shadow:0 3px 13px rgba(15,34,53,.025)!important
}

/* Content Creation */
html body:not(.dark) #page-content-ops .content-worker-summary{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:8px!important}
html body:not(.dark) #page-content-ops .content-worker-card{
  min-height:78px!important;padding:11px!important;border:1px solid #e0e8ee!important;border-radius:12px!important;background:#fff!important;color:#526b7f!important
}
html body:not(.dark) #page-content-ops .content-worker-card.active{border-color:#85d3c7!important;background:#eefaf8!important;color:#0f766e!important}
html body:not(.dark) #page-content-ops .social-task-tab{border:1px solid #dce5eb!important;border-radius:999px!important;background:#fff!important;color:#677e91!important}
html body:not(.dark) #page-content-ops .social-task-tab.active{border-color:#83d4c7!important;background:#eafaf7!important;color:#0f766e!important}

/* Tracking */
html body:not(.dark) #page-tracking .tracking-summary-grid{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:8px!important}
html body:not(.dark) #page-tracking :is(.tracking-summary-card,.tracking-risk-card){
  padding:11px!important;border:1px solid #dfe8ee!important;border-radius:12px!important;background:#fff!important;box-shadow:none!important
}
html body:not(.dark) #page-tracking :is(.tracking-summary-card,.tracking-risk-card):hover{border-color:#bfe3dd!important;background:#f7fcfb!important}

/* Attendance / HR / Payroll */
html body:not(.dark) #page-attendance :is(.attendance-summary-card,.attendance-status-card,.attendance-history-card),
html body:not(.dark) #page-my-workspace :is(.self-service-profile,.self-service-request-panel,.self-service-coe-panel),
html body:not(.dark) #page-payroll :is(.payroll-total,.payroll-runs-panel,.payroll-details-panel){
  border:1px solid #dfe8ee!important;border-radius:13px!important;background:#fff!important;box-shadow:0 3px 12px rgba(15,34,53,.025)!important
}

/* Companies / Payments / Invoices */
html body:not(.dark) #page-companies .company-summary-grid>*,
html body:not(.dark) #page-company-payments .ar-summary-grid>*{
  border:1px solid #dfe8ee!important;border-radius:12px!important;background:#fff!important
}
html body:not(.dark) #page-company-payments .ar-segmented{padding:3px!important;border:1px solid #dce5eb!important;border-radius:10px!important;background:#f4f7f9!important}
html body:not(.dark) #page-company-payments .ar-segmented button.active{background:#fff!important;color:#0f766e!important;box-shadow:0 2px 7px rgba(15,34,53,.07)!important}
html body:not(.dark) #page-invoices .billing-preview{border:1px solid #cce8e3!important;border-radius:12px!important;background:#f1fbf9!important}
html body:not(.dark) #page-invoices .invoice-list>*{border:1px solid #e0e8ee!important;border-radius:11px!important;background:#fff!important}

/* Staff / Reports */
html body:not(.dark) #page-staff .staff-toolbar{padding:12px!important;border:1px solid #dfe8ee!important;border-radius:12px!important;background:#fff!important}
html body:not(.dark) #page-staff :is(.staff-profile-grid,.staff-performance-grid)>*{border:1px solid #dfe8ee!important;border-radius:12px!important;background:#fff!important}
html body:not(.dark) #page-reports .daily-kpi{border:1px solid #dfe8ee!important;border-top:3px solid var(--m-teal)!important;border-radius:12px!important;background:#fff!important}

/* Settings / Users */
html body:not(.dark) #page-settings .settings-control-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))!important;gap:9px!important}
html body:not(.dark) #page-settings :is(.settings-control-card,.settings-master-data-card){
  border:1px solid #dfe8ee!important;border-radius:12px!important;background:#fff!important;color:#365267!important;box-shadow:none!important
}
html body:not(.dark) #page-settings :is(.settings-control-card,.settings-master-data-card):hover{transform:translateY(-1px);border-color:#bee3dc!important;background:#f7fcfb!important}
html body:not(.dark) #page-users :is(.settings-list-panel,.settings-form-panel,.role-editor-panel,.google-access-panel,.attendance-pay-panel){
  border:1px solid #dfe8ee!important;border-radius:13px!important;background:#fff!important;box-shadow:none!important
}

/* System / Audit / Supporting */
html body:not(.dark) #page-developer .system-health-grid>*,
html body:not(.dark) #page-audit-log .audit-summary-card{
  border:1px solid #dfe8ee!important;border-radius:12px!important;background:#fff!important
}
html body:not(.dark) #page-audit-log .audit-log-item{border:1px solid #e1e9ee!important;border-radius:11px!important;background:#fff!important}
html body:not(.dark) #page-audit-log .audit-log-item:hover{border-color:#bee3dc!important;background:#f7fcfb!important}
html body:not(.dark) #page-letter-history .letter-history-list>*,
html body:not(.dark) #page-bureau-addresses .bureau-master-list>*,
html body:not(.dark) #page-collection-agencies .agency-directory-list>*{
  border:1px solid #e0e8ee!important;border-radius:11px!important;background:#fff!important
}

/* Dynamic Quality Audit injected by admin-quality-audit-f15.16.1.js */
html body:not(.dark) #page-quality-audit{background:#f5f8fb!important;padding:22px 24px 28px!important;color:#17324a!important}
html body:not(.dark) #page-quality-audit .qa-head{
  padding:18px 20px!important;margin-bottom:13px!important;border:1px solid #dfe8ee!important;border-radius:18px!important;
  background:radial-gradient(circle at 100% 0%,rgba(20,184,166,.10),transparent 34%),linear-gradient(135deg,#fff,#f6fbfb)!important;
  box-shadow:0 7px 24px rgba(15,34,53,.04)!important
}
html body:not(.dark) #page-quality-audit .qa-cards{gap:9px!important}
html body:not(.dark) #page-quality-audit .qa-card{
  padding:12px 14px!important;border:1px solid #dfe8ee!important;border-top:3px solid var(--m-teal)!important;
  border-radius:12px!important;background:#fff!important;box-shadow:none!important
}
html body:not(.dark) #page-quality-audit .qa-tools{
  padding:11px!important;border:1px solid #dfe8ee!important;border-radius:12px!important;background:#fff!important
}
html body:not(.dark) #page-quality-audit :is(.qa-table,.qa-score){
  border:1px solid #dfe8ee!important;border-radius:13px!important;background:#fff!important;box-shadow:0 3px 13px rgba(15,34,53,.025)!important
}
html body:not(.dark) #page-quality-audit :is(.qa-table,.qa-score) th{background:#f6f9fb!important;color:#71869a!important;font-size:8px!important}
html body:not(.dark) .qa-panel{background:rgba(16,34,53,.38)!important;backdrop-filter:blur(4px)}
html body:not(.dark) .qa-modal{border:1px solid #dbe5ec!important;border-radius:18px!important;background:#fff!important;box-shadow:0 25px 70px rgba(15,34,53,.20)!important}

@media(max-width:1200px){
  html body:not(.dark) #page-todays-work .today-summary-grid,
  html body:not(.dark) #page-content-ops .content-worker-summary,
  html body:not(.dark) #page-tracking .tracking-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  html body:not(.dark) #page-bulk-import .bulk-layout{grid-template-columns:1fr!important}
}
@media(max-width:760px){
  html body:not(.dark) #page-todays-work .today-summary-grid,
  html body:not(.dark) #page-content-ops .content-worker-summary,
  html body:not(.dark) #page-tracking .tracking-summary-grid{grid-template-columns:1fr!important}
  html body:not(.dark) #page-letter-generator .letter-product-tabs{grid-template-columns:1fr!important}
}