/* Shared profile themes for Login, PSR, and Client Portal. */

html {
  font-size: 115%;
}

html[data-theme='psrbluehorizon'] {
  --bg-1: #07090d;
  --bg-2: #10141c;
  --bg-3: #171d28;
  --card: rgba(22, 27, 37, 0.88);
  --panel: rgba(16, 20, 28, 0.92);
  --border: rgba(255, 255, 255, 0.08);
  --border-2: rgba(255, 255, 255, 0.14);
  --text: #f4f6fb;
  --muted: #a7b0c0;
  --orange: #ff6b35;
  --orange-soft: rgba(255, 107, 53, 0.16);
  --orange-glow: rgba(255, 107, 53, 0.25);

  --cp-bg-1: #0c0c0e;
  --cp-bg-2: #121214;
  --cp-bg-3: #1a1a1f;
  --cp-glass: rgba(28, 28, 32, 0.42);
  --cp-glass-deep: rgba(18, 18, 22, 0.72);
  --cp-surface: rgba(32, 32, 38, 0.55);
  --cp-panel: rgba(24, 24, 30, 0.65);
  --cp-border: rgba(255, 255, 255, 0.07);
  --cp-border-strong: rgba(255, 107, 53, 0.22);
  --cp-text: #f6f6f8;
  --cp-muted: #9b9ba8;
  --cp-orange: #e85d2c;
  --cp-orange-soft: rgba(232, 93, 44, 0.14);
  --cp-orange-glow: rgba(232, 93, 44, 0.32);
}

html[data-theme='onbrand'] {
  --bg-1: #0a0a0c;
  --bg-2: #121214;
  --bg-3: #1f1f25;
  --card: rgba(26, 26, 31, 0.92);
  --panel: rgba(18, 18, 22, 0.95);
  --border: rgba(255, 255, 255, 0.1);
  --border-2: rgba(232, 93, 44, 0.35);
  --text: #f6f6f8;
  --muted: #b7b7c1;
  --orange: #e85d2c;
  --orange-soft: rgba(232, 93, 44, 0.16);
  --orange-glow: rgba(232, 93, 44, 0.35);
  --shadow: 0 20px 56px rgba(0, 0, 0, 0.55);

  --cp-bg-1: #0a0a0c;
  --cp-bg-2: #121214;
  --cp-bg-3: #1f1f25;
  --cp-glass: rgba(26, 26, 31, 0.48);
  --cp-glass-deep: rgba(14, 14, 18, 0.82);
  --cp-surface: rgba(32, 32, 40, 0.58);
  --cp-panel: rgba(22, 22, 30, 0.68);
  --cp-border: rgba(255, 255, 255, 0.1);
  --cp-border-strong: rgba(232, 93, 44, 0.34);
  --cp-text: #f6f6f8;
  --cp-muted: #b7b7c1;
  --cp-orange: #e85d2c;
  --cp-orange-soft: rgba(232, 93, 44, 0.16);
  --cp-orange-glow: rgba(232, 93, 44, 0.35);
  --cp-orange-mid: #ff7a45;
  --cp-blur: blur(22px) saturate(1.45);
  --cp-radius: 14px;
}

