/* Service CRM v4.9.4.0 — Unified Readability & Progressive UI Foundation
   Additive visual layer. No feature/module CSS is removed. */
:root{
  --sc-font-ui:"Segoe UI Variable Text","Segoe UI",Inter,-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;
  --sc-font-mono:"Cascadia Code","SFMono-Regular",Consolas,"Liberation Mono",monospace;
  --sc-text:#13233d;
  --sc-muted-readable:#52627a;
  --sc-muted-soft:#66758a;
  --sc-border-readable:#d8e2ee;
  --ink:#13233d;
  --muted:#52627a;
  --line:#d8e2ee;
  --sc-ink:#13233d;
  --sc-muted:#52627a;
  --sc-line:#d8e2ee;
  --ux-text:#13233d;
  --ux-muted:#52627a;
  --ux-line:#d8e2ee;
  --crm-v4855-muted:#52627a;
  --crm-v4855-line:#d8e2ee;
  --pub-text:#13233d;
  --pub-muted:#52627a;
  --pub-line:#d8e2ee;
}
html{
  font-family:var(--sc-font-ui)!important;
  font-size:15px;
  color:var(--sc-text);
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  font-synthesis:none;
}
body,button,input,select,textarea{font-family:var(--sc-font-ui)!important}
body{color:var(--sc-text);line-height:1.5}
code,pre,kbd,samp,.ga-codebox textarea,.ga-codebox input{font-family:var(--sc-font-mono)!important}

/* Readability: secondary text remains secondary, but never washed out. */
small{font-size:12px!important;line-height:1.45!important;color:var(--sc-muted-readable)}
.content p,.content li,.content dd,.content dt{line-height:1.5}
.content :is(.muted,.text-muted,.ga-muted,.ga-note,.ga-secret-note,.ga-auction-note,.telemetry-muted,.ux-hero p,.ux-card-head p){color:var(--sc-muted-readable)!important}

