/* =========================================================
   COMMA 10.15.4 — CLARITY UI SYSTEM
   White-first / Navy core / readable operational workspace.
   Loaded last to normalize legacy and page-specific styles.
   ========================================================= */

:root,
html[data-comma-theme="light"],
html[data-comma-theme="dark"]{
  color-scheme:light!important;
  --co-sidebar:230px!important;
  --co-topbar:72px!important;
  --comma-bg-primary:#F6F8FB!important;
  --comma-bg-secondary:#FFFFFF!important;
  --comma-surface-dark:#FFFFFF!important;
  --comma-surface-elevated:#FAFBFD!important;
  --comma-primary:#102A4C!important;
  --comma-primary-strong:#0B1F33!important;
  --comma-accent:#2D5B8F!important;
  --comma-text:#13263A!important;
  --comma-text-secondary:#5F7083!important;
  --comma-text-muted:#7D8B9B!important;
  --comma-border-dark:#D9E1E9!important;
  --comma-border-light:#E7ECF1!important;
  --comma-light:#FFFFFF!important;
  --comma-light-secondary:#F7F9FC!important;
  --comma-success:#17865F!important;
  --comma-warning:#9A6508!important;
  --comma-danger:#B4233B!important;
  --comma-info:#245D9C!important;
  --purple:#102A4C!important;
  --purple-dark:#0B1F33!important;
  --purple-soft:#EEF3F8!important;
  --ink:#13263A!important;
  --muted:#657588!important;
  --line:#DFE6ED!important;
  --bg:#F6F8FB!important;
  --white:#FFFFFF!important;
  --green:#17865F!important;
  --red:#B4233B!important;
  --orange:#9A6508!important;
  --blue:#245D9C!important;
  --sidebar:230px!important;
  --radius:16px!important;
  --shadow:0 1px 2px rgba(15,31,51,.025),0 8px 24px rgba(15,31,51,.035)!important;
}

