/* Customer-supplied warm palette. Self-contained vendor UI, no remote fonts. */
:root{
  --primary-50:#FFF4EA;--primary-100:#FFE4CC;--primary-200:#FFC999;
  --primary-300:#FFAA66;--primary-400:#FB9147;--primary-500:#F47B2E;
  --primary-600:#DC6320;--primary-700:#B64C18;--primary-800:#8C3A15;--primary-900:#5E2810;
  --cream:#FDE6CF;--blush:#F7978A;--tag:#FFF8EE;--brown:#4A2A1C;
  --bg:#FFFBF7;--card:#FFFFFF;--divider:#F0E4D8;--border:#E2D3C4;
  --text-secondary:#9A8576;--text-primary:#3B2A20;
  --success:#4CAF7A;--warning:#F5B83D;--error:#E5574B;--info:#4A90E2;
  --secondary-ink:#7B6657;--success-ink:#276642;--error-ink:#AA352C;--info-ink:#245D94;
  --ink:var(--text-primary);--muted:var(--secondary-ink);--line:var(--divider);
  --orange:var(--primary-500);--navy:var(--brown);--green:var(--primary-700);
  --red:var(--error-ink);--blue:var(--info-ink);
  color-scheme:light;accent-color:var(--primary-700);
}
body{background:var(--bg);color:var(--text-primary)}
button,input,select,textarea,.button,.button-link{border-color:var(--border);color:var(--text-primary)}
input,select,textarea{background:var(--card)}
button,.button,.button-link{border-radius:10px}
button:hover,.button:hover,.button-link:hover{background:var(--primary-50)}
button.primary,.primary,.button.primary{background:var(--primary-500);border-color:var(--primary-500);color:var(--brown);font-weight:650}
button.primary:hover,.primary:hover{background:var(--primary-400);border-color:var(--primary-400)}
a{color:var(--primary-700)}
:focus-visible{outline:2px solid var(--primary-700);outline-offset:3px}
button.danger,.error,.inline-error{color:var(--error-ink)}
.sidebar{background:var(--tag);color:var(--secondary-ink);border-right:1px solid var(--divider)}
.brand{color:var(--brown)}
.brand .eyebrow{color:var(--secondary-ink)}
.brand-icon{width:38px;height:38px;object-fit:contain;flex-shrink:0;border-radius:11px}
.mark{background:var(--cream);color:var(--primary-800)}
.nav-label,.sidebar-bottom{color:var(--secondary-ink)}
.nav-item{color:var(--secondary-ink);border-radius:10px}
.nav-item:hover{background:var(--primary-50);color:var(--primary-800)}
.nav-item.active{background:var(--primary-100);color:var(--primary-800);border-left-color:var(--primary-500)}
.company-back-link,.company-sidebar-context span{color:var(--secondary-ink)}
.company-back-link:hover,.company-name-link{color:var(--primary-700)}
.company-sidebar-context{border-color:var(--divider);color:var(--brown)}
.company-context-label,.selected-company{background:var(--primary-50)}
.topbar,.cloud-header{background:var(--bg);border-color:var(--divider)}
.card,.modal,.activation-card{background:var(--card);border-color:var(--divider);border-radius:16px;box-shadow:0 3px 14px #5E281003}
.card-head,.modal-head,.modal-foot,.config-history{border-color:var(--divider)}
.modal-foot{background:var(--tag)}
.modal-overlay{background:#4A2A1C45}
thead th,th{background:var(--tag);color:var(--secondary-ink)}
td{border-color:var(--divider)}
tbody tr:hover{background:var(--primary-50)}
.config-notice{background:var(--primary-50);border-color:var(--primary-100);color:var(--primary-900)}
.config-badge{background:var(--primary-100);color:var(--primary-800)}
.config-asset{background:var(--card);border-color:var(--divider);border-radius:12px}
.config-text,.resource-editor{background:var(--tag);border-color:var(--divider)}
.config-file-label,.company-profile-editor{border-color:var(--border)}
.config-asset summary,.card-body>details>summary{color:var(--primary-700)}
.status-row{border-color:var(--divider)}
.badge.green{background:#EFF8F2;color:var(--success-ink)}
.badge.orange{background:var(--primary-50);color:var(--primary-800)}
.badge.red,.inline-error{background:#FFF0EE;color:var(--error-ink)}
.badge.blue{background:#EEF5FF;color:var(--info-ink)}
.auth{background:var(--bg)}
.auth-intro{background:linear-gradient(145deg,var(--primary-50),var(--cream));color:var(--secondary-ink)}
.auth-intro h1{color:var(--brown)}
.auth-intro p{color:var(--secondary-ink)}
.auth-panel{background:var(--bg)}
.auth-form{background:var(--card);border:1px solid var(--divider);border-radius:22px;padding:30px;box-shadow:0 14px 42px #5E281008;width:430px}
.auth-form h2{color:var(--brown)}
#toast{background:var(--brown);color:var(--tag)}
.cloud-shell .brand{color:var(--brown)}
.cloud-shell .company{border-color:var(--divider)}
.cloud-shell .company.active{background:var(--primary-100);border-color:var(--primary-300);color:var(--primary-800)}
@media(max-width:760px){.auth-form{padding:26px 22px}}