/* Shared typography scale. */
.content :is(h1,.page-title,.sc-page-title,.ux-hero h1){color:var(--sc-text);font-weight:760;letter-spacing:-.025em}
.content :is(h2,h3,.panel-heading h2,.ux-card-head h2){color:var(--sc-text);font-weight:740;letter-spacing:-.015em}
.content label{font-size:12.5px!important;line-height:1.4!important;color:#263a56}
.content input,.content select,.content textarea{font-size:13px!important;line-height:1.4!important;color:#172b47;border-color:#cbd8e8!important}
.content input::placeholder,.content textarea::placeholder{color:#75849a;opacity:1}
.btn,.content button,.content .ux-btn,.content .ga-btn{font-size:12px!important;line-height:1.2!important;font-weight:750!important}

/* Tables: keep them compact, but readable on normal desktop scaling. */
.content table{font-size:12.5px;font-variant-numeric:tabular-nums}
.content th{font-size:10.5px!important;line-height:1.35!important;color:#51627a!important;font-weight:800!important;letter-spacing:.045em!important}
.content td{font-size:12.5px!important;line-height:1.45!important;color:#1b2d48}
.content td small{color:#627189!important}

/* Navigation should remain compact without 8–9px text. */
.sidebar .nav-group-title{font-size:10px!important;color:#607087!important;letter-spacing:.075em!important}
.sidebar-nav a{font-size:12px!important;line-height:1.3!important}
.sidebar .nav-group.compact summary,.sidebar .nav-group.compact a{font-size:11.5px!important}
.workspace-card>b{font-size:12.5px!important}.workspace-card small{font-size:11px!important}
.topbar-title b{font-size:13px!important}.topbar-title small{font-size:10.5px!important}
.user-chip{font-size:12px!important}

/* Unified card rhythm — additive only, existing layouts keep their structure. */
.content :is(.panel,.card,.sc-card,.ux-card,.ga-card,.telemetry-card,.unified-panel){border-color:var(--sc-border-readable)}
.content :is(.panel,.card,.sc-card,.ux-card,.ga-card,.telemetry-card,.unified-panel){box-shadow:0 8px 24px rgba(15,35,65,.03)}
.content :is(.badge,[class*=status-pill],[class*=status-badge],.ga-status,.ux-tab){font-size:11px!important;line-height:1.2!important}

/* Google Ads had the densest typography. Increase only text, not panel size. */
.ga{color:var(--sc-text)}
.ga .ga-eyebrow{font-size:10.5px!important}
.ga .ga-workspace-tab,.ga .ga-subtab{font-size:11.5px!important}
.ga .ga-overview-tile small,.ga .ga-auction-kpi small,.ga .ga-strategy-kpi small{font-size:10.5px!important;color:#5b6b82!important}
.ga .ga-overview-tile span,.ga .ga-subnav-head span,.ga .ga-auction-note,.ga .ga-strategy-action p,.ga .ga-strategy-meta,.ga .ga-strategy-signal{font-size:11.5px!important;color:#56667d!important}
.ga .ga-field,.ga .ga-field span,.ga .ga-capture-note,.ga .ga-lock{font-size:12px!important}
.ga .ga-kpi small{font-size:11.5px!important;color:#5a6a81!important}
.ga .ga-table{font-size:12.5px!important}.ga .ga-table th{font-size:10.5px!important}.ga .ga-table td{font-size:12px!important}

/* Public site: the former 9–11px copy was too faint on Windows displays. */
.servicecrm-public{font-family:var(--sc-font-ui)!important;color:var(--pub-text)!important}
.servicecrm-public :is(.public-desktop-nav a,.public-mobile-menu a,.btn){font-size:12.5px!important}
.servicecrm-public :is(.public-card p,.public-card li,.public-preview-list div,.public-section-head p,.public-callout p,.public-inline-note,.public-footer,.public-footer p,.public-footer nav,.public-footer-meta){font-size:12px!important;color:var(--pub-muted)!important;line-height:1.55!important}
.servicecrm-public .public-preview-kpis span,.servicecrm-public .public-live-chip,.servicecrm-public .public-role-chip{font-size:10.5px!important}

/* Browser rendering work below the fold is postponed until it approaches the viewport. */
.sc-progressive-render{content-visibility:auto;contain-intrinsic-size:auto 360px}
.sc-progressive-render.sc-progressive-table{contain-intrinsic-size:auto 520px}

/* Tiny non-blocking navigation progress indicator. */
.sc-nav-progress{position:fixed;left:0;top:0;z-index:100000;width:100%;height:2px;pointer-events:none;opacity:0;transition:opacity .12s ease}
.sc-nav-progress>i{display:block;width:22%;height:100%;background:#2563eb;transform:translateX(-120%);border-radius:0 999px 999px 0}
html.sc-navigation-pending .sc-nav-progress{opacity:1}
html.sc-navigation-pending .sc-nav-progress>i{animation:scNavProgress 1s ease-in-out infinite}
@keyframes scNavProgress{0%{transform:translateX(-120%)}55%{transform:translateX(250%)}100%{transform:translateX(520%)}}

@media(max-width:980px){
  html{font-size:15px}
  .sidebar-nav a{font-size:13px!important}
  .content label{font-size:13px!important}
  .btn,.content button,.content .ux-btn,.content .ga-btn{font-size:12.5px!important}
}
@media(max-width:700px){
  html{font-size:16px}
  .content input,.content select,.content textarea{font-size:16px!important}
  small{font-size:12px!important}
  .content td{font-size:13px!important}
  .content th{font-size:11px!important}
  .servicecrm-public :is(.public-card p,.public-card li,.public-section-head p,.public-callout p,.public-inline-note){font-size:13px!important}
}
@media(prefers-reduced-motion:reduce){.sc-nav-progress{display:none!important}}

/* v4.9.4.1 — Readability & scroll-stability refinement.
   Keep the established v4.9.4.0 layout; only raise contrast / tiny copy and
   avoid progressive paint containment on scrollable working tables. */
:root{
  --sc-muted-readable:#45556e;
  --sc-muted-soft:#5b6a80;
  --muted:#45556e;
  --sc-muted:#45556e;
  --ux-muted:#45556e;
  --crm-v4855-muted:#45556e;
  --pub-muted:#45556e;
}
small{font-size:12.5px!important;color:var(--sc-muted-readable)!important}
.content label{font-size:13px!important;color:#263a56!important}
.content input,.content select,.content textarea{font-size:13.5px!important;color:#172b47!important}
.btn,.content button,.content .ux-btn,.content .ga-btn{font-size:12.5px!important}
.content table{font-size:13px!important}
.content th{font-size:11px!important;color:#465a74!important;letter-spacing:.035em!important}
.content td{font-size:13px!important;color:#172b47!important}
.sidebar .nav-group-title{font-size:10.5px!important;color:#53657e!important}
.sidebar-nav a{font-size:12.5px!important}
.topbar-title small{font-size:11px!important;color:#53657e!important}
.workspace-card small{font-size:11.5px!important;color:#53657e!important}

/* The Google Ads / visibility workspace previously contained several 8–9px
   labels. They are kept compact but lifted into a readable range. */
.ga .ga-note,.ga .ga-sync-meta,.ga .ga-view-note,.ga .ga-evidence{color:#4b5d76!important}
.ga .ga-vis-kpi small,.ga .ga-vis-keyword small,.ga .ga-vis-reason small,
.ga .ga-vis-metric small,.ga .ga-vis-location-row span,.ga .ga-vis-run-detail div,
.ga .ga-vis-run-detail code,.ga .ga-vis-estimates span{font-size:10.5px!important;line-height:1.4!important}
.ga .ga-vis-location-card>p,.ga .ga-vis-live,.ga .ga-vis-truth{font-size:11.5px!important}
.ga .ga-vis-keyword b,.ga .ga-vis-metric b,.ga .ga-vis-location-row b{font-size:12px!important}
.ga .ga-vis-run-detail summary{font-size:11.5px!important}
.ga .ga-vis-repeat{font-size:10px!important}

/* Telematics stays dense, but secondary information must remain legible. */
.content [class*="telemetry-"] small,
.content .telemetry-muted{color:#4b5d76!important}

/* Avoid nested scrolling / paint containment glitches on data grids. */
.sc-progressive-render.sc-progressive-table,
.content .table-wrap.sc-progressive-render,
.content .ga-table-wrap.sc-progressive-render,
.content .telemetry-table-wrap.sc-progressive-render{
  content-visibility:visible!important;
  contain-intrinsic-size:none!important;
}
.content :is(.table-wrap,.ga-table-wrap,.telemetry-table-wrap){
  max-width:100%;
  overscroll-behavior-inline:contain;
  scrollbar-gutter:stable;
}
html.sc-tab-hidden .sc-nav-progress{display:none!important}

@media(max-width:980px){
  .sidebar-nav a{font-size:13px!important}
  .content label{font-size:13px!important}
  .content table{font-size:13px!important}
}
@media(max-width:700px){
  .content input,.content select,.content textarea{font-size:16px!important}
  .content td{font-size:13px!important}
  .content th{font-size:11.5px!important}
  .ga .ga-note,.ga .ga-vis-live,.ga .ga-vis-truth{font-size:12px!important}
}