:root{
  --site-font:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --site-bg:#f7f9fc;
  --site-surface:#fff;
  --site-line:#e2e8f0;
  --site-text:#142033;
  --site-muted:#6b7a90;
  --site-blue:#2f6df6;
  --site-green:#14a66f;
  --site-purple:#7758e6;
  --site-orange:#f08a18;
  --site-shadow:0 1px 2px rgba(15,23,42,.03),0 6px 18px rgba(15,23,42,.035);
}

/* Dashboard is the visual source of truth. Keep page-specific colours/logic,
   but normalize typography, navigation, controls and information density. */
html,body,button,input,select,textarea{font-family:var(--site-font)!important}
body{color:var(--site-text)}
button,input,select,textarea{font-size:12px}

/* Common desktop page titles */
.p-head h1,.wp-head h1,.bc-head h1,.sys-head h1{font-size:25px!important;letter-spacing:-.035em!important;line-height:1.15!important}
.p-head p,.wp-head p,.bc-head p,.sys-head p{font-size:12px!important;color:var(--site-muted)!important}
.p-eyebrow,.wp-eyebrow,.bc-eyebrow,.sys-eyebrow{font-size:10px!important;letter-spacing:.12em!important;font-weight:800!important}

/* Section hierarchy aligned to Dashboard */
.p-detail h2,.wp-detail-head h2,.c-inspector-head h2,.f-head h2{font-size:24px!important;letter-spacing:-.025em!important}
.p-sec h3,.p-chart-head h3,.wp-section h3,.bc-card h3,.sys-card h3,.c-summary h3,.f-report-sec>h3{font-size:12px!important}
.p-section-head b,.wp-history-title h3,.bc-section-head h2{font-size:13px!important}

/* KPI typography follows Dashboard: label 11, value 21, helper 10. */
.p-hero span,.wp-kpi span,.bc-kpi span,.sys-kpi span,.c-kpis span,.f-kpis span{font-size:11px!important;text-transform:none!important;letter-spacing:normal!important}
.p-hero strong,.wp-kpi strong,.bc-kpi strong,.sys-kpi strong,.c-kpis strong,.f-kpis strong{font-size:21px!important;letter-spacing:-.03em!important}
.p-hero small,.wp-kpi small,.bc-kpi small,.sys-kpi small,.c-kpis small,.f-kpis small{font-size:10px!important}

/* Tables use Dashboard density everywhere, including Compare and Forward. */
.p-table table,.wp-table,.bc-table,.sys-table,.c-table,.f-table{font-size:10.5px!important}
.p-table th,.wp-table th,.bc-table th,.sys-table th,.c-table th,.f-table th{font-size:9px!important;font-weight:700!important;letter-spacing:.04em!important}
.p-table td,.wp-table td,.bc-table td,.sys-table td,.c-table td,.f-table td{font-size:10.5px!important}
.p-table td small,.wp-table td small,.bc-table td small,.sys-table td small,.c-table td small,.f-table td small{font-size:8.5px!important}
.c-table td:first-child b,.f-table td:first-child b{font-size:10.5px!important}

/* Compare / Forward chips were materially smaller than Dashboard badges. */
.c-source,.c-state,.c-align,.f-source,.f-ai,.f-view,.f-confidence{font-size:8.5px!important;line-height:1.15!important}
.c-pill,.f-pill{font-size:10px!important}
.c-filter,.f-filter,.c-search input,.f-search input{font-size:10px!important}

