/* Business portals: white surfaces, charcoal navigation, electric-blue actions.
   Scope to the workspace so the public website retains its logo-led identity. */
body:has(.layout){
  --ink:#19212e;
  --muted:#667085;
  --paper:#f5f7fb;
  --line:#e4e9f1;
  --accent:#245ce7;
  --accent-hover:#1947bd;
  --accent-soft:#eef4ff;
  --accent-border:#ccdcff;
  --accent-light:#a9c4ff;
  --on-accent:#edf3ff;
  --accent-muted:#35588d;
  --accent-ring:#245ce71a;
  --surface:#f7f9fc;
  --stage:#edf1f8;
  --night:#1b1f27;
  --night-hover:#292f3a;
  --night-line:#353c49;
  --night-muted:#a5adba;
  --night-text:#dce1e9;
  background:var(--paper);
}
.layout .sidebar .brand-ai{color:#e0c47d}
.layout .side-link.active{background:#245ce7;box-shadow:none}
.layout .side-link.active .ico{color:#fff}
.layout .workspace-icon{background:#303744;border-color:#414957}
.layout .topbar{background:#fff}
.layout .stat,.layout .panel,.layout .plan-card{box-shadow:0 2px 6px #15274803}
.layout .stat.featured{background:var(--accent-soft);border-color:var(--accent-border);color:var(--ink)}
.layout .stat.featured .stat-title,.layout .stat.featured>small{color:#465a78}
.layout .stat.featured .stat-number,.layout .stat.featured .ico{color:#245ce7}
.layout .stat-number{font-weight:700}
.layout .pill{background:#f1f5fb;color:#435975;border-color:#e0e7f0}
.layout .avatar{background:#edf3ff;color:#245ce7}
.layout .account-strip{background:#fff;color:var(--ink);border:1px solid var(--line);border-left:4px solid var(--accent)}
.layout .account-strip p{color:var(--muted)}
.layout .account-strip .btn.white{background:var(--accent);color:#fff}
.layout .account-strip .btn.white:hover{background:var(--accent-hover)}
body:has(.layout) .app-ribbon{background:#edf3ff;color:#3f5680;border-bottom:1px solid #dce7fb}
body:has(.layout) .app-ribbon .status-dot{background:#245ce7}
/* The sample-data notice stays conspicuous without adding a yellow colour band. */
body:has(.layout) .design-preview-banner{background:#e8edf5;color:#344054;border-bottom:1px solid #d8e0ec}
.layout .status .status-dot{background:#269568}
body:has(.layout) dialog{color:var(--ink)}