/* ===================================================================================
   PrivacyGuardin — Futuristic theme (Level 25, default). Dark command centre: grid canvas with
   aurora glows, glass panels, neon accents, Space Grotesk / Inter / JetBrains Mono.
   Scoped to [data-theme="future"]; "light" (theme-v3) stays available from the sidebar.
   Presentation only.
   =================================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap');

[data-theme="future"] {
  color-scheme: dark;
  --font-display: "Space Grotesk", "Inter", sans-serif; --font-mono: "JetBrains Mono", ui-monospace, monospace;
  --brand: #F4F7FF; --paper: #060A13; --surface: rgba(255, 255, 255, .045); --surface-2: rgba(255, 255, 255, .03); --surface-3: rgba(255, 255, 255, .07);
  --solid: #0C1322; --solid-2: #111A2C;
  --ink: #E6EDF7; --dim: #8B9AB4; --line: rgba(255, 255, 255, .09); --line-2: rgba(255, 255, 255, .15);
  --accent: #2DD4BF; --accent-dark: #5EEAD4; --accent-soft: rgba(45, 212, 191, .12); --accent-soft-line: rgba(45, 212, 191, .35);
  --info: #C4B5FD; --info-soft: rgba(139, 92, 246, .14); --info-soft-line: rgba(167, 139, 250, .40);
  --green: #34D399; --green-soft: rgba(52, 211, 153, .12); --green-soft-line: rgba(52, 211, 153, .40);
  --amber: #FBBF24; --amber-soft: rgba(251, 191, 36, .12); --amber-soft-line: rgba(251, 191, 36, .40); --amber-ink: #FCD34D;
  --red: #FF5C77; --red-soft: rgba(255, 77, 109, .13); --red-soft-line: rgba(255, 77, 109, .45);
  --grey-soft: rgba(255, 255, 255, .07); --focus: #22D3EE;
  --side-bg: rgba(8, 13, 25, .82); --side-ink: #A9B6CB; --side-dim: #55637D; --side-hi: #5EEAD4; --side-line: rgba(255, 255, 255, .07);
  --radius-sm: 10px; --radius-md: 16px;
  --shadow-md: 0 24px 60px rgba(0, 0, 0, .55);
  --brand-grad: linear-gradient(135deg, #2DD4BF, #22D3EE 50%, #A78BFA);
  --neon-grad: linear-gradient(135deg, #2DD4BF, #22D3EE);
}

/* ---- canvas ---- */
[data-theme="future"] body {
  color: var(--ink); background-color: #060A13;
  background-image: radial-gradient(900px 520px at 10% -10%, rgba(45, 212, 191, .15), transparent 60%), radial-gradient(800px 520px at 100% 0%, rgba(139, 92, 246, .17), transparent 60%), radial-gradient(800px 600px at 60% 115%, rgba(34, 211, 238, .09), transparent 60%),
    linear-gradient(rgba(255, 255, 255, .022) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .022) 1px, transparent 1px);
  background-size: auto, auto, auto, 40px 40px, 40px 40px; background-attachment: fixed;
}
[data-theme="future"] .shell-main { background: transparent; }

