/* Bubblzz cabinet branding — scoped to b18241 by cabinet.html. */
html.bubblzz-brand {
  --bg: #fff8f7;
  --surface: #ffffff;
  --ink: #322725;
  --muted: #786b68;
  --line: #e9d6d3;
  --green: #a95452;
  --green-dark: #934d4b;
  --blue: #b37772;
  --amber: #c18a3c;
  --red: #b44852;
  --soft-green: #f8e4e3;
  --soft-amber: #fff4e6;
  --soft-red: #fff0ef;
  color-scheme: light;
}

html.bubblzz-brand body {
  background: var(--bg);
  color: var(--ink);
}

html.bubblzz-brand body .sidebar {
  background: linear-gradient(180deg, #a95452 0%, #934d4b 56%, #703936 100%);
  box-shadow: 8px 0 28px rgba(112, 57, 54, 0.15);
}

html.bubblzz-brand body .brand-logo {
  border: 1px solid rgba(255, 248, 247, 0.62);
  background: #e9aeaf;
  box-shadow: 0 5px 14px rgba(78, 33, 33, 0.13);
}

html.bubblzz-brand body .nav.active,
html.bubblzz-brand body .nav:hover {
  background: rgba(255, 255, 255, 0.14);
  border-right-color: #f4c9b6;
  color: #fff8f7;
}

html.bubblzz-brand body .nav.active .nav-icon,
html.bubblzz-brand body .nav:hover .nav-icon {
  color: #fff8f7;
}

html.bubblzz-brand body .side-label {
  color: #f8dedd;
}

html.bubblzz-brand body .login-screen {
  background:
    radial-gradient(circle at 10% 10%, rgba(233, 174, 175, 0.34), transparent 34%),
    radial-gradient(circle at 92% 88%, rgba(169, 84, 82, 0.12), transparent 30%),
    linear-gradient(145deg, #fff8f7, #f8e4e3);
}

html.bubblzz-brand body .login-card {
  border-color: #e9d6d3;
  border-radius: 20px;
  box-shadow: 0 22px 58px rgba(112, 57, 54, 0.13);
}

html.bubblzz-brand body .login-brand,
html.bubblzz-brand body .brand-name,
html.bubblzz-brand body .topbar h1 {
  color: #934d4b;
}

html.bubblzz-brand body .login-brand strong,
html.bubblzz-brand body .brand-name {
  letter-spacing: 0.045em;
}

html.bubblzz-brand body .login-card button:not(.password-toggle) {
  border-radius: 12px;
  background: linear-gradient(135deg, #b86a65, #934d4b);
  box-shadow: 0 7px 16px rgba(147, 77, 75, 0.18);
}

html.bubblzz-brand body .login-card .password-toggle:hover {
  background: #f8e4e3;
  color: #934d4b;
}

html.bubblzz-brand body .topbar {
  border-bottom-color: var(--line);
}

html.bubblzz-brand body .panel,
html.bubblzz-brand body .metric,
html.bubblzz-brand body .chart-panel {
  border-color: var(--line);
  box-shadow: 0 10px 28px rgba(112, 57, 54, 0.045);
}

html.bubblzz-brand body button:not(.nav):not(.password-toggle):not(.ghost.danger) {
  transition: background-color 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease;
}

html.bubblzz-brand body button:not(.nav):not(.password-toggle):not(.ghost.danger):hover {
  box-shadow: 0 5px 14px rgba(147, 77, 75, 0.15);
}

html.bubblzz-brand body button.ghost:hover,
html.bubblzz-brand body .report-tab.active {
  border-color: #d9aaa5;
  background: #f8e4e3;
  color: #783f3d;
}

html.bubblzz-brand body input:focus,
html.bubblzz-brand body select:focus,
html.bubblzz-brand body textarea:focus {
  border-color: #b37772;
  box-shadow: 0 0 0 3px rgba(179, 119, 114, 0.16);
  outline: 0;
}

@media (max-width: 820px) {
  html.bubblzz-brand body .sidebar {
    box-shadow: 0 -6px 24px rgba(112, 57, 54, 0.12);
  }
}