/* Swarajya Bigg Boss: dark command center with warm gold and restrained saffron. */
:root {
  color-scheme: dark;
  --canvas: #0d1117;
  --surface: #191f28;
  --surface-2: #252c38;
  --border: #364252;
  --border-strong: #657082;
  --ink: #f6f0e7;
  --muted: #b9c1cf;
  --accent: #efc27c;
  --accent-hover: #ffe0a6;
  --accent-ink: #18140e;
  --accent-text: #f8cb85;
  --accent-strong: #ffe1ab;
  --accent-soft: #433421;
  --accent-border: #947047;
  --success: #59c89a;
  --success-ink: #07150f;
  --success-soft: #1d3d34;
  --success-strong: #9bedd1;
  --warning: #e8aa59;
  --warning-ink: #1c150b;
  --warning-soft: #47331f;
  --warning-strong: #ffdea9;
  --danger: #ed8383;
  --danger-ink: #211010;
  --danger-soft: #51272a;
  --danger-strong: #ffb8b8;
  --chart-1: #efc27c;
  --chart-2: #6eade4;
  --chart-3: #5fcea7;
  --chart-4: #de877e;
  --chart-5: #bca4e9;
  --chart-6: #99aab9;
  --font-display: "Outfit", "Inter Variable", ui-sans-serif, system-ui, sans-serif;
  --font-body: "Inter Variable", ui-sans-serif, system-ui, sans-serif;
  --font-sans: "Inter Variable", ui-sans-serif, system-ui, sans-serif;
  --font-mono: "JetBrains Mono Variable", ui-monospace, monospace;
  --display-weight: 700;
  --display-tracking: -0.035em;
  --eyebrow-tracking: 0.12em;
  --radius-btn: 12px;
  --radius-card: 18px;
  --radius-input: 10px;
  --border-w: 1px;
  --border-strong-w: 1px;
  --shadow-card: 0 14px 38px rgba(0,0,0,.22);
  --shadow-raised: 0 22px 60px rgba(0,0,0,.34);
  --shadow-btn: 0 4px 12px rgba(0,0,0,.15);
  --card-pad: 1.5rem;
  --caps: uppercase;
  --caps-tracking: 0.12em;
  --btn-weight: 700;
  --measure: 70ch;
  --x-nav-bg: #12171f;
  --x-nav-edge: #293345;
  --x-hero-bg: #242a32;
}
html[data-theme="light"] {
  color-scheme: light;
  --canvas: #f4f2ec;
  --surface: #ffffff;
  --surface-2: #eeeae2;
  --border: #d8d2c5;
  --border-strong: #aaa18f;
  --ink: #202329;
  --muted: #5c6470;
  --accent: #74501c;
  --accent-hover: #5f4015;
  --accent-ink: #ffffff;
  --accent-text: #795019;
  --accent-strong: #6c4612;
  --accent-soft: #f5e6cd;
  --accent-border: #c7a577;
  --success: #17744b;
  --success-ink: #ffffff;
  --success-soft: #d9eee3;
  --success-strong: #146744;
  --warning: #92530c;
  --warning-ink: #ffffff;
  --warning-soft: #faecd3;
  --warning-strong: #7d490d;
  --danger: #b32d37;
  --danger-ink: #ffffff;
  --danger-soft: #f7e0e2;
  --danger-strong: #9d222e;
  --chart-1: #865b22;
  --chart-2: #356a9a;
  --chart-3: #177c61;
  --chart-4: #b6574e;
  --chart-5: #7959a8;
  --chart-6: #5e6979;
  --font-display: "Outfit", "Inter Variable", ui-sans-serif, system-ui, sans-serif;
  --font-body: "Inter Variable", ui-sans-serif, system-ui, sans-serif;
  --font-sans: "Inter Variable", ui-sans-serif, system-ui, sans-serif;
  --font-mono: "JetBrains Mono Variable", ui-monospace, monospace;
  --display-weight: 700;
  --display-tracking: -0.035em;
  --eyebrow-tracking: 0.12em;
  --radius-btn: 12px;
  --radius-card: 18px;
  --radius-input: 10px;
  --border-w: 1px;
  --border-strong-w: 1px;
  --shadow-card: 0 14px 38px rgba(0,0,0,.07);
  --shadow-raised: 0 22px 60px rgba(0,0,0,.12);
  --shadow-btn: 0 4px 12px rgba(0,0,0,.07);
  --card-pad: 1.5rem;
  --caps: uppercase;
  --caps-tracking: 0.12em;
  --btn-weight: 700;
  --measure: 70ch;
  --x-nav-bg: #262a32;
  --x-nav-edge: #393d48;
  --x-hero-bg: #e7dfd0;
}