/* ---- type ---- */
[data-theme="future"] .page-title, [data-theme="future"] .dash-head h2, [data-theme="future"] h1, [data-theme="future"] .ui-slide-title, [data-theme="future"] .auth-box h1 { font-family: var(--font-display); color: #F4F7FF; letter-spacing: -.005em; }
[data-theme="future"] .page-title, [data-theme="future"] .dash-head h2 { font-size: 30px; font-weight: 600; text-shadow: 0 0 26px rgba(94, 234, 212, .18); }
[data-theme="future"] .dash-card-h, [data-theme="future"] #req-detail h2, [data-theme="future"] .h2 { font-family: var(--font-display); color: #EAF0FA; }
[data-theme="future"] .side-group, [data-theme="future"] .ui-table th, [data-theme="future"] .ropa-rules-table th, [data-theme="future"] .aside-h, [data-theme="future"] .rp-l, [data-theme="future"] .dsar-ref, [data-theme="future"] code, [data-theme="future"] kbd, [data-theme="future"] .kbd-hint { font-family: var(--font-mono); }
[data-theme="future"] .side-group { text-transform: uppercase; letter-spacing: .14em; font-size: 10.5px; color: var(--side-dim); }
[data-theme="future"] a { color: var(--accent-dark); }

/* ---- sidebar ---- */
[data-theme="future"] .sidebar { background: var(--side-bg); border-right: 1px solid var(--side-line); box-shadow: inset -1px 0 0 rgba(45, 212, 191, .06); backdrop-filter: blur(14px); }
[data-theme="future"] .side-brand { font-family: var(--font-display); letter-spacing: .02em; }
[data-theme="future"] .side-brand img { background: var(--brand-grad); box-shadow: 0 0 18px rgba(45, 212, 191, .55), 0 0 40px rgba(139, 92, 246, .25); }
[data-theme="future"] .side-context { background: linear-gradient(135deg, rgba(45, 212, 191, .10), rgba(139, 92, 246, .10)); border: 1px solid rgba(255, 255, 255, .10); border-radius: 14px; }
[data-theme="future"] .side-item { border: 1px solid transparent; border-radius: 10px; color: var(--side-ink); }
[data-theme="future"] .side-item .side-ico { color: #6B7A96; }
[data-theme="future"] .side-item:hover { background: rgba(255, 255, 255, .04); color: #fff; }
[data-theme="future"] .side-item.on { color: #fff; background: linear-gradient(90deg, rgba(45, 212, 191, .18), rgba(45, 212, 191, .02)); border-color: rgba(45, 212, 191, .28); box-shadow: inset 2px 0 0 #2DD4BF, 0 0 18px rgba(45, 212, 191, .12); }
[data-theme="future"] .side-item.on .side-ico { color: var(--side-hi); filter: drop-shadow(0 0 6px rgba(94, 234, 212, .7)); }
[data-theme="future"] .side-item .side-badge { font-family: var(--font-mono); background: rgba(255, 255, 255, .12); }
[data-theme="future"] .side-item .side-badge.alert { background: #FF4D6D; box-shadow: 0 0 10px rgba(255, 77, 109, .6); }
[data-theme="future"] .side-user .avatar, [data-theme="future"] .avatar { background: linear-gradient(135deg, #5EEAD4, #A78BFA); color: #04121A; }

/* ---- top bar ---- */
[data-theme="future"] .topbar { background: rgba(6, 10, 19, .55); border-bottom: 1px solid var(--line); backdrop-filter: blur(12px); }
[data-theme="future"] .crumbs .here { color: #fff; } [data-theme="future"] .crumbs .sep { color: #3B4762; }
[data-theme="future"] .kbd-hint, [data-theme="future"] .notif-btn { background: rgba(255, 255, 255, .04); border: 1px solid rgba(255, 255, 255, .10); color: var(--dim); }
[data-theme="future"] .notif-btn .notif-n { background: #FF4D6D; box-shadow: 0 0 10px rgba(255, 77, 109, .7); }

/* ---- glass cards ---- */
[data-theme="future"] .card, [data-theme="future"] .dash-tile, [data-theme="future"] .ropa-kpi, [data-theme="future"] .rp, [data-theme="future"] .case-head, [data-theme="future"] .q-progress, [data-theme="future"] .onboard-step, [data-theme="future"] .ropa-deptbar, [data-theme="future"] .ui-table-wrap, [data-theme="future"] .meta-chip, [data-theme="future"] .dpia-q {
  background: linear-gradient(180deg, rgba(255, 255, 255, .055), rgba(255, 255, 255, .02)); border: 1px solid rgba(255, 255, 255, .09);
  box-shadow: 0 1px 0 rgba(255, 255, 255, .06) inset, 0 18px 40px rgba(0, 0, 0, .30); backdrop-filter: blur(10px);
}
[data-theme="future"] .card, [data-theme="future"] .dash-tile, [data-theme="future"] .ropa-kpi, [data-theme="future"] .ui-table-wrap { border-radius: 16px; }
[data-theme="future"] .card.lift:hover, [data-theme="future"] .dash-tile:hover, [data-theme="future"] .ropa-kpi:hover { border-color: rgba(45, 212, 191, .35); box-shadow: 0 0 0 1px rgba(45, 212, 191, .15), 0 0 30px rgba(45, 212, 191, .12); }
[data-theme="future"] .dash-posture { background: linear-gradient(135deg, rgba(45, 212, 191, .10), rgba(139, 92, 246, .10) 60%, rgba(255, 255, 255, .02)); position: relative; overflow: hidden; }
[data-theme="future"] .dash-posture::before { content: ""; position: absolute; left: -40%; top: 0; bottom: 0; width: 40%; background: linear-gradient(90deg, transparent, rgba(94, 234, 212, .10), transparent); animation: pg-scan 5s ease-in-out infinite; pointer-events: none; }
@keyframes pg-scan { 0% { left: -40%; } 100% { left: 120%; } }
[data-theme="future"] .dash-posture svg { filter: drop-shadow(0 0 10px rgba(255, 77, 109, .4)); }

/* ---- KPI numbers ---- */
[data-theme="future"] .ropa-kpi .n, [data-theme="future"] .dash-tile-v, [data-theme="future"] .rp-v, [data-theme="future"] .rp-band, [data-theme="future"] .inc-band-v, [data-theme="future"] .dpia-result-h { font-family: var(--font-display); }
[data-theme="future"] .ropa-kpi .n, [data-theme="future"] .dash-tile-v { color: #F4F7FF; font-size: 30px; }
[data-theme="future"] .ropa-kpi.tone-red, [data-theme="future"] .dash-tile.alert { border-color: rgba(255, 77, 109, .45); box-shadow: 0 0 0 1px rgba(255, 77, 109, .12) inset, 0 0 28px rgba(255, 77, 109, .18); }
[data-theme="future"] .ropa-kpi.tone-red .n, [data-theme="future"] .dash-tile.alert .dash-tile-v { color: #FF6B81; text-shadow: 0 0 18px rgba(255, 77, 109, .55); }
[data-theme="future"] .ropa-kpi.tone-amber { border-color: rgba(251, 191, 36, .35); } [data-theme="future"] .ropa-kpi.tone-green { border-color: rgba(52, 211, 153, .35); } [data-theme="future"] .ropa-kpi.tone-blue { border-color: rgba(167, 139, 250, .35); }
[data-theme="future"] .tile-ic { border: 1px solid; border-radius: 12px; }
[data-theme="future"] .tile-ic.r { color: #FF6B81; border-color: rgba(255, 77, 109, .4); background: rgba(255, 77, 109, .10); box-shadow: 0 0 16px rgba(255, 77, 109, .25); }
[data-theme="future"] .tile-ic.a { color: #FCD34D; border-color: rgba(251, 191, 36, .4); background: rgba(251, 191, 36, .08); }
[data-theme="future"] .tile-ic.t { color: #5EEAD4; border-color: rgba(45, 212, 191, .4); background: rgba(45, 212, 191, .08); box-shadow: 0 0 16px rgba(45, 212, 191, .2); }
[data-theme="future"] .tile-ic.v { color: #C4B5FD; border-color: rgba(167, 139, 250, .4); background: rgba(139, 92, 246, .10); }

/* ---- buttons ---- */
[data-theme="future"] button.primary, [data-theme="future"] a.primary { border: none; color: #04121A; font-weight: 700; background: var(--neon-grad); box-shadow: 0 0 0 1px rgba(255, 255, 255, .15) inset, 0 6px 22px rgba(34, 211, 238, .32); }
[data-theme="future"] button.primary:hover:not(:disabled) { background: linear-gradient(135deg, #5EEAD4, #67E8F9); box-shadow: 0 0 0 1px rgba(255, 255, 255, .25) inset, 0 8px 30px rgba(34, 211, 238, .45); }
[data-theme="future"] button.primary svg { color: #04121A; }
[data-theme="future"] .quiet, [data-theme="future"] button.quiet, [data-theme="future"] a.quiet { background: rgba(255, 255, 255, .04); border: 1px solid rgba(255, 255, 255, .14); color: #DDE6F3; }
[data-theme="future"] .quiet:hover { background: rgba(255, 255, 255, .08); border-color: rgba(45, 212, 191, .35); }
[data-theme="future"] .quiet svg { color: #8FE8DB; }
[data-theme="future"] button.decision { background: rgba(255, 255, 255, .03); }
[data-theme="future"] button.decision.teal { border-color: #2DD4BF; color: #5EEAD4; } [data-theme="future"] button.decision.amber { border-color: #FBBF24; color: #FCD34D; } [data-theme="future"] button.decision.red { border-color: #FF4D6D; color: #FF8DA1; }
[data-theme="future"] .icon-btn { color: var(--dim); } [data-theme="future"] .icon-btn:hover { background: rgba(255, 255, 255, .06); color: #fff; }

/* ---- pills: neon outline + glowing dot ---- */
[data-theme="future"] .dsar-badge { border: 1px solid; background: rgba(255, 255, 255, .02); font-weight: 600; letter-spacing: .01em; }
[data-theme="future"] .dsar-badge::before { box-shadow: 0 0 8px currentColor; opacity: 1; }
[data-theme="future"] .dsar-badge.tone-green { color: #6EE7B7; border-color: rgba(52, 211, 153, .40); background: rgba(52, 211, 153, .08); }
[data-theme="future"] .dsar-badge.tone-amber { color: #FCD34D; border-color: rgba(251, 191, 36, .40); background: rgba(251, 191, 36, .08); }
[data-theme="future"] .dsar-badge.tone-red { color: #FF8DA1; border-color: rgba(255, 77, 109, .45); background: rgba(255, 77, 109, .09); }
[data-theme="future"] .dsar-badge.tone-grey { color: #A9B6CB; border-color: rgba(255, 255, 255, .14); }
[data-theme="future"] .dsar-badge.tone-blue { color: #C4B5FD; border-color: rgba(167, 139, 250, .45); background: rgba(139, 92, 246, .10); }
[data-theme="future"] .prov { font-family: var(--font-mono); font-size: 10.5px; border: 1px solid; }
[data-theme="future"] .prov.imported, [data-theme="future"] .prov.derived, [data-theme="future"] .prov.ai { color: #C4B5FD; border-color: rgba(167, 139, 250, .4); background: rgba(139, 92, 246, .10); }
[data-theme="future"] .prov.override { color: #FCD34D; border-color: rgba(251, 191, 36, .4); background: rgba(251, 191, 36, .08); }
[data-theme="future"] .prov.frozen, [data-theme="future"] .prov.manual { color: #A9B6CB; border-color: rgba(255, 255, 255, .14); background: transparent; }

/* ---- tables ---- */
[data-theme="future"] .ui-table th, [data-theme="future"] .ropa-rules-table th, [data-theme="future"] table th { background: transparent; color: #6B7A96; font-size: 10.5px; text-transform: uppercase; letter-spacing: .1em; font-weight: 500; border-bottom: 1px solid rgba(255, 255, 255, .08); }
[data-theme="future"] .ui-table td, [data-theme="future"] .ropa-rules-table td, [data-theme="future"] table td { border-bottom: 1px solid rgba(255, 255, 255, .05); color: #DDE6F3; }
[data-theme="future"] .ui-table tbody tr:hover td, [data-theme="future"] table tbody tr:hover td { background: rgba(45, 212, 191, .05); }
[data-theme="future"] .ui-table-wrap.sticky thead th { background: #0C1322; }
[data-theme="future"] .ui-table-tools { border-bottom-color: rgba(255, 255, 255, .08); }

/* ---- bars / progress ---- */
[data-theme="future"] .sla-tl-bar, [data-theme="future"] .sla-mini, [data-theme="future"] .rank-bar, [data-theme="future"] .cm-bar, [data-theme="future"] .progress { background: rgba(255, 255, 255, .07); }
[data-theme="future"] .rank-bar span { background: linear-gradient(90deg, #FF4D6D, #FB7185); box-shadow: 0 0 10px rgba(255, 77, 109, .55); opacity: 1; }
[data-theme="future"] .sla-tl-bar span, [data-theme="future"] .sla-mini span { background: var(--neon-grad); box-shadow: 0 0 10px rgba(34, 211, 238, .55); }
[data-theme="future"] .sla-tl-bar.tone-red span, [data-theme="future"] .sla-mini.tone-red span { background: linear-gradient(90deg, #FF4D6D, #FB7185); box-shadow: 0 0 10px rgba(255, 77, 109, .55); }
[data-theme="future"] .sla-tl-bar.tone-amber span, [data-theme="future"] .sla-mini.tone-amber span { background: linear-gradient(90deg, #F59E0B, #FBBF24); box-shadow: 0 0 10px rgba(251, 191, 36, .5); }
[data-theme="future"] .sla-tl-bar.tone-green span, [data-theme="future"] .sla-mini.tone-green span { background: linear-gradient(90deg, #10B981, #34D399); box-shadow: 0 0 10px rgba(52, 211, 153, .5); }

/* ---- chips, tabs, navigators, segmented ---- */
[data-theme="future"] .ui-chip, [data-theme="future"] .dsar-filter-chip { background: rgba(255, 255, 255, .03); border: 1px solid rgba(255, 255, 255, .12); color: #C9D4E5; }
[data-theme="future"] .ui-chip.on, [data-theme="future"] .dsar-filter-chip.on { color: #04121A; border-color: transparent; background: linear-gradient(135deg, #5EEAD4, #22D3EE); font-weight: 600; box-shadow: 0 0 14px rgba(34, 211, 238, .35); }
[data-theme="future"] .ui-chip.on .ui-chip-n { color: #0B3B44; }
[data-theme="future"] .case-tabs, [data-theme="future"] .tabs { border-bottom-color: rgba(255, 255, 255, .08); }
[data-theme="future"] .case-tab.on { color: #fff; border-bottom-color: #2DD4BF; box-shadow: 0 8px 14px -10px rgba(45, 212, 191, .8); }
[data-theme="future"] .req-btn, [data-theme="future"] .dpia-nav-item, [data-theme="future"] .ropa-subnav-item { color: #C9D4E5; border: 1px solid transparent; }
[data-theme="future"] .req-btn:hover, [data-theme="future"] .dpia-nav-item:hover, [data-theme="future"] .ropa-subnav-item:hover { background: rgba(255, 255, 255, .04); }
[data-theme="future"] .req-btn.active, [data-theme="future"] .dpia-nav-item.on, [data-theme="future"] .ropa-subnav-item.on { color: #fff; background: linear-gradient(90deg, rgba(45, 212, 191, .14), rgba(255, 255, 255, .02)); border-color: rgba(45, 212, 191, .28); box-shadow: none; }
[data-theme="future"] .dpia-nav-dot.green { box-shadow: 0 0 8px #34D399; } [data-theme="future"] .dpia-nav-dot.amber { box-shadow: 0 0 8px #FBBF24; } [data-theme="future"] .dpia-nav-dot.red { box-shadow: 0 0 8px #FF4D6D; }
[data-theme="future"] .cc-btn, [data-theme="future"] .status-btn { background: rgba(255, 255, 255, .02); border-color: rgba(255, 255, 255, .12); color: #A9B6CB; }
[data-theme="future"] .cc-btn.on.yes { background: rgba(52, 211, 153, .18); color: #6EE7B7; border-color: rgba(52, 211, 153, .5); box-shadow: inset 0 0 12px rgba(52, 211, 153, .35); }
[data-theme="future"] .cc-btn.on.no { background: rgba(255, 77, 109, .18); color: #FF8DA1; border-color: rgba(255, 77, 109, .5); box-shadow: inset 0 0 12px rgba(255, 77, 109, .35); }
[data-theme="future"] .cc-btn.on.na { background: rgba(255, 255, 255, .10); color: #DDE6F3; border-color: rgba(255, 255, 255, .2); }
[data-theme="future"] .step-dot { border-color: rgba(255, 255, 255, .18); background: transparent; font-family: var(--font-mono); }
[data-theme="future"] .step.done .step-dot { border: none; color: #04121A; background: var(--neon-grad); box-shadow: 0 0 12px rgba(34, 211, 238, .5); }
[data-theme="future"] .step.on .step-dot { border: 2px solid #2DD4BF; color: #5EEAD4; box-shadow: 0 0 14px rgba(45, 212, 191, .55); }
[data-theme="future"] .step-line { background: linear-gradient(90deg, rgba(45, 212, 191, .5), rgba(255, 255, 255, .08)); }

/* ---- forms ---- */
[data-theme="future"] input[type="text"], [data-theme="future"] input[type="date"], [data-theme="future"] input[type="number"], [data-theme="future"] input[type="email"], [data-theme="future"] input[type="password"], [data-theme="future"] input[type="search"], [data-theme="future"] select, [data-theme="future"] textarea {
  background: rgba(255, 255, 255, .035); border: 1px solid rgba(255, 255, 255, .12); color: #E6EDF7; border-radius: 10px; }
[data-theme="future"] select option { background: #0C1322; color: #E6EDF7; }
[data-theme="future"] input::placeholder, [data-theme="future"] textarea::placeholder { color: #55637D; }
[data-theme="future"] input:focus, [data-theme="future"] select:focus, [data-theme="future"] textarea:focus { outline: none; border-color: #22D3EE; box-shadow: 0 0 0 3px rgba(34, 211, 238, .18), 0 0 18px rgba(34, 211, 238, .18); }
[data-theme="future"] input[type="date"]::-webkit-calendar-picker-indicator { filter: invert(.8); }

/* ---- inspector, dialogs, toasts, palette ---- */
[data-theme="future"] .ui-slide, [data-theme="future"] .ui-dialog, [data-theme="future"] .ui-palette, [data-theme="future"] .ui-menu { background: rgba(10, 16, 30, .96); border: 1px solid rgba(45, 212, 191, .25); color: var(--ink); box-shadow: -30px 0 60px rgba(0, 0, 0, .55), 0 0 0 1px rgba(45, 212, 191, .1); backdrop-filter: blur(18px); }
[data-theme="future"] .ui-slide-foot { background: rgba(255, 255, 255, .03); border-top-color: rgba(255, 255, 255, .08); }
[data-theme="future"] .ui-backdrop { background: rgba(2, 5, 12, .62); }
[data-theme="future"] .ui-toast { background: rgba(10, 16, 30, .94); border: 1px solid rgba(45, 212, 191, .35); color: var(--ink); box-shadow: 0 0 30px rgba(45, 212, 191, .25); }

/* ---- domain components ---- */
[data-theme="future"] .inc-band { background: linear-gradient(90deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .02)); border-color: rgba(255, 255, 255, .1); }
[data-theme="future"] .inc-band.red { background: linear-gradient(90deg, rgba(255, 77, 109, .18), rgba(255, 255, 255, .02) 70%); border-color: rgba(255, 77, 109, .45); box-shadow: 0 0 30px rgba(255, 77, 109, .15); }
[data-theme="future"] .inc-band.red .inc-band-v { color: #FF6B81; text-shadow: 0 0 22px rgba(255, 77, 109, .6); }
[data-theme="future"] .inc-band.amber { background: linear-gradient(90deg, rgba(251, 191, 36, .15), rgba(255, 255, 255, .02) 70%); }
[data-theme="future"] .rp-band.tone-red { background: rgba(255, 77, 109, .12); color: #FF6B81; text-shadow: 0 0 16px rgba(255, 77, 109, .5); }
[data-theme="future"] .rp-band.tone-amber { background: rgba(251, 191, 36, .1); color: #FCD34D; } [data-theme="future"] .rp-band.tone-green { background: rgba(52, 211, 153, .1); color: #6EE7B7; }
[data-theme="future"] .dpia-result { background: linear-gradient(180deg, rgba(255, 255, 255, .06), rgba(255, 255, 255, .02)); }
[data-theme="future"] .dpia-why, [data-theme="future"] .dpia-import, [data-theme="future"] .ropa-req-why, [data-theme="future"] .att-item, [data-theme="future"] .notif-item, [data-theme="future"] .ai-panel { background: rgba(255, 255, 255, .03); border-color: rgba(255, 255, 255, .09); }
[data-theme="future"] .ai-panel { border-color: rgba(167, 139, 250, .35); background: linear-gradient(135deg, rgba(139, 92, 246, .12), rgba(255, 255, 255, .02)); box-shadow: 0 0 24px rgba(139, 92, 246, .12); }
[data-theme="future"] .ai-spark { color: #C4B5FD; text-shadow: 0 0 10px rgba(167, 139, 250, .8); }
[data-theme="future"] .mom-card { border-left-color: #A78BFA; }
[data-theme="future"] .dpia-banner { background: rgba(251, 191, 36, .10); border-color: rgba(251, 191, 36, .35); color: #FCD34D; }
[data-theme="future"] .dpia-banner.red { background: rgba(255, 77, 109, .12); border-color: rgba(255, 77, 109, .4); color: #FF8DA1; }
[data-theme="future"] .bulk-bar { background: rgba(45, 212, 191, .10); border-color: rgba(45, 212, 191, .35); }
[data-theme="future"] .rm .rm-c { border-color: rgba(255, 255, 255, .06); background: rgba(255, 255, 255, .02); }
[data-theme="future"] .rm .rm-h { background: rgba(255, 255, 255, .04); color: #8B9AB4; }
[data-theme="future"] .rm .rm-c.b-low { background: rgba(52, 211, 153, .12); } [data-theme="future"] .rm .rm-c.b-medium { background: rgba(251, 191, 36, .15); } [data-theme="future"] .rm .rm-c.b-high { background: rgba(251, 146, 60, .35); } [data-theme="future"] .rm .rm-c.b-critical { background: rgba(255, 77, 109, .5); box-shadow: inset 0 0 14px rgba(255, 77, 109, .5); }
[data-theme="future"] .rm .rm-chip { background: rgba(6, 10, 19, .8); border-color: rgba(255, 255, 255, .25); color: #fff; }
[data-theme="future"] .empty-state .empty-ico { background: rgba(45, 212, 191, .10); color: #5EEAD4; box-shadow: 0 0 20px rgba(45, 212, 191, .2); }
[data-theme="future"] .skeleton { background: linear-gradient(90deg, rgba(255, 255, 255, .05) 0%, rgba(255, 255, 255, .10) 50%, rgba(255, 255, 255, .05) 100%); background-size: 200% 100%; }
[data-theme="future"] .auth-screen, [data-theme="future"] #auth-screen { background: transparent; }
[data-theme="future"] .auth-box { background: rgba(10, 16, 30, .85); border: 1px solid rgba(45, 212, 191, .25); box-shadow: 0 0 60px rgba(45, 212, 191, .12), 0 30px 80px rgba(0, 0, 0, .6); backdrop-filter: blur(16px); }

/* ---- motion ---- */
[data-theme="future"] #req-detail > *, [data-theme="future"] #main-container > .dash-head, [data-theme="future"] #main-container > .dash-grid { animation: pg-enter .38s cubic-bezier(.2, .8, .2, 1); }
@keyframes pg-enter { from { opacity: 0; transform: translateY(8px); filter: blur(3px); } to { opacity: 1; transform: none; filter: none; } }
[data-theme="future"] .att-dot.red, [data-theme="future"] .side-badge.alert { animation: pg-glow 1.8s ease-in-out infinite; }
@keyframes pg-glow { 0%, 100% { box-shadow: 0 0 6px rgba(255, 77, 109, .5); } 50% { box-shadow: 0 0 16px rgba(255, 77, 109, .95); } }
@media (prefers-reduced-motion: reduce) { [data-theme="future"] *, [data-theme="future"] *::before, [data-theme="future"] *::after { animation: none !important; transition: none !important; } }

/* ---- print stays light and plain ---- */
@media print { [data-theme="future"] body { background: #fff !important; color: #000 !important; } [data-theme="future"] .card { background: #fff !important; box-shadow: none !important; border: 1px solid #ccc !important; } }

/* severity colours used inline by the donut / legends */
[data-theme="future"] [stroke="#AE3A34"] { stroke: #FF4D6D; } [data-theme="future"] [stroke="#C2571F"] { stroke: #FB923C; } [data-theme="future"] [stroke="#B07617"] { stroke: #FBBF24; } [data-theme="future"] [stroke="#4C7D5E"] { stroke: #34D399; }
[data-theme="future"] [style*="background:#AE3A34"] { background: #FF4D6D !important; box-shadow: 0 0 8px #FF4D6D; } [data-theme="future"] [style*="background:#C2571F"] { background: #FB923C !important; } [data-theme="future"] [style*="background:#B07617"] { background: #FBBF24 !important; } [data-theme="future"] [style*="background:#4C7D5E"] { background: #34D399 !important; }
[data-theme="future"] .dash-posture svg + *, [data-theme="future"] .donut-wrap svg { filter: drop-shadow(0 0 10px rgba(251, 146, 60, .25)); }
[data-theme="future"] tr[style*="#FCF1F0"] td { background: rgba(255, 77, 109, .08) !important; }
[data-theme="future"] .gv-rs.done span { background: linear-gradient(135deg, #5EEAD4, #22D3EE); color: #04121A; border: none; box-shadow: 0 0 10px rgba(34, 211, 238, .45); }
[data-theme="future"] .gv-rs.on { box-shadow: 0 0 12px rgba(251, 191, 36, .3); }

/* Level 33 — the report is a white sheet: keep the light palette inside it in the futuristic theme */
[data-theme="future"] .report-paper { --brand: #0F2742;--paper: #F6F8FA;--surface: #FFFFFF;--surface-2: #F3F5F8;--surface-3: #E9EDF1;--ink: #17212B;--line: #E1E6EC;--dim: #5B6B7B;--accent: #0F8A7A;--accent-dark: #0B6E62;--accent-soft: #E4F3F0;--accent-soft-line: #BFE0DA;--info: #4F5BD5;--info-soft: #ECEEFC;--info-soft-line: #CDD2F5;--green: #2E6B4F;--green-soft: #E1F0E8;--green-soft-line: #B9DCC9;--amber: #B07617;--amber-soft: #FBF1DE;--amber-soft-line: #EBD7A8;--amber-ink: #8A5A0F;--red: #AE3A34;--red-soft: #F8E4E2;--red-soft-line: #EFBFBB;--grey-soft: #E9EDF1;--focus: #0F8A7A;--sidebar-bg: #FFFFFF;--sidebar-w: 248px;--brand-grad: linear-gradient(120deg, #0F2742 0%, #0F8A7A 100%);--radius-sm: 6px;--radius-md: 8px;--shadow-sm: 0 1px 2px rgba(23, 33, 43, 0.05), 0 1px 1px rgba(23, 33, 43, 0.03);--shadow-md: 0 4px 14px rgba(23, 33, 43, 0.08), 0 1px 3px rgba(23, 33, 43, 0.05);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px; background: #fff !important; color: var(--ink); backdrop-filter: none; box-shadow: 0 20px 50px rgba(0,0,0,.35); }
[data-theme="future"] .report-paper table th, [data-theme="future"] .report-paper table td { color: var(--ink); border-bottom-color: var(--line); background: transparent; font-family: inherit; text-transform: none; letter-spacing: 0; }
[data-theme="future"] .report-paper h1, [data-theme="future"] .report-paper h2, [data-theme="future"] .report-paper h3 { color: #0F2742; text-shadow: none; font-family: inherit; }
[data-theme="future"] .report-paper { --brand: #0F2742; --navy: #0F2742; }
[data-theme="future"] .report-paper .page-title, [data-theme="future"] .report-paper div[style*="font-size:26px"], [data-theme="future"] .report-paper div[style*="font-size:24px"] { color: #0F2742 !important; text-shadow: none !important; }
[data-theme="future"] #req-detail .report-paper h1, [data-theme="future"] #req-detail .report-paper h2, [data-theme="future"] #req-detail .report-paper h3 { color: #0F2742 !important; text-shadow: none !important; font-family: var(--font, "Inter", sans-serif); }
[data-theme="future"] input[type="checkbox"], [data-theme="future"] input[type="radio"] { border-color: rgba(148, 163, 184, .55); background: rgba(255, 255, 255, .04); }
[data-theme="future"] input[type="checkbox"]::before { border-color: #04121A; } [data-theme="future"] input[type="radio"]::before { background: #04121A; }
[data-theme="future"] input[type="checkbox"]:checked, [data-theme="future"] input[type="radio"]:checked { background: linear-gradient(135deg, #2DD4BF, #22D3EE); border-color: transparent; box-shadow: 0 0 10px rgba(34, 211, 238, .45); }
[data-theme="future"] input[type="checkbox"]:hover:not(:disabled), [data-theme="future"] input[type="radio"]:hover:not(:disabled) { border-color: #5EEAD4; }