html[data-theme='onbrand'] body {
  background:
    radial-gradient(ellipse 90% 60% at 50% -20%, rgba(232, 93, 44, 0.14), transparent 55%),
    radial-gradient(ellipse 70% 50% at 100% 50%, rgba(232, 93, 44, 0.05), transparent 45%),
    linear-gradient(165deg, #0a0a0c 0%, #101014 38%, #080809 100%) !important;
}

html[data-theme='onbrand'] .site-header,
html[data-theme='onbrand'] .mobile-userbar,
html[data-theme='onbrand'] .panel,
html[data-theme='onbrand'] .stat-card,
html[data-theme='onbrand'] .cp-login__card,
html[data-theme='onbrand'] .cp-site-shell,
html[data-theme='onbrand'] .cp-toolbar,
html[data-theme='onbrand'] .cp-modal,
html[data-theme='onbrand'] .cp-explorer,
html[data-theme='onbrand'] .cp-viewer {
  border-color: rgba(232, 93, 44, 0.26) !important;
}

html[data-theme='onbrand'] .site-header,
html[data-theme='onbrand'] .mobile-userbar,
html[data-theme='onbrand'] .cp-site-shell--unified {
  background: linear-gradient(180deg, rgba(11, 14, 20, 0.92), rgba(11, 14, 20, 0.68)) !important;
  border-radius: 0 !important;
}

html[data-theme='onbrand'] .panel,
html[data-theme='onbrand'] .stat-card,
html[data-theme='onbrand'] .cp-site-shell:not(.cp-site-shell--unified),
html[data-theme='onbrand'] .cp-modal,
html[data-theme='onbrand'] .cp-explorer,
html[data-theme='onbrand'] .cp-viewer,
html[data-theme='onbrand'] .cp-toolbar {
  background: linear-gradient(180deg, rgba(22, 24, 34, 0.84), rgba(12, 14, 21, 0.86)) !important;
  border-color: rgba(232, 93, 44, 0.26) !important;
}

html[data-theme='onbrand'] input,
html[data-theme='onbrand'] select:not(.cp-glass-select),
html[data-theme='onbrand'] textarea,
html[data-theme='onbrand'] .cp-search,
html[data-theme='onbrand'] .hp-perm-search-input {
  background: rgba(13, 16, 24, 0.92) !important;
  border-color: rgba(232, 93, 44, 0.35) !important;
  color: #f6f6f8 !important;
}

html[data-theme='onbrand'] input:focus,
html[data-theme='onbrand'] select:not(.cp-glass-select):focus,
html[data-theme='onbrand'] textarea:focus,
html[data-theme='onbrand'] .cp-search:focus,
html[data-theme='onbrand'] .hp-perm-search-input:focus {
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(232, 93, 44, 0.18) !important;
  border-color: rgba(232, 93, 44, 0.58) !important;
}

/* Tenant BrandColors — primary/accent from SaaS setup wizard (vars set in theme-profile.js). */
html[data-theme='brandcolors'] {
  --bg-1: #0a0a0c;
  --bg-2: #121214;
  --bg-3: #1f1f25;
  --card: rgba(26, 26, 31, 0.92);
  --panel: rgba(18, 18, 22, 0.95);
  --border: rgba(255, 255, 255, 0.1);
  --border-2: color-mix(in srgb, var(--hp-brand-primary, #e85d2c) 35%, transparent);
  --text: #f6f6f8;
  --muted: #b7b7c1;
  --orange: var(--hp-brand-primary, #e85d2c);
  --orange-soft: color-mix(in srgb, var(--hp-brand-primary, #e85d2c) 16%, transparent);
  --orange-glow: color-mix(in srgb, var(--hp-brand-primary, #e85d2c) 35%, transparent);
  --shadow: 0 20px 56px rgba(0, 0, 0, 0.55);
  --blue: var(--hp-brand-accent, var(--hp-brand-primary, #08ccfd));
  --cp-bg-1: #0a0a0c;
  --cp-bg-2: #121214;
  --cp-bg-3: #1f1f25;
  --cp-glass: rgba(26, 26, 31, 0.48);
  --cp-glass-deep: rgba(14, 14, 18, 0.82);
  --cp-surface: rgba(32, 32, 40, 0.58);
  --cp-panel: rgba(22, 22, 30, 0.68);
  --cp-border: rgba(255, 255, 255, 0.1);
  --cp-border-strong: color-mix(in srgb, var(--hp-brand-primary, #e85d2c) 34%, transparent);
  --cp-text: #f6f6f8;
  --cp-muted: #b7b7c1;
  --cp-orange: var(--hp-brand-primary, #e85d2c);
  --cp-orange-soft: color-mix(in srgb, var(--hp-brand-primary, #e85d2c) 16%, transparent);
  --cp-orange-glow: color-mix(in srgb, var(--hp-brand-primary, #e85d2c) 35%, transparent);
  --cp-orange-mid: color-mix(in srgb, var(--hp-brand-primary, #e85d2c) 78%, #ffffff);
  --cp-blur: blur(22px) saturate(1.45);
  --cp-radius: 14px;
}

html[data-theme='brandcolors'] body {
  background:
    radial-gradient(
      ellipse 90% 60% at 50% -20%,
      color-mix(in srgb, var(--hp-brand-primary, #e85d2c) 14%, transparent),
      transparent 55%
    ),
    radial-gradient(
      ellipse 70% 50% at 100% 50%,
      color-mix(in srgb, var(--hp-brand-accent, var(--hp-brand-primary, #e85d2c)) 8%, transparent),
      transparent 45%
    ),
    linear-gradient(165deg, #0a0a0c 0%, #101014 38%, #080809 100%) !important;
}

html[data-theme='brandcolors'] .site-header,
html[data-theme='brandcolors'] .mobile-userbar,
html[data-theme='brandcolors'] .panel,
html[data-theme='brandcolors'] .stat-card,
html[data-theme='brandcolors'] .cp-login__card,
html[data-theme='brandcolors'] .cp-site-shell,
html[data-theme='brandcolors'] .cp-toolbar,
html[data-theme='brandcolors'] .cp-modal,
html[data-theme='brandcolors'] .cp-explorer,
html[data-theme='brandcolors'] .cp-viewer,
html[data-theme='brandcolors'] .cp-folder-tile,
html[data-theme='brandcolors'] .cp-tile,
html[data-theme='brandcolors'] .card,
html[data-theme='brandcolors'] .report-card {
  border-color: color-mix(in srgb, var(--hp-brand-primary, #e85d2c) 24%, transparent) !important;
}

html[data-theme='brandcolors'] input,
html[data-theme='brandcolors'] select:not(.cp-glass-select),
html[data-theme='brandcolors'] textarea,
html[data-theme='brandcolors'] .cp-search,
html[data-theme='brandcolors'] .hp-perm-search-input {
  background: rgba(13, 16, 24, 0.92) !important;
  border-color: color-mix(in srgb, var(--hp-brand-primary, #e85d2c) 35%, transparent) !important;
  color: #f6f6f8 !important;
}

html[data-theme='brandcolors'] input:focus,
html[data-theme='brandcolors'] select:not(.cp-glass-select):focus,
html[data-theme='brandcolors'] textarea:focus,
html[data-theme='brandcolors'] .cp-search:focus,
html[data-theme='brandcolors'] .hp-perm-search-input:focus {
  outline: none !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--hp-brand-primary, #e85d2c) 18%, transparent) !important;
  border-color: color-mix(in srgb, var(--hp-brand-primary, #e85d2c) 58%, transparent) !important;
}

html[data-theme='onbrand'] .cp-folder-tile,
html[data-theme='onbrand'] .cp-tile,
html[data-theme='onbrand'] .card,
html[data-theme='onbrand'] .report-card {
  border-color: rgba(232, 93, 44, 0.22) !important;
  background: linear-gradient(180deg, rgba(31, 35, 48, 0.76), rgba(18, 22, 31, 0.86)) !important;
}

html[data-theme='onbrand'] .fa,
html[data-theme='onbrand'] .fas,
html[data-theme='onbrand'] .far,
html[data-theme='onbrand'] .cp-icon,
html[data-theme='onbrand'] .icon {
  color: #ffd3bf !important;
}

html[data-theme='psrbluehorizon-webgl'],
html[data-theme='onbrand-webgl'],
html[data-theme='orangebrand'],
html[data-theme='orangebrand-webgl'] {
  --shadow: 0 20px 56px rgba(0, 0, 0, 0.55);
}

html[data-theme='psrbluehorizon-webgl'] {
  --bg-1: #07090d;
  --bg-2: #111824;
  --bg-3: #1b2a3e;
  --card: rgba(18, 23, 33, 0.84);
  --panel: rgba(13, 18, 28, 0.88);
  --border: rgba(115, 176, 241, 0.16);
  --border-2: rgba(132, 190, 255, 0.26);
  --text: #f2f7ff;
  --muted: #a9bbd3;
  --orange: #ff8a4d;
  --orange-soft: rgba(255, 138, 77, 0.16);
  --orange-glow: rgba(255, 138, 77, 0.28);
  --cp-bg-1: #07090d;
  --cp-bg-2: #111824;
  --cp-bg-3: #1b2a3e;
  --cp-glass: rgba(12, 20, 32, 0.42);
  --cp-glass-deep: rgba(8, 13, 22, 0.76);
  --cp-surface: rgba(18, 27, 40, 0.56);
  --cp-panel: rgba(12, 20, 33, 0.68);
  --cp-border: rgba(132, 190, 255, 0.14);
  --cp-border-strong: rgba(132, 190, 255, 0.28);
  --cp-text: #f2f7ff;
  --cp-muted: #a9bbd3;
  --cp-orange: #ff8a4d;
  --cp-orange-soft: rgba(255, 138, 77, 0.14);
  --cp-orange-glow: rgba(255, 138, 77, 0.3);
}

html[data-theme='onbrand-webgl'] {
  --bg-1: #0a0a0c;
  --bg-2: #17131b;
  --bg-3: #261710;
  --card: rgba(24, 18, 18, 0.82);
  --panel: rgba(18, 15, 18, 0.9);
  --border: rgba(232, 93, 44, 0.2);
  --border-2: rgba(255, 122, 69, 0.36);
  --text: #f7f2ef;
  --muted: #d4beb1;
  --orange: #ff7a45;
  --orange-soft: rgba(255, 122, 69, 0.18);
  --orange-glow: rgba(255, 122, 69, 0.34);
  --cp-bg-1: #0a0a0c;
  --cp-bg-2: #17131b;
  --cp-bg-3: #261710;
  --cp-glass: rgba(30, 17, 15, 0.46);
  --cp-glass-deep: rgba(16, 11, 12, 0.78);
  --cp-surface: rgba(34, 22, 20, 0.58);
  --cp-panel: rgba(24, 16, 17, 0.72);
  --cp-border: rgba(255, 122, 69, 0.24);
  --cp-border-strong: rgba(255, 122, 69, 0.4);
  --cp-text: #f7f2ef;
  --cp-muted: #d4beb1;
  --cp-orange: #ff7a45;
  --cp-orange-soft: rgba(255, 122, 69, 0.16);
  --cp-orange-glow: rgba(255, 122, 69, 0.36);
}

html[data-theme='orangebrand'],
html[data-theme='orangebrand-webgl'] {
  --bg-1: #0a0909;
  --bg-2: #13100d;
  --bg-3: #24160f;
  --card: rgba(26, 18, 14, 0.9);
  --panel: rgba(18, 13, 10, 0.94);
  --border: rgba(255, 134, 76, 0.2);
  --border-2: rgba(255, 148, 93, 0.4);
  --text: #f8f1ec;
  --muted: #d4b8a7;
  --orange: #ff864c;
  --orange-soft: rgba(255, 134, 76, 0.17);
  --orange-glow: rgba(255, 134, 76, 0.34);
  --cp-bg-1: #0a0909;
  --cp-bg-2: #13100d;
  --cp-bg-3: #24160f;
  --cp-glass: rgba(30, 19, 12, 0.5);
  --cp-glass-deep: rgba(17, 12, 9, 0.82);
  --cp-surface: rgba(35, 23, 16, 0.62);
  --cp-panel: rgba(23, 16, 12, 0.76);
  --cp-border: rgba(255, 134, 76, 0.24);
  --cp-border-strong: rgba(255, 134, 76, 0.42);
  --cp-text: #f8f1ec;
  --cp-muted: #d4b8a7;
  --cp-orange: #ff864c;
  --cp-orange-soft: rgba(255, 134, 76, 0.16);
  --cp-orange-glow: rgba(255, 134, 76, 0.38);
}

/* Snow Leopard–style light shell (PipeSync chrome hint) */
html[data-theme='arctic-graphite'],
html[data-theme='studio-mist'] {
  --bg-1: #e8e9ec;
  --bg-2: #d9dade;
  --bg-3: #cbccd2;
  --card: rgba(255, 255, 255, 0.88);
  --panel: rgba(248, 248, 250, 0.94);
  --border: rgba(20, 24, 32, 0.12);
  --border-2: rgba(20, 24, 32, 0.2);
  --text: #1a1d26;
  --muted: #5c6478;
  --orange: #c45c26;
  --orange-soft: rgba(196, 92, 38, 0.14);
  --orange-glow: rgba(196, 92, 38, 0.22);
  --cp-bg-1: #ececee;
  --cp-bg-2: #e2e3e7;
  --cp-bg-3: #d5d7dd;
  --cp-glass: rgba(255, 255, 255, 0.72);
  --cp-glass-deep: rgba(255, 255, 255, 0.9);
  --cp-surface: rgba(255, 255, 255, 0.82);
  --cp-panel: rgba(250, 250, 252, 0.92);
  --cp-border: rgba(20, 24, 32, 0.1);
  --cp-border-strong: rgba(60, 72, 96, 0.22);
  --cp-text: #1a1d26;
  --cp-muted: #5c6478;
  --cp-orange: #c45c26;
  --cp-orange-soft: rgba(196, 92, 38, 0.12);
  --cp-orange-glow: rgba(196, 92, 38, 0.2);
}

html[data-theme='studio-mist'] {
  --bg-1: #e4eaef;
  --bg-2: #d6dee6;
  --cp-bg-1: #e8eef3;
  --cp-orange: #2a6b8f;
  --cp-orange-soft: rgba(42, 107, 143, 0.12);
}

/* Pop!_OS–inspired dark */
html[data-theme='obsidian-workbench'],
html[data-theme='midnight-telemetry'] {
  --bg-1: #1b1d24;
  --bg-2: #242830;
  --bg-3: #2c3140;
  --card: rgba(36, 40, 50, 0.92);
  --panel: rgba(28, 31, 40, 0.95);
  --border: rgba(255, 255, 255, 0.08);
  --border-2: rgba(124, 196, 255, 0.28);
  --text: #f2f4fb;
  --muted: #a8b0c4;
  --orange: #7cc4ff;
  --orange-soft: rgba(124, 196, 255, 0.16);
  --orange-glow: rgba(124, 196, 255, 0.28);
  --cp-bg-1: #1a1c22;
  --cp-bg-2: #22252e;
  --cp-bg-3: #2a2e3a;
  --cp-glass: rgba(40, 44, 56, 0.55);
  --cp-glass-deep: rgba(24, 26, 34, 0.88);
  --cp-text: #f2f4fb;
  --cp-muted: #9aa3b8;
  --cp-orange: #7cc4ff;
  --cp-border-strong: rgba(124, 196, 255, 0.32);
}

html[data-theme='midnight-telemetry'] {
  --cp-orange: #5bd6c8;
  --cp-orange-soft: rgba(91, 214, 200, 0.14);
}

html[data-theme='pacific-azure'] {
  --orange: #2f80c2;
  --orange-soft: rgba(47, 128, 194, 0.16);
  --cp-orange: #2f80c2;
  --cp-border-strong: rgba(47, 128, 194, 0.35);
}

/* JEA primary #132C6D — logo files: public/branding/jea/ */
html[data-theme='jea'] {
  --bg-1: #0a1628;
  --bg-2: #132c6d;
  --text: #f4f6fb;
  --muted: #b8c4e6;
  --orange: #3d6fd8;
  --orange-soft: rgba(61, 111, 216, 0.2);
  --cp-orange: #3d6fd8;
  --cp-border-strong: rgba(61, 111, 216, 0.4);
  --cp-bg-1: #0a1628;
  --cp-bg-2: #132c6d;
  --cp-text: #f4f6fb;
}

/* FDOT logo blue #1F4283, red #D72E2A */
html[data-theme='fdot'] {
  --bg-1: #0f1f3d;
  --bg-2: #1f4283;
  --orange: #d72e2a;
  --orange-soft: rgba(215, 46, 42, 0.18);
  --cp-orange: #d72e2a;
  --cp-border-strong: rgba(31, 66, 131, 0.45);
  --cp-bg-1: #0f1f3d;
  --cp-bg-2: #1f4283;
  --cp-text: #f7f9ff;
  --text: #f7f9ff;
}

/* Placeholder until customer assets */
html[data-theme='rausch'],
html[data-theme='envirosight'] {
  --bg-1: #121418;
  --bg-2: #1e222b;
  --orange: #6ecf68;
  --cp-orange: #6ecf68;
  --cp-text: #f4f6f4;
  --text: #f4f6f4;
}

html[data-theme='envirosight'] {
  --orange: #3d9e55;
  --cp-orange: #3d9e55;
}

html[data-theme='deapsea-webgl'] {
  --bg-1: #040c1f;
  --bg-2: #0a1f4a;
  --card: rgba(5, 19, 46, 0.86);
  --text: #edf4ff;
  --muted: #9bb6de;
  --orange: #ff9a2a;
  --cp-bg-1: #040c1f;
  --cp-bg-2: #0a1f4a;
  --cp-bg-3: #102a58;
  --cp-text: #edf4ff;
  --cp-muted: #9bb6de;
  --cp-orange: #ff9a2a;
  --cp-orange-soft: rgba(255, 154, 42, 0.16);
  --cp-orange-glow: rgba(255, 154, 42, 0.32);
  --cp-glass: rgba(12, 28, 56, 0.45);
  --cp-glass-deep: rgba(4, 12, 28, 0.88);
  --cp-surface: rgba(16, 40, 78, 0.55);
  --cp-panel: rgba(8, 22, 48, 0.72);
  --cp-border: rgba(132, 190, 255, 0.12);
  --cp-border-strong: rgba(255, 154, 42, 0.38);
  --cp-blur: blur(22px) saturate(1.5);
  --cp-radius: 14px;
}

html[data-theme='deapsea-webgl'] body {
  background:
    radial-gradient(ellipse 85% 55% at 50% -18%, rgba(255, 154, 42, 0.12), transparent 52%),
    radial-gradient(ellipse 70% 50% at 100% 40%, rgba(100, 170, 255, 0.08), transparent 46%),
    linear-gradient(168deg, #030814 0%, #061028 42%, #040c1f 100%) !important;
}

/*
 * PIPEBUNTU — Ubuntu Yaru–inspired shell for PSR / portal / login.
 * Accent reference: ubuntu/yaru `common/accent-colors.scss.in` (default accent #E95420).
 * Surfaces: Yaru dark base ~lighten($jet, 8%) over $jet #181818 → layered grays, not glassmorphism.
 */
html[data-theme='pipebuntu'] {
  --bg-1: #1a1a1a;
  --bg-2: #242424;
  --bg-3: #303030;
  --card: rgba(48, 48, 48, 0.94);
  --panel: rgba(38, 38, 38, 0.96);
  --border: rgba(255, 255, 255, 0.09);
  --border-2: rgba(233, 84, 32, 0.48);
  --text: #f7f7f7;
  --muted: #b3b3b3;
  --orange: #e95420;
  --orange-soft: rgba(233, 84, 32, 0.2);
  --orange-glow: rgba(233, 84, 32, 0.38);
  --shadow: 0 10px 26px rgba(0, 0, 0, 0.42);
  --radius: 10px;
  --green: #2ea043;
  --green-soft: rgba(46, 160, 67, 0.22);
  --red: #da3450;
  --red-soft: rgba(218, 52, 80, 0.22);
  --blue: #0073e5;
  --blue-soft: rgba(0, 115, 229, 0.2);
  --yellow: #c88800;
  --yellow-soft: rgba(200, 136, 0, 0.22);

  --cp-bg-1: #1a1a1a;
  --cp-bg-2: #262626;
  --cp-bg-3: #333333;
  --cp-glass: rgba(52, 52, 52, 0.58);
  --cp-glass-deep: rgba(32, 32, 32, 0.94);
  --cp-surface: rgba(56, 56, 56, 0.75);
  --cp-panel: rgba(40, 40, 40, 0.92);
  --cp-border: rgba(255, 255, 255, 0.1);
  --cp-border-strong: rgba(233, 84, 32, 0.45);
  --cp-text: #f7f7f7;
  --cp-muted: #b0b0b0;
  --cp-orange: #e95420;
  --cp-orange-soft: rgba(233, 84, 32, 0.18);
  --cp-orange-glow: rgba(233, 84, 32, 0.34);
  --cp-orange-mid: #ea5c28;
  --cp-blur: blur(20px) saturate(1.35);
  --cp-radius: 14px;
}

html[data-theme='pipebuntu'] body {
  font-family: Ubuntu, 'Ubuntu Condensed', Cantarell, 'Segoe UI', sans-serif !important;
  background: linear-gradient(180deg, #2e2e2e 0%, #262626 32%, #1e1e1e 100%) !important;
  color-scheme: dark;
}

html[data-theme='pipebuntu'] .site-header,
html[data-theme='pipebuntu'] .mobile-userbar {
  background: linear-gradient(180deg, #3d3d3d 0%, #333333 100%) !important;
  border-bottom: 1px solid rgba(233, 84, 32, 0.35) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.07) !important;
}

html[data-theme='pipebuntu'] .panel,
html[data-theme='pipebuntu'] .stat-card,
html[data-theme='pipebuntu'] .cp-login__card,
html[data-theme='pipebuntu'] .cp-site-shell:not(.cp-site-shell--unified),
html[data-theme='pipebuntu'] .cp-toolbar,
html[data-theme='pipebuntu'] .cp-modal,
html[data-theme='pipebuntu'] .cp-explorer,
html[data-theme='pipebuntu'] .cp-viewer {
  border: 1px solid rgba(233, 84, 32, 0.38) !important;
  border-radius: var(--radius, 10px) !important;
}

html[data-theme='pipebuntu'] .panel,
html[data-theme='pipebuntu'] .stat-card,
html[data-theme='pipebuntu'] .cp-site-shell:not(.cp-site-shell--unified),
html[data-theme='pipebuntu'] .cp-modal,
html[data-theme='pipebuntu'] .cp-explorer,
html[data-theme='pipebuntu'] .cp-viewer,
html[data-theme='pipebuntu'] .cp-toolbar {
  background: linear-gradient(180deg, rgba(56, 56, 56, 0.98), rgba(42, 42, 42, 0.98)) !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06) inset, var(--shadow) !important;
}

html[data-theme='pipebuntu'] .site-header,
html[data-theme='pipebuntu'] .mobile-userbar,
html[data-theme='pipebuntu'] .cp-site-shell--unified {
  background: linear-gradient(180deg, #3d3d3d 0%, #333333 100%) !important;
  border-bottom: 1px solid rgba(233, 84, 32, 0.35) !important;
  border-radius: 0 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.07) !important;
}

html[data-theme='pipebuntu'] input,
html[data-theme='pipebuntu'] select:not(.cp-glass-select),
html[data-theme='pipebuntu'] textarea,
html[data-theme='pipebuntu'] .cp-search,
html[data-theme='pipebuntu'] .hp-perm-search-input {
  background: #2d2d2d !important;
  border: 1px solid rgba(233, 84, 32, 0.48) !important;
  border-radius: 8px !important;
  color: #f7f7f7 !important;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.35) !important;
}

html[data-theme='pipebuntu'] input:focus,
html[data-theme='pipebuntu'] select:not(.cp-glass-select):focus,
html[data-theme='pipebuntu'] textarea:focus,
html[data-theme='pipebuntu'] .cp-search:focus,
html[data-theme='pipebuntu'] .hp-perm-search-input:focus {
  outline: none !important;
  border-color: #e95420 !important;
  box-shadow: 0 0 0 2px rgba(233, 84, 32, 0.35) !important;
}

html[data-theme='pipebuntu'] .cp-folder-tile,
html[data-theme='pipebuntu'] .cp-tile,
html[data-theme='pipebuntu'] .card,
html[data-theme='pipebuntu'] .report-card {
  border: 1px solid rgba(233, 84, 32, 0.32) !important;
  border-radius: 10px !important;
  background: linear-gradient(180deg, #383838, #2f2f2f) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}

html[data-theme='pipebuntu'] .fa,
html[data-theme='pipebuntu'] .fas,
html[data-theme='pipebuntu'] .far,
html[data-theme='pipebuntu'] .cp-icon,
html[data-theme='pipebuntu'] .icon {
  color: #dedede !important;
}

html[data-theme='pipebuntu'] .brand,
html[data-theme='pipebuntu'] .brand-fallback {
  color: #e95420 !important;
}

html[data-theme='pipebuntu'] .hp-theme-picker select:not(.cp-glass-select),
html[data-theme='pipebuntu'] .cp-theme-picker select:not(.cp-glass-select) {
  background: #2d2d2d !important;
  border: 1px solid rgba(233, 84, 32, 0.55) !important;
  border-radius: 8px !important;
}

html[data-theme='pipebuntu'] .modal-backdrop {
  background: rgba(0, 0, 0, 0.55) !important;
}

html[data-theme='pipebuntu'] .modal-card {
  background: linear-gradient(180deg, #3c3c3c, #2a2a2a) !important;
  border: 1px solid rgba(233, 84, 32, 0.45) !important;
  border-radius: 12px !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06) inset, 0 18px 40px rgba(0, 0, 0, 0.5) !important;
}

html[data-theme='pipebuntu'] .table-wrap {
  border: 1px solid rgba(233, 84, 32, 0.38) !important;
  background: #262626 !important;
}

/* PSR / portal context menus — was hard-coded dark rim in base.css */
html[data-theme='pipebuntu'] .psr-ctx-menu {
  border: 1px solid rgba(233, 84, 32, 0.5) !important;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.08) inset,
    0 20px 48px rgba(0, 0, 0, 0.48) !important;
}

html[data-theme='pipebuntu'] .user-badge {
  background: rgba(0, 115, 229, 0.15) !important;
  border-color: rgba(0, 115, 229, 0.45) !important;
}

.hp-webgl-theme-canvas {
  position: fixed;
  inset: 0;
  z-index: -2;
  pointer-events: none;
  display: none;
  opacity: 0.95;
}

html.hp-webgl-theme-enabled body {
  background: transparent !important;
}

.hp-theme-picker {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--muted);
  font-weight: 700;
  font-size: 0.86rem;
}

.hp-theme-picker select:not(.cp-glass-select) {
  min-width: 150px;
  padding: 7px 10px;
  border-radius: 10px;
  border: 1px solid var(--border-2, var(--border));
  background: rgba(10, 13, 19, 0.72);
  color: var(--text);
}

.cp-theme-picker {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--cp-muted);
  font-size: 0.82rem;
}

.cp-theme-picker select:not(.cp-glass-select) {
  padding: 7px 10px;
  border-radius: 10px;
  border: 1px solid var(--cp-border-strong);
  background: rgba(10, 13, 19, 0.78);
  color: var(--cp-text);
}

/* Dark dropdowns by default (native <option> readability) */
html[data-theme]:not([data-theme='arctic-graphite']):not([data-theme='studio-mist']) {
  color-scheme: dark;
}

html[data-theme='arctic-graphite'],
html[data-theme='studio-mist'] {
  color-scheme: light;
}

html[data-theme='arctic-graphite'] .cp-glass-select option,
html[data-theme='studio-mist'] .cp-glass-select option {
  background-color: #fff !important;
  color: #1a1d26 !important;
}

/* Ubuntu-style translucent shell (keeps each theme’s accent variables) */
html[data-theme='onbrand'] .cp-site-shell:not(.cp-site-shell--unified),
html[data-theme='onbrand'] .cp-toolbar,
html[data-theme='onbrand'] .cp-explorer,
html[data-theme='onbrand'] .cp-viewer,
html[data-theme='onbrand'] .cp-modal {
  border-radius: var(--cp-radius, 14px) !important;
  backdrop-filter: var(--cp-blur, blur(22px)) saturate(1.4) !important;
  -webkit-backdrop-filter: var(--cp-blur, blur(22px)) saturate(1.4) !important;
}

html[data-theme='deapsea-webgl'] .cp-site-shell:not(.cp-site-shell--unified),
html[data-theme='deapsea-webgl'] .cp-toolbar,
html[data-theme='deapsea-webgl'] .cp-explorer,
html[data-theme='deapsea-webgl'] .cp-viewer,
html[data-theme='deapsea-webgl'] .cp-modal {
  border-radius: var(--cp-radius, 14px) !important;
  backdrop-filter: var(--cp-blur, blur(22px)) saturate(1.45) !important;
  -webkit-backdrop-filter: var(--cp-blur, blur(22px)) saturate(1.45) !important;
}

html[data-theme='pipebuntu'] .cp-site-shell:not(.cp-site-shell--unified),
html[data-theme='pipebuntu'] .cp-toolbar,
html[data-theme='pipebuntu'] .cp-explorer,
html[data-theme='pipebuntu'] .cp-viewer,
html[data-theme='pipebuntu'] .cp-modal {
  border-radius: var(--cp-radius, 14px) !important;
  backdrop-filter: var(--cp-blur, blur(20px)) saturate(1.35) !important;
  -webkit-backdrop-filter: var(--cp-blur, blur(20px)) saturate(1.35) !important;
}

html:is(
    [data-theme='jea'],
    [data-theme='fdot'],
    [data-theme='rausch'],
    [data-theme='envirosight'],
    [data-theme='pacific-azure'],
    [data-theme='obsidian-workbench'],
    [data-theme='midnight-telemetry'],
    [data-theme='arctic-graphite'],
    [data-theme='studio-mist'],
    [data-theme='psrbluehorizon']
  )
  :is(.cp-site-shell:not(.cp-site-shell--unified), .cp-toolbar, .cp-explorer, .cp-viewer, .cp-modal) {
  border-radius: var(--cp-radius, 14px) !important;
  backdrop-filter: var(--cp-blur, blur(20px)) saturate(1.38) !important;
  -webkit-backdrop-filter: var(--cp-blur, blur(20px)) saturate(1.38) !important;
}

html:is(
    [data-theme='jea'],
    [data-theme='fdot'],
    [data-theme='rausch'],
    [data-theme='envirosight'],
    [data-theme='pacific-azure'],
    [data-theme='obsidian-workbench'],
    [data-theme='midnight-telemetry'],
    [data-theme='psrbluehorizon']
  ) {
  --cp-blur: blur(20px) saturate(1.38);
  --cp-radius: 14px;
}