/* Bigg Boss cockpit. All pigments are provided by theme.css. */
body {font-family:var(--font-body);background:var(--canvas);}
.command-topbar{background:var(--x-nav-bg);border-bottom:1px solid var(--x-nav-edge);position:sticky;top:0;z-index:20}
.command-top-inner{max-width:1500px;margin:auto;min-height:72px;padding:12px 28px;display:flex;align-items:center;justify-content:space-between;gap:22px}
.brand{display:flex;align-items:center;gap:13px;text-decoration:none;color:var(--ink)}
.brand>svg{width:38px;height:38px;color:var(--accent-text);padding:7px;border:1px solid var(--accent-border);border-radius:12px}
.brand span{display:flex;flex-direction:column;gap:2px}
.brand b{font-family:var(--font-display);font-weight:800;letter-spacing:.1em;font-size:18px}
.brand small{font-size:10px;color:var(--muted);letter-spacing:.1em}
.top-actions{display:flex;gap:14px;align-items:center}
.top-actions .icon{width:16px;height:16px}
.identity{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}
.command-main{max-width:1500px;margin:0 auto;padding:34px 28px 40px}
.welcome{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:26px}
.overline{font-family:var(--font-mono);font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--accent-text);font-weight:700;margin:0 0 12px}
.welcome h1{font-family:var(--font-display);font-size:clamp(30px,3.3vw,48px);letter-spacing:-.04em;font-weight:800;line-height:1.1}
.welcome h1 span{color:var(--accent-text)}
.welcome p:not(.overline){color:var(--muted);font-size:14px;margin-top:10px}
.verified,.owner-tag{display:flex;align-items:center;gap:7px;white-space:nowrap;border:1px solid var(--accent-border);padding:10px 14px;border-radius:99px;color:var(--accent-strong);background:var(--accent-soft);font-size:11px;font-weight:700;letter-spacing:.05em}
.verified .icon,.owner-tag .icon{width:16px;height:16px}
.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:22px}
.metrics>div{padding:20px 22px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);display:flex;flex-direction:column;gap:6px}
.metrics>div>span{font-size:12px;display:flex;gap:8px;color:var(--muted);align-items:center}
.metrics .icon{width:16px;height:16px}
.metrics strong{font-family:var(--font-display);font-size:32px;letter-spacing:-.04em;line-height:1.2}
.metrics small{font-size:11px;color:var(--muted)}
.columns{display:grid;grid-template-columns:minmax(340px,0.94fr) minmax(420px,1.06fr);gap:22px;align-items:start}
.left-col,.right-col{display:flex;flex-direction:column;gap:22px;min-width:0}
.panel{padding:26px;border:1px solid var(--border);background:var(--surface);border-radius:var(--radius-card);box-shadow:var(--shadow-card)}
.panel-heading{display:flex;gap:13px;align-items:center;justify-content:flex-start;margin-bottom:20px}
.panel-heading .overline{margin-bottom:4px}
.panel-heading h2{font-family:var(--font-display);font-size:21px;letter-spacing:-.025em;font-weight:700}
.panel-symbol{display:grid;place-items:center;flex:0 0 44px;height:44px;border-radius:13px;background:var(--accent-soft);color:var(--accent-strong);border:1px solid var(--accent-border)}
.panel-symbol .icon{width:21px;height:21px}
.panel-heading>.refresh{margin-left:auto;font-size:12px;display:flex;gap:5px;align-items:center;color:var(--accent-text);text-decoration:none}
.panel-heading>.refresh .icon{width:14px;height:14px}
.intro{font-size:13px;color:var(--muted);margin-bottom:18px;line-height:1.6}
.form-stack{display:flex;flex-direction:column;gap:17px}
.form-stack>div{min-width:0}
.form-stack .label{display:block;font-size:12px;font-weight:600;color:var(--ink);margin-bottom:8px}
.form-stack .input{width:100%;box-sizing:border-box;min-height:44px;border-radius:var(--radius-input);background:var(--surface-2);color:var(--ink);border:1px solid var(--border-strong);padding:12px;font-size:13px}
.form-stack textarea.input{resize:vertical;min-height:125px}
.form-stack .input:focus{outline:2px solid var(--accent-border);outline-offset:2px}
.form-stack .btn{display:flex;gap:10px;align-items:center;justify-content:center}
.form-stack .btn .icon,.command-topbar .btn .icon{width:16px;height:16px}
.form-duo{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.urgent-check{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:650}
.urgent-check .icon{width:16px;height:16px;color:var(--warning-strong)}
.urgent-check input{accent-color:var(--accent)}
.tech-note{margin-top:19px;padding:14px 15px;border-radius:12px;background:var(--warning-soft);color:var(--warning-strong);border:1px solid var(--border);font-size:11px;line-height:1.6;display:flex;gap:9px}
.tech-note .icon{width:16px;height:16px;flex-shrink:0}
.msg-card{border:1px solid var(--border);border-radius:13px;padding:17px;margin-top:12px;background:var(--surface-2)}
.msg-line,.message-counts,.msg-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}
.msg-card h3{font-family:var(--font-display);font-size:16px;font-weight:700;margin:13px 0 6px;line-height:1.4;overflow-wrap:anywhere}
.msg-body{font-size:13px;line-height:1.6;color:var(--muted);white-space:pre-wrap;overflow-wrap:anywhere}
.priority{font:700 10px var(--font-mono);letter-spacing:.07em;color:var(--accent-strong);border:1px solid var(--accent-border);background:var(--accent-soft);border-radius:99px;padding:5px 10px;white-space:nowrap}
.priority.urgent{background:var(--danger-soft);color:var(--danger-strong);border-color:var(--danger)}
.quiet{font-size:10px;color:var(--muted)}
.message-counts{justify-content:flex-start;gap:14px;flex-wrap:wrap;margin-top:17px;padding:12px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);font-size:11px;color:var(--muted)}
.message-counts span{display:flex;align-items:center;gap:5px}
.message-counts .icon{width:13px;height:13px}
.message-counts .unread{color:var(--warning-strong);font-weight:700}
.msg-actions{align-items:flex-start;margin-top:13px}
.msg-actions details{min-width:0;font-size:12px;flex:1}
.msg-actions summary{cursor:pointer;color:var(--accent-text);font-weight:600}
.unread-roster{padding-top:9px;max-height:190px;overflow:auto}
.unread-roster>div{padding:5px 0;border-bottom:1px solid var(--border);font-size:11px}
.msg-actions .btn{font-size:11px;white-space:nowrap}
.msg-actions .btn .icon,.all-read .icon{width:14px;height:14px}
.all-read{color:var(--success-strong);display:flex;gap:5px;align-items:center;font-size:11px}
.meeting-item{display:flex;align-items:center;gap:12px;padding:15px 2px;border-bottom:1px solid var(--border)}
.meeting-item>div{min-width:0;flex:1;display:flex;flex-direction:column;gap:5px}
.meeting-item strong{font-size:13px}
.meeting-item small{font-size:11px;color:var(--muted)}
.meeting-icon{display:grid;place-items:center;width:38px;height:38px;background:var(--surface-2);border-radius:10px;color:var(--accent-text)}
.meeting-icon .icon{width:17px;height:17px}
.empty-view{padding:34px 20px;text-align:center;color:var(--muted)}
.empty-view .icon{width:32px;height:32px;margin:0 auto 8px}
.empty-view h3{font-weight:700;color:var(--ink);font-size:15px}
.empty-view p{font-size:12px;margin-top:7px}
.empty-view.small{padding:18px}
.command-footer{display:flex;justify-content:space-between;gap:18px;margin-top:32px;padding-top:15px;border-top:1px solid var(--border);font-size:10px;color:var(--muted);letter-spacing:.05em}
.feedback{border-radius:10px;padding:12px 15px;margin-bottom:18px;font-size:13px;border:1px solid var(--border)}
.feedback.success{background:var(--success-soft);color:var(--success-strong)}
.feedback.error{background:var(--danger-soft);color:var(--danger-strong)}
.login-shell{min-height:100vh;display:grid;grid-template-columns:1.15fr .85fr}
.login-art{background:var(--x-nav-bg);padding:clamp(32px,8vw,120px);display:flex;flex-direction:column;justify-content:center}
.login-art .royal{border:1px solid var(--accent-border);color:var(--accent-text);border-radius:25px;width:90px;height:90px;display:grid;place-items:center;margin-bottom:34px}
.login-art .royal .icon{width:45px;height:45px}
.login-art h1{font:800 clamp(42px,5.4vw,86px)/1.04 var(--font-display);letter-spacing:-.06em}
.login-art h1 em{color:var(--accent-text);font-style:normal}
.login-art>p:not(.overline){max-width:440px;font-size:15px;line-height:1.8;color:var(--muted);margin-top:26px}
.login-art .owner-tag{margin-top:38px;align-self:flex-start}
.login-form{align-self:center;width:min(100%,500px);margin:auto;padding:36px}
.login-form h2{font:700 30px var(--font-display);letter-spacing:-.04em}
.login-form>p:not(.overline){font-size:13px;color:var(--muted);line-height:1.7;margin:10px 0 28px}
.login-form .form-stack{gap:20px}
.login-form .btn{margin-top:12px}
.login-form .small-note{font-size:11px;color:var(--muted);margin-top:16px}
.error-box{padding:12px;background:var(--danger-soft);color:var(--danger-strong);border-radius:10px;font-size:12px}
@media (max-width:1050px){.columns{grid-template-columns:1fr}.right-col{order:2}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:720px){.command-top-inner{padding:12px 15px}.identity{display:none}.command-main{padding:22px 15px}.welcome{align-items:flex-start;flex-direction:column}.metrics{gap:8px}.metrics>div{padding:15px}.panel{padding:17px}.login-shell{grid-template-columns:1fr}.login-art{min-height:320px;padding:36px}.login-art .royal{width:64px;height:64px;margin-bottom:15px}.login-art h1{font-size:44px}.login-art>p:not(.overline){margin-top:12px}.login-art .owner-tag{margin-top:14px}.login-form{padding:32px 24px}.form-duo{grid-template-columns:1fr}.msg-actions{flex-direction:column}.command-footer{flex-direction:column}.metrics strong{font-size:27px}}