:root{
  --command-bg:#080b0a;
  --command-surface:#0d1110;
  --command-surface-2:#111614;
  --command-line:#242b28;
  --command-line-strong:#323a36;
  --command-text:#f4f2ea;
  --command-muted:#adb4af;
  --command-gold:#d7a92d;
  --command-green:#31b66b;
  --command-red:#df5548;
  --command-radius:12px;
  --command-ease:cubic-bezier(.22,.72,.2,1);

  /* Legacy workspace styles consume these shared names.  Keep them mapped
     to the active ROC theme so a dark-only value cannot leak into light mode. */
  --text:var(--command-text);
  --muted:var(--command-muted);
  --line:var(--command-line);
  --panel:var(--command-surface);
  --soft:var(--command-surface-2);
  --gold:var(--command-gold);
  --green:var(--command-green);
  --red:var(--command-red);
  --amber:var(--command-gold);
}

html[data-roc-theme="light"]{
  --command-bg:#f5f3ed;
  --command-surface:#ffffff;
  --command-surface-2:#eeece5;
  --command-line:#dedbd2;
  --command-line-strong:#c9c4b8;
  --command-text:#171a18;
  --command-muted:#59635d;
  --command-gold:#a9770d;
  --command-green:#16784b;
  --command-red:#bd4137;
  color-scheme:light;
}

html[data-roc-theme="dark"]{color-scheme:dark}