/* Dashboard-standard desktop sidebar geometry. */
.p-app,.wp-app,.bc-app,.sys-app{grid-template-columns:245px minmax(0,1fr)!important}
.d-sidebar,.p-side,.wp-side,.bc-side,.sys-side{background:var(--site-surface)!important;border-right:1px solid var(--site-line)!important}
.p-side,.wp-side,.bc-side,.sys-side{padding:14px 12px!important}
.d-brand,.p-brand,.wp-brand,.bc-brand,.sys-brand{gap:10px!important;padding:0 5px 16px!important;margin:0!important;border-bottom:1px solid #f2f5f8!important}
.d-brand b,.p-brand b,.wp-brand b,.bc-brand b,.sys-brand b{font-size:15px!important;letter-spacing:-.02em!important}
.d-brand small,.p-brand small,.wp-brand small,.bc-brand small,.sys-brand small{font-size:10px!important;color:var(--site-muted)!important;margin-top:2px!important}
.site-brand-logo{width:37px;height:37px;display:grid;grid-template-columns:1fr 1fr;gap:2px;flex:0 0 37px}
.site-brand-logo i{display:block;border-radius:7px;background:linear-gradient(145deg,#3b82f6,#10b981)}
.site-brand-logo i:nth-child(2),.site-brand-logo i:nth-child(3){filter:saturate(.8)}
.d-sidebar nav,.p-side nav,.wp-side nav,.bc-side nav,.sys-side nav{gap:3px!important;margin-top:9px!important;padding-top:0!important}
.d-sidebar nav a,.p-side nav a,.wp-side nav a,.bc-side nav a,.sys-side nav a{
  display:flex!important;align-items:center!important;gap:9px!important;
  min-height:40px!important;padding:9px 10px!important;border-radius:7px!important;
  font-size:12px!important;font-weight:500!important;color:#334155!important;text-decoration:none!important
}
.d-sidebar nav a.active,.p-side nav a.active,.wp-side nav a.active,.bc-side nav a.active,.sys-side nav a.active{
  background:#e9f2ff!important;color:#1263d6!important;font-weight:650!important
}
.site-nav-icon{
  width:22px!important;height:22px!important;display:inline-grid!important;place-items:center!important;
  flex:0 0 22px!important;color:#62738b!important;font-size:13px!important;font-weight:800!important;
  font-family:var(--site-font)!important;line-height:1!important
}
nav a.active .site-nav-icon{color:#1263d6!important}
.site-nav-label{min-width:0;font-size:12px!important;font-weight:inherit!important;white-space:nowrap}

/* Common controls */
.p-pill,.wp-pill,.bc-pill,.sys-pill,.p-btn,.wp-btn,.bc-btn,.sys-btn,.p-tools input,.wp-search input{font-family:var(--site-font)!important}
.p-pill,.wp-pill,.bc-pill,.sys-pill{font-size:10px!important}
.p-btn,.wp-btn,.bc-btn,.sys-btn{font-size:10px!important;border-radius:7px!important}
.badge,.d-badge,.d-source,.wp-state,.wp-source,.wp-priority,.wp-status,.bc-confidence{font-family:var(--site-font)!important}

/* Cards follow Dashboard's tighter visual language without changing content layout. */
.p-card,.wp-card,.bc-card,.sys-card{border-color:var(--site-line)!important;box-shadow:var(--site-shadow)!important}

/* Compact desktop/tablet sidebars are icon-only, matching Dashboard. */
@media(max-width:1180px) and (min-width:768px){
  .p-app,.wp-app,.bc-app,.sys-app{grid-template-columns:78px minmax(0,1fr)!important}
  .p-side,.wp-side,.bc-side,.sys-side{padding:14px 10px!important}
  .d-brand,.p-brand,.wp-brand,.bc-brand,.sys-brand{justify-content:center!important;padding:0 0 14px!important}
  .p-brand>span:last-child,.wp-brand>span:last-child,.bc-brand>span:last-child,.sys-brand>span:last-child,.site-nav-label{display:none!important}
  .d-sidebar nav a,.p-side nav a,.wp-side nav a,.bc-side nav a,.sys-side nav a{justify-content:center!important;padding:9px!important;gap:0!important}
}

/* Canonical workspaces use the shared bottom nav on mobile, so hide the old
   page-specific top sidebar/nav to avoid duplicate navigation paths. */
@media(max-width:767px){
  .p-side,.wp-side,.bc-side,.sys-side{display:none!important}
  .p-head h1,.wp-head h1,.bc-head h1,.sys-head h1{font-size:21px!important}
  .p-head p,.wp-head p,.bc-head p,.sys-head p{font-size:11px!important}
  .site-mobile-nav a,.site-mobile-nav button{font-family:var(--site-font)!important;font-size:9px!important}
  .site-mobile-nav a span,.site-mobile-nav button span{font-size:16px!important;line-height:1!important}
  .site-mobile-more-grid a{font-family:var(--site-font)!important;font-size:11px!important}
}