html{background:#F6F8FB!important;scrollbar-color:#CAD4DF transparent}
html,body{min-height:100%;overflow-x:hidden}
body.smart-module.comma-signature-ui,
body.smart-module.comma-final-reference-ui{
  background:#F6F8FB!important;
  color:#13263A!important;
  font-family:Tajawal,"IBM Plex Sans Arabic",Tahoma,"Segoe UI",Arial,sans-serif!important;
  font-size:14px!important;
  line-height:1.65!important;
  font-variant-numeric:tabular-nums lining-nums;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}

/* ---------- Shell ---------- */
body.smart-module .app-shell{background:#F6F8FB!important}
body.smart-module.comma-signature-ui .sidebar,
html[data-comma-theme="dark"] body.smart-module.comma-signature-ui .sidebar,
html[data-comma-theme="light"] body.smart-module.comma-signature-ui .sidebar{
  width:230px!important;
  padding:0 12px 14px!important;
  background:#FFFFFF!important;
  border-inline-end:1px solid #E0E6ED!important;
  box-shadow:none!important;
}
body.smart-module .main-area{margin-inline-start:0!important;margin-inline-end:230px!important;background:#F6F8FB!important;min-width:0!important}
[dir="ltr"] body.smart-module .main-area{margin-inline-end:0!important;margin-inline-start:230px!important}
body.smart-module .topbar{
  min-height:72px!important;height:72px!important;
  padding:12px 28px!important;
  background:rgba(255,255,255,.97)!important;
  border-bottom:1px solid #E3E9EF!important;
  box-shadow:none!important;
  backdrop-filter:blur(14px)!important;
  -webkit-backdrop-filter:blur(14px)!important;
}
body.smart-module .page-heading h1{margin:0!important;color:#0B1F33!important;font-size:21px!important;line-height:1.35!important;font-weight:800!important;letter-spacing:-.01em}
body.smart-module .page-heading p{margin:3px 0 0!important;color:#6B7B8D!important;font-size:12px!important;line-height:1.55!important}
body.smart-module .content{
  width:100%!important;
  max-width:1680px!important;
  margin:0 auto!important;
  padding:24px 30px 48px!important;
  min-width:0!important;
}
body.smart-module .content>*{min-width:0}
body.smart-module .site-footer{padding:12px 24px 32px!important;color:#8390A0!important;border-top:0!important;background:transparent!important}

/* ---------- Sidebar / navigation ---------- */
body.smart-module.comma-signature-ui .comma-brand{height:74px!important;min-height:74px!important;padding:15px 10px!important;margin:0 0 12px!important;border-bottom:1px solid #E8EDF2!important}
body.smart-module .comma-brand-logo{max-width:82px!important;max-height:38px!important;object-fit:contain!important;filter:none!important}
body.smart-module .comma-brand strong{color:#0B1F33!important;font-size:13px!important;font-weight:800!important;letter-spacing:.045em!important}
body.smart-module .comma-brand small{color:#7A8898!important;font-size:10px!important}
body.smart-module .main-nav{gap:6px!important;padding:4px 0 14px!important;overflow:auto!important}
body.smart-module.comma-signature-ui .main-nav a{
  min-height:46px!important;
  padding:7px 9px!important;
  gap:10px!important;
  border-radius:12px!important;
  border:1px solid transparent!important;
  background:transparent!important;
  color:#40566E!important;
  font-size:13px!important;
  font-weight:600!important;
  box-shadow:none!important;
}
body.smart-module.comma-signature-ui .main-nav a .nav-icon{
  width:30px!important;height:30px!important;min-width:30px!important;
  border-radius:9px!important;background:#F4F7FA!important;color:#294E77!important;
  border:1px solid #E5EAF0!important;box-shadow:none!important;
}
body.smart-module.comma-signature-ui .main-nav a.active{
  background:#EFF4F9!important;
  color:#0B1F33!important;
  border-color:#D7E1EA!important;
  box-shadow:inset 3px 0 0 #102A4C!important;
  font-weight:800!important;
}
[dir="rtl"] body.smart-module.comma-signature-ui .main-nav a.active{box-shadow:inset -3px 0 0 #102A4C!important}
body.smart-module.comma-signature-ui .main-nav a.active::after{display:none!important}
body.smart-module.comma-signature-ui .main-nav a.active .nav-icon{background:#FFFFFF!important;border-color:#C9D6E3!important;color:#102A4C!important}
@media(hover:hover){
  body.smart-module.comma-signature-ui .main-nav a:not(.active):hover{background:#F7F9FC!important;border-color:#E0E7EE!important;color:#0B1F33!important;box-shadow:none!important;transform:none!important}
}
body.smart-module .nav-group-label,body.smart-module .nav-section-title{margin:10px 8px 4px!important;color:#8795A5!important;font-size:9px!important;font-weight:800!important;letter-spacing:.05em!important}
body.smart-module .nav-count{background:#102A4C!important;color:#fff!important;font-size:10px!important;font-weight:800!important;min-width:20px!important;height:20px!important;line-height:20px!important}
body.smart-module .sidebar-footer{margin-top:auto!important;padding-top:12px!important;border-top:1px solid #E8EDF2!important}
body.smart-module .sidebar-footer .logout-link{min-height:42px!important;color:#52667B!important;font-size:12px!important;border-radius:11px!important}

/* Workspace switcher */
body.smart-module .comma-workspace-switcher{margin:7px 0 12px!important}
body.smart-module .comma-workspace-button{min-height:58px!important;padding:9px 10px!important;border-radius:13px!important;background:#fff!important;border:1px solid #DEE6ED!important;box-shadow:none!important}
body.smart-module .comma-workspace-copy small{font-size:9px!important;color:#8693A2!important}
body.smart-module .comma-workspace-copy strong{font-size:12.5px!important;color:#102A4C!important;font-weight:800!important}
body.smart-module .comma-workspace-mark{width:34px!important;height:34px!important;border-radius:10px!important;background:#102A4C!important;border:0!important;color:#fff!important}
body.smart-module .comma-workspace-menu{border-radius:14px!important;border:1px solid #DCE4EC!important;box-shadow:0 20px 50px rgba(15,31,51,.12)!important;padding:6px!important}
body.smart-module .comma-workspace-menu a{min-height:42px!important;border-radius:10px!important}

/* ---------- Typography ---------- */
body.smart-module :where(h1,h2,h3,h4,h5,h6){color:#0B1F33!important;letter-spacing:-.012em}
body.smart-module :where(h1){font-size:28px!important;line-height:1.3!important}
body.smart-module :where(h2){font-size:22px!important;line-height:1.4!important}
body.smart-module :where(h3){font-size:17px!important;line-height:1.45!important}
body.smart-module :where(h4){font-size:14px!important;line-height:1.5!important}
body.smart-module :where(p){color:#5F7083;line-height:1.75}
body.smart-module :where(small,.muted,.sub,.re1050-muted){color:#738295!important;line-height:1.55!important}
body.smart-module :where(strong,b){color:#102A4C;font-weight:800}
body.smart-module a:not(.btn):not(.co-btn):not(.re1050-btn):not(.main-nav a){text-underline-offset:3px}

/* ---------- Cards / surfaces ---------- */
body.smart-module :is(.panel,.form-card,.table-card,.card,.smart-card,.stat-card,.re1050-panel,.re1050-card,.reo-card,.dos-card,.osx-card,.cmd-card,.bh-card,.mk84-card,.g7-card,.ac-card,.pc-card,.crm15-card,.sw153-card,.workspace-card,.notification-card,.essential-provider-card,.co-operating-card,.co-visual-intelligence-card,.co-kpi-card,.co-progress-card,.co-entity-card,.co-project-card,.co-alert-card,.co-insight-card){
  background:#FFFFFF!important;
  background-image:none!important;
  color:#13263A!important;
  border:1px solid #DFE6ED!important;
  border-radius:16px!important;
  box-shadow:0 1px 2px rgba(15,31,51,.02)!important;
}
body.smart-module :is(.panel,.form-card,.re1050-panel,.re1050-card,.reo-card,.dos-card,.osx-card,.cmd-card,.bh-card,.mk84-card,.g7-card,.ac-card,.pc-card,.crm15-card,.sw153-card){padding:20px!important}
body.smart-module :is(.smart-hero,.dashboard-hero,.module-hero,.v5-hub-hero,.cmd-hero,.osx-hero,.dos-hero,.bh-hero,.mk84-hero,.sc88-hero,.re1050-hero,.reo-hero,.sw153-hero,.os-page-hero,.koma-compact-hero,.readiness-hero){
  background:#FFFFFF!important;
  background-image:none!important;
  color:#13263A!important;
  border:1px solid #DDE5ED!important;
  border-radius:18px!important;
  box-shadow:none!important;
}
body.smart-module :is(.smart-hero,.dashboard-hero,.module-hero,.v5-hub-hero,.cmd-hero,.osx-hero,.dos-hero,.bh-hero,.mk84-hero,.sc88-hero,.re1050-hero,.reo-hero,.sw153-hero,.os-page-hero) :is(h1,h2,h3,strong){color:#0B1F33!important}
body.smart-module :is(.smart-hero,.dashboard-hero,.module-hero,.v5-hub-hero,.cmd-hero,.osx-hero,.dos-hero,.bh-hero,.mk84-hero,.sc88-hero,.re1050-hero,.reo-hero,.sw153-hero,.os-page-hero) :is(p,small,span){color:#657588!important}
body.smart-module .section-header{margin:24px 0 12px!important;gap:14px!important}
body.smart-module .section-header h2{font-size:18px!important;font-weight:800!important}
body.smart-module .section-header p{font-size:12px!important;color:#718195!important}

/* ---------- KPI / numbers ---------- */
body.smart-module :is(.stat-card,.co-kpi-card,.re1050-kpi,.reo-stat,.osx-kpi,.dos-kpi,.cmd-kpi,.sw153-kpis>div,.crm15-kpis>div,.pm-summary-kpi,.workspace-kpi){
  background:#FFFFFF!important;
  border:1px solid #DDE5ED!important;
  border-radius:14px!important;
  box-shadow:none!important;
}
body.smart-module :is(.stat-card strong,.co-kpi-value,.re1050-kpi strong,.reo-stat strong,.osx-kpi strong,.dos-kpi strong,.cmd-kpi strong,.sw153-kpis strong,.crm15-kpis strong,.pm-summary-kpi strong,.workspace-kpi strong){
  color:#0B1F33!important;
  font-size:clamp(24px,2.1vw,32px)!important;
  line-height:1.05!important;
  font-weight:800!important;
  font-variant-numeric:tabular-nums lining-nums!important;
  letter-spacing:-.025em!important;
}
body.smart-module :is(.stat-card span,.stat-card small,.co-kpi-label,.co-kpi-meta,.sw153-kpis small,.sw153-kpis span,.crm15-kpis small,.crm15-kpis span){font-size:11.5px!important;color:#708095!important}
body.smart-module .stat-card:after{display:none!important}
body.smart-module :is(.sw153-kpis .warn,.crm15-kpis .warn){background:#FFF9EF!important;border-color:#EAD8AE!important}

/* ---------- Buttons ---------- */
body.smart-module :is(.btn,.co-btn,.re1050-btn,button.btn,a.btn){
  min-height:42px!important;
  padding:9px 14px!important;
  border-radius:11px!important;
  gap:7px!important;
  font-size:13px!important;
  line-height:1.2!important;
  font-weight:700!important;
  border:1px solid #D8E1EA!important;
  background:#FFFFFF!important;
  color:#183754!important;
  box-shadow:none!important;
  white-space:nowrap;
}
body.smart-module :is(.btn-primary,.co-btn-primary,.re1050-btn.primary),
body.smart-module :is(button.btn-primary,a.btn-primary){
  background:#102A4C!important;
  color:#FFFFFF!important;
  border-color:#102A4C!important;
  box-shadow:0 4px 10px rgba(16,42,76,.10)!important;
}
body.smart-module :is(.btn-soft,.btn-secondary,.co-btn-secondary){background:#FFFFFF!important;color:#183754!important;border-color:#D7E0E9!important}
body.smart-module .btn-success{background:#17865F!important;color:#fff!important;border-color:#17865F!important}
body.smart-module .btn-warning{background:#FFF7E6!important;color:#7B5208!important;border-color:#E8D2A4!important}
body.smart-module .btn-danger{background:#B4233B!important;color:#fff!important;border-color:#B4233B!important}
body.smart-module .btn-danger-outline{background:#fff!important;color:#A72036!important;border-color:#E8C7CE!important}
body.smart-module .btn-sm{min-height:36px!important;padding:7px 10px!important;border-radius:9px!important;font-size:12px!important}
body.smart-module .btn-lg{min-height:48px!important;padding:11px 18px!important;font-size:14px!important}
body.smart-module .btn-xs{min-height:32px!important;padding:6px 9px!important;font-size:11px!important}
body.smart-module :is(.btn,.co-btn,.re1050-btn):focus-visible{outline:3px solid rgba(16,42,76,.14)!important;outline-offset:2px!important}
@media(hover:hover){
  body.smart-module :is(.btn,.co-btn,.re1050-btn):not(:disabled):hover{transform:none!important;background:#F6F8FB!important;border-color:#BFCBD7!important;box-shadow:none!important}
  body.smart-module :is(.btn-primary,.co-btn-primary,.re1050-btn.primary):not(:disabled):hover{background:#0B1F33!important;border-color:#0B1F33!important;color:#fff!important;box-shadow:0 5px 12px rgba(11,31,51,.14)!important}
}

/* ---------- Forms ---------- */
body.smart-module :is(input,select,textarea){
  min-height:44px!important;
  width:100%;
  padding:10px 12px!important;
  border:1px solid #CBD6E1!important;
  border-radius:10px!important;
  background:#FFFFFF!important;
  color:#13263A!important;
  font-size:13px!important;
  line-height:1.4!important;
  box-shadow:none!important;
}
body.smart-module textarea{min-height:104px!important;resize:vertical!important}
body.smart-module :is(input,select,textarea)::placeholder{color:#9AA7B4!important;opacity:1}
body.smart-module :is(input,select,textarea):hover{border-color:#B8C6D4!important}
body.smart-module :is(input,select,textarea):focus{border-color:#466987!important;box-shadow:0 0 0 3px rgba(16,42,76,.08)!important;outline:none!important}
body.smart-module :is(input,select,textarea):disabled,
body.smart-module :is(input,select,textarea)[readonly]{background:#F4F7FA!important;color:#627386!important}
body.smart-module label{gap:7px!important;color:#324A62!important;font-size:12px!important;font-weight:700!important;line-height:1.5!important}
body.smart-module .form-grid{gap:14px!important}
body.smart-module :is(.form-section,fieldset){border-color:#DFE6ED!important;border-radius:14px!important}
body.smart-module legend{color:#102A4C!important;font-weight:800!important}
body.smart-module :is(input[type="checkbox"],input[type="radio"]){min-height:auto!important;width:17px!important;height:17px!important;padding:0!important;accent-color:#102A4C!important}

/* ---------- Tables ---------- */
body.smart-module :is(.table-card,.table-wrap,.table-scroll,.re1050-table,.reo-table-wrap,.sw153-table,.crm15-table,.sc88-table-wrap,.co-data-table-wrap){
  width:100%!important;
  max-width:100%!important;
  overflow:auto!important;
  border-radius:14px!important;
  overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch;
}
body.smart-module table{width:100%!important;border-collapse:separate!important;border-spacing:0!important;background:#fff!important;color:#13263A!important;font-variant-numeric:tabular-nums lining-nums!important}
body.smart-module th,body.smart-module td{padding:12px 13px!important;border-bottom:1px solid #E7ECF1!important;text-align:start!important;vertical-align:middle!important;font-size:13px!important;line-height:1.5!important}
body.smart-module th{position:sticky!important;top:0;z-index:3;background:#F7F9FC!important;color:#53677C!important;font-size:11.5px!important;font-weight:800!important;white-space:nowrap!important}
body.smart-module tbody tr:last-child td{border-bottom:0!important}
body.smart-module tbody tr:hover td{background:#FBFCFD!important}
body.smart-module td strong{font-size:13px!important;color:#102A4C!important}
body.smart-module td small{margin-top:3px!important;color:#7B8998!important;font-size:11px!important}
body.smart-module .table-link{color:#173F68!important;font-weight:800!important}

/* ---------- Tabs / filters / chips ---------- */
body.smart-module :is(.tabs,.co-tabs,.smart-tabs,.g7-tabs,.crm15-tabs,.completed-filter-tabs){gap:6px!important;padding:3px!important;background:#EEF2F6!important;border:1px solid #E0E6ED!important;border-radius:12px!important;overflow:auto!important}
body.smart-module :is(.tabs a,.co-tabs a,.smart-tabs a,.g7-tabs a,.crm15-tabs a,.completed-filter-tabs a){min-height:38px!important;padding:8px 12px!important;border:0!important;border-radius:9px!important;background:transparent!important;color:#586C82!important;font-size:12px!important;font-weight:700!important;white-space:nowrap!important;box-shadow:none!important}
body.smart-module :is(.tabs a.active,.co-tabs a.active,.smart-tabs a.active,.g7-tabs a.active,.crm15-tabs a.active,.completed-filter-tabs a.active){background:#FFFFFF!important;color:#102A4C!important;box-shadow:0 1px 3px rgba(15,31,51,.06)!important}
body.smart-module .filter-bar{padding:12px!important;gap:10px!important;background:#FFFFFF!important;border:1px solid #DEE5EC!important;border-radius:14px!important;box-shadow:none!important}
body.smart-module :is(.status,.badge,.chip,.reo-badge,.re1050-badge,.smart-badge,.sw153-pill){min-height:25px!important;padding:4px 8px!important;border-radius:999px!important;font-size:10.5px!important;font-weight:800!important;line-height:1.2!important;box-shadow:none!important}

/* ---------- Semantic states ---------- */
body.smart-module :is(.status-active,.status-success,.status-approved,.status-paid,.status-accepted,.badge-success){background:#EAF7F1!important;color:#116747!important;border:1px solid #C8E8DA!important}
body.smart-module :is(.status-warning,.status-pending,.status-partial,.status-submitted){background:#FFF7E8!important;color:#83560A!important;border:1px solid #ECD8AE!important}
body.smart-module :is(.status-failed,.status-danger,.status-overdue,.status-cancelled,.status-rejected){background:#FFF0F2!important;color:#A72036!important;border:1px solid #EBC8CF!important}
body.smart-module :is(.status-info,.status-issued,.status-in_progress){background:#EEF5FC!important;color:#245D9C!important;border:1px solid #D2E2F2!important}
body.smart-module :is(.alert,.re1050-alert){padding:13px 15px!important;border-radius:12px!important;font-size:12.5px!important;line-height:1.65!important;box-shadow:none!important}
body.smart-module .alert-success{background:#ECF8F3!important;color:#126749!important;border-color:#C8E7D9!important}
body.smart-module .alert-info{background:#EFF6FC!important;color:#245A90!important;border-color:#D4E2F0!important}
body.smart-module .alert-warning{background:#FFF8EA!important;color:#7A520A!important;border-color:#EAD8B1!important}
body.smart-module .alert-danger{background:#FFF0F2!important;color:#9E2035!important;border-color:#EBC8CF!important}

/* ---------- Empty states / modals ---------- */
body.smart-module :is(.empty-state,.co-empty-state,.sw153-empty,.crm15-empty,.re1050-empty,.reo-empty,.osx-empty,.dos-empty,.cmd-empty,.g7-empty){
  min-height:150px!important;
  padding:26px!important;
  display:grid!important;
  place-items:center!important;
  align-content:center!important;
  text-align:center!important;
  color:#6E7F92!important;
  background:#FBFCFD!important;
  border:1px dashed #CBD6E0!important;
  border-radius:14px!important;
}
body.smart-module :is(.modal,.drawer,.osx-modal,.crm15-drawer,.comma-command-center,.comma-activity-panel,.comma-mobile-create-sheet){background:#FFFFFF!important;color:#13263A!important;border-color:#DCE4EC!important;box-shadow:0 24px 70px rgba(15,31,51,.16)!important}
body.smart-module :is(.modal-backdrop,.drawer-backdrop,.comma-command-backdrop,.comma-assistant-scrim){background:rgba(15,31,51,.28)!important;backdrop-filter:blur(3px)!important}

/* ---------- Page specific: CRM / Sales Workspace ---------- */
body.smart-module .sw153{gap:16px!important}
body.smart-module .sw153-hero{padding:22px!important}
body.smart-module .sw153-hero h2{font-size:27px!important;margin:3px 0 5px!important}
body.smart-module .sw153-kicker{color:#5A6F84!important;font-size:10px!important;letter-spacing:.055em!important}
body.smart-module .sw153-kpis{gap:10px!important}
body.smart-module .sw153-kpis>div{padding:15px!important;gap:5px!important}
body.smart-module .sw153-head{margin-bottom:13px!important}
body.smart-module .sw153-head h3{font-size:16px!important}
body.smart-module .sw153-head>a{color:#173F68!important;font-size:12px!important;font-weight:800!important}
body.smart-module .sw153-pipeline{gap:7px!important}
body.smart-module .sw153-pipeline a{padding:12px!important;border:1px solid #E0E6ED!important;border-radius:12px!important;background:#FAFBFD!important}
body.smart-module .sw153-pipeline a:hover{background:#F3F6F9!important;border-color:#CAD5E0!important}
body.smart-module .sw153-pipeline strong{font-size:22px!important;color:#102A4C!important}
body.smart-module .sw153-person{padding:14px!important;border:1px solid #DFE6ED!important;border-radius:14px!important;background:#fff!important;box-shadow:none!important}
body.smart-module .sw153-person:hover{transform:none!important;background:#F9FBFC!important;border-color:#C9D5E0!important;box-shadow:none!important}
body.smart-module .sw153-avatar{width:40px!important;height:40px!important;border-radius:11px!important;background:#EDF2F7!important;color:#163957!important}
body.smart-module .sw153-follow{padding:12px 0!important;border-color:#E9EDF2!important}
body.smart-module .sw153-follow.late{background:#FFF7F4!important;border:1px solid #F1D8CE!important;margin:7px 0!important;padding:11px 12px!important;border-radius:11px!important}
body.smart-module .sw153-mini-form select{min-height:36px!important}

/* Generic CRM 10.15 surfaces */
body.smart-module :is(.crm15-card,.crm15-drawer){border-color:#DDE5ED!important;background:#fff!important}
body.smart-module :is(.crm15-cardhead,.crm15-head){border-color:#E7ECF1!important}

/* ---------- Charts / progress ---------- */
body.smart-module progress{height:8px!important;border-radius:999px!important;overflow:hidden!important;background:#E9EEF3!important}
body.smart-module progress::-webkit-progress-bar{background:#E9EEF3!important;border-radius:999px!important}
body.smart-module progress::-webkit-progress-value{background:#244E78!important;border-radius:999px!important}
body.smart-module :is(.progress-bar,.co-progress-fill,.re1050-progress>i){background:#244E78!important}

/* ---------- Mobile header / bottom navigation ---------- */
body.smart-module .comma-mobile-header{background:rgba(255,255,255,.98)!important;border-bottom:1px solid #E1E7ED!important;box-shadow:none!important}
body.smart-module .comma-mobile-brand strong{color:#0B1F33!important}
body.smart-module .comma-mobile-brand small{color:#778697!important}
body.smart-module .comma-mobile-pref,body.smart-module .comma-mobile-profile,body.smart-module .comma-mobile-notify{background:#F5F7FA!important;color:#173B5D!important;border:1px solid #E0E6ED!important;box-shadow:none!important}
body.smart-module .mobile-nav,body.smart-module .comma-mobile-bottom-nav{background:rgba(255,255,255,.98)!important;border-top:1px solid #DDE5ED!important;box-shadow:0 -8px 24px rgba(15,31,51,.05)!important}
body.smart-module .mobile-nav :is(a,button){color:#718195!important}
body.smart-module .mobile-nav a.active{color:#102A4C!important}
body.smart-module .mobile-nav a.active span{background:#EEF3F8!important;color:#102A4C!important}

/* ---------- Auth / signup ---------- */
body.comma-auth-page,body.comma-free-signup{background:#F5F7FA!important;color:#13263A!important;font-family:Tajawal,"IBM Plex Sans Arabic",Tahoma,"Segoe UI",Arial,sans-serif!important;color-scheme:light!important}
body.comma-auth-page .comma-auth-shell{background:#F5F7FA!important}
body.comma-auth-page .comma-auth-panel{background:#F8FAFC!important}
body.comma-auth-page .comma-auth-box{background:#fff!important;border:1px solid #DDE5ED!important;border-radius:22px!important;box-shadow:0 18px 55px rgba(15,31,51,.08)!important}
body.comma-auth-page .comma-auth-box h2{color:#0B1F33!important;font-size:26px!important}
body.comma-auth-page .comma-auth-box>p,body.comma-auth-page .comma-auth-hint{color:#67788B!important}
body.comma-auth-page .comma-auth-methods{background:#EEF2F6!important;border:1px solid #E0E6ED!important;border-radius:12px!important;padding:4px!important}
body.comma-auth-page .comma-auth-methods a{color:#5B6E82!important;border-radius:9px!important}
body.comma-auth-page .comma-auth-methods a.active{background:#fff!important;color:#102A4C!important;box-shadow:0 1px 3px rgba(15,31,51,.06)!important}
body.comma-auth-page .comma-auth-form label{color:#30485F!important;font-size:12px!important;font-weight:700!important}
body.comma-auth-page .comma-auth-form input{min-height:47px!important;border:1px solid #C9D5E0!important;background:#fff!important;color:#13263A!important;border-radius:11px!important;font-size:14px!important}
body.comma-auth-page .comma-auth-form input:focus{border-color:#466987!important;box-shadow:0 0 0 3px rgba(16,42,76,.08)!important;outline:none!important}
body.comma-auth-page .comma-auth-primary{min-height:48px!important;border-radius:11px!important;background:#102A4C!important;color:#fff!important;border:1px solid #102A4C!important;font-weight:800!important;box-shadow:0 5px 14px rgba(16,42,76,.12)!important}
body.comma-auth-page .comma-auth-secondary{min-height:46px!important;border-radius:11px!important;background:#fff!important;color:#173B5D!important;border:1px solid #D6E0E9!important;font-weight:700!important}
body.comma-auth-page .comma-auth-toolbar>div>a:first-child{display:none!important}
body.comma-auth-page .comma-auth-toolbar a{color:#415A72!important}
body.comma-auth-page .comma-auth-alert{border-radius:11px!important;font-size:12px!important;line-height:1.6!important}
body.comma-auth-page .comma-auth-otp{font-variant-numeric:tabular-nums!important;letter-spacing:.35em!important;text-align:center!important;direction:ltr!important;font-size:19px!important;font-weight:800!important}

body.comma-free-signup .free-signup-card{background:#fff!important;border:1px solid #DDE5ED!important;border-radius:22px!important;box-shadow:0 18px 55px rgba(15,31,51,.08)!important;color:#13263A!important}
body.comma-free-signup .free-signup-card h1{color:#0B1F33!important}
body.comma-free-signup .free-signup-card>p{color:#657588!important}
body.comma-free-signup .free-kicker{color:#2D5479!important;background:#EEF3F8!important;border:1px solid #D9E3EC!important}
body.comma-free-signup .free-form label{color:#30485F!important;font-weight:700!important}
body.comma-free-signup .free-form input{min-height:47px!important;border:1px solid #C9D5E0!important;background:#fff!important;color:#13263A!important;border-radius:11px!important}
body.comma-free-signup .free-primary{min-height:48px!important;border-radius:11px!important;background:#102A4C!important;color:#fff!important;border:1px solid #102A4C!important;font-weight:800!important;box-shadow:0 5px 14px rgba(16,42,76,.12)!important}
body.comma-free-signup .free-note{background:#F6F8FB!important;border:1px solid #E0E6ED!important;color:#52667B!important}
body.comma-free-signup .free-otp{font-variant-numeric:tabular-nums!important;letter-spacing:.35em!important;text-align:center!important;direction:ltr!important;font-size:19px!important;font-weight:800!important}

/* ---------- Accessibility / interaction ---------- */
body.smart-module :is(a,button,input,select,textarea,[tabindex]):focus-visible,
body.comma-auth-page :is(a,button,input,select,textarea):focus-visible,
body.comma-free-signup :is(a,button,input,select,textarea):focus-visible{outline:3px solid rgba(16,42,76,.16)!important;outline-offset:2px!important}
body.smart-module button:disabled,body.smart-module .btn:disabled,body.smart-module [aria-disabled="true"]{opacity:.48!important;cursor:not-allowed!important;filter:none!important}

/* ---------- Responsive ---------- */
@media(max-width:1200px){
  body.smart-module .content{padding:20px 22px 44px!important}
  body.smart-module .sw153-kpis{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:980px){
  body.smart-module .sidebar{width:min(88vw,320px)!important;transform:translateX(110%)!important}
  [dir="ltr"] body.smart-module .sidebar{transform:translateX(-110%)!important}
  body.smart-module .sidebar.open{transform:none!important}
  body.smart-module .main-area,[dir="ltr"] body.smart-module .main-area{margin-inline:0!important}
  body.smart-module .topbar{height:68px!important;min-height:68px!important;padding:10px 14px!important}
  body.smart-module .menu-toggle{display:grid!important;place-items:center!important;width:40px!important;height:40px!important;border-radius:10px!important;background:#F4F7FA!important;color:#173B5D!important;border:1px solid #DDE5ED!important;box-shadow:none!important}
  body.smart-module .content{padding:16px 14px 92px!important}
}
@media(max-width:720px){
  body.smart-module .page-heading h1{font-size:18px!important}
  body.smart-module .page-heading p{display:none!important}
  body.smart-module :is(.smart-hero,.dashboard-hero,.module-hero,.v5-hub-hero,.cmd-hero,.osx-hero,.dos-hero,.bh-hero,.mk84-hero,.sc88-hero,.re1050-hero,.reo-hero,.sw153-hero,.os-page-hero){padding:17px!important;border-radius:15px!important}
  body.smart-module :is(.panel,.form-card,.re1050-panel,.re1050-card,.reo-card,.dos-card,.osx-card,.cmd-card,.bh-card,.mk84-card,.g7-card,.ac-card,.pc-card,.crm15-card,.sw153-card){padding:15px!important;border-radius:14px!important}
  body.smart-module .sw153-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.smart-module .form-grid,body.smart-module .sw153-form{grid-template-columns:1fr!important}
  body.smart-module .form-grid .full,body.smart-module .sw153-form .span2{grid-column:auto!important}
  body.smart-module .section-header{align-items:flex-start!important;flex-direction:column!important}
  body.smart-module .header-actions,body.smart-module .hero-actions,body.smart-module .sw153-actions{width:100%!important}
  body.smart-module .header-actions .btn,body.smart-module .hero-actions .btn,body.smart-module .sw153-actions .btn{flex:1 1 auto!important}
  body.smart-module th,body.smart-module td{padding:11px 12px!important;font-size:12.5px!important}
}
@media(max-width:520px){
  body.smart-module .content{padding:12px 10px 88px!important}
  body.smart-module .sw153-kpis{grid-template-columns:1fr!important}
  body.smart-module .stat-grid,body.smart-module .smart-kpi-grid{grid-template-columns:1fr 1fr!important;gap:8px!important}
  body.smart-module .form-actions{display:grid!important;grid-template-columns:1fr!important;width:100%!important}
  body.smart-module .form-actions .btn{width:100%!important}
  body.smart-module .inline-actions .btn{width:auto!important}
  body.smart-module .user-menu>div:nth-last-child(2){display:none!important}
}
@media(max-width:390px){
  body.smart-module .stat-grid,body.smart-module .smart-kpi-grid{grid-template-columns:1fr!important}
}
@media(prefers-reduced-motion:reduce){
  body.smart-module *,body.smart-module *::before,body.smart-module *::after{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
}

/* ---------- Legacy token neutralization ---------- */
:root,
html[data-comma-theme="light"],
html[data-comma-theme="dark"]{
  --co-bg-0:#F6F8FB!important;
  --co-bg-1:#FFFFFF!important;
  --co-bg-2:#FFFFFF!important;
  --co-bg-elevated:#FFFFFF!important;
  --co-bg-elevated-2:#F7F9FC!important;
  --co-surface:#FFFFFF!important;
  --co-surface-strong:#FFFFFF!important;
  --co-surface-soft:#F2F6FA!important;
  --co-surface-hover:#F5F8FB!important;
  --co-line:#DFE6ED!important;
  --co-line-strong:#C7D3DF!important;
  --co-text:#13263A!important;
  --co-text-2:#607286!important;
  --co-muted:#7B8998!important;
  --co-muted-2:#7B8998!important;
  --co-accent:#244E78!important;
  --co-accent-2:#2D5B8F!important;
  --co-accent-3:#17865F!important;
  --co-success:#17865F!important;
  --co-warning:#9A6508!important;
  --co-danger:#B4233B!important;
  --co-info:#245D9C!important;
  --surface:#FFFFFF!important;
  --surface-2:#F7F9FC!important;
  --border:#DFE6ED!important;
  --text:#13263A!important;
  --text-secondary:#657588!important;
}

/* Real-estate legacy surfaces that used hard-coded dark colors. */
body.smart-module :is(.reo-project,.reo-action,.reo-service,.reo-supplier,.reo-calendar-date,.reo-calendar-item,.reo-next,.reo-note,.reo-table,.reo-table-wrap){
  background:#FFFFFF!important;
  color:#13263A!important;
  border-color:#DFE6ED!important;
  box-shadow:none!important;
}
body.smart-module .reo-wrap{max-width:1680px!important;padding:0!important;margin:0 auto!important}
body.smart-module :is(.reo-project,.reo-action,.reo-service,.reo-supplier){border-radius:15px!important}
body.smart-module .reo-stat{background:#F7F9FC!important;border:1px solid #E4EAF0!important;color:#13263A!important}
body.smart-module .reo-next{background:#F7F9FC!important}
body.smart-module .reo-action .reo-icon{background:#EEF3F8!important;color:#173F68!important;border:1px solid #DBE4EC!important}
body.smart-module :is(.reo-project small,.reo-action small,.reo-service small,.reo-action p,.reo-service p,.reo-supplier p,.reo-calendar-item small,.reo-note){color:#66788B!important}
body.smart-module .reo-kicker{color:#5C7086!important;font-size:10.5px!important;font-weight:800!important;letter-spacing:.055em!important}
body.smart-module .reo-progress{background:#E8EDF2!important}
body.smart-module .reo-progress>span{background:#244E78!important}
body.smart-module .reo-chips a{background:#F5F8FB!important;color:#173B5D!important;border:1px solid #DCE4EC!important}
body.smart-module .reo-agreement{background:#FFF8EA!important;color:#60440D!important;border:1px solid #E8D5AD!important;border-radius:14px!important}
body.smart-module .reo-agreement.reo-ok{background:#EDF8F3!important;color:#126749!important;border-color:#C8E7D9!important}
body.smart-module .reo-empty{background:#FBFCFD!important;color:#6E7F92!important;border-color:#CBD6E0!important}
body.smart-module .reo-empty h3{color:#102A4C!important}
body.smart-module .reo-table th{background:#F7F9FC!important;color:#53677C!important}

/* CRM accent cleanup: navy/blue instead of turquoise-as-primary. */
body.smart-module .crm15-head span,
body.smart-module .crm15-drawer-head span{color:#5D7084!important}
body.smart-module .crm15-tabs a.active{border-color:#C9D6E3!important;background:#FFFFFF!important;color:#102A4C!important}
body.smart-module .crm15 :is(input,select,textarea):focus{border-color:#466987!important;box-shadow:0 0 0 3px rgba(16,42,76,.08)!important}
body.smart-module .crm15-token{border-color:#C8D7E5!important;background:#F3F7FB!important;color:#244867!important}
body.smart-module .crm15-match b{color:#173F68!important}
body.smart-module .crm15-timeline i{background:#244E78!important}
body.smart-module .crm15-row.active{background:#F2F6FA!important}

/* Common legacy dark cards that still exist on secondary screens. */
body.smart-module :is(.integration-card,.koma-provider-card,.smart-subscription-grid .form-card,.os-price-card,.report-paper,.report-card,.workspace-card,.essential-provider-card,.notification-card,.brand-channel-strip article,.details-list,.smart-caption-details,.integration-steps){
  background:#FFFFFF!important;
  color:#13263A!important;
  border-color:#DFE6ED!important;
  box-shadow:none!important;
}
body.smart-module :is(.integration-card,.koma-provider-card,.os-price-card,.report-paper,.report-card,.workspace-card,.essential-provider-card,.notification-card,.brand-channel-strip article) :is(h1,h2,h3,h4,strong){color:#102A4C!important}
body.smart-module :is(.integration-card,.koma-provider-card,.report-paper,.report-card,.workspace-card,.essential-provider-card,.notification-card,.brand-channel-strip article) :is(p,small,li){color:#66788B!important}
body.smart-module .brand-channel-icon{background:#EEF3F8!important;color:#173F68!important;border:1px solid #DCE4EC!important}
body.smart-module .channel-live-dot{background:#EDF8F3!important;color:#126749!important;border-color:#C8E7D9!important}

/* Physical shell offsets: sidebar sits on the right in RTL and on the left in LTR. */
html[dir="rtl"] body.smart-module .main-area{margin-right:230px!important;margin-left:0!important}
html[dir="ltr"] body.smart-module .main-area{margin-left:230px!important;margin-right:0!important}
@media(max-width:980px){
  html[dir="rtl"] body.smart-module .main-area,
  html[dir="ltr"] body.smart-module .main-area{margin-left:0!important;margin-right:0!important}
}

/* ---------- Secretary / report builder normalization ---------- */
body.smart-module .sc88{
  --bg:#F6F8FB!important;
  --s:#FFFFFF!important;
  --s2:#F7F9FC!important;
  --s3:#EEF3F8!important;
  --text:#13263A!important;
  --mut:#66788B!important;
  --pri:#244E78!important;
  --ok:#17865F!important;
  --warn:#9A6508!important;
  --err:#B4233B!important;
  --info:#245D9C!important;
  --bd:#DFE6ED!important;
  max-width:1680px!important;
  padding:0!important;
  color:#13263A!important;
}
body.smart-module :is(.sc88-hero,.sc88-panel,.sc88-report,.sc88-kpi,.sc88-tool,.sc88-choice,.sc88-detail label,.sc88-saved a){background:#FFFFFF!important;color:#13263A!important;border-color:#DFE6ED!important;box-shadow:none!important}
body.smart-module .sc88-kpi{background:#F7F9FC!important}
body.smart-module :is(.sc88-tool i,.sc88-choice i){background:#EEF3F8!important;color:#173F68!important;border:1px solid #DCE4EC!important}
body.smart-module :is(.sc88-form-grid select,.sc88-form-grid input,.sc88-form-grid textarea){background:#FFFFFF!important;color:#13263A!important;border-color:#CBD6E1!important}
body.smart-module :is(.sc88-muted,.sc88-title p,.sc88-tool p,.sc88-choice small,.sc88-detail small,.sc88-saved small){color:#66788B!important}
body.smart-module .sc88-eyebrow{color:#5D7084!important}
body.smart-module :is(.sc88-tool:hover,.sc88-choice:has(input:checked)){border-color:#BFCBD7!important;box-shadow:none!important;background:#F9FBFC!important}
body.smart-module .sc88-choice:has(input:checked),body.smart-module .sc88-detail label:has(input:checked){border-color:#879DB2!important;background:#F2F6FA!important}

/* ---------- Smart Marketer normalization ---------- */
body.smart-module .mk84{max-width:1680px!important;padding:0!important}
body.smart-module .mk84-k{color:#5D7084!important}
body.smart-module .mk84-icon{background:#EEF3F8!important;color:#173F68!important;border:1px solid #DCE4EC!important}
body.smart-module .mk84-foot{color:#173F68!important}
body.smart-module .mk84-card:hover{transform:none!important;border-color:#C6D2DE!important;box-shadow:none!important;background:#F9FBFC!important}

/* ---------- Pricing / map interface: keep map functional, normalize control accents ---------- */
body.smart-module .re1070{--re143-accent:#244E78!important;--re143-accent-soft:#EEF3F8!important}
body.smart-module .re1070-mapbar button.active,
body.smart-module .re1070-type input:checked+span{background:#EEF3F8!important;color:#173F68!important;border-color:#AFC0D1!important;box-shadow:none!important}
body.smart-module .re1070-site-form :is(input,select):focus{border-color:#466987!important;box-shadow:0 0 0 3px rgba(16,42,76,.08)!important}
body.smart-module .re1070-site-form>.re1050-form-actions .btn{background:#102A4C!important;border-color:#102A4C!important;color:#fff!important;box-shadow:0 5px 14px rgba(16,42,76,.12)!important}
body.smart-module .re1070-site-form>.re1050-form-actions .btn:hover{background:#0B1F33!important;border-color:#0B1F33!important;transform:none!important}
body.smart-module .re1070-value{background:#F6F8FB!important;border-color:#D8E2EB!important}
body.smart-module .re1070-analysis-status{background:#F1F6FB!important;border-color:#CFDDEB!important;color:#264D70!important}

/* ---------- Inline legacy exceptions ---------- */
body.smart-module.page-product_catalog_admin section[style*="#0A1D33"]{background:#FFFFFF!important;border-color:#DDE5ED!important;color:#13263A!important;box-shadow:none!important}
body.smart-module.page-product_catalog_admin section[style*="#0A1D33"] :is(p,ul){color:#657588!important}
body.smart-module.page-brand_brain .comma-type-preview{background:#F6F8FB!important;border-color:#DDE5ED!important;color:#13263A!important}
body.smart-module.page-brand_brain .comma-type-preview>div:nth-of-type(2){color:#102A4C!important}
body.smart-module.page-brand_brain .comma-type-preview>div:nth-of-type(3){color:#657588!important}
body.smart-module.page-product_form .product-asset-grid article{background:#FFFFFF!important;border-color:#DDE5ED!important;color:#13263A!important}
body.smart-module.page-developer_sales_workspace_1050 hr{border-top-color:#E7ECF1!important}

/* ---------- Operating OS secondary surfaces ---------- */
body.smart-module :is(
  .cmd-score,.cmd-action,.cmd-event,.cmd-tool,.cmd-role,.cmd-exec-card,
  .osx-score,.osx-action,.osx-event,.osx-rec,.osx-stage,.osx-scenario,.osx-role,.osx-row,.osx-panel,
  .dos-health,.dos-event,.dos-rel,.dos-field,.dos-step,.dos-board-metric,.dos-stack-section,.dos-floor-box,.dos-unit-card,
  .pm-fast-card,.pm-receipt-grid>div,.pm-payment-preview,.pm-profile-item,.pm-alert,.pm-entity-card,.pm-card-stat,
  .mission-control-hero,.mission-nowbar,.mission-nowbar-card,
  .v5-room-hero,.v5-brief-intro,.v5-purpose-selector,.v5-purpose-card,
  .completed-hero,.completed-card,.comma-creative-feedback,.comma-cognitive-menu,
  .work-hero,.work-request-card,.work-detail,.work-quality,.work-step-grid article,.work-recent-list>a,.work-value-strip>div,.work-recommendations,
  .comma-outcome-entry,.comma-outcome-form,.comma-decision-card,.comma-active-work-grid>article,.comma-active-work-grid>a,.comma-next-action-final-card,.comma-impact-grid article,.comma-readiness-card
){
  background:#FFFFFF!important;
  background-image:none!important;
  color:#13263A!important;
  border-color:#DFE6ED!important;
  box-shadow:none!important;
}
body.smart-module :is(.cmd-score:after,.osx-score:after,.dos-health:after){background:#FFFFFF!important}
body.smart-module :is(.cmd-tool-stats span,.dos-mini-list span,.dos-board-legend span,.dos-mini-pill,.dos-state-pill,.dos-types a,.v5-room-meta span,.v5-toggle-row>span,.pm-flow-note span){
  background:#F5F8FB!important;
  color:#52677D!important;
  border-color:#DCE4EC!important;
}
body.smart-module :is(.dos-types a.active,.pm-mode-switch a.active,.co-period-selector a.active){background:#102A4C!important;color:#fff!important;border-color:#102A4C!important}
body.smart-module :is(.dos-form input,.dos-form select,.dos-form textarea,.dos-search input,.pm-fast-grid input,.pm-fast-grid select,.pm-fast-grid textarea){background:#FFFFFF!important;color:#13263A!important;border-color:#CBD6E1!important}
body.smart-module :is(.dos-unit-title strong,.dos-stack-head h4 a,.completed-card strong,.work-request-card strong,.mission-nowbar-card strong){color:#102A4C!important}
body.smart-module :is(.dos-unit-lines small,.dos-board-note,.dos-event small,.dos-rel small,.dos-field small,.osx-action p,.osx-event p,.osx-rec p,.cmd-event p,.cmd-action p){color:#687A8D!important}
body.smart-module .dos-unit-num{background:#EEF3F8!important;color:#173F68!important;border-color:#D6E1EB!important}
body.smart-module .dos-unit-card.is-available{border-color:#B9DDCE!important;box-shadow:inset 3px 0 0 #17865F!important}
body.smart-module .dos-unit-card.is-reserved{border-color:#E7D4A9!important;box-shadow:inset 3px 0 0 #9A6508!important}
body.smart-module .dos-unit-card.is-occupied{border-color:#C9DAEA!important;box-shadow:inset 3px 0 0 #245D9C!important}
body.smart-module .dos-unit-card.is-warning{border-color:#E9C8CE!important;box-shadow:inset 3px 0 0 #B4233B!important}
body.smart-module .dos-stack-section{border-radius:16px!important}

/* Legacy work / assistant controls */
body.smart-module :is(.work-request-card textarea,.work-needs-input textarea){background:#FFFFFF!important;color:#13263A!important;border-color:#CBD6E1!important}
body.smart-module .work-suggestions button{background:#F5F8FB!important;color:#173F68!important;border-color:#DCE4EC!important}
body.smart-module :is(.work-step-grid article>span,.comma-next-action-final-card>span,.work-hero-badge){background:#EEF3F8!important;color:#173F68!important;border-color:#D9E3EC!important}
body.smart-module .work-confirmation{background:#F3F7FB!important;color:#244867!important;border-color:#D5E1EC!important}
body.smart-module .work-confirmation-deliverables span{background:#FFFFFF!important;color:#40566E!important;border-color:#DDE5ED!important}

/* Shared analytics/readiness cards */
body.smart-module :is(.filter-bar,.channel-toolbar,.operation-readiness-strip,.readiness-tile,.portal-split-card,.comma-workspace-chip,.social-channel-card,.connector-card,.channel-special-card,.integration-requirements,.os-product-card,.os-plan-current,.os-budget-preview,.os-guard-card,.os-goal-grid a,.os-goal-grid button,.os-metric-row>div,.os-mission-kpis>div,.os-daily-strip>div,.os-mission-row,.os-approval-card,.os-event-list article,.os-step-list article,.os-mini-missions article,.os-readiness-list article,.os-next-actions article,.os-renewal-box,.mission-check,.mission-campaign-card){background:#FFFFFF!important;color:#13263A!important;border-color:#DFE6ED!important;box-shadow:none!important}
body.smart-module :is(.smart-chart,.chart-card,.analytics-card,.report-chart,.smart-report-chart){background:#FFFFFF!important;color:#13263A!important;border-color:#DFE6ED!important;box-shadow:none!important}

/* Minimum readable metadata size across legacy modules. */
body.smart-module small{font-size:max(11px, .72rem)!important}
body.smart-module .table-subtitle{font-size:11px!important;color:#748397!important}

/* 10.15.4 hard override — remove legacy turquoise navigation accents */
html body.smart-module.comma-signature-ui .main-nav a.active,
html[data-comma-theme="light"] body.smart-module.comma-signature-ui .main-nav a.active,
html[data-comma-theme="dark"] body.smart-module.comma-signature-ui .main-nav a.active{
  background:#EFF4F9!important;
  background-image:none!important;
  color:#0B1F33!important;
  border-color:#D7E1EA!important;
  box-shadow:inset -3px 0 0 #102A4C!important;
  font-weight:800!important;
}
[dir="ltr"] html body.smart-module.comma-signature-ui .main-nav a.active,
html[dir="ltr"] body.smart-module.comma-signature-ui .main-nav a.active{
  box-shadow:inset 3px 0 0 #102A4C!important;
}
html body.smart-module.comma-signature-ui .main-nav a.active::after{display:none!important;content:none!important}
html body.smart-module.comma-signature-ui .main-nav a.active .nav-icon{
  background:#FFFFFF!important;
  border-color:#C9D6E3!important;
  color:#102A4C!important;
  box-shadow:none!important;
}
@media(max-width:980px){
  html body.smart-module .sidebar:not(.open){pointer-events:none!important}
  html body.smart-module .comma-mobile-bottom-nav a.active,
  html body.smart-module .mobile-nav a.active{color:#102A4C!important;background:#F3F6FA!important}
  html body.smart-module .comma-mobile-bottom-nav a.active .comma-ui-icon{background:#102A4C!important;color:#102A4C!important}
}

/* Final mobile/readability normalization */
body.smart-module .content{background:#F6F8FB!important}
body.comma-free-signup .free-signup-shell:before{background:radial-gradient(circle at 85% 8%,rgba(16,42,76,.05),transparent 24%),radial-gradient(circle at 10% 92%,rgba(45,91,143,.035),transparent 25%)!important}
body.comma-free-signup .free-form input:focus{border-color:#466987!important;box-shadow:0 0 0 3px rgba(16,42,76,.08)!important}
body.comma-free-signup .free-resend button,body.comma-free-signup .free-login a{color:#102A4C!important}
body.comma-free-signup .free-primary:hover{background:#0B1F33!important;box-shadow:0 8px 18px rgba(16,42,76,.16)!important}