/* Shared Executive Command Centre system */
html[data-roc-theme="dark"] body{background:var(--command-bg)}
html[data-roc-theme="dark"] .os{background:var(--command-bg);color:var(--command-text)}
html[data-roc-theme="dark"] .os-main{background:var(--command-bg)}
html[data-roc-theme="dark"] .os-header{
  height:80px;
  padding:0 24px 0 28px;
  background:rgba(8,11,10,.96);
  border-color:var(--command-line);
  color:var(--command-text);
  backdrop-filter:blur(14px);
}
html[data-roc-theme="dark"] .os-header h2{font-size:11px;font-weight:500;color:#c7cbc8}
html[data-roc-theme="dark"] .os-header p{font-size:9px;color:var(--command-muted)}
html[data-roc-theme="dark"] .os-header-actions{gap:8px}
html[data-roc-theme="dark"] .search,
html[data-roc-theme="dark"] .icon-btn{
  height:38px;
  border:1px solid var(--command-line);
  border-radius:8px;
  background:#0b0f0e;
  color:#b7bcb8;
  box-sizing:border-box;
  transition:border-color .2s var(--command-ease),background .2s var(--command-ease),color .2s var(--command-ease),transform .2s var(--command-ease);
}
html[data-roc-theme="dark"] .search{width:min(390px,32vw);padding:0 11px}
html[data-roc-theme="dark"] .search:focus-within{border-color:#6e5a21;background:#0e1211;box-shadow:0 0 0 3px rgba(215,169,45,.08)}
html[data-roc-theme="dark"] .search input{width:100%;background:transparent;color:var(--command-text);font-size:10px}
html[data-roc-theme="dark"] .search kbd{border:1px solid var(--command-line);border-radius:4px;background:#121716;color:#7e8581}
html[data-roc-theme="dark"] .icon-btn:hover{border-color:#5e522f;color:var(--command-gold);background:#111614;transform:translateY(-1px)}
html[data-roc-theme="dark"] .gold-btn{
  border:1px solid #d4a327;
  border-radius:8px;
  background:var(--command-gold);
  color:#090b0a;
  box-shadow:none;
  transition:background .2s var(--command-ease),transform .2s var(--command-ease),box-shadow .2s var(--command-ease);
}
html[data-roc-theme="dark"] .gold-btn:hover{background:#e1b943;transform:translateY(-1px);box-shadow:0 8px 20px rgba(215,169,45,.14)}
html[data-roc-theme="dark"] .os-main main{padding:26px 28px 34px;background:var(--command-bg);color:var(--command-text)}
html[data-roc-theme="dark"] #osContent{animation:command-enter .34s var(--command-ease) both}
html[data-roc-theme="dark"] .panel,
html[data-roc-theme="dark"] .kpi-card,
html[data-roc-theme="dark"] .quick-card,
html[data-roc-theme="dark"] .deal-card,
html[data-roc-theme="dark"] .document-mobile-card{
  border-color:var(--command-line);
  border-radius:var(--command-radius);
  background:var(--command-surface);
  color:var(--command-text);
  box-shadow:none;
}
html[data-roc-theme="dark"] .panel,
html[data-roc-theme="dark"] .kpi-card,
html[data-roc-theme="dark"] .filter-btn,
html[data-roc-theme="dark"] .data-table tbody tr,
html[data-roc-theme="dark"] .crm-followup-row{
  transition:border-color .2s var(--command-ease),background .2s var(--command-ease),transform .2s var(--command-ease),color .2s var(--command-ease);
}
html[data-roc-theme="dark"] .panel:hover{border-color:#303a35}
html[data-roc-theme="dark"] .kpi-card:hover{border-color:#4b432a;transform:translateY(-2px)}
html[data-roc-theme="dark"] .panel-head h3,
html[data-roc-theme="dark"] .kpi-value,
html[data-roc-theme="dark"] .data-table td b{color:var(--command-text)}
html[data-roc-theme="dark"] .panel-head span,
html[data-roc-theme="dark"] .panel-head button,
html[data-roc-theme="dark"] .kpi-top,
html[data-roc-theme="dark"] .data-table td small{color:var(--command-muted)}
html[data-roc-theme="dark"] .data-table th{border-color:var(--command-line);background:#0a0e0d;color:#7e8581}
html[data-roc-theme="dark"] .data-table td{border-color:#1d2320;color:#dfe2df}
html[data-roc-theme="dark"] .data-table tbody tr:hover{background:#111715}
html[data-roc-theme="dark"] .filter-btn,
html[data-roc-theme="dark"] select,
html[data-roc-theme="dark"] input,
html[data-roc-theme="dark"] textarea{
  border-color:var(--command-line);
  border-radius:8px;
  background:#0d1210;
  color:var(--command-text);
}
html[data-roc-theme="dark"] .filter-btn:hover,
html[data-roc-theme="dark"] .filter-btn.active{border-color:#766126;background:#15150f;color:var(--command-gold)}
html[data-roc-theme="dark"] .empty-state{border-color:var(--command-line);background:var(--command-surface)}
html[data-roc-theme="dark"] .empty-state p{color:var(--command-muted)}
html[data-roc-theme="dark"] .status{border:1px solid #343a36;background:#181d1b;color:#b6bbb7}
html[data-roc-theme="dark"] .status.approved,
html[data-roc-theme="dark"] .status.paid,
html[data-roc-theme="dark"] .status.low,
html[data-roc-theme="dark"] .status.active{border-color:rgba(49,182,107,.25);background:rgba(49,182,107,.1);color:#65d393}
html[data-roc-theme="dark"] .status.pending,
html[data-roc-theme="dark"] .status.medium,
html[data-roc-theme="dark"] .status.review{border-color:rgba(215,169,45,.25);background:rgba(215,169,45,.1);color:#e3bd54}
html[data-roc-theme="dark"] .status.declined,
html[data-roc-theme="dark"] .status.overdue,
html[data-roc-theme="dark"] .status.high{border-color:rgba(223,85,72,.26);background:rgba(223,85,72,.1);color:#ef756a}

/* Sidebar fidelity */
html[data-roc-theme="dark"] .os-sidebar{background:#070a09;border-color:var(--command-line);box-shadow:none}
html[data-roc-theme="dark"] .sidebar-brand{min-height:50px;margin-bottom:15px;padding-bottom:17px;border-bottom:1px solid var(--command-line)}
html[data-roc-theme="dark"] .os-sidebar .os-logo{width:144px;height:45px}
html[data-roc-theme="dark"] .sidebar-brand-rule{margin-left:auto;width:14px;background:#69706c}
html[data-roc-theme="dark"] .workspace-chip{min-height:54px;margin-bottom:20px;border-color:var(--command-line);border-radius:10px;background:#0b0f0e}
html[data-roc-theme="dark"] #osNav small,
html[data-roc-theme="dark"] .sidebar-bottom>small{color:var(--command-gold);font-size:8px;letter-spacing:1.8px}
html[data-roc-theme="dark"] #osNav button,
html[data-roc-theme="dark"] .sidebar-bottom button{min-height:44px;border-radius:8px;color:#b1b6b2;font-size:11px}
html[data-roc-theme="dark"] #osNav button:hover,
html[data-roc-theme="dark"] .sidebar-bottom button:hover{background:#101513;color:#f3f1e9;transform:translateX(2px)}
html[data-roc-theme="dark"] #osNav button.active,
html[data-roc-theme="dark"] .sidebar-bottom button.active{border-color:#8b6c18;background:#11150f;color:#f2efe5;box-shadow:inset 3px 0 0 var(--command-gold)}
html[data-roc-theme="dark"] #osNav button.active i{color:var(--command-gold)}
html[data-roc-theme="dark"] #osNav button.active::after{box-shadow:0 0 10px rgba(215,169,45,.6)}
html[data-roc-theme="dark"] .profile{border-color:var(--command-line)!important;background:#0b0f0e!important}

/* Selected command-centre dashboard */
.command-view .os-header>div:first-child{display:flex;align-items:center;gap:30px}
.command-view .os-header>div:first-child p{position:relative;padding-left:14px;color:#b1b7b3}
.command-view .os-header>div:first-child p::before{content:"";position:absolute;left:0;top:50%;width:6px;height:6px;border-radius:50%;background:var(--command-green);box-shadow:0 0 10px rgba(49,182,107,.65);transform:translateY(-50%)}
.command-view .os-header .logout-btn,
.command-view .os-header [data-action="help"]{display:none}
.command-view .os-header [data-module="notifications"]{position:relative}
.command-view .os-header [data-module="notifications"]::after{content:"3";position:absolute;top:-5px;right:-4px;display:grid;place-items:center;width:15px;height:15px;border-radius:50%;background:var(--command-gold);color:#090b0a;font-size:7px;font-weight:800}
.command-view .os-main main{padding:0}
.command-dashboard{min-height:calc(100vh - 80px);background:var(--command-bg);color:var(--command-text);font-family:"DM Sans",sans-serif}
.command-intro{padding:32px 28px 24px}
.command-intro h1{margin:0;font-family:"Playfair Display",serif;font-size:42px;font-weight:600;line-height:1.08;letter-spacing:-.9px;color:var(--command-text)}
.command-intro p{margin:8px 0 0;color:var(--command-muted);font-size:12px}
.command-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:12px 28px 30px}
.command-metrics article{min-width:0;padding:0 28px;border-left:1px solid var(--command-line)}
.command-metrics article[data-action="loan-metric-drilldown"],.command-financial-grid .panel[data-action="loan-metric-drilldown"]{cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.command-metrics article[data-action="loan-metric-drilldown"]:hover,.command-financial-grid .panel[data-action="loan-metric-drilldown"]:hover,.command-metrics article[data-action="loan-metric-drilldown"]:focus-visible,.command-financial-grid .panel[data-action="loan-metric-drilldown"]:focus-visible{border-color:var(--command-gold);box-shadow:0 0 0 2px color-mix(in srgb,var(--command-gold) 20%,transparent);outline:0;transform:translateY(-1px)}
.command-metrics article:first-child{padding-left:0;border-left:0}
.command-metrics small,
.command-health small{display:block;color:var(--command-muted);font-size:8px;font-weight:600;letter-spacing:1.3px;text-transform:uppercase}
.command-metrics strong{display:block;margin:13px 0 8px;font-family:"Playfair Display",serif;font-size:27px;font-weight:600;line-height:1;color:var(--command-gold);white-space:nowrap}
.command-metrics strong em{margin-left:6px;font-family:"DM Sans",sans-serif;font-size:9px;font-style:normal;font-weight:600}
.command-metrics strong .positive{color:var(--command-green)}
.command-metrics strong .urgent{color:var(--command-red)}
.command-metrics article>span{color:var(--command-muted);font-size:9px}
.command-workspace{display:grid;grid-template-columns:minmax(360px,1.05fr) minmax(330px,.96fr) minmax(280px,.76fr);border-top:1px solid var(--command-line);border-bottom:1px solid var(--command-line)}
.command-workspace>section,
.command-priority{min-width:0;padding:22px 24px}
.command-workspace>section+section,
.command-priority{border-left:1px solid var(--command-line)}
.command-dashboard>.legacy-portfolio-disclosure{margin:0 28px 12px;color:var(--command-text)}
.command-financial-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}
.command-financial-grid .panel{min-width:0;padding:14px;border:1px solid var(--command-line);border-radius:10px;background:var(--command-surface-2)}
.command-financial-grid small,.command-financial-grid span{display:block;color:var(--command-muted);font-size:9px;line-height:1.35}
.command-financial-grid h3{margin:8px 0 5px;color:var(--command-text);font-size:20px;line-height:1.1}
.command-section-head{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:28px}
.command-section-head h2{margin:0;color:var(--command-text);font-size:13px;font-weight:650}
.command-select{display:flex;align-items:center;gap:7px;padding:7px 9px;border:1px solid var(--command-line);border-radius:7px;background:var(--command-surface);color:var(--command-muted);font:inherit;font-size:9px;transition:.2s var(--command-ease)}
.command-select:hover,.command-select.is-open{border-color:#6e5a21;color:var(--command-gold)}
.command-select svg{width:12px;height:12px}
.command-performance>p{margin:19px 0 12px;color:var(--command-muted);font-size:9px}
.command-value{font-family:"Playfair Display",serif;font-size:24px;color:var(--command-gold)}
.command-value>span{margin-left:8px;font-family:"DM Sans",sans-serif;color:var(--command-green);font-size:8px;font-weight:600}
.command-value>span small{color:var(--command-muted);font-weight:400}
.command-chart{position:relative;height:270px;margin-top:16px;padding-left:42px}
.command-chart svg{display:block;width:100%;height:236px;overflow:visible}
.command-chart-axis{position:absolute;left:0;top:10px;bottom:34px;display:flex;flex-direction:column;justify-content:space-between;color:var(--command-muted);font-size:8px}
.command-chart-grid path{fill:none;stroke:var(--command-line);stroke-width:1;stroke-dasharray:4 5}
.command-chart-area{fill:rgba(215,169,45,.12)}
.command-chart-line{fill:none;stroke:var(--command-gold);stroke-width:2.2;vector-effect:non-scaling-stroke}
.command-chart-average{fill:none;stroke:var(--command-muted);stroke-width:1;stroke-dasharray:3 5;vector-effect:non-scaling-stroke}
.command-chart-points circle{fill:var(--command-surface);stroke:var(--command-gold);stroke-width:2;vector-effect:non-scaling-stroke}
.command-chart-labels{display:flex;justify-content:space-between;margin:0 8px;color:var(--command-muted);font-size:8px}
.command-chart-legend{display:flex;gap:28px;margin-top:7px;padding-top:13px;border-top:1px solid var(--command-line);color:var(--command-muted);font-size:8px}
.command-chart-legend span{display:flex;align-items:center;gap:8px}
.command-chart-legend i{width:17px;height:2px;background:var(--command-gold)}
.command-chart-legend span:last-child i{height:0;border-top:1px dashed #7d8580;background:none}
.command-tabs{display:flex;gap:28px;margin-top:9px;border-bottom:1px solid var(--command-line)}
.command-tabs button{position:relative;padding:11px 7px 11px 0;border:0;background:transparent;color:var(--command-muted);font:inherit;font-size:9px}
.command-tabs button::after{content:"";position:absolute;left:0;right:8px;bottom:-1px;height:1px;background:var(--command-gold);transform:scaleX(0);transform-origin:left;transition:transform .2s var(--command-ease)}
.command-tabs button:hover,.command-tabs button.active{color:var(--command-gold)}
.command-tabs button.active::after{transform:scaleX(1)}
.command-operation-list{min-height:300px}
.command-operation{display:grid;width:100%;grid-template-columns:35px minmax(0,1fr) auto;gap:11px;align-items:center;padding:15px 0;border:0;border-bottom:1px solid var(--command-line);background:transparent;color:inherit;text-align:left;transition:background .2s var(--command-ease),padding .2s var(--command-ease)}
.command-operation:hover{padding-inline:8px;background:#0d1210}
.command-operation[hidden]{display:none}
.command-operation-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:rgba(215,169,45,.1);color:var(--command-gold)}
.command-operation-icon.green{background:rgba(49,182,107,.12);color:#4ed184}
.command-operation-icon.red{background:rgba(223,85,72,.12);color:#ef6659}
.command-operation-icon svg{width:15px;height:15px}
.command-operation b,.command-rfq b,.command-task b{display:block;color:var(--command-text);font-size:9px;font-weight:600;line-height:1.35}
.command-operation small,.command-rfq small,.command-task small{display:block;margin-top:3px;color:var(--command-muted);font-size:8px;line-height:1.35}
.command-operation time{color:var(--command-muted);font-size:8px}
.command-link{display:inline-flex;align-items:center;gap:8px;padding:0;border:0;background:none;color:var(--command-gold);font:inherit;font-size:8px;transition:color .2s var(--command-ease),transform .2s var(--command-ease)}
.command-link:hover{color:#f0c95b;transform:translateX(2px)}
.command-link svg{width:12px;height:12px}
.command-operations>.command-link{margin-top:15px}
.command-priority{padding:0}
.command-priority>section{padding:22px 22px 20px}
.command-priority>section+section{border-top:1px solid var(--command-line)}
.command-rfq{display:grid;width:100%;grid-template-columns:45px minmax(0,1fr);gap:11px;align-items:center;padding:13px 0;border:0;border-bottom:1px solid var(--command-line);background:transparent;color:inherit;text-align:left;transition:padding .2s var(--command-ease),background .2s var(--command-ease)}
.command-rfq:hover{padding-inline:7px;background:#0d1210}
.command-rfq-day{display:flex;min-height:40px;flex-direction:column;align-items:center;justify-content:center;border:1px solid #403515;border-radius:7px;background:#11120d;color:var(--command-gold);font-size:9px;font-weight:700}
.command-rfq-day b{font-family:"Playfair Display",serif;font-size:17px;color:#f0bc34}
.command-rfq-day small{margin:0;font-size:6px;text-transform:uppercase}
.command-loading{padding:24px 0;color:var(--command-muted);font-size:8px}
.command-empty{display:flex;align-items:center;gap:10px;padding:22px 0;color:var(--command-muted)}
.command-empty>span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:rgba(49,182,107,.1);color:var(--command-green)}
.command-empty svg{width:15px;height:15px}
.command-empty b{display:block;color:var(--command-text);font-size:9px}
.command-empty small{display:block;margin-top:3px;font-size:8px}
.command-health{padding:20px 28px 18px}
.command-health>div:last-child{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin-top:15px}
.command-health article{padding:0 22px;border-left:1px solid var(--command-line)}
.command-health article:first-child{padding-left:0;border-left:0}
.command-health strong{display:block;margin:11px 0 5px;font-family:"Playfair Display",serif;color:var(--command-gold);font-size:20px;font-weight:600;white-space:nowrap}
.command-health article>span{color:var(--command-muted);font-size:8px}
.command-footer{display:flex;justify-content:space-between;gap:16px;padding:12px 28px;border-top:1px solid var(--command-line);color:var(--command-muted);font-size:7px}
.command-footer span:last-child{display:flex;align-items:center;gap:8px}
.command-footer i{width:3px;height:3px;border-radius:50%;background:#5c635f}

/* Bring the other workspaces into the same visual system */
html[data-roc-theme="dark"] .crm-welcome,
html[data-roc-theme="dark"] .investor-hero{border:1px solid var(--command-line);border-radius:var(--command-radius);background:#0a0d0c;color:var(--command-text)}
html[data-roc-theme="dark"] .crm-welcome h2,
html[data-roc-theme="dark"] .investor-hero h2{color:#f4f1e8}
html[data-roc-theme="dark"] .crm-welcome p,
html[data-roc-theme="dark"] .investor-hero p{color:var(--command-muted)}
html[data-roc-theme="dark"] .crm-capital-summary{background:#0a0e0d;border-color:var(--command-line)}
html[data-roc-theme="dark"] .crm-performance-track{background:#222925}
html[data-roc-theme="dark"] .crm-performance-track i{background:var(--command-gold)}
html[data-roc-theme="dark"] .crm-range-control{border-color:var(--command-line);border-radius:7px;background:#0a0e0d}
html[data-roc-theme="dark"] .crm-range-control button{color:#8f9692}
html[data-roc-theme="dark"] .crm-range-control button.active{border-radius:5px;background:#171810;color:var(--command-gold)}
html[data-roc-theme="dark"] .crm-growth-chart .chart-grid line{stroke:#29302d;stroke-dasharray:4 5}
html[data-roc-theme="dark"] .crm-growth-chart .chart-grid text,
html[data-roc-theme="dark"] .crm-growth-chart .chart-labels text{fill:#7f8782}
html[data-roc-theme="dark"] .crm-growth-chart .chart-line{stroke:var(--command-gold)}
html[data-roc-theme="dark"] .crm-growth-chart .chart-points circle{fill:var(--command-surface);stroke:var(--command-gold)}
html[data-roc-theme="dark"] .crm-chart-legend{color:#858c88}
html[data-roc-theme="dark"] .crm-chart-legend .legend-line{background:var(--command-gold)}
html[data-roc-theme="dark"] .crm-followup-metrics>div{border-color:var(--command-line);border-radius:8px;background:#0a0e0d}
html[data-roc-theme="dark"] .crm-followup-metrics span{border-radius:7px;background:#151a17}
html[data-roc-theme="dark"] .crm-followup-metrics b{color:var(--command-text)}
html[data-roc-theme="dark"] .crm-followup-metrics small{color:var(--command-muted)}
html[data-roc-theme="dark"] .crm-followup-empty{border-color:var(--command-line);background:#0a0e0d}
html[data-roc-theme="dark"] .crm-followup-empty b{color:var(--command-text)}
html[data-roc-theme="dark"] .crm-followup-row{border-color:var(--command-line);background:transparent;color:var(--command-text)}
html[data-roc-theme="dark"] .crm-followup-row:hover{background:#111715}
html[data-roc-theme="dark"] .loan-progress-track{background:#252c28}
html[data-roc-theme="dark"] .pipe-col{border:1px solid var(--command-line);border-radius:var(--command-radius);background:#0a0e0d}
html[data-roc-theme="dark"] .document-name,
html[data-roc-theme="dark"] .more-btn{color:var(--command-text)}
html[data-roc-theme="dark"] .document-name>span:first-child{background:#15160f;color:var(--command-gold)}
html[data-roc-theme="dark"] .supplier-workspace{color:var(--command-text)}
html[data-roc-theme="dark"] .supplier-workspace .supplier-panel{border-color:var(--command-line);background:var(--command-surface)}

/* Complete light workspace: every authenticated surface and icon changes together. */
html[data-roc-theme="light"] body,
html[data-roc-theme="light"] .os,
html[data-roc-theme="light"] .os-main,
html[data-roc-theme="light"] .os-main main,
html[data-roc-theme="light"] #osContent{background:var(--command-bg);color:var(--command-text)}
html[data-roc-theme="light"] .os-header{
  height:80px;padding:0 24px 0 28px;background:rgba(255,255,255,.94);border-color:var(--command-line);
  color:var(--command-text);box-shadow:0 1px 0 rgba(22,25,23,.03);backdrop-filter:blur(14px)
}
html[data-roc-theme="light"] .os-header h2{color:#252824;font-size:11px;font-weight:600}
html[data-roc-theme="light"] .os-header p{color:var(--command-muted);font-size:9px}
html[data-roc-theme="light"] .search,
html[data-roc-theme="light"] .icon-btn{height:38px;border:1px solid var(--command-line);border-radius:8px;background:#faf9f5;color:#646b66;box-sizing:border-box}
html[data-roc-theme="light"] .search{width:min(390px,32vw);padding:0 11px}
html[data-roc-theme="light"] .search:focus-within{border-color:#bd9637;background:#fff;box-shadow:0 0 0 3px rgba(169,119,13,.09)}
html[data-roc-theme="light"] .search input{width:100%;background:transparent;color:var(--command-text);font-size:10px}
html[data-roc-theme="light"] .search kbd{border:1px solid var(--command-line);border-radius:4px;background:#efede6;color:#727873}
html[data-roc-theme="light"] .icon-btn:hover{border-color:#c2a353;color:var(--command-gold);background:#fffaf0;transform:translateY(-1px)}
html[data-roc-theme="light"] .gold-btn{border:1px solid #c4921a;border-radius:8px;background:#c99a28;color:#11130f;box-shadow:none}
html[data-roc-theme="light"] .gold-btn:hover{background:#d3a83c;transform:translateY(-1px);box-shadow:0 8px 20px rgba(169,119,13,.13)}

html[data-roc-theme="light"] .os-sidebar{background:#fbfaf6;border-color:var(--command-line);box-shadow:12px 0 34px rgba(32,29,21,.05);color:var(--command-text)}
html[data-roc-theme="light"] .sidebar-brand{min-height:50px;margin-bottom:15px;padding-bottom:17px;border-bottom:1px solid var(--command-line)}
html[data-roc-theme="light"] .os-sidebar .os-logo{width:144px;height:45px;filter:brightness(.16) sepia(.12)}
html[data-roc-theme="light"] .sidebar-brand-rule{margin-left:auto;width:14px;background:#a29d91}
html[data-roc-theme="light"] .workspace-chip{min-height:54px;margin-bottom:20px;border-color:var(--command-line);border-radius:10px;background:#f2efe7;color:var(--command-text)}
html[data-roc-theme="light"] .workspace-chip small,
html[data-roc-theme="light"] .profile small{color:#7d7b73}
html[data-roc-theme="light"] #osNav small,
html[data-roc-theme="light"] .sidebar-bottom>small{color:var(--command-gold);font-size:8px;letter-spacing:1.8px}
html[data-roc-theme="light"] #osNav button,
html[data-roc-theme="light"] .sidebar-bottom button{min-height:44px;border-radius:8px;color:#555b56;font-size:11px}
html[data-roc-theme="light"] #osNav button i,
html[data-roc-theme="light"] .sidebar-bottom button i{color:#6e746f!important}
html[data-roc-theme="light"] #osNav button:hover,
html[data-roc-theme="light"] .sidebar-bottom button:hover{background:#f0ede5;color:#171a18;transform:translateX(2px)}
html[data-roc-theme="light"] #osNav button.active,
html[data-roc-theme="light"] .sidebar-bottom button.active{border-color:#c5992f;background:#f6efd9;color:#171a18;box-shadow:inset 3px 0 0 #bc8917}
html[data-roc-theme="light"] #osNav button.active i,
html[data-roc-theme="light"] .sidebar-bottom button.active i{color:var(--command-gold)!important}
html[data-roc-theme="light"] .profile{border-color:#dedbd2!important;background:#f2efe7!important;color:#20231f!important}
html[data-roc-theme="light"] .profile>span{background:#fff;color:var(--command-gold);border-color:#d8c286}
html[data-roc-theme="light"] .profile b{color:#20231f}
html[data-roc-theme="light"] .profile em{color:#777b76!important}
html[data-roc-theme="light"] .sidebar-theme-toggle>i{color:#585e59!important}
html[data-roc-theme="light"] .theme-toggle-track{background:#d7d4cc}
html[data-roc-theme="light"] .theme-toggle-track span{background:#fff;box-shadow:0 1px 4px rgba(33,31,25,.22)}
html[data-roc-theme="light"] .sidebar-collapse{color:#666b67!important}
html[data-roc-theme="light"] .sidebar-collapse i{color:#666b67!important}

html[data-roc-theme="light"] .panel,
html[data-roc-theme="light"] .kpi-card,
html[data-roc-theme="light"] .quick-card,
html[data-roc-theme="light"] .deal-card,
html[data-roc-theme="light"] .document-mobile-card,
html[data-roc-theme="light"] .pipe-col,
html[data-roc-theme="light"] .modal-card{border-color:var(--command-line);border-radius:var(--command-radius);background:var(--command-surface);color:var(--command-text);box-shadow:none}
html[data-roc-theme="light"] .panel-head h3,
html[data-roc-theme="light"] .kpi-value,
html[data-roc-theme="light"] .data-table td b,
html[data-roc-theme="light"] .document-name,
html[data-roc-theme="light"] .more-btn{color:var(--command-text)}
html[data-roc-theme="light"] .panel-head span,
html[data-roc-theme="light"] .panel-head button,
html[data-roc-theme="light"] .kpi-top,
html[data-roc-theme="light"] .data-table td small{color:var(--command-muted)}
html[data-roc-theme="light"] #osContent .kpi-card .delta{color:var(--command-muted)}
html[data-roc-theme="light"] #osContent .kpi-card .delta.red{color:var(--command-red)}
html[data-roc-theme="light"] .data-table th{border-color:var(--command-line);background:#f1efe9;color:#717771}
html[data-roc-theme="light"] .data-table td{border-color:#e8e5dd;color:#333733}
html[data-roc-theme="light"] .data-table tbody tr:hover{background:#faf8f1}
html[data-roc-theme="light"] .filter-btn,
html[data-roc-theme="light"] select,
html[data-roc-theme="light"] input,
html[data-roc-theme="light"] textarea{border-color:var(--command-line);border-radius:8px;background:#fff;color:var(--command-text)}
html[data-roc-theme="light"] .filter-btn:hover,
html[data-roc-theme="light"] .filter-btn.active{border-color:#c2a353;background:#fff8e8;color:var(--command-gold)}
html[data-roc-theme="light"] .empty-state{border-color:var(--command-line);background:var(--command-surface)}
html[data-roc-theme="light"] .status{border:1px solid #dedbd2;background:#efeee9;color:#616662}
html[data-roc-theme="light"] .status.approved,
html[data-roc-theme="light"] .status.paid,
html[data-roc-theme="light"] .status.low,
html[data-roc-theme="light"] .status.active{border-color:#bfe1cf;background:#e5f4ec;color:#116f47}
html[data-roc-theme="light"] .status.pending,
html[data-roc-theme="light"] .status.medium,
html[data-roc-theme="light"] .status.review{border-color:#ead39a;background:#fff4d8;color:#87600b}
html[data-roc-theme="light"] .status.declined,
html[data-roc-theme="light"] .status.overdue,
html[data-roc-theme="light"] .status.high{border-color:#edc3bd;background:#faeae7;color:#a43830}

html[data-roc-theme="dark"] #osContent .kpi-card .delta{color:var(--command-muted)}
html[data-roc-theme="dark"] #osContent .kpi-card .delta.red{color:var(--command-red)}

html[data-roc-theme="light"] .command-dashboard{background:var(--command-bg);color:var(--command-text)}
html[data-roc-theme="light"] .command-intro h1,
html[data-roc-theme="light"] .command-section-head h2,
html[data-roc-theme="light"] .command-operation b,
html[data-roc-theme="light"] .command-rfq b,
html[data-roc-theme="light"] .command-task b,
html[data-roc-theme="light"] .command-empty b{color:#1b1e1b}
html[data-roc-theme="light"] .command-intro p,
html[data-roc-theme="light"] .command-metrics article>span,
html[data-roc-theme="light"] .command-performance>p,
html[data-roc-theme="light"] .command-operation small,
html[data-roc-theme="light"] .command-rfq small,
html[data-roc-theme="light"] .command-task small,
html[data-roc-theme="light"] .command-operation time,
html[data-roc-theme="light"] .command-health article>span,
html[data-roc-theme="light"] .command-footer{color:var(--command-muted)}
html[data-roc-theme="light"] .command-metrics small,
html[data-roc-theme="light"] .command-health small{color:#777d78}
html[data-roc-theme="light"] .command-workspace,
html[data-roc-theme="light"] .command-workspace>section+section,
html[data-roc-theme="light"] .command-priority,
html[data-roc-theme="light"] .command-priority>section+section,
html[data-roc-theme="light"] .command-tabs,
html[data-roc-theme="light"] .command-operation,
html[data-roc-theme="light"] .command-rfq,
html[data-roc-theme="light"] .command-chart-legend,
html[data-roc-theme="light"] .command-health article,
html[data-roc-theme="light"] .command-footer{border-color:var(--command-line)}
html[data-roc-theme="light"] .command-select{border-color:var(--command-line);background:#fff;color:#555c57}
html[data-roc-theme="light"] .command-chart-grid path{stroke:#d8d5cd}
html[data-roc-theme="light"] .command-chart-average{stroke:#989e99}
html[data-roc-theme="light"] .command-chart-points circle{fill:#fff}
html[data-roc-theme="light"] .command-chart-axis,
html[data-roc-theme="light"] .command-chart-labels,
html[data-roc-theme="light"] .command-chart-legend,
html[data-roc-theme="light"] .command-tabs button{color:#777d78}
html[data-roc-theme="light"] .command-operation:hover,
html[data-roc-theme="light"] .command-rfq:hover{background:#eeece5}
html[data-roc-theme="light"] .command-rfq-day{border-color:#dcc98f;background:#fff8e7;color:var(--command-gold)}
html[data-roc-theme="light"] .command-rfq-day b{color:#a9770d}
html[data-roc-theme="light"] .command-checkbox{border-color:#bfc2bd;background:#fff}
html[data-roc-theme="light"] .command-empty{color:#717873}

html[data-roc-theme="light"] .crm-welcome,
html[data-roc-theme="light"] .investor-hero{border:1px solid var(--command-line);border-radius:var(--command-radius);background:#fff;color:var(--command-text)}
html[data-roc-theme="light"] .crm-capital-summary,
html[data-roc-theme="light"] .crm-followup-metrics>div,
html[data-roc-theme="light"] .crm-followup-empty{border-color:var(--command-line);background:#fff}
html[data-roc-theme="light"] .crm-performance-track,
html[data-roc-theme="light"] .loan-progress-track{background:#e2e1db}
html[data-roc-theme="light"] .crm-range-control{border-color:var(--command-line);background:#f2f0ea}
html[data-roc-theme="light"] .crm-range-control button.active{background:#fff;color:var(--command-gold)}
html[data-roc-theme="light"] .crm-growth-chart .chart-grid line{stroke:#d8d5cd}
html[data-roc-theme="light"] .crm-growth-chart .chart-grid text,
html[data-roc-theme="light"] .crm-growth-chart .chart-labels text{fill:#777d78}
html[data-roc-theme="light"] .crm-growth-chart .chart-points circle{fill:#fff;stroke:var(--command-gold)}
html[data-roc-theme="light"] .document-name>span:first-child{background:#fff7e4;color:var(--command-gold)}

html[data-roc-theme="light"] .supplier-workspace{background:var(--command-bg);color:var(--command-text)}
html[data-roc-theme="light"] .supplier-kpis article,
html[data-roc-theme="light"] .supplier-register,
html[data-roc-theme="light"] .supplier-quotes,
html[data-roc-theme="light"] .supplier-pricing,
html[data-roc-theme="light"] .supplier-capture{border-color:var(--command-line);background:#fff;color:var(--command-text)}
html[data-roc-theme="light"] .supplier-hero{border-color:#d3c5a2;background:#fff;color:var(--command-text)}
html[data-roc-theme="light"] .supplier-hero p{color:var(--command-muted)}

html[data-roc-theme="light"] .tender-dashboard-shell,
html[data-roc-theme="light"] .tender-shell,
html[data-roc-theme="light"] .tender-page,
html[data-roc-theme="light"] .tender-detail-shell,
html[data-roc-theme="light"] .tender-create-shell,
html[data-roc-theme="light"] .opportunity-dashboard{background:var(--command-bg);color:var(--command-text)}

/* Theme motion and icon parity */
.os,.os-sidebar,.os-header,.os-main,.os-main main,#osContent,.command-dashboard,.panel,.kpi-card,.quick-card,.deal-card,.supplier-workspace,.supplier-hero,.supplier-register,.supplier-quotes,.supplier-pricing,.supplier-capture,.modal-card,
.search,.icon-btn,.filter-btn,input,select,textarea{
  transition:background-color .24s var(--command-ease),color .24s var(--command-ease),border-color .24s var(--command-ease),box-shadow .24s var(--command-ease)
}
.sidebar-theme-toggle [data-icon]{transition:transform .3s var(--command-ease),color .24s var(--command-ease)}
html[data-roc-theme="light"] .sidebar-theme-toggle [data-icon]{transform:rotate(-18deg)}
html[data-roc-theme="dark"] .sidebar-theme-toggle [data-icon]{transform:rotate(18deg)}
html[data-roc-theme="light"] .ui-icon{color:inherit}

/* High-contrast light typography: fixed dark-theme copy must never leak into light mode. */
html[data-roc-theme="light"] #osContent :where(h1,h2,h3,h4,b,strong,dd){color:var(--command-text)}
html[data-roc-theme="light"] #osContent :where(.panel,.kpi-card,.quick-card,.deal-card,.supplier-register,.supplier-quotes,.supplier-pricing,.supplier-capture) :where(p,small,dt,label){color:var(--command-muted)}
html[data-roc-theme="light"] #osContent :where(button,a){color:inherit}
html[data-roc-theme="dark"] #osContent :where(h1,h2,h3,h4,b,strong,dd){color:inherit}

/* RFQ / Tender theme parity. These rules intentionally outrank the legacy always-dark Tender skin. */
html[data-roc-theme="light"] body.tender-workspace-active,
html[data-roc-theme="light"] body.tender-workspace-active .os,
html[data-roc-theme="light"] .os:has(.tender-shell),
html[data-roc-theme="light"] body.tender-workspace-active .os-main main,
html[data-roc-theme="light"] .os:has(.tender-shell) .os-main main{background:var(--command-bg);color:var(--command-text)}
html[data-roc-theme="light"] body.tender-workspace-active .os-sidebar,
html[data-roc-theme="light"] .os:has(.tender-shell) .os-sidebar{background:#fbfaf6;border-color:var(--command-line)}
html[data-roc-theme="light"] body.tender-workspace-active .workspace-chip,
html[data-roc-theme="light"] .os:has(.tender-shell) .workspace-chip{background:#f2efe7;border-color:var(--command-line)}
html[data-roc-theme="light"] body.tender-workspace-active #osNav button.active,
html[data-roc-theme="light"] .os:has(.tender-shell) #osNav button.active{background:#f6efd9;border-color:#c5992f;color:#171a18}

html[data-roc-theme="light"] .tender-shell{
  --td-bg:#f5f3ed;--td-panel:#fff;--td-panel-2:#f3f1eb;--td-line:#dedbd2;--td-muted:#6f7671;--td-text:#191c19;
  --td-gold:#a9770d;--td-gold-soft:#b98617;--td-green:#16784b;--td-red:#bd4137;--td-blue:#386f9c;
  background:var(--td-bg);color:var(--td-text)
}
html[data-roc-theme="light"] .tender-command-header{border-color:var(--td-line);background:#fff}
html[data-roc-theme="light"] .tender-command-search{border-color:var(--td-line);background:#f8f7f2;color:#626963}
html[data-roc-theme="light"] .tender-command-search input{color:var(--td-text)}
html[data-roc-theme="light"] .tender-command-search input::placeholder{color:#7a817b}
html[data-roc-theme="light"] .tender-command-search kbd{border-color:#d6d2c8;background:#eeece5;color:#656c67}
html[data-roc-theme="light"] .tender-live-dot,
html[data-roc-theme="light"] .tender-secure-chip{color:#626963}
html[data-roc-theme="light"] .tender-right-rail{border-color:var(--td-line);background:#efede7}
html[data-roc-theme="light"] .tender-intro p,
html[data-roc-theme="light"] .tender-kpi-card small,
html[data-roc-theme="light"] .tender-panel-head p,
html[data-roc-theme="light"] .tender-toolbar p,
html[data-roc-theme="light"] .tender-toolbar header span,
html[data-roc-theme="light"] .tender-full-worklist>header span{color:var(--td-muted)}

html[data-roc-theme="light"] :where(.tender-kpi-card,.tender-panel,.tender-rail-panel,.tender-toolbar,.tender-mobile-card,.tender-page-loading,.tender-form-guide,.tender-form-progress,.tender-form-section,.tender-detail-panel,.tender-detail-truth,.tender-activity,.tender-detail-empty,.tender-document-upload,.tender-document-register,.tender-document-preview>section,.tender-document-review-dialog section,.compliance-summary article,.compliance-add,.compliance-requirement,.submission-pack-card,.submission-empty){border-color:var(--td-line,var(--command-line));background:#fff;color:var(--td-text,var(--command-text))}
html[data-roc-theme="light"] :where(.tender-panel-head h3,.tender-rail-panel h3,.tender-title-row h2,.tender-toolbar h3,.tender-full-worklist h3,.tender-mobile-card h4,.tender-form-guide h2,.tender-form-section h2,.tender-page-loading h2,.tender-detail-heading h1,.tender-detail-panel h2,.tender-activity h2,.tender-activity h3,.tender-detail-empty h2,.tender-document-preview h2,.tender-document-review-dialog h2,.compliance-heading h2,.compliance-requirement h3,.submission-pack-card h3){color:var(--td-text,var(--command-text))}
html[data-roc-theme="light"] :where(.tender-kpi-head>span,.tender-panel-head p,.tender-pipeline-body aside small,.tender-pipeline-body aside span,.tender-readiness-item small,.tender-honesty-note,.tender-deadline-row small,.tender-signal small,.tender-recent td,.tender-full-worklist td,.tender-recent td>button small,.tender-full-worklist td>button small,.tender-toolbar p,.tender-filter-grid label>span,.tender-closing small,.tender-rail-panel header>span,.tender-assistant-note p,.tender-assistant button small,.tender-priority-list small,.tender-portfolio-list small,.tender-compact-empty,.tender-large-empty,.tender-filter-empty p,.tender-error p,.tender-page-header p,.tender-form-guide p,.tender-form-progress small,.tender-form-section header p,.tender-form-field>small,.tender-detail-heading p,.tender-detail-nav>span,.tender-detail-panel header p,.tender-detail-value dt,.tender-detail-value dd p,.tender-detail-truth span,.tender-detail-truth small,.tender-activity header p,.tender-activity li p,.tender-activity li small,.tender-detail-empty p,.tender-document-card small,.tender-document-preview p,.tender-document-review-dialog p,.compliance-heading p,.compliance-summary span,.compliance-summary small,.compliance-requirement>p,.compliance-meta,.submission-empty p){color:var(--td-muted,var(--command-muted))}
html[data-roc-theme="light"] :where(.tender-stage>span,.tender-readiness-item>div span,.tender-deadline-row time,.tender-deadline-row>span:nth-child(2) b,.tender-signal>span b,.tender-priority-list b,.tender-portfolio-list b,.tender-recent td>button b,.tender-full-worklist td>button b,.tender-closing b,.tender-detail-value dd,.tender-activity li small b){color:#2b302c}

html[data-roc-theme="light"] .tender-value-summary{border-color:var(--td-line);background:#f7f5ef}
html[data-roc-theme="light"] .tender-value-summary span,
html[data-roc-theme="light"] .tender-pipeline-body aside,
html[data-roc-theme="light"] .tender-honesty-note{border-color:var(--td-line)}
html[data-roc-theme="light"] .tender-stage>div,
html[data-roc-theme="light"] .tender-progress{border-color:#d6d3ca;background:#e2e0d9}
html[data-roc-theme="light"] .tender-progress::-webkit-progress-bar{background:#e2e0d9}
html[data-roc-theme="light"] .tender-deadline-row,
html[data-roc-theme="light"] .tender-signal,
html[data-roc-theme="light"] .tender-assistant-note{border-color:var(--td-line);background:#f8f7f2;color:var(--td-text)}
html[data-roc-theme="light"] .tender-day{background:#eceae3;color:#484e49}
html[data-roc-theme="light"] .tender-deadline-row:hover,
html[data-roc-theme="light"] .tender-signal:hover{border-color:#c5a755;background:#fffaf0}
html[data-roc-theme="light"] .tender-recent th,
html[data-roc-theme="light"] .tender-full-worklist th{border-color:var(--td-line);background:#f0eee8;color:#656c67}
html[data-roc-theme="light"] .tender-recent td,
html[data-roc-theme="light"] .tender-full-worklist td,
html[data-roc-theme="light"] .tender-priority-list button,
html[data-roc-theme="light"] .tender-portfolio-list button,
html[data-roc-theme="light"] .tender-assistant>button{border-color:#e2dfd7}
html[data-roc-theme="light"] .tender-recent tbody tr:hover,
html[data-roc-theme="light"] .tender-full-worklist tbody tr:hover{background:#faf8f1}
html[data-roc-theme="light"] .tender-filter-grid select,
html[data-roc-theme="light"] .tender-form-field input,
html[data-roc-theme="light"] .tender-form-field select,
html[data-roc-theme="light"] .tender-form-field textarea,
html[data-roc-theme="light"] .tender-document-upload__fields input,
html[data-roc-theme="light"] .tender-document-upload__fields select,
html[data-roc-theme="light"] .tender-document-review-dialog select,
html[data-roc-theme="light"] .tender-document-review-dialog textarea,
html[data-roc-theme="light"] .compliance-add input,
html[data-roc-theme="light"] .compliance-add select,
html[data-roc-theme="light"] .compliance-add textarea,
html[data-roc-theme="light"] .compliance-evidence-form input,
html[data-roc-theme="light"] .compliance-evidence-form select{border-color:#d8d4ca;background:#fff;color:#191c19;color-scheme:light}

html[data-roc-theme="light"] .tender-page-shell,
html[data-roc-theme="light"] .tender-detail-shell{background:var(--command-bg);color:var(--command-text)}
html[data-roc-theme="light"] .tender-page-header,
html[data-roc-theme="light"] .tender-detail-header{border-color:var(--command-line);background:#f7f5ef}
html[data-roc-theme="light"] .tender-page-header>button,
html[data-roc-theme="light"] .tender-detail-nav>button,
html[data-roc-theme="light"] .tender-secondary,
html[data-roc-theme="light"] .tender-page-loading button{border-color:var(--command-line);background:#fff;color:#424843}
html[data-roc-theme="light"] .tender-page-security{border-color:var(--command-line);color:#616863}
html[data-roc-theme="light"] .tender-form-section>header,
html[data-roc-theme="light"] .tender-detail-panel>header,
html[data-roc-theme="light"] .tender-document-register>header{border-color:var(--command-line);background:#f2f0ea}
html[data-roc-theme="light"] .tender-form-progress li{border-color:#d8d4ca;color:#686f69}
html[data-roc-theme="light"] .tender-form-progress li.active{border-color:#c7a34b;background:#fff6df;color:#8a620b}
html[data-roc-theme="light"] .tender-form-actions{background:linear-gradient(180deg,transparent,var(--command-bg) 25%)}
html[data-roc-theme="light"] .tender-detail-tabs{border-color:var(--command-line);background:#efede7}
html[data-roc-theme="light"] .tender-detail-tabs button{color:#666d68}
html[data-roc-theme="light"] .tender-detail-tabs button:hover,
html[data-roc-theme="light"] .tender-detail-tabs button.active{color:#171a18}
html[data-roc-theme="light"] .tender-detail-value,
html[data-roc-theme="light"] .tender-detail-truth>div,
html[data-roc-theme="light"] .tender-activity>header,
html[data-roc-theme="light"] .tender-activity li{border-color:var(--command-line)}
html[data-roc-theme="light"] .tender-deadline-summary{border-color:#dcc98f;background:#fff8e7}
html[data-roc-theme="light"] .tender-deadline-summary strong{color:#20241f}
html[data-roc-theme="light"] .tender-official-source,
html[data-roc-theme="light"] .tender-document-warning,
html[data-roc-theme="light"] .tender-review-boundary,
html[data-roc-theme="light"] .tender-form-notice{border-color:#dcc98f;background:#fff8e7;color:#302c21}
html[data-roc-theme="light"] .tender-document-card>i,
html[data-roc-theme="light"] .tender-form-section>header>i,
html[data-roc-theme="light"] .tender-activity li>i,
html[data-roc-theme="light"] .tender-rail-panel>header>i,
html[data-roc-theme="light"] .tender-assistant>button>i{background:#f5ecd5;color:var(--command-gold)}
html[data-roc-theme="light"] .tender-document-card__actions button,
html[data-roc-theme="light"] .tender-review-actions button,
html[data-roc-theme="light"] .tender-official-source a{border-color:#d6c183;background:#fffaf0;color:#8b6510}
html[data-roc-theme="light"] .tender-filter-empty button,
html[data-roc-theme="light"] .tender-error button,
html[data-roc-theme="light"] .tender-detail-placeholder .tender-panel>button{border-color:#c4921a;background:#c99a28;color:#11130f}

/* Clean modern typography across the authenticated operating system. */
#osApp,
#osApp button,
#osApp input,
#osApp select,
#osApp textarea{font-family:"DM Sans",Arial,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
#osApp :where(h1,h2,h3,h4,.command-value,.command-metrics strong,.command-health strong,.tender-kpi-card strong,.tender-pipeline-body aside strong,.tender-value-summary b,.tender-day b,.tender-signal>strong,.tender-detail-truth b,.tender-deadline-summary strong,.crm-capital-summary b,.modal-heading h2,.client-profile-head h2,.loan-profile-head h2){font-family:"DM Sans",Arial,sans-serif!important;letter-spacing:-.025em}
.command-intro h1{font-size:38px;font-weight:650;line-height:1.08}
.tender-title-row h2{font-size:29px;font-weight:700;letter-spacing:-.035em}
.tender-page-header h1,.tender-detail-heading h1{font-weight:700;letter-spacing:-.045em}

/* Light mode uses outlined states and colourful semantic accents, never black pills. */
html[data-roc-theme="light"] .tender-status,
html[data-roc-theme="light"] .tender-risk,
html[data-roc-theme="light"] .tender-detail-tags span,
html[data-roc-theme="light"] .tender-document-status,
html[data-roc-theme="light"] .tender-document-review__status{border-width:1.5px;background:transparent;box-shadow:0 0 0 3px rgba(169,119,13,.045);color:#8a6410}
html[data-roc-theme="light"] .tender-status--ready_to_submit,
html[data-roc-theme="light"] .tender-status--awarded,
html[data-roc-theme="light"] .tender-risk--low,
html[data-roc-theme="light"] .tender-document-status--clean,
html[data-roc-theme="light"] .tender-document-review__status--accepted_for_manual_use{border-color:#39a874;color:#08734a;box-shadow:0 0 0 3px rgba(22,120,75,.07)}
html[data-roc-theme="light"] .tender-status--submitted{border-color:#4d8fc2;color:#286b9d;box-shadow:0 0 0 3px rgba(56,111,156,.07)}
html[data-roc-theme="light"] .tender-status--internal_review,
html[data-roc-theme="light"] .tender-status--preparing,
html[data-roc-theme="light"] .tender-status--analysis_pending,
html[data-roc-theme="light"] .tender-risk--medium,
html[data-roc-theme="light"] .tender-document-review__status--in_review,
html[data-roc-theme="light"] .tender-document-review__status--needs_follow_up{border-color:#d6a72f;color:#8d6304;box-shadow:0 0 0 3px rgba(169,119,13,.07)}
html[data-roc-theme="light"] .tender-status--action_required,
html[data-roc-theme="light"] .tender-risk--high,
html[data-roc-theme="light"] .tender-risk--critical,
html[data-roc-theme="light"] .tender-document-status--infected,
html[data-roc-theme="light"] .tender-document-status--scan_failed,
html[data-roc-theme="light"] .tender-document-review__status--rejected{border-color:#d96157;color:#aa3028;box-shadow:0 0 0 3px rgba(189,65,55,.07)}
html[data-roc-theme="light"] .tender-status--archived,
html[data-roc-theme="light"] .tender-status--unsuccessful,
html[data-roc-theme="light"] .tender-risk--unassessed{border-color:#9da39f;color:#5f6661;box-shadow:0 0 0 3px rgba(95,102,97,.055)}
/* Application Management is a real themed surface instead of a permanent black banner. */
html[data-roc-theme="light"] .application-welcome{border:1px solid var(--command-line);border-left:4px solid #c99a28;border-bottom-color:var(--command-line);border-radius:12px;background:#fff;color:var(--command-text);box-shadow:0 12px 32px rgba(31,28,20,.045)}
html[data-roc-theme="light"] .application-welcome h2{color:var(--command-text)}
html[data-roc-theme="light"] .application-welcome p{color:var(--command-muted)}
html[data-roc-theme="light"] .application-welcome .filter-btn{border-color:#d6c99f;background:#fffaf0;color:#79570e}
html[data-roc-theme="dark"] .application-welcome h2{color:#f4f3ef}

/* Filled semantic icon tiles bring both themes to life without visual noise. */
#osApp :where(.kpi-icon,.tender-kpi-head i,.crm-followup-metrics span,.crm-followup-icon,.crm-task-state-icon,.modal-heading-icon){border:1px solid transparent;border-radius:10px;transition:transform .2s var(--command-ease),background-color .24s var(--command-ease),color .24s var(--command-ease),border-color .24s var(--command-ease)}
#osApp :where(.kpi-icon,.tender-kpi-head i,.crm-followup-metrics span,.crm-followup-icon,.crm-task-state-icon,.modal-heading-icon):hover{transform:translateY(-1px)}
html[data-roc-theme="light"] .kpi-card:nth-child(4n+1) .kpi-icon{border-color:#ead49d;background:#fff1ca;color:#956900}
html[data-roc-theme="light"] .kpi-card:nth-child(4n+2) .kpi-icon{border-color:#b9d8ed;background:#e6f4fc;color:#2673a4}
html[data-roc-theme="light"] .kpi-card:nth-child(4n+3) .kpi-icon{border-color:#bbdfcc;background:#e5f5ec;color:#08764b}
html[data-roc-theme="light"] .kpi-card:nth-child(4n) .kpi-icon{border-color:#efc4bd;background:#fce9e6;color:#b33d33}
html[data-roc-theme="light"] .tender-kpi-card .tender-kpi-head i{border-color:#ead49d;background:#fff1ca;color:#956900}
html[data-roc-theme="light"] .tender-kpi-card:nth-child(2) .tender-kpi-head i{border-color:#b9d8ed;background:#e6f4fc;color:#2673a4}
html[data-roc-theme="light"] .tender-kpi-card.tender-tone--green .tender-kpi-head i{border-color:#bbdfcc;background:#e5f5ec;color:#08764b}
html[data-roc-theme="light"] .tender-kpi-card.tender-tone--amber .tender-kpi-head i{border-color:#f0c8a2;background:#fff0df;color:#aa5a10}
html[data-roc-theme="dark"] :where(.kpi-icon,.tender-kpi-head i,.crm-followup-metrics span,.crm-followup-icon,.crm-task-state-icon){border-color:#303733;background:#151b18;color:#e0b746}
html[data-roc-theme="dark"] .kpi-card:nth-child(4n+2) .kpi-icon{background:#10202b;color:#62b5e7}
html[data-roc-theme="dark"] .kpi-card:nth-child(4n+3) .kpi-icon{background:#102319;color:#62cf8e}
html[data-roc-theme="dark"] .kpi-card:nth-child(4n) .kpi-icon{background:#291412;color:#ec6b62}

/* Softer, more expressive relationship chart. */
.crm-growth-panel{overflow:hidden}
.crm-growth-chart{color:#17815a;padding:4px 4px 0;box-sizing:border-box}
.crm-growth-chart .chart-area{fill:url(#crmGrowthArea)}
.crm-growth-chart .chart-grid line{stroke-dasharray:3 7;stroke-linecap:round}
.crm-growth-chart .chart-bars rect{fill:#d4a72e;opacity:.58;transition:opacity .2s var(--command-ease),transform .2s var(--command-ease);transform-box:fill-box;transform-origin:center bottom}
.crm-growth-chart .chart-bars rect:nth-child(3n+2){fill:#5aa8d6}
.crm-growth-chart .chart-bars rect:nth-child(3n){fill:#4fb77f}
.crm-growth-chart .chart-bars rect:hover{opacity:.92;transform:scaleY(1.025)}
.crm-growth-chart .chart-line{fill:none;stroke:#17815a;stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 3px 5px rgba(23,129,90,.16))}
.crm-growth-chart .chart-points circle{fill:#fff;stroke:#17815a;stroke-width:2.5}
.crm-chart-legend .legend-line{background:#17815a}
html[data-roc-theme="dark"] .crm-growth-chart{color:#48c68f}
html[data-roc-theme="dark"] .crm-growth-chart .chart-line{stroke:#48c68f;filter:drop-shadow(0 3px 6px rgba(72,198,143,.18))}
html[data-roc-theme="dark"] .crm-growth-chart .chart-points circle{fill:#0d1110;stroke:#48c68f}
html[data-roc-theme="dark"] .crm-chart-legend .legend-line{background:#48c68f}

@keyframes command-enter{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}

@media(max-width:1280px){
  .command-workspace{grid-template-columns:minmax(350px,1.05fr) minmax(300px,.95fr)}
  .command-priority{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--command-line);border-left:0}
  .command-priority>section+section{border-top:0;border-left:1px solid var(--command-line)}
}
@media(max-width:1050px){
  .command-view .os-header>div:first-child p{display:none}
  .command-view .os-header .search{display:flex;width:min(360px,42vw)}
  .command-metrics{grid-template-columns:repeat(2,1fr);gap:24px 0}
  .command-metrics article:nth-child(3){padding-left:0;border-left:0}
  .command-workspace{grid-template-columns:1fr}
  .command-workspace>section+section{border-top:1px solid var(--command-line);border-left:0}
  .command-priority{grid-column:auto}
}
@media(max-width:700px){
  html[data-roc-theme="dark"] .os-header{height:66px;padding:0 14px}
  .command-view .os-header>div:first-child{gap:8px}
  .command-view .os-header h2,.command-view .os-header p,.command-view .os-header .search{display:none}
  .command-view .os-header [data-module="notifications"]{display:grid}
  .command-view .os-header .gold-btn{display:inline-flex;padding-inline:11px;font-size:0}
  .command-view .os-header .gold-btn svg{margin:0}
  .command-dashboard{min-height:calc(100vh - 66px)}
  .command-intro{padding:24px 16px 18px}
  .command-intro h1{font-size:30px}
  .command-dashboard>.legacy-portfolio-disclosure{margin:0 16px 12px}
  .command-financial-grid{grid-template-columns:1fr}
  .command-metrics{grid-template-columns:1fr 1fr;padding:8px 16px 24px;gap:22px 0}
  .command-metrics article{padding:0 12px}
  .command-metrics article:nth-child(odd){padding-left:0;border-left:0}
  .command-metrics strong{font-size:21px}
  .command-workspace>section{padding:20px 16px}
  .command-priority{display:block}
  .command-priority>section{padding:20px 16px}
  .command-priority>section+section{border-top:1px solid var(--command-line);border-left:0}
  .command-tabs{gap:14px;overflow-x:auto}
  .command-chart{height:238px;padding-left:35px}
  .command-chart svg{height:205px}
  .command-health{padding:20px 16px}
  .command-health>div:last-child{grid-template-columns:1fr 1fr;gap:20px 0}
  .command-health article{padding:0 12px}
  .command-health article:nth-child(odd){padding-left:0;border-left:0}
  .command-health article:last-child{grid-column:1/-1;padding-top:17px;border-top:1px solid var(--command-line)}
  .command-footer{padding:12px 16px;flex-direction:column}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}

/* Executive command centre refresh: denser hierarchy, clearer surfaces, and balanced responsive cards. */
.command-dashboard{padding-bottom:18px;background:#070b0e;overflow:hidden}
.command-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:30px 28px 20px;border-bottom:1px solid var(--command-line)}
.command-intro::after{content:"ROC OS  /  LIVE PORTFOLIO";align-self:flex-start;color:var(--command-muted);font-size:8px;letter-spacing:1.4px;white-space:nowrap}
.command-intro h1{font-size:34px;letter-spacing:-.04em}
.command-intro p{max-width:560px}
.command-dashboard>.legacy-portfolio-disclosure{display:flex;align-items:center;gap:12px;margin:16px 28px 18px;padding:13px 16px;border:1px solid color-mix(in srgb,var(--command-gold) 35%,var(--command-line));border-radius:12px;background:#111610;box-shadow:0 10px 28px rgba(0,0,0,.12)}
.command-dashboard>.legacy-portfolio-disclosure b{color:var(--command-gold);font-size:10px;letter-spacing:.35px;white-space:nowrap}
.command-dashboard>.legacy-portfolio-disclosure span{color:var(--command-muted);font-size:9px;line-height:1.45}
.command-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:0 28px 22px}
.command-metrics article{position:relative;display:flex;min-height:112px;flex-direction:column;justify-content:center;padding:17px 18px!important;border:1px solid var(--command-line);border-radius:12px;background:#0d1316;box-shadow:0 8px 20px rgba(0,0,0,.1);overflow:hidden}
.command-metrics article::after{content:"";position:absolute;right:14px;bottom:14px;width:26px;height:2px;background:var(--command-gold);opacity:.6}
.command-metrics article:first-child{border-left:1px solid var(--command-line)}
.command-metrics article:nth-child(2)::after{background:#35c6b4}.command-metrics article:nth-child(3)::after{background:#51c98b}.command-metrics article:nth-child(4)::after{background:var(--command-red)}
.command-metrics small{font-size:8px;letter-spacing:1.1px}.command-metrics strong{margin:10px 0 7px;font-family:"DM Sans",sans-serif;font-size:26px;font-weight:700;letter-spacing:-.035em;color:#f5f3eb}.command-metrics article>span{font-size:9px;line-height:1.35}
.command-workspace{gap:12px;padding:0 28px;border:0}
.command-workspace>section,.command-priority{padding:0;border:1px solid var(--command-line)!important;border-radius:14px;background:#0d1316;box-shadow:0 10px 24px rgba(0,0,0,.1);overflow:hidden}
.command-workspace>section+section,.command-priority{border-left:1px solid var(--command-line)!important}
.command-workspace>section{padding:20px 18px}.command-priority{padding:0}
.command-section-head{padding-bottom:13px;border-bottom:1px solid var(--command-line)}
.command-section-head h2{font-size:14px;letter-spacing:-.02em}.command-financial-grid{gap:10px;margin-top:16px}.command-financial-grid .panel{padding:15px;border-radius:11px;background:#11181b;border-color:#273135}.command-financial-grid h3{font-size:22px;font-weight:700}.command-financial-grid small{font-size:8px;letter-spacing:.2px}.command-financial-grid span{font-size:8px}
.command-operation-list{min-height:0}.command-operation{padding:13px 0}.command-operation:hover{padding-inline:8px;background:#131b1d}.command-operation b{font-size:9px}.command-operation small{font-size:8px}.command-priority>section{padding:20px}.command-priority>section+section{padding-top:18px}
.command-empty{padding:18px 0}.command-empty b{font-size:10px}.command-empty small{font-size:8px;line-height:1.45}.command-health{margin:16px 28px 0;padding:20px 18px;border:1px solid var(--command-line);border-radius:14px;background:#0d1316}.command-health>div:last-child{margin-top:17px}.command-health article{padding:0 18px}.command-footer{margin-top:16px;padding:12px 28px}
html[data-roc-theme="light"] .command-dashboard{background:#f4f2ec}.command-dashboard{color:var(--command-text)}
html[data-roc-theme="light"] .command-dashboard>.legacy-portfolio-disclosure{background:#fffaf0;box-shadow:0 8px 22px rgba(43,36,20,.06)}
html[data-roc-theme="light"] .command-metrics article,html[data-roc-theme="light"] .command-workspace>section,html[data-roc-theme="light"] .command-priority,html[data-roc-theme="light"] .command-health{background:#fff;border-color:#ddd9ce;box-shadow:0 8px 22px rgba(43,36,20,.05)}
html[data-roc-theme="light"] .command-financial-grid .panel{background:#f8f7f3;border-color:#e1ddd2}
@media(max-width:1050px){.command-workspace{padding:0 20px}.command-metrics{padding-inline:20px}.command-dashboard>.legacy-portfolio-disclosure{margin-inline:20px}.command-health{margin-inline:20px}.command-intro{padding-inline:20px}.command-footer{padding-inline:20px}}
@media(max-width:700px){.command-intro{display:block;padding:22px 16px 17px}.command-intro::after{display:block;margin-top:12px}.command-intro h1{font-size:28px}.command-dashboard>.legacy-portfolio-disclosure{margin:14px 16px;padding:12px;align-items:flex-start;flex-direction:column;gap:5px}.command-metrics{grid-template-columns:1fr 1fr;padding:0 16px 18px;gap:10px}.command-metrics article{min-height:102px;padding:14px!important}.command-metrics strong{font-size:21px}.command-workspace{gap:10px;padding:0 16px}.command-workspace>section{padding:17px 14px}.command-health{margin:12px 16px 0;padding:17px 14px}.command-footer{padding-inline:16px}}

/* Keep the command-centre panels content-sized instead of stretching short cards beside activity feeds. */
.command-metrics{grid-template-columns:repeat(5,minmax(0,1fr))}
.command-workspace{align-items:start}
.command-workspace>section,.command-priority{align-self:start;height:fit-content}
.command-priority>section{min-height:0}
@media(max-width:1280px){.command-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1050px){.command-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}