:root {
  color-scheme: dark;
  --bg: #080611;
  --panel: rgba(20, 14, 35, .82);
  --panel-solid: #151024;
  --panel-hover: rgba(38, 24, 62, .94);
  --purple: #c4b5fd;
  --purple-strong: #8b5cf6;
  --pink: #e879f9;
  --text: #faf7ff;
  --muted: #aaa1bd;
  --border: rgba(196, 181, 253, .15);
  --success: #86efac;
  --warning: #fcd34d;
  --danger: #fda4af;
}
* { box-sizing: border-box; }
html { min-height: 100%; scroll-behavior: smooth; }
body {
  margin: 0; min-height: 100vh; overflow-x: hidden;
  background: radial-gradient(ellipse at 50% -10%, #32145a 0%, transparent 55%),
              radial-gradient(ellipse at 100% 60%, #190d32 0%, transparent 42%), var(--bg);
  color: var(--text); font-family: Inter, "Segoe UI", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
}
a { color: inherit; }
button, input, select, textarea { font: inherit; }
button, select { color: var(--text); }
button:disabled { opacity: .45; cursor: not-allowed; transform: none !important; box-shadow: none !important; }
.shell { position: relative; width: min(1160px, 100%); margin: 0 auto; padding: 26px 30px; }
.topbar {
  display: flex; align-items: center; justify-content: space-between; gap: 20px;
  padding: 15px 19px; border: 1px solid var(--border); border-radius: 18px;
  background: rgba(12, 9, 23, .78); backdrop-filter: blur(18px);
}
.brand { font-size: 25px; font-weight: 950; letter-spacing: -1.3px; text-decoration: none; }
.brand span { color: var(--purple); text-shadow: 0 0 24px rgba(139, 92, 246, .4); }
.topbar-actions { display: flex; align-items: center; gap: 18px; }
.topbar-actions form { margin: 0; }
.status { display: inline-flex; align-items: center; gap: 9px; color: var(--muted); font-size: 12px; font-weight: 700; letter-spacing: .6px; }
.status i { width: 8px; height: 8px; border-radius: 50%; background: #4ade80; box-shadow: 0 0 13px rgba(74, 222, 128, .55); }
.button {
  display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  min-height: 45px; padding: 0 18px; border: 1px solid rgba(255,255,255,.17);
  border-radius: 12px; background: linear-gradient(110deg, #7c3aed, #a855f7 55%, #d946ef);
  box-shadow: 0 8px 28px rgba(124,58,237,.2); color: white; font-size: 13px;
  font-weight: 800; text-decoration: none; cursor: pointer;
  transition: transform .16s ease, filter .16s ease, box-shadow .16s ease;
}
.button:hover { transform: translateY(-2px); filter: brightness(1.1); box-shadow: 0 12px 30px rgba(168,85,247,.3); }
.button:active { transform: scale(.98); }
.button.secondary { border-color: var(--border); background: rgba(35,25,54,.9); box-shadow: none; }
.logout-button { min-height: 38px; }
.dashboard-heading { display: flex; justify-content: space-between; align-items: end; gap: 28px; padding: 66px 2px 35px; }
.dashboard-heading > div:first-child { max-width: 690px; }
.eyebrow, .section-kicker {
  display: inline-flex; align-items: center; gap: 9px; color: #d8c8ff;
  font-size: 10px; font-weight: 850; letter-spacing: 2px;
}
.eyebrow { padding: 9px 13px; border: 1px solid rgba(167,139,250,.25); border-radius: 999px; background: rgba(139,92,246,.09); }
.eyebrow::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--pink); box-shadow: 0 0 12px var(--pink); }
.dashboard-heading h1 { margin: 22px 0 14px; font-size: clamp(42px, 6vw, 68px); font-weight: 950; line-height: 1; letter-spacing: -3.4px; }
.dashboard-heading h1 span { color: transparent; background: linear-gradient(100deg,#c4b5fd,#a78bfa 45%,#e879f9); -webkit-background-clip: text; background-clip: text; }
.dashboard-heading p, .feature-panel > p { color: var(--muted); font-size: 14px; line-height: 1.8; }
.user-chip { display: flex; align-items: center; gap: 12px; flex-shrink: 0; padding: 12px 15px; border: 1px solid var(--border); border-radius: 15px; background: var(--panel); }
.user-chip img, .avatar-fallback { width: 44px; height: 44px; border-radius: 50%; object-fit: cover; border: 2px solid rgba(167,139,250,.6); }
.avatar-fallback { display: grid; place-items: center; background: #332052; font-weight: 900; }
.user-chip strong, .user-chip small { display: block; }
.user-chip strong { max-width: 175px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; }
.user-chip small { margin-top: 4px; color: var(--muted); font-size: 11px; }
.panel, .metric-card {
  border: 1px solid var(--border); border-radius: 20px;
  background: linear-gradient(145deg, rgba(31,22,49,.9), rgba(15,11,26,.88));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035);
}
.panel { padding: 25px; }
.section-heading { display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.section-heading h2 { margin: 8px 0 0; font-size: 20px; letter-spacing: -.4px; }
.section-kicker { color: #b9a6ef; font-size: 9px; letter-spacing: 1.8px; }
.picker-row { display: grid; grid-template-columns: 1fr; gap: 10px; margin-top: 24px; }
label { color: #ded5f0; font-size: 12px; font-weight: 750; }
select {
  width: 100%; min-height: 48px; padding: 0 14px; border: 1px solid rgba(196,181,253,.2);
  border-radius: 11px; outline: none; background: #100b1d; color: var(--text);
}
select:focus-visible { border-color: var(--purple-strong); box-shadow: 0 0 0 3px rgba(139,92,246,.15); }
.muted-copy { color: var(--muted); font-size: 12px; line-height: 1.7; }
.notice-box { margin-top: 19px; padding: 13px 15px; border: 1px solid var(--border); border-radius: 12px; background: rgba(8,6,17,.55); color: #d9d1e8; font-size: 12px; line-height: 1.6; }
.notice-box.success { color: var(--success); border-color: rgba(134,239,172,.2); background: rgba(34,197,94,.06); }
.notice-box.warning { color: var(--warning); border-color: rgba(252,211,77,.2); background: rgba(234,179,8,.05); }
.notice-box.error { color: var(--danger); border-color: rgba(253,164,175,.24); background: rgba(244,63,94,.06); }
.overview-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; margin-top: 17px; }
.metric-card { position: relative; display: flex; flex-direction: column; align-items: flex-start; min-height: 164px; padding: 22px; overflow: hidden; }
.metric-icon { display: grid; place-items: center; width: 37px; height: 37px; margin-bottom: 18px; border: 1px solid rgba(196,181,253,.18); border-radius: 11px; background: rgba(139,92,246,.12); color: #d8c8ff; font-size: 19px; }
.metric-label { color: var(--muted); font-size: 11px; font-weight: 700; }
.metric-card strong { max-width: 100%; margin-top: 7px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 23px; letter-spacing: -.5px; }
.metric-card small { margin-top: 5px; color: #817792; font-size: 10px; }
.workspace-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; margin-top: 17px; }
.feature-panel { display: flex; flex-direction: column; align-items: flex-start; min-height: 218px; }
.feature-panel .section-heading { width: 100%; }
.feature-panel > p { min-height: 48px; margin: 18px 0 8px; font-size: 12px; }
.feature-panel .button { margin-top: auto; }
.panel-symbol { color: #c4b5fd; font-size: 24px; }
.results-panel { margin-top: 17px; }
.results-heading { align-items: flex-end; }
.compact-button { min-height: 36px; padding: 0 13px; font-size: 11px; }
.results-panel > .muted-copy { margin: 14px 0 18px; }
.empty-state { display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 195px; gap: 9px; border: 1px dashed rgba(196,181,253,.18); border-radius: 14px; background: rgba(8,6,17,.3); text-align: center; padding: 24px; }
.empty-orbit { display: grid; place-items: center; width: 46px; height: 46px; margin-bottom: 3px; border: 1px solid rgba(196,181,253,.23); border-radius: 50%; color: #c4b5fd; box-shadow: 0 0 24px rgba(139,92,246,.15); font-size: 22px; }
.empty-state strong { font-size: 13px; }
.empty-state span { color: var(--muted); font-size: 11px; line-height: 1.6; }
.empty-state.error-state { border-color: rgba(253,164,175,.24); }
.result-data { max-height: 520px; overflow: auto; margin: 0; padding: 19px; border: 1px solid var(--border); border-radius: 13px; background: #080611; color: #ddd2f4; font: 12px/1.7 "Cascadia Code", Consolas, monospace; white-space: pre-wrap; overflow-wrap: anywhere; }
.dashboard-footer { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 12px; margin-top: 35px; padding: 22px 0 12px; border-top: 1px solid rgba(196,181,253,.1); color: #817792; font-size: 10px; }
::selection { color: white; background: #7c3aed; }
:focus-visible { outline: 2px solid #c4b5fd; outline-offset: 4px; }
@media (max-width: 850px) {
  .dashboard-heading { align-items: flex-start; flex-direction: column; padding-top: 48px; }
  .overview-grid, .workspace-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .feature-panel:last-child { grid-column: 1/-1; }
}
@media (max-width: 580px) {
  .shell { padding: 14px; }
  .topbar { padding: 12px; }
  .brand { font-size: 21px; }
  .topbar-actions { gap: 8px; }
  .topbar-actions .status { display: none; }
  .dashboard-heading { padding: 43px 2px 25px; }
  .dashboard-heading h1 { font-size: clamp(39px,12vw,54px); letter-spacing: -2px; }
  .user-chip { width: 100%; }
  .overview-grid, .workspace-grid { grid-template-columns: 1fr; }
  .feature-panel:last-child { grid-column: auto; }
  .metric-card { min-height: 140px; }
  .panel { padding: 18px; }
  .section-heading { align-items: flex-start; flex-wrap: wrap; }
  .section-heading .button { min-height: 39px; }
  .dashboard-footer { flex-direction: column; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}

/* Landing page styles retained alongside the dashboard redesign. */
.hero { position: relative; max-width: 780px; padding: 112px 0 92px; }
.hero h1 { margin: 26px 0 22px; font-size: clamp(46px, 7.5vw, 88px); font-weight: 950; line-height: .99; letter-spacing: -4.5px; }
.hero h1 span { color: transparent; background: linear-gradient(100deg, #c4b5fd, #a78bfa 45%, #e879f9); -webkit-background-clip: text; background-clip: text; }
.hero > p { max-width: 580px; color: var(--muted); font-size: 16px; line-height: 1.85; }
.hero .button { min-height: 51px; margin-top: 20px; padding: 0 23px; font-size: 14px; }
.hint, .notice { color: #9187a8 !important; font-size: 12px !important; }
.profile { display: flex; align-items: center; gap: 15px; width: fit-content; max-width: 100%; margin-top: 30px; padding: 14px 18px; border: 1px solid var(--border); border-radius: 17px; background: var(--panel); }
.profile img { width: 51px; height: 51px; border: 2px solid rgba(167,139,250,.65); border-radius: 50%; object-fit: cover; box-shadow: 0 0 22px rgba(139,92,246,.2); }
.profile strong, .profile small { display: block; }
.profile strong { font-size: 15px; }
.profile small { margin-top: 5px; color: var(--muted); font-size: 12px; }
.cards { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 17px; }
.cards article { position: relative; min-height: 190px; overflow: hidden; padding: 25px; border: 1px solid var(--border); border-radius: 20px; background: linear-gradient(145deg,rgba(31,22,49,.88),rgba(15,11,26,.82)); box-shadow: inset 0 1px 0 rgba(255,255,255,.035); transition: transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease; }
.cards article::after { position: absolute; right: -35px; bottom: -55px; width: 130px; height: 130px; border-radius: 50%; background: rgba(139,92,246,.1); filter: blur(35px); content: ""; pointer-events: none; }
.cards article:hover { transform: translateY(-5px); border-color: rgba(167,139,250,.4); background: var(--panel-hover); box-shadow: 0 15px 40px rgba(0,0,0,.2); }
.cards article span { color: #c4b5fd; font-size: 11px; font-weight: 850; letter-spacing: 2px; }
.cards h2 { margin: 24px 0 9px; font-size: 17px; letter-spacing: -.3px; }
.cards p { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.8; }
body > main > footer { margin-top: 48px; padding: 23px 0 12px; border-top: 1px solid rgba(196,181,253,.1); color: #817792; font-size: 11px; line-height: 1.8; }
@media (max-width: 760px) {
  .shell { padding: 17px; }
  .hero { padding: 83px 0 65px; }
  .hero h1 { font-size: clamp(43px,10vw,68px); letter-spacing: -2.8px; }
  .cards { grid-template-columns: 1fr; gap: 13px; }
  .cards article { min-height: 155px; padding: 22px; }
  body > main > footer { margin-top: 34px; }
}


/* ================================================================
   ORBITAL CONTROL CENTER — server picker, right navigation and themes
   ================================================================ */
body { --accent: #a78bfa; --accent-2: #e879f9; --accent-rgb: 139,92,246; }
body[data-theme="ocean"] { --accent:#7dd3fc; --accent-2:#60a5fa; --accent-rgb:56,189,248; --bg:#06101b; --panel:rgba(8,25,43,.86); --panel-hover:rgba(14,42,68,.94); --border:rgba(125,211,252,.18); }
body[data-theme="emerald"] { --accent:#6ee7b7; --accent-2:#34d399; --accent-rgb:16,185,129; --bg:#06130f; --panel:rgba(8,32,25,.86); --panel-hover:rgba(12,49,37,.94); --border:rgba(110,231,183,.18); }
body[data-theme="crimson"] { --accent:#fda4af; --accent-2:#fb7185; --accent-rgb:244,63,94; --bg:#14070e; --panel:rgba(39,12,24,.86); --panel-hover:rgba(59,15,34,.94); --border:rgba(253,164,175,.19); }
body[data-theme] { background: radial-gradient(ellipse at 55% -10%, rgba(var(--accent-rgb),.19), transparent 56%), radial-gradient(ellipse at 100% 60%, rgba(var(--accent-rgb),.08), transparent 42%), var(--bg); transition: background .35s ease, color .25s ease; }
body[data-theme] .brand span, body[data-theme] .dashboard-heading h1 span, body[data-theme] .server-stage h1 span { background:linear-gradient(110deg,var(--accent),var(--accent-2)); -webkit-background-clip:text; background-clip:text; color:transparent; text-shadow:none; }
body[data-theme] .button:not(.secondary), body[data-theme] .confirm-server-button { background:linear-gradient(110deg, color-mix(in srgb,var(--accent) 70%, #4c1d95), var(--accent-2)); }
body[data-theme] .eyebrow::before, body[data-theme] .status i { background:var(--accent-2); box-shadow:0 0 13px rgba(var(--accent-rgb),.7); }
body[data-theme] .sidebar-link.active { border-color:rgba(var(--accent-rgb),.28); background:rgba(var(--accent-rgb),.11); color:var(--accent); }
body[data-theme] .metric-icon, body[data-theme] .panel-symbol, body[data-theme] .empty-orbit { color:var(--accent); }
body[data-theme] .panel, body[data-theme] .metric-card, body[data-theme] .user-chip, body[data-theme] .current-server-chip { border-color:var(--border); }
body[data-theme] .welcome-emblem, body[data-theme] .sidebar-brand-icon { border-color:rgba(var(--accent-rgb),.35); box-shadow:0 0 35px rgba(var(--accent-rgb),.16); }

.dashboard-shell { width:min(1460px,100%); max-width:1460px; }
.topbar-user { display:flex; align-items:center; gap:9px; min-width:0; }
.topbar-user img { width:34px;height:34px;object-fit:cover;border-radius:50%;border:1px solid var(--border); }
.topbar-username { max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#e9e0ff;font-size:12px;font-weight:750; }
.small-avatar { width:34px !important;height:34px !important;font-size:12px; }
.server-stage { position:relative; min-height:calc(100vh - 120px); display:flex; flex-direction:column; align-items:center; text-align:center; justify-content:center; padding:58px 0 35px; isolation:isolate; }
.server-stage > .eyebrow { z-index:1; }
.server-stage h1 { position:relative; z-index:1; margin:24px 0 16px; font-size:clamp(48px,7vw,82px); line-height:.98; letter-spacing:-4px; font-weight:950; }
.server-stage h1 span, .dashboard-heading h1 span { color:transparent; background:linear-gradient(110deg,#c4b5fd,#a78bfa 48%,#e879f9); -webkit-background-clip:text;background-clip:text; }
.stage-copy { position:relative;z-index:1;max-width:610px;margin:0 auto 28px;color:var(--muted);font-size:14px;line-height:1.85; }
.server-picker { width:min(660px,100%);text-align:left;padding:25px;background:linear-gradient(145deg,rgba(31,22,49,.94),rgba(12,9,23,.9));backdrop-filter:blur(16px); }
.server-picker .section-heading { margin-bottom:20px; }
.picker-icon { display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--border);border-radius:13px;color:var(--accent);background:rgba(var(--accent-rgb),.09);font-size:22px; }
.server-picker label { display:block;margin-bottom:9px; }
.server-picker-row { display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px; }
.server-picker-row select { min-width:0; }
.server-picker .muted-copy { margin:12px 0 0; }
.confirm-server-button { width:100%;margin-top:15px;min-height:49px; }
.stage-footnote { display:flex;align-items:center;justify-content:center;gap:8px;margin-top:21px;color:#8e83a6;font-size:11px; }
.secure-dot { display:inline-block;width:7px;height:7px;flex-shrink:0;border-radius:50%;background:#6ee7b7;box-shadow:0 0 12px rgba(110,231,183,.6); }
.stage-orbit { position:absolute; z-index:-1; width:min(470px,82vw); aspect-ratio:1;border:1px solid rgba(var(--accent-rgb),.09);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-54%);pointer-events:none;animation:stage-orbit-spin 36s linear infinite; }
.stage-orbit::before,.stage-orbit::after { content:"";position:absolute;border:1px solid rgba(var(--accent-rgb),.09);border-radius:50%;inset:12%;transform:rotate(45deg) scaleX(.65); }
.stage-orbit::after { inset:22%;transform:rotate(-38deg) scaleX(.75); }
.stage-orbit span,.stage-orbit i,.stage-orbit b { position:absolute;width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 18px rgba(var(--accent-rgb),.9); }
.stage-orbit span { top:15%;left:20%; }.stage-orbit i { right:11%;top:54%;width:5px;height:5px; }.stage-orbit b { left:48%;bottom:4%;width:6px;height:6px; }
@keyframes stage-orbit-spin { to { transform:translate(-50%,-54%) rotate(360deg); } }
.control-workspace[hidden], .server-stage[hidden], .workspace-panel[hidden], .welcome-overlay[hidden] { display:none !important; }
.workspace-heading { display:flex;align-items:flex-end;justify-content:space-between;gap:22px;padding:49px 2px 26px; }
.workspace-heading h1 { margin:20px 0 12px;font-size:clamp(42px,5vw,64px);font-weight:950;line-height:1;letter-spacing:-3px; }
.workspace-heading p { max-width:600px;color:var(--muted);font-size:13px;line-height:1.8; }
.current-server-chip { display:flex;align-items:center;gap:12px;min-width:250px;max-width:360px;padding:13px 14px;border:1px solid var(--border);border-radius:16px;background:var(--panel); }
.server-chip-icon { display:grid;place-items:center;width:42px;height:42px;flex-shrink:0;border-radius:12px;background:rgba(var(--accent-rgb),.12);color:var(--accent);font-size:23px; }
.current-server-chip div { min-width:0;flex:1; }
.current-server-chip small,.current-server-chip strong { display:block; }
.current-server-chip small { color:var(--muted);font-size:9px;font-weight:850;letter-spacing:1.5px; }
.current-server-chip strong { margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px; }
.icon-button { width:33px;height:33px;border:1px solid var(--border);border-radius:10px;background:rgba(255,255,255,.035);color:var(--text);cursor:pointer; }
.workspace-layout { display:grid;grid-template-columns:minmax(0,1fr) 282px;align-items:start;gap:18px;direction:ltr; }
.workspace-main { min-width:0; }
.workspace-panel { min-width:0;animation:panel-arrive .35s ease both; }
@keyframes panel-arrive { from { opacity:0;transform:translateY(9px); } to { opacity:1;transform:translateY(0); } }
.panel-heading { display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:20px; }
.panel-heading h2 { margin:9px 0 8px;font-size:23px;letter-spacing:-.5px; }
.panel-heading p { max-width:650px;margin:0;color:var(--muted);font-size:12px;line-height:1.7; }
.metric-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px; }
.metric-card { display:flex;flex-direction:column;align-items:flex-start;min-width:0;min-height:155px;padding:18px;border:1px solid var(--border);border-radius:17px;background:linear-gradient(145deg,rgba(31,22,49,.9),rgba(15,11,26,.88)); }
.metric-icon { display:grid;place-items:center;width:33px;height:33px;margin-bottom:14px;border:1px solid var(--border);border-radius:10px;background:rgba(var(--accent-rgb),.1);color:var(--accent);font-size:17px; }
.metric-label { color:var(--muted);font-size:10px;font-weight:750; }
.metric-card strong { max-width:100%;margin-top:7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:20px;letter-spacing:-.5px; }
.metric-card small { margin-top:5px;color:#817792;font-size:10px;line-height:1.5; }
.data-panel { margin-top:15px;padding:22px;border:1px solid var(--border);border-radius:18px;background:rgba(12,9,23,.72); }
.data-panel-heading { display:flex;align-items:center;justify-content:space-between;gap:12px; }
.data-panel-heading h3 { margin:7px 0 0;font-size:17px; }
.data-panel > .muted-copy { margin:13px 0 17px; }
.module-intro { display:flex;align-items:flex-start;gap:14px;margin:17px 0;padding:20px;border:1px solid var(--border);border-radius:16px;background:rgba(var(--accent-rgb),.045); }
.module-symbol { display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;border:1px solid var(--border);border-radius:13px;background:rgba(var(--accent-rgb),.09);color:var(--accent);font-size:21px; }
.module-intro strong { display:block;margin-top:2px;font-size:14px; }
.module-intro p { margin:7px 0 0;color:var(--muted);font-size:12px;line-height:1.8; }
.control-sidebar { position:sticky;top:17px;min-width:0;padding:19px;border:1px solid var(--border);border-radius:21px;background:linear-gradient(160deg,rgba(22,15,37,.96),rgba(9,7,18,.96));box-shadow:0 15px 45px rgba(0,0,0,.14);backdrop-filter:blur(18px); }
.sidebar-brand { display:flex;align-items:center;gap:11px;padding:3px 1px 19px;border-bottom:1px solid var(--border); }
.sidebar-brand-icon { display:grid;place-items:center;width:39px;height:39px;border:1px solid rgba(var(--accent-rgb),.35);border-radius:12px;background:rgba(var(--accent-rgb),.12);box-shadow:0 0 25px rgba(var(--accent-rgb),.12);font-size:20px;font-weight:950; }
.sidebar-brand strong,.sidebar-brand small { display:block; }
.sidebar-brand strong { font-size:10px;letter-spacing:1.6px; }
.sidebar-brand small { margin-top:5px;color:var(--muted);font-size:10px; }
.sidebar-group { margin-top:21px; }
.sidebar-label { display:block;margin:0 0 10px 8px;color:#847995;font-size:9px;font-weight:900;letter-spacing:1.6px; }
.sidebar-link { display:flex;align-items:center;gap:11px;width:100%;min-height:42px;margin:4px 0;padding:0 11px;border:1px solid transparent;border-radius:11px;background:transparent;color:#b9afcb;text-align:left;font-size:12px;font-weight:750;cursor:pointer;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease; }
.sidebar-link:hover { transform:translateX(-3px);background:rgba(255,255,255,.035);color:var(--text); }
.sidebar-link.active { border-color:rgba(167,139,250,.22);background:rgba(139,92,246,.1);color:#d7c8ff; }
.sidebar-link-icon { display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:rgba(255,255,255,.045);font-size:15px; }
.sidebar-link i { margin-left:auto;font-size:20px;font-style:normal;opacity:.7; }
.control-label { display:block;margin:4px 0 9px;color:#d9d0e9;font-size:11px;font-weight:750; }
.theme-select-wrap { display:flex;align-items:center;gap:8px;padding:0 10px;border:1px solid var(--border);border-radius:11px;background:rgba(7,5,15,.55); }
.theme-select-wrap > span { color:var(--accent); }
.theme-select-wrap select { min-width:0;min-height:42px;border:0;background:transparent;font-size:11px; }
.animation-setting { display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:17px;padding-top:15px;border-top:1px solid var(--border); }
.animation-setting strong,.animation-setting small { display:block; }
.animation-setting strong { font-size:11px; }
.animation-setting small { max-width:165px;margin-top:5px;color:var(--muted);font-size:9px;line-height:1.5; }
.toggle-switch { position:relative;display:inline-flex;flex-shrink:0;width:39px;height:22px;cursor:pointer; }
.toggle-switch input { position:absolute;width:1px;height:1px;opacity:0; }
.toggle-switch > span { position:absolute;inset:0;border:1px solid rgba(255,255,255,.17);border-radius:999px;background:#2a2435;transition:background .2s ease; }
.toggle-switch > span::after { content:"";position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:#c4b5fd;transition:transform .2s ease; }
.toggle-switch input:checked + span { background:rgba(var(--accent-rgb),.35);border-color:rgba(var(--accent-rgb),.6); }
.toggle-switch input:checked + span::after { transform:translateX(16px);background:var(--accent); }
.toggle-switch input:focus-visible + span { outline:2px solid var(--accent);outline-offset:3px; }
.sidebar-status { display:flex;align-items:center;gap:9px;margin-top:22px;padding:13px 11px;border:1px solid var(--border);border-radius:12px;background:rgba(255,255,255,.02); }
.sidebar-status strong,.sidebar-status small { display:block; }
.sidebar-status strong { font-size:10px; }
.sidebar-status small { margin-top:4px;color:var(--muted);font-size:9px; }
.sidebar-change { width:100%;margin-top:10px;padding:10px;border:0;border-radius:10px;background:transparent;color:#b9afcb;text-align:left;font-size:11px;cursor:pointer; }
.sidebar-change:hover { background:rgba(var(--accent-rgb),.08);color:var(--accent); }
.dashboard-footer { display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:28px;padding:20px 0 10px;border-top:1px solid var(--border);color:#817792;font-size:10px; }
.welcome-overlay { position:fixed;z-index:1000;inset:0;display:grid;place-items:center;padding:22px;background:rgba(4,3,10,.74);opacity:0;backdrop-filter:blur(0);transition:opacity .36s ease,backdrop-filter .36s ease; }
.welcome-overlay.welcome-visible { opacity:1;backdrop-filter:blur(12px); }
.welcome-card { position:relative;width:min(490px,100%);overflow:hidden;padding:36px 33px 28px;border:1px solid rgba(var(--accent-rgb),.28);border-radius:25px;background:radial-gradient(ellipse at 50% 0%,rgba(var(--accent-rgb),.18),transparent 60%),#100b1d;box-shadow:0 30px 100px rgba(0,0,0,.52),0 0 70px rgba(var(--accent-rgb),.12);text-align:center;transform:translateY(18px) scale(.97);transition:transform .42s cubic-bezier(.2,.85,.25,1); }
.welcome-visible .welcome-card { transform:translateY(0) scale(1); }
.welcome-emblem { position:relative;display:grid;place-items:center;width:78px;height:78px;margin:0 auto 23px;border:1px solid rgba(var(--accent-rgb),.4);border-radius:24px;background:linear-gradient(145deg,rgba(var(--accent-rgb),.18),rgba(255,255,255,.025));box-shadow:0 0 42px rgba(var(--accent-rgb),.14); }
.welcome-emblem > span { font-size:33px;font-weight:950;color:var(--accent);text-shadow:0 0 24px rgba(var(--accent-rgb),.42); }
.welcome-emblem i,.welcome-emblem b { position:absolute;inset:-9px;border:1px dashed rgba(var(--accent-rgb),.4);border-radius:30px;animation:welcome-ring 12s linear infinite; }
.welcome-emblem b { inset:-17px;border-color:rgba(var(--accent-rgb),.16);animation-direction:reverse; }
@keyframes welcome-ring { to { transform:rotate(360deg); } }
.welcome-card h2 { margin:14px 0 10px;font-size:clamp(27px,5vw,34px);letter-spacing:-1px; }
.welcome-card h2 span { color:var(--accent); }
.welcome-card p { margin:0 auto;color:var(--muted);font-size:13px;line-height:1.8;overflow-wrap:anywhere; }
.welcome-progress { height:3px;margin:24px 0 20px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.07); }
.welcome-progress span { display:block;width:100%;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-2));transform:scaleX(0);transform-origin:left; }
.welcome-visible .welcome-progress span { animation:welcome-progress 4.3s linear forwards; }
@keyframes welcome-progress { to { transform:scaleX(1); } }
.welcome-dismiss { min-height:40px;padding:0 17px;border:1px solid var(--border);border-radius:11px;background:rgba(var(--accent-rgb),.09);color:var(--text);font-weight:800;font-size:12px;cursor:pointer; }
.welcome-dismiss:hover { box-shadow:0 0 24px rgba(var(--accent-rgb),.16); }
[dir="rtl"] .workspace-layout { direction:rtl; }
[dir="rtl"] .sidebar-link { text-align:right; }
[dir="rtl"] .sidebar-link i { margin-left:0;margin-right:auto; }
[dir="rtl"] .sidebar-link:hover { transform:translateX(3px); }
[dir="rtl"] .sidebar-label { margin-left:0;margin-right:8px; }
[dir="rtl"] .animation-setting { direction:rtl; }
[dir="rtl"] .dashboard-footer { direction:rtl; }
@media (max-width: 1050px) {
  .workspace-layout { grid-template-columns:minmax(0,1fr) 255px;gap:13px; }
  .control-sidebar { padding:15px; }
  .topbar-username { max-width:100px; }
  .current-server-chip { min-width:210px; }
}
@media (max-width: 820px) {
  .workspace-heading { align-items:flex-start;flex-direction:column;padding-top:36px; }
  .current-server-chip { width:100%;max-width:none; }
  .workspace-layout { grid-template-columns:1fr; }
  .control-sidebar { position:static;grid-row:1;display:grid;grid-template-columns:1fr 1fr;gap:10px 15px; }
  .sidebar-brand { grid-column:1/-1;padding-bottom:12px; }
  .sidebar-group { margin-top:7px; }
  .appearance-group { border-left:1px solid var(--border);padding-left:12px; }
  [dir="rtl"] .appearance-group { border-left:0;border-right:1px solid var(--border);padding-left:0;padding-right:12px; }
  .sidebar-status,.sidebar-change { margin-top:0; }
  .sidebar-status { grid-column:1/-1; }
  .sidebar-change { grid-column:1/-1; }
}
@media (max-width: 560px) {
  .shell.dashboard-shell { padding:13px; }
  .topbar { padding:10px 11px;gap:10px; }
  .topbar-actions { gap:9px; }
  .topbar-user .topbar-username { display:none; }
  .topbar-actions .status { display:none; }
  .logout-button { min-height:34px;padding:0 10px;font-size:11px; }
  .server-stage { padding-top:40px; }
  .server-stage h1 { font-size:clamp(44px,13vw,62px);letter-spacing:-2px; }
  .server-picker { padding:18px; }
  .server-picker-row { grid-template-columns:minmax(0,1fr); }
  .stage-footnote { font-size:10px; }
  .workspace-heading h1 { font-size:clamp(37px,12vw,52px);letter-spacing:-1.8px; }
  .metric-grid { grid-template-columns:1fr; }
  .metric-card { min-height:125px; }
  .control-sidebar { padding:13px;grid-template-columns:1fr; }
  .sidebar-brand,.sidebar-status,.sidebar-change { grid-column:auto; }
  .appearance-group { border-left:0;padding-left:0;border-top:1px solid var(--border);padding-top:10px; }
  [dir="rtl"] .appearance-group { border-right:0;padding-right:0; }
  .panel-heading { flex-direction:column; }
  .panel-heading .button { align-self:flex-start; }
  .data-panel { padding:15px; }
  .welcome-card { padding:28px 20px 22px; }
  .dashboard-footer { flex-direction:column; }
}
@media (prefers-reduced-motion: reduce) {
  .stage-orbit,.welcome-emblem i,.welcome-emblem b,.welcome-progress span { animation:none !important; }
  .workspace-panel,.welcome-card,.welcome-overlay { transition:none !important; }
}

/* Language switcher: same visual language as the theme selector. */
.appearance-group > #language-select {
  display:block;
  width:100%;
  min-height:42px;
  margin:0 0 15px;
  padding:0 11px;
  border:1px solid var(--border);
  border-radius:11px;
  background:rgba(7,5,15,.55);
  color:var(--text);
  font-size:11px;
}
.appearance-group > #language-select:focus-visible {
  outline:2px solid var(--accent);
  outline-offset:2px;
}
[dir="rtl"] .appearance-group > #language-select { text-align:right; }

/* Language selector and live status for the OrBital control center. */
.appearance-group #language-select {
  display: block;
  width: 100%;
  min-width: 0;
  min-height: 42px;
  margin: 0 0 15px;
  padding: 0 10px;
  border: 1px solid var(--border);
  border-radius: 11px;
  background: rgba(7,5,15,.55);
  color: var(--text);
  font-size: 11px;
}
.workspace-notice { margin: 0 0 17px; }
.workspace-notice:empty { display: none; }
[dir="rtl"] .workspace-notice { text-align: right; }


/* ================================================================
   LIVE BOT MODULES — CARDS, FILTERS AND EDITORS
   ================================================================ */
.ticket-tools {
  display:grid;
  grid-template-columns:minmax(200px,1.6fr) minmax(120px,.7fr) minmax(145px,.9fr) auto;
  align-items:center;
  gap:10px;
  margin:18px 0 14px;
}
.ticket-search { display:flex; align-items:center; gap:8px; min-width:0; padding:0 12px; min-height:43px; border:1px solid var(--border); border-radius:12px; background:var(--surface,rgba(12,8,22,.6)); }
.ticket-search > span { color:var(--accent); font-size:21px; }
.ticket-search input { width:100%; min-width:0; border:0; outline:0; background:transparent; color:var(--text); box-shadow:none; }
.ticket-search input:focus { outline:none; }
.ticket-tools select,
.embed-form select,
.role-settings-grid select {
  width:100%; min-width:0; min-height:43px; padding:9px 11px;
  border:1px solid var(--border); border-radius:12px; background:rgba(12,8,22,.7); color:var(--text);
}
.ticket-result-count { color:var(--muted); font-size:11px; white-space:nowrap; }
.ticket-list { display:grid; gap:12px; }
.ticket-card {
  padding:18px; min-width:0; border:1px solid var(--border); border-radius:17px;
  background:linear-gradient(145deg,rgba(124,58,237,.09),rgba(18,12,31,.66));
  box-shadow:0 9px 28px rgba(0,0,0,.12); transition:border-color .2s,transform .2s;
}
.ticket-card:hover { border-color:color-mix(in srgb,var(--accent) 62%,var(--border)); transform:translateY(-1px); }
.ticket-card-header { display:flex; justify-content:space-between; align-items:flex-start; gap:14px; }
.ticket-card-title-wrap { display:flex; flex-wrap:wrap; align-items:center; gap:9px; min-width:0; }
.ticket-card-title { margin:0; color:var(--text); font-size:15px; overflow-wrap:anywhere; }
.ticket-id { color:var(--muted); font-size:11px; font-family:ui-monospace,SFMono-Regular,Consolas,monospace; }
.ticket-status-pill { display:inline-flex; align-items:center; flex-shrink:0; border-radius:999px; padding:5px 10px; font-size:10px; font-weight:800; letter-spacing:.04em; text-transform:uppercase; }
.ticket-status-pill.open { color:#86efac; border:1px solid rgba(34,197,94,.25); background:rgba(34,197,94,.1); }
.ticket-status-pill.closed { color:#c4b5fd; border:1px solid rgba(139,92,246,.28); background:rgba(139,92,246,.12); }
.ticket-card-meta { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin-top:16px; }
.ticket-meta-item { min-width:0; padding:11px 12px; border:1px solid var(--border); border-radius:11px; background:rgba(4,3,10,.18); }
.ticket-meta-label,.setting-card-label { display:block; color:var(--muted); font-size:10px; letter-spacing:.06em; text-transform:uppercase; }
.ticket-meta-value { display:block; margin-top:5px; color:var(--text); font-size:12px; font-weight:650; overflow-wrap:anywhere; }
.ticket-close-reason { margin:12px 0 0; border-left:3px solid var(--accent); border-radius:0 8px 8px 0; padding:8px 11px; color:var(--muted); background:rgba(0,0,0,.12); font-size:12px; overflow-wrap:anywhere; }
.ticket-card-actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:14px; }
.ticket-card-actions .button { display:inline-flex; align-items:center; justify-content:center; text-decoration:none; }
.overview-visual { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:13px; margin-top:13px; }
.overview-card {
  display:flex; align-items:flex-start; gap:13px; min-width:0; padding:17px;
  border:1px solid var(--border); border-radius:16px;
  background:linear-gradient(145deg,rgba(124,58,237,.1),rgba(20,12,34,.5));
}
.overview-card-icon { display:grid; place-items:center; flex:0 0 39px; height:39px; border:1px solid var(--border); border-radius:12px; background:rgba(124,58,237,.13); color:var(--accent); font-size:19px; }
.overview-card-content { display:grid; gap:4px; min-width:0; }
.overview-card-label { color:var(--muted); font-size:11px; }
.overview-card-value { color:var(--text); font-size:19px; overflow-wrap:anywhere; }
.overview-card-note { color:var(--muted); font-size:11px; overflow-wrap:anywhere; }
.overview-details { grid-column:1/-1; border:1px solid var(--border); border-radius:14px; padding:13px; }
.overview-details summary { cursor:pointer; color:var(--text); font-weight:700; font-size:12px; }
.overview-details .settings-grid { margin-top:13px; }
.settings-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.setting-card-label { margin-bottom:8px; }
.setting-card-value { display:block; color:var(--text); font-size:13px; font-weight:650; overflow-wrap:anywhere; word-break:break-word; }
.role-settings-grid,.embed-builder-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.role-settings-grid .setting-card,.embed-form,.embed-preview-card { min-width:0; padding:20px; }
.role-settings-grid label,.embed-form label,.welcome-editor label { display:block; margin:14px 0 8px; color:var(--text); font-size:12px; font-weight:700; }
.role-settings-grid select { min-height:160px; }
.role-settings-grid select[size="1"] { min-height:43px; }
.field-note { display:block; margin-top:9px; color:var(--muted); font-size:11px; line-height:1.6; }
.setting-actions { display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; gap:9px; margin-top:17px; }
.commands-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.command-card { display:flex; align-items:center; justify-content:space-between; gap:14px; min-width:0; padding:16px; border:1px solid var(--border); border-radius:15px; background:rgba(18,12,31,.55); }
.command-card-details { min-width:0; }
.command-name { display:block; color:var(--text); font-size:13px; overflow-wrap:anywhere; }
.command-description { margin:6px 0 0; color:var(--muted); font-size:11px; line-height:1.5; }
.command-toggle { flex:0 0 auto; }
.welcome-editor { padding:22px; }
.welcome-editor textarea,.embed-form textarea,.embed-form input:not([type="color"]) { width:100%; min-width:0; border:1px solid var(--border); border-radius:12px; padding:12px; color:var(--text); background:rgba(7,5,15,.55); font:inherit; }
.welcome-editor textarea:focus,.embed-form textarea:focus,.embed-form input:focus-visible { outline:2px solid var(--accent); outline-offset:2px; }
.welcome-editor textarea:disabled { opacity:.55; cursor:not-allowed; }
.editor-help { display:flex; flex-wrap:wrap; justify-content:space-between; gap:8px; margin-top:8px; color:var(--muted); font-size:10px; }
.welcome-preview-wrap { margin-top:20px; padding-top:16px; border-top:1px solid var(--border); }
.discord-preview { display:flex; align-items:flex-start; gap:12px; margin-top:10px; padding:15px; border:1px solid #3a2c4d; border-radius:12px; background:#1b1723; color:#eee6f8; }
.preview-bot-avatar { display:grid; flex:0 0 35px; height:35px; place-items:center; border-radius:50%; background:linear-gradient(135deg,#7c3aed,#d946ef); color:white; font-weight:900; }
.discord-preview strong { font-size:12px; }
.discord-preview strong small { margin-left:5px; padding:2px 4px; border-radius:3px; background:#5865f2; color:white; font-size:8px; }
.discord-preview p { margin:6px 0 0; white-space:pre-wrap; overflow-wrap:anywhere; font-size:12px; }
.color-input-row { display:flex; align-items:center; gap:12px; margin-top:5px; }
.color-input-row input[type="color"] { width:46px; height:39px; padding:3px; border:1px solid var(--border); border-radius:10px; background:transparent; }
.color-input-row span { color:var(--muted); font-family:ui-monospace,SFMono-Regular,Consolas,monospace; font-size:12px; }
.discord-embed-preview { border-left:4px solid var(--embed-accent,#8b5cf6); border-radius:0 10px 10px 0; padding:17px; background:#211b2a; color:#eee6f8; overflow-wrap:anywhere; }
.discord-embed-preview strong { display:block; font-size:14px; }
.discord-embed-preview p { margin:9px 0 17px; white-space:pre-wrap; font-size:12px; line-height:1.65; }
.discord-embed-preview small { color:#9f91b4; font-size:10px; }
.embed-preview-card .field-note { margin-top:14px; }
[dir="rtl"] .ticket-close-reason { border-left:0; border-right:3px solid var(--accent); border-radius:8px 0 0 8px; }
[dir="rtl"] .discord-embed-preview { border-left:0; border-right:4px solid var(--embed-accent,#8b5cf6); border-radius:10px 0 0 10px; }
[dir="rtl"] .ticket-search { flex-direction:row; }
@media(max-width:900px) {
  .ticket-tools { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .ticket-search { grid-column:1/-1; }
  .ticket-card-meta { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .settings-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:620px) {
  .ticket-tools,.overview-visual,.settings-grid,.role-settings-grid,.commands-grid,.embed-builder-grid { grid-template-columns:minmax(0,1fr); }
  .ticket-search { grid-column:auto; }
  .ticket-result-count { white-space:normal; }
  .ticket-card { padding:14px; }
  .ticket-card-header { align-items:flex-start; }
  .ticket-card-meta { gap:8px; }
  .ticket-meta-item { padding:9px; }
  .overview-card { padding:14px; }
  .setting-actions { justify-content:stretch; }
  .setting-actions .button { flex:1 1 100%; }
}


/* ---------------------------------------------------------------
   OrBital Control Center vNext — editable bot settings, staff insights,
   persistent server switcher, weekly board, and motion polish.
   --------------------------------------------------------------- */
body[data-theme="aurora"] {
  --accent:#5eead4;
  --accent-2:#22d3ee;
  --accent-rgb:45,212,191;
  --bg:#06121a;
  --panel:rgba(8,29,39,.88);
  --panel-hover:rgba(12,46,59,.96);
  --border:rgba(94,234,212,.2);
}
body[data-theme="amber"] {
  --accent:#fcd34d;
  --accent-2:#fb923c;
  --accent-rgb:251,191,36;
  --bg:#171009;
  --panel:rgba(39,25,11,.88);
  --panel-hover:rgba(58,36,13,.96);
  --border:rgba(252,211,77,.2);
}
body[data-theme="graphite"] {
  --accent:#c4b5fd;
  --accent-2:#e2e8f0;
  --accent-rgb:167,139,250;
  --bg:#090a0f;
  --panel:rgba(23,25,35,.86);
  --panel-hover:rgba(33,36,49,.95);
  --border:rgba(203,213,225,.17);
}
body[data-theme="aurora"]::before,
body[data-theme="amber"]::before,
body[data-theme="graphite"]::before {
  content:"";
  position:fixed;
  inset:-30%;
  pointer-events:none;
  z-index:-1;
  background:
    radial-gradient(ellipse at 18% 12%,rgba(var(--accent-rgb),.13),transparent 34%),
    radial-gradient(ellipse at 80% 66%,rgba(var(--accent-rgb),.09),transparent 37%);
  animation:orbital-atmosphere-drift 24s ease-in-out infinite alternate;
}
@keyframes orbital-atmosphere-drift {
  from { transform:translate3d(-1.5%, -1%, 0) scale(1); }
  to { transform:translate3d(1.5%, 1%, 0) scale(1.05); }
}
.workspace-panel.active {
  animation:orbital-panel-in .42s cubic-bezier(.16,1,.3,1) both;
}
@keyframes orbital-panel-in {
  from { opacity:0;transform:translate3d(0,14px,0) scale(.992);filter:blur(3px); }
  to { opacity:1;transform:translate3d(0,0,0) scale(1);filter:blur(0); }
}
.sidebar-server-switcher {
  display:grid;
  gap:8px;
  margin:14px 0 18px;
  padding:13px;
  border:1px solid var(--border);
  border-radius:15px;
  background:linear-gradient(145deg,rgba(var(--accent-rgb),.09),rgba(8,6,16,.28));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 12px 35px rgba(0,0,0,.12);
}
.sidebar-server-switcher label,
.bot-setting-field>label,
.bot-setting-toggle-row>span {
  color:var(--muted,#b9afcb);
  font-size:11px;
  font-weight:800;
}
.sidebar-server-switcher select,
.bot-setting-select,
.bot-setting-field input,
.staff-adjust-card input,
.staff-adjust-card select,
.weekly-config-card select,
.weekly-config-card textarea {
  width:100%;
  min-width:0;
  min-height:42px;
  border:1px solid var(--border);
  border-radius:11px;
  padding:10px 12px;
  background:rgba(8,6,16,.72);
  color:var(--text);
  outline:none;
  transition:border-color .2s ease,box-shadow .2s ease,background .2s ease,transform .2s ease;
}
.sidebar-server-switcher select:focus-visible,
.bot-setting-select:focus-visible,
.bot-setting-field input:focus-visible,
.staff-adjust-card input:focus-visible,
.staff-adjust-card select:focus-visible,
.weekly-config-card select:focus-visible,
.weekly-config-card textarea:focus-visible {
  border-color:var(--accent);
  box-shadow:0 0 0 3px rgba(var(--accent-rgb),.13),0 0 28px rgba(var(--accent-rgb),.08);
}
.staff-navigation-group { margin-top:14px; }
.bot-settings-grid { display:grid; gap:15px; }
.bot-settings-section { overflow:hidden; }
.bot-settings-section>h3 { margin:0 0 6px;font-size:15px; }
.bot-settings-section>.field-note { margin:0 0 15px; }
.bot-settings-field-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.bot-setting-field {
  display:grid;
  align-content:center;
  gap:7px;
  min-width:0;
  padding:12px;
  border:1px solid color-mix(in srgb,var(--border) 82%,transparent);
  border-radius:13px;
  background:rgba(255,255,255,.018);
  transition:background .2s ease,border-color .2s ease,transform .2s ease;
}
.bot-setting-field:hover {
  background:rgba(var(--accent-rgb),.035);
  border-color:rgba(var(--accent-rgb),.25);
}
.bot-setting-toggle-row {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.settings-details {
  margin-top:14px;
  border:1px solid var(--border);
  border-radius:13px;
  padding:12px 15px;
  background:rgba(0,0,0,.12);
}
.settings-details>summary {
  cursor:pointer;
  color:var(--accent);
  font-size:12px;
  font-weight:800;
}
.settings-details .settings-grid { margin-top:14px; }
.staff-metrics {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin:16px 0;
}
.staff-metric-card {
  position:relative;
  overflow:hidden;
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
  padding:17px;
  border:1px solid var(--border);
  border-radius:17px;
  background:linear-gradient(145deg,rgba(var(--accent-rgb),.09),rgba(14,10,25,.72));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 12px 28px rgba(0,0,0,.12);
  transition:transform .25s cubic-bezier(.2,.85,.25,1),border-color .25s ease,box-shadow .25s ease;
}
.staff-metric-card:hover { transform:translateY(-4px);border-color:rgba(var(--accent-rgb),.32);box-shadow:0 17px 36px rgba(var(--accent-rgb),.09); }
.staff-metric-icon {
  flex:0 0 38px;
  width:38px;height:38px;
  display:grid;place-items:center;
  border:1px solid rgba(var(--accent-rgb),.24);
  border-radius:13px;
  background:rgba(var(--accent-rgb),.1);
  color:var(--accent);
  font-size:18px;
}
.staff-metric-card>div { display:grid;gap:4px;min-width:0; }
.staff-metric-card small { color:var(--muted,#a99bbd);font-size:10px; }
.staff-metric-card strong { font-size:clamp(18px,2vw,25px);overflow-wrap:anywhere; }
.staff-management-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;align-items:start; }
.staff-adjust-card { display:grid;gap:10px; }
.staff-adjust-card .setting-card-heading { margin-bottom:4px; }
.staff-point-fields { display:grid;grid-template-columns:1fr .7fr;gap:10px; }
.staff-point-fields>div { display:grid;gap:7px;min-width:0; }
.staff-point-fields label,.staff-adjust-card>label,.weekly-config-card>label { color:var(--muted,#b9afcb);font-size:11px;font-weight:800; }
.staff-list,.ratings-list { display:grid;gap:10px;min-width:0; }
.staff-row-card {
  padding:14px;
  border:1px solid var(--border);
  border-radius:14px;
  background:linear-gradient(140deg,rgba(var(--accent-rgb),.045),rgba(255,255,255,.015));
  animation:orbital-card-enter .38s cubic-bezier(.16,1,.3,1) both;
}
.staff-row-header { display:flex;align-items:center;justify-content:space-between;gap:12px; }
.staff-row-name { display:grid;gap:4px;min-width:0; }
.staff-row-name strong { overflow-wrap:anywhere; }
.staff-row-name small { color:var(--muted,#a99bbd);font-size:10px; }
.staff-points-pill { flex:0 0 auto;border:1px solid rgba(var(--accent-rgb),.25);border-radius:999px;padding:6px 10px;color:var(--accent);font-size:11px;font-weight:850;background:rgba(var(--accent-rgb),.07); }
.staff-row-stats { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px; }
.staff-row-stat { display:grid;gap:5px;padding:9px;border-radius:10px;background:rgba(0,0,0,.15); }
.staff-row-stat small { color:var(--muted,#a99bbd);font-size:9px; }
.staff-row-stat strong { font-size:12px; }
.ratings-summary { margin:13px 0; }
.rating-total-card { display:flex;align-items:center;gap:15px;padding:17px;border-radius:16px;background:linear-gradient(120deg,rgba(var(--accent-rgb),.13),rgba(255,255,255,.02));border:1px solid rgba(var(--accent-rgb),.2); }
.rating-total-score { font-size:29px;font-weight:900;color:var(--accent);letter-spacing:-.04em; }
.rating-total-card>div { display:grid;gap:4px; }
.rating-total-card small { color:var(--muted,#a99bbd);font-size:10px; }
.rating-stars { margin-inline-start:auto;color:#fbbf24;letter-spacing:.13em; }
.ratings-subheading { margin:16px 0 8px;font-size:12px;color:var(--accent); }
.rating-staff-row { display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid var(--border); }
.rating-rank { color:var(--accent);font-size:10px;font-weight:900; }
.rating-staff-text { display:grid;gap:3px;min-width:0; }
.rating-staff-text strong { overflow-wrap:anywhere;font-size:12px; }
.rating-staff-text small,.rating-latest-row small { color:var(--muted,#a99bbd);font-size:10px; }
.rating-staff-average { white-space:nowrap;color:var(--accent);font-size:12px; }
.rating-latest-row { display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid var(--border); }
.rating-latest-row>div { display:grid;gap:3px; }
.rating-latest-staff { border:1px solid var(--border);border-radius:8px;padding:4px 7px;color:var(--muted);font-size:10px; }
.rating-comment { flex-basis:100%;margin:0;color:var(--muted);font-size:11px;overflow-wrap:anywhere; }
.weekly-settings-grid { display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:16px;align-items:start; }
.weekly-config-card { display:grid;gap:11px; }
.weekly-enabled-row { display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px;border-radius:13px;border:1px solid var(--border);background:rgba(var(--accent-rgb),.035); }
.weekly-enabled-row>div { display:grid;gap:5px; }
.weekly-enabled-row strong { font-size:12px; }
.weekly-enabled-row small { color:var(--muted);font-size:10px; }
.weekly-preview-card { position:sticky;top:18px; }
.weekly-preview-brand { display:flex;align-items:center;gap:10px;margin:13px 0;padding-bottom:13px;border-bottom:1px solid var(--border); }
.weekly-preview-brand>div { display:grid;gap:4px; }
.weekly-preview-brand strong { font-size:12px; }
.weekly-preview-brand small { color:var(--accent);font-size:9px;font-weight:850;letter-spacing:.14em; }
.weekly-message-preview { min-height:180px;padding:15px;border-left:4px solid var(--accent);border-radius:0 13px 13px 0;background:rgba(255,255,255,.035);white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7;font-size:12px; }
[dir="rtl"] .weekly-message-preview { border-left:0;border-right:4px solid var(--accent);border-radius:13px 0 0 13px; }
.bot-settings-grid,.staff-management-grid,.weekly-settings-grid,.staff-list,.ratings-list {
  animation:orbital-card-enter .48s cubic-bezier(.16,1,.3,1) both;
}
@keyframes orbital-card-enter {
  from { opacity:0;transform:translateY(9px) scale(.992); }
  to { opacity:1;transform:translateY(0) scale(1); }
}
.sidebar-link,.button,.setting-card,.ticket-card,.command-card,.overview-card {
  transition:transform .24s cubic-bezier(.2,.85,.25,1),border-color .24s ease,box-shadow .24s ease,background .24s ease,filter .24s ease;
}
.sidebar-link:hover { transform:translateX(3px); }
[dir="rtl"] .sidebar-link:hover { transform:translateX(-3px); }
.button:not(:disabled):hover { transform:translateY(-2px);box-shadow:0 9px 28px rgba(var(--accent-rgb),.15); }
.setting-card:hover { border-color:rgba(var(--accent-rgb),.25); }
.staff-navigation-group .sidebar-link.active { border-color:rgba(var(--accent-rgb),.28);background:rgba(var(--accent-rgb),.1);color:var(--accent); }
[dir="rtl"] .sidebar-server-switcher select, [dir="rtl"] .bot-setting-select { text-align:right; }
@media(max-width:1120px) {
  .staff-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .weekly-settings-grid { grid-template-columns:minmax(0,1fr); }
  .weekly-preview-card { position:static; }
}
@media(max-width:900px) {
  .staff-management-grid { grid-template-columns:minmax(0,1fr); }
  .sidebar-server-switcher { margin-top:10px; }
}
@media(max-width:620px) {
  .bot-settings-field-grid,.staff-metrics,.staff-row-stats,.staff-point-fields { grid-template-columns:minmax(0,1fr); }
  .staff-metric-card { padding:13px; }
  .staff-row-header { align-items:flex-start; }
  .rating-total-card { flex-wrap:wrap; }
  .rating-stars { margin-inline-start:0; }
  .weekly-enabled-row { align-items:flex-start; }
  .weekly-config-card .setting-actions .button { flex:1 1 100%; }
  .bot-setting-field { padding:10px; }
}
@media(prefers-reduced-motion: reduce) {
  body[data-theme="aurora"]::before,body[data-theme="amber"]::before,body[data-theme="graphite"]::before { animation:none !important; }
  .workspace-panel.active,.bot-settings-grid,.staff-management-grid,.weekly-settings-grid,.staff-list,.ratings-list { animation:none !important; }
}


/* Searchable full command inventory */
.command-search-row {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  margin: 16px 0;
}
.command-search-box {
  display: flex;
  align-items: center;
  gap: 10px;
  width: min(100%, 430px);
  min-height: 44px;
  padding: 0 14px;
  border: 1px solid var(--border);
  border-radius: 13px;
  background: var(--panel);
  color: var(--muted);
  transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}
.command-search-box:focus-within {
  border-color: var(--accent);
  box-shadow: 0 0 0 3px rgba(var(--accent-rgb), .12);
  background: var(--panel-elev);
}
.command-search-box span { font-size: 19px; line-height: 1; }
.command-search-box input {
  min-width: 0;
  width: 100%;
  border: 0;
  outline: 0;
  box-shadow: none;
  background: transparent;
  color: var(--text);
}
.command-search-box input:focus { outline: 0; box-shadow: none; }
.command-card[hidden] { display: none !important; }
.command-card { animation: command-card-enter .32s cubic-bezier(.16,1,.3,1) both; }
@keyframes command-card-enter {
  from { opacity: 0; transform: translateY(7px); }
  to { opacity: 1; transform: translateY(0); }
}
[dir="rtl"] .command-search-row { justify-content: flex-start; }
@media (max-width: 620px) {
  .command-search-row { justify-content: stretch; }
  .command-search-box { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  .command-card { animation: none !important; }
}


/* ================================================================
   CINEMATIC GALAXY — refined controls, server cards & Orbital Radar
   ================================================================ */
:root {
  --control-bg: rgba(13, 10, 25, .88);
  --control-border: rgba(196, 181, 253, .22);
  --control-glow: rgba(139, 92, 246, .22);
}
select, input:not([type="checkbox"]):not([type="radio"]):not([type="color"]),
textarea {
  color: var(--text);
  background-color: rgba(11, 8, 22, .82);
  border: 1px solid var(--control-border);
  border-radius: 13px;
  outline: none;
  transition: border-color .18s ease, box-shadow .18s ease, background-color .18s ease;
}
select {
  min-height: 44px;
  padding: 10px 42px 10px 14px;
  color-scheme: dark;
  cursor: pointer;
}
select:focus-visible, input:focus-visible, textarea:focus-visible {
  border-color: rgba(196, 181, 253, .72);
  box-shadow: 0 0 0 3px rgba(139, 92, 246, .15), 0 0 22px rgba(139, 92, 246, .09);
}
select option { color: #faf7ff; background: #151024; }
input::placeholder, textarea::placeholder { color: #89819f; }
.visually-hidden-select {
  position: absolute !important; width: 1px !important; height: 1px !important;
  padding: 0 !important; margin: -1px !important; overflow: hidden !important;
  clip: rect(0,0,0,0) !important; white-space: nowrap !important; border: 0 !important;
}
.server-picker-toolbar { align-items: stretch; }
.server-search-box {
  display: flex; align-items: center; gap: 11px; flex: 1; min-width: 0;
  padding: 0 14px; border: 1px solid var(--control-border); border-radius: 14px;
  background: rgba(9, 7, 19, .78); color: var(--muted);
}
.server-search-box > span { font-size: 25px; line-height: 1; color: #c4b5fd; }
.server-search-box input {
  min-width: 0; width: 100%; border: 0 !important; box-shadow: none !important;
  background: transparent !important; padding: 14px 0; color: var(--text);
}
.server-options-grid {
  display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 11px;
  margin: 18px 0 14px; max-height: 340px; overflow: auto; padding: 2px 3px 5px;
  scrollbar-width: thin; scrollbar-color: rgba(167,139,250,.42) transparent;
}
.server-option-card {
  display: flex; align-items: center; gap: 12px; width: 100%; min-width: 0;
  min-height: 76px; padding: 13px; text-align: left; color: var(--text);
  border: 1px solid rgba(196,181,253,.13); border-radius: 16px;
  background: linear-gradient(135deg,rgba(30,22,49,.84),rgba(13,10,25,.92));
  cursor: pointer; transition: transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease;
}
.server-option-card:hover { transform: translateY(-2px); border-color: rgba(196,181,253,.42); background: linear-gradient(135deg,rgba(48,32,77,.92),rgba(17,12,33,.96)); }
.server-option-card.is-selected {
  border-color: rgba(196,181,253,.8);
  background: linear-gradient(125deg,rgba(109,70,190,.27),rgba(31,20,54,.94));
  box-shadow: inset 0 0 0 1px rgba(167,139,250,.18),0 0 24px rgba(139,92,246,.13);
}
.server-option-icon {
  display: grid; place-items: center; flex: 0 0 42px; width: 42px; height: 42px;
  border-radius: 13px; color: #f5f0ff; font-weight: 800; font-size: 17px;
  background: radial-gradient(circle at 28% 20%,rgba(232,121,249,.45),transparent 56%),linear-gradient(145deg,#6942a9,#24183f);
  border: 1px solid rgba(221,214,254,.22); box-shadow: 0 5px 18px rgba(91,33,182,.18);
}
.server-option-copy { display: flex; flex-direction: column; gap: 5px; min-width: 0; flex: 1; }
.server-option-copy strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; font-weight: 700; }
.server-option-copy small { color: var(--muted); font-size: 11px; }
.server-option-check {
  display: grid; place-items: center; flex: 0 0 25px; width: 25px; height: 25px;
  border-radius: 50%; border: 1px solid rgba(196,181,253,.2); color: #bba4ff;
  font-size: 13px; background: rgba(139,92,246,.08);
}
.is-selected .server-option-check { color: #fff; border-color: transparent; background: linear-gradient(135deg,#8b5cf6,#c026d3); }
.server-options-empty {
  grid-column: 1 / -1; padding: 24px 16px; border: 1px dashed rgba(196,181,253,.2);
  border-radius: 14px; color: var(--muted); text-align: center; font-size: 13px;
}
.server-selection-summary {
  display: flex; align-items: center; gap: 11px; margin: 12px 0 0; padding: 12px 14px;
  border-radius: 14px; border: 1px solid rgba(167,139,250,.22);
  background: linear-gradient(90deg,rgba(139,92,246,.12),rgba(139,92,246,.035));
}
.server-selection-orbit { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 11px; background: rgba(139,92,246,.2); color: #ddd6fe; }
.server-selection-summary > span:nth-child(2) { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.server-selection-summary small { font-size: 9px; letter-spacing: .14em; color: var(--muted); }
.server-selection-summary strong { overflow-wrap: anywhere; font-size: 13px; }
.selection-check { margin-left: auto; color: #86efac; font-weight: 800; }

.orbital-radar-panel {
  position: relative; isolation: isolate; overflow: hidden; margin: 20px 0 24px; padding: 23px;
  border: 1px solid rgba(167,139,250,.2); border-radius: 22px;
  background: radial-gradient(ellipse at 0% 0%,rgba(109,40,217,.14),transparent 43%),
              linear-gradient(135deg,rgba(19,14,35,.96),rgba(9,7,20,.96));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035),0 18px 55px rgba(0,0,0,.12);
}
.orbital-radar-panel::before {
  content: ""; position: absolute; z-index: -1; width: 340px; height: 340px; right: -120px; top: -200px;
  border-radius: 50%; background: rgba(139,92,246,.12); filter: blur(48px); pointer-events: none;
}
.radar-heading { display: flex; justify-content: space-between; align-items: flex-start; gap: 18px; margin-bottom: 22px; }
.radar-heading h3 { margin: 5px 0 6px; font-size: clamp(20px,2.5vw,27px); letter-spacing: -.035em; }
.radar-heading p { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.6; }
.radar-live-pill { display: inline-flex; align-items: center; gap: 8px; flex-shrink: 0; padding: 7px 10px; border: 1px solid rgba(134,239,172,.17); border-radius: 99px; color: #bbf7d0; background: rgba(34,197,94,.06); font-size: 9px; letter-spacing: .12em; }
.radar-live-pill i,.radar-footer-dot { width: 6px; height: 6px; border-radius: 50%; background: #86efac; box-shadow: 0 0 11px rgba(134,239,172,.75); }
.radar-layout { display: grid; grid-template-columns: minmax(170px,.75fr) minmax(0,1.45fr); align-items: center; gap: clamp(20px,4vw,42px); }
.radar-visual {
  position: relative; width: min(100%,260px); aspect-ratio: 1; margin: 0 auto; border-radius: 50%; overflow: hidden;
  background: radial-gradient(circle,rgba(139,92,246,.14),rgba(17,12,33,.25) 58%,rgba(10,8,21,.1));
  border: 1px solid rgba(167,139,250,.17);
  box-shadow: inset 0 0 45px rgba(139,92,246,.09),0 0 40px rgba(139,92,246,.055);
}
.radar-ring { position: absolute; border: 1px solid rgba(167,139,250,.2); border-radius: 50%; inset: 12%; }
.radar-ring-two { inset: 27%; border-color: rgba(167,139,250,.23); }
.radar-ring-three { inset: 42%; border-color: rgba(167,139,250,.28); }
.radar-crosshair { position: absolute; background: rgba(167,139,250,.13); }
.radar-crosshair-x { width: 100%; height: 1px; left: 0; top: 50%; }
.radar-crosshair-y { width: 1px; height: 100%; top: 0; left: 50%; }
.radar-sweep {
  position: absolute; inset: 4%; border-radius: 50%;
  background: conic-gradient(from 0deg,transparent 0deg,rgba(139,92,246,.02) 255deg,rgba(167,139,250,.2) 315deg,rgba(196,181,253,.42) 359deg,transparent 360deg);
  animation: orbital-radar-spin 7s linear infinite;
}
.radar-center { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); display: grid; place-items: center; width: 36px; height: 36px; border-radius: 50%; color: white; font-weight: 900; background: linear-gradient(145deg,#9b6cff,#5b21b6); box-shadow: 0 0 25px rgba(167,139,250,.5); }
.radar-blip { position: absolute; width: 6px; height: 6px; border-radius: 50%; background: #e9d5ff; box-shadow: 0 0 11px rgba(216,180,254,.9); }
.radar-blip-one { top: 27%; left: 63%; }.radar-blip-two { top: 62%; left: 27%; animation: orbital-blip 2.8s ease-in-out infinite; }.radar-blip-three { top: 70%; left: 70%; animation: orbital-blip 3.4s ease-in-out infinite .6s; }
.radar-signals { display: grid; gap: 9px; min-width: 0; }
.radar-signal { display: flex; align-items: center; gap: 11px; min-width: 0; padding: 12px; border: 1px solid rgba(196,181,253,.1); border-radius: 14px; background: rgba(255,255,255,.018); transition: background .2s ease,border-color .2s ease; }
.radar-signal[data-signal-state="online"] { border-color: rgba(134,239,172,.14); background: rgba(34,197,94,.025); }
.radar-signal-icon { display: grid; place-items: center; flex: 0 0 35px; width: 35px; height: 35px; border-radius: 11px; color: #d8b4fe; background: rgba(139,92,246,.12); font-size: 17px; }
.radar-signal > div { display: flex; flex-direction: column; gap: 4px; flex: 1; min-width: 0; }
.radar-signal strong { font-size: 12px; }
.radar-signal small { color: var(--muted); font-size: 10px; line-height: 1.4; overflow-wrap: anywhere; }
.radar-state { font-size: 8px; letter-spacing: .08em; color: #c4b5fd; white-space: nowrap; }
.radar-state.state-online { color: #86efac; }.radar-state.state-offline { color: #fda4af; }.radar-state.state-pending { color: #a99dbd; }
.radar-jump { display: grid; place-items: center; width: 28px; height: 28px; border: 1px solid rgba(196,181,253,.17); border-radius: 9px; background: rgba(139,92,246,.1); color: #ddd6fe; cursor: pointer; }
.radar-footer { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 12px; margin-top: 18px; padding-top: 15px; border-top: 1px solid rgba(196,181,253,.1); color: var(--muted); font-size: 10px; }
.radar-footer > span { display: inline-flex; align-items: center; gap: 8px; }
.radar-footer-dot { width: 5px; height: 5px; }
.radar-refresh { display: inline-flex; align-items: center; gap: 9px; border: 0; padding: 5px 0; background: transparent; color: #d8b4fe; font-size: 11px; cursor: pointer; }
.radar-refresh span { font-size: 17px; }
@keyframes orbital-radar-spin { to { transform: rotate(360deg); } }
@keyframes orbital-blip { 0%,100% { opacity:.55; transform:scale(.8); } 50% { opacity:1; transform:scale(1.35); } }
@media (max-width: 650px) {
  .server-options-grid { grid-template-columns: minmax(0,1fr); max-height: 300px; }
  .server-picker-toolbar { flex-direction: column; }
  .server-search-box { min-height: 46px; }
  .orbital-radar-panel { padding: 17px; }
  .radar-heading { flex-direction: column; }
  .radar-layout { grid-template-columns: minmax(0,1fr); }
  .radar-visual { width: min(70vw,220px); }
  .radar-state { font-size: 7px; }
}
@media (prefers-reduced-motion: reduce) {
  .radar-sweep,.radar-blip-two,.radar-blip-three { animation: none !important; }
  .server-option-card,.radar-signal,select,input,textarea { transition: none !important; }
}

/* NOVA Theme Studio — additive themes and accessible picker */
body[data-theme="nova-black"] { --accent:#ff657a; --accent-2:#e11d48; --accent-rgb:225,29,72; --bg:#09090b; --panel:rgba(24,18,23,.88); --panel-hover:rgba(44,23,30,.96); --border:rgba(255,101,122,.19); }
body[data-theme="nova-noir"] { --accent:#e5b7c6; --accent-2:#a34d6b; --accent-rgb:163,77,107; --bg:#100a0e; --panel:rgba(30,17,24,.88); --panel-hover:rgba(49,25,37,.96); --border:rgba(229,183,198,.17); }
body[data-theme="nova-neon"] { --accent:#67e8f9; --accent-2:#22d3ee; --accent-rgb:34,211,238; --bg:#071014; --panel:rgba(11,27,33,.88); --panel-hover:rgba(15,43,52,.96); --border:rgba(103,232,249,.18); }
.theme-studio-launch { width:100%; justify-content:space-between; margin:0 0 13px; min-height:40px; font-size:11px; }
.nova-theme-overlay { position:fixed; inset:0; z-index:120; display:grid; place-items:center; padding:22px; background:rgba(3,3,8,.76); backdrop-filter:blur(16px); opacity:0; transition:opacity .22s ease; }
.nova-theme-overlay[hidden] { display:none; } .nova-theme-overlay.is-open { opacity:1; }
.nova-theme-dialog { width:min(900px,100%); max-height:min(850px,calc(100vh - 44px)); overflow:auto; padding:clamp(18px,3vw,30px); border:1px solid var(--border); border-radius:24px; background:linear-gradient(145deg,rgba(var(--accent-rgb),.075),transparent 38%),#100d18; box-shadow:0 30px 100px rgba(0,0,0,.55); transform:translateY(12px) scale(.99); transition:transform .25s cubic-bezier(.2,.8,.2,1); }
.nova-theme-overlay.is-open .nova-theme-dialog { transform:translateY(0) scale(1); }
.nova-theme-header { display:flex; align-items:flex-start; justify-content:space-between; gap:18px; margin-bottom:22px; }
.nova-theme-header h2 { margin:8px 0 7px; font-size:clamp(23px,4vw,34px); letter-spacing:-.04em; }
.nova-theme-header p { margin:0; color:var(--muted); font-size:13px; line-height:1.6; }
.nova-theme-current { display:flex; align-items:center; gap:12px; margin-bottom:18px; padding:13px 15px; border:1px solid var(--border); border-radius:14px; background:rgba(255,255,255,.025); }
.nova-theme-current-dot { width:10px; height:10px; flex:none; border-radius:50%; background:var(--accent-2); box-shadow:0 0 16px rgba(var(--accent-rgb),.7); }
.nova-theme-current > span:nth-child(2) { display:grid; gap:4px; min-width:0; flex:1; }
.nova-theme-current strong { font-size:9px; letter-spacing:.12em; color:var(--muted); } .nova-theme-current small { font-size:12px; color:var(--text); }
.nova-theme-current .button { white-space:nowrap; }
.nova-theme-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.nova-theme-card { min-width:0; overflow:hidden; border:1px solid var(--border); border-radius:17px; background:rgba(255,255,255,.025); transition:border-color .2s,transform .2s,background .2s; }
.nova-theme-card:hover,.nova-theme-card.is-selected { border-color:rgba(var(--accent-rgb),.6); background:rgba(var(--accent-rgb),.055); }
.nova-theme-card:hover { transform:translateY(-2px); } .nova-theme-card.is-selected { box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.2); }
.nova-theme-swatch { position:relative; display:flex; gap:7px; align-items:flex-end; height:100px; padding:14px; overflow:hidden; background:#171124; }
.nova-theme-swatch::before { content:""; position:absolute; width:160px; height:110px; right:-40px; top:-60px; border-radius:50%; background:var(--swatch-glow,rgba(139,92,246,.35)); filter:blur(10px); }
.nova-theme-swatch i { position:relative; display:block; height:47px; flex:1; border:1px solid rgba(255,255,255,.12); border-radius:8px; background:rgba(255,255,255,.07); }
.nova-theme-swatch i:nth-child(2) { height:64px; background:rgba(255,255,255,.11); } .nova-theme-swatch i:nth-child(3) { height:32px; }
.swatch-original { --swatch-glow:rgba(139,92,246,.55); background:#100b1d; } .swatch-black { --swatch-glow:rgba(225,29,72,.5); background:#09090b; } .swatch-noir { --swatch-glow:rgba(163,77,107,.5); background:#100a0e; } .swatch-neon { --swatch-glow:rgba(34,211,238,.5); background:#071014; }
.swatch-original i:nth-child(2) { border-color:#a78bfa; } .swatch-black i:nth-child(2) { border-color:#ff657a; } .swatch-noir i:nth-child(2) { border-color:#e5b7c6; } .swatch-neon i:nth-child(2) { border-color:#67e8f9; }
.nova-theme-card-copy { padding:15px 15px 8px; } .nova-theme-tag { color:var(--accent); font-size:9px; font-weight:800; letter-spacing:.14em; }
.nova-theme-card h3 { margin:7px 0 5px; font-size:16px; } .nova-theme-card p { min-height:34px; margin:0; color:var(--muted); font-size:11px; line-height:1.55; }
.nova-theme-card-actions { display:flex; gap:8px; padding:10px 15px 15px; } .nova-theme-card-actions .button { flex:1; min-height:36px; padding:8px 10px; font-size:11px; }
.nova-theme-footer { display:flex; align-items:center; justify-content:space-between; gap:15px; margin-top:20px; padding-top:17px; border-top:1px solid var(--border); }
.nova-theme-footer > span { max-width:580px; color:var(--muted); font-size:11px; line-height:1.6; }
@media (max-width:600px) { .nova-theme-overlay { padding:10px; } .nova-theme-dialog { max-height:calc(100vh - 20px); padding:16px; border-radius:18px; } .nova-theme-grid { grid-template-columns:1fr; } .nova-theme-swatch { height:76px; } .nova-theme-current { flex-wrap:wrap; } .nova-theme-current > span:nth-child(2) { flex-basis:calc(100% - 28px); } .nova-theme-current .button { margin-left:22px; } .nova-theme-footer { align-items:flex-start; flex-direction:column; } .nova-theme-footer .button { width:100%; } }
@media (prefers-reduced-motion:reduce) { .nova-theme-overlay,.nova-theme-dialog,.nova-theme-card { transition:none !important; } }


/* ORBITAL INTEGRATED COMMAND CENTER */
:root{--orbital-glow:.35;--orbital-glass:.82}
.orbital-upgrade-panel{margin:0 0 24px;padding:25px;border:1px solid var(--border);border-radius:22px;background:linear-gradient(135deg,rgba(124,58,237,.10),transparent 58%),var(--panel);box-shadow:0 18px 60px rgba(0,0,0,.12)}
.orbital-upgrade-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px}.orbital-upgrade-head h2{margin:10px 0 8px;font-size:clamp(25px,3vw,34px);letter-spacing:-1px}.orbital-upgrade-head p,.orbital-modal header p{margin:0;color:var(--muted);font-size:13px;line-height:1.6}.orbital-cc-actions{display:flex;gap:8px;flex-wrap:wrap}
.orbital-cc-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.orbital-cc-stat{min-width:0;padding:17px;border:1px solid var(--border);border-radius:15px;background:rgba(255,255,255,.025)}.orbital-cc-stat>span{display:block;color:var(--muted);font-size:9px;font-weight:850;letter-spacing:1.3px}.orbital-cc-stat strong{display:block;margin:11px 0 6px;font-size:clamp(15px,1.8vw,21px);overflow-wrap:anywhere}.orbital-cc-stat small{color:var(--muted);font-size:11px;line-height:1.5}
.orbital-cc-columns{display:grid;grid-template-columns:1fr 1fr;gap:15px}.orbital-cc-subpanel{min-width:0;padding:19px;border:1px solid var(--border);border-radius:17px;background:rgba(0,0,0,.12)}.orbital-cc-subhead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}.orbital-cc-subhead h3{margin:7px 0 0;font-size:18px}.text-action{padding:6px 0;border:0;background:none;color:var(--purple);font-size:11px;font-weight:800;cursor:pointer}.orbital-timeline-list{display:grid;gap:0}.orbital-timeline-item{display:grid;grid-template-columns:10px minmax(0,1fr) auto;align-items:start;gap:10px;padding:12px 0;border-bottom:1px solid var(--border)}.orbital-timeline-dot{width:7px;height:7px;margin-top:5px;border-radius:50%;background:var(--purple-strong);box-shadow:0 0 12px rgba(139,92,246,var(--orbital-glow))}.orbital-timeline-item strong,.orbital-timeline-item small{display:block}.orbital-timeline-item strong{font-size:12px}.orbital-timeline-item small,.orbital-timeline-item time{margin-top:4px;color:var(--muted);font-size:10px;line-height:1.45}.orbital-timeline-item time{white-space:nowrap}.orbital-timeline-empty{padding:24px 5px;color:var(--muted);font-size:12px;text-align:center}.orbital-timeline-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-top:13px;color:var(--muted);font-size:10px}
.orbital-key-hint,kbd{border:1px solid var(--border);border-radius:6px;background:rgba(255,255,255,.04);padding:4px 7px;color:var(--muted);font:10px ui-monospace,monospace}.orbital-launch-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.orbital-launch-grid button{display:grid;grid-template-columns:30px 1fr;grid-template-rows:auto auto;align-items:center;column-gap:10px;padding:13px;border:1px solid var(--border);border-radius:12px;background:rgba(255,255,255,.025);color:var(--text);text-align:left;cursor:pointer;transition:border-color .16s,transform .16s,background .16s}.orbital-launch-grid button:hover{transform:translateY(-2px);border-color:var(--purple-strong);background:rgba(139,92,246,.08)}.orbital-launch-grid button>span{grid-row:1/3;display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:rgba(139,92,246,.13);color:var(--purple);font-size:16px}.orbital-launch-grid b{font-size:11px}.orbital-launch-grid small{margin-top:4px;color:var(--muted);font-size:10px}
.orbital-modal-open{overflow:hidden}.orbital-modal-overlay{position:fixed;z-index:10000;inset:0;display:grid;place-items:center;padding:20px;background:rgba(5,3,12,.78);backdrop-filter:blur(16px);opacity:1;overflow-y:auto}.orbital-modal-overlay[hidden]{display:none}.orbital-modal{width:min(610px,100%);max-height:min(820px,calc(100vh - 40px));overflow:auto;padding:25px;border:1px solid var(--border);border-radius:22px;background:var(--panel-solid,#151024);box-shadow:0 30px 100px rgba(0,0,0,.5)}.orbital-modal>header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px}.orbital-modal header h2{margin:8px 0;font-size:27px;letter-spacing:-.8px}.orbital-modal>footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:20px;padding-top:16px;border-top:1px solid var(--border)}.orbital-command-modal{width:min(680px,100%);padding:12px;border-radius:20px}.orbital-command-modal>header{padding:12px 12px 4px;margin-bottom:12px}.orbital-command-modal header h2{font-size:22px}.orbital-command-search{display:flex;align-items:center;gap:12px;padding:13px 15px;border:1px solid var(--border);border-radius:13px;background:rgba(0,0,0,.18)}.orbital-command-search>span{font-size:22px;color:var(--purple)}.orbital-command-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--text);font-size:14px}.orbital-command-results{display:grid;gap:4px;max-height:420px;overflow:auto;padding:9px 0}.orbital-command-item{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:12px;padding:11px;border:1px solid transparent;border-radius:11px;background:transparent;color:var(--text);text-align:left;cursor:pointer}.orbital-command-item:hover,.orbital-command-item.is-active{border-color:var(--border);background:rgba(139,92,246,.12)}.orbital-command-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:rgba(139,92,246,.13);color:var(--purple);font-size:17px}.orbital-command-item b,.orbital-command-item small{display:block}.orbital-command-item b{font-size:12px}.orbital-command-item small{margin-top:4px;color:var(--muted);font-size:10px}.orbital-command-modal>footer{display:flex;justify-content:space-between;gap:10px;padding:12px;border-top:1px solid var(--border);color:var(--muted);font-size:10px}.orbital-command-modal footer kbd{margin-left:4px}.orbital-command-empty{padding:30px;text-align:center;color:var(--muted);font-size:12px}
.orbital-playground-preview{display:flex;align-items:center;gap:13px;padding:17px;border:1px solid var(--border);border-radius:15px;background:linear-gradient(120deg,color-mix(in srgb,var(--purple-strong) 17%,transparent),transparent)}.orbital-preview-orb{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:var(--purple-strong);box-shadow:0 0 calc(32px * var(--orbital-glow)) var(--purple-strong);font-size:21px;font-weight:900;color:white}.orbital-playground-preview strong,.orbital-playground-preview small{display:block}.orbital-playground-preview strong{font-size:13px}.orbital-playground-preview small{margin-top:5px;color:var(--muted);font-size:11px}.orbital-preview-pill{margin-left:auto;padding:6px 8px;border:1px solid var(--border);border-radius:99px;color:var(--purple);font-size:9px;font-weight:900;letter-spacing:1px}.orbital-playground-controls{display:grid;gap:18px;margin-top:20px}.orbital-color-control,.orbital-range-control{display:flex;align-items:center;justify-content:space-between;gap:15px}.orbital-color-control b,.orbital-color-control small,.orbital-range-control b{display:block}.orbital-color-control b,.orbital-range-control b{font-size:12px}.orbital-color-control small{margin-top:4px;color:var(--muted);font-size:10px}.orbital-color-control input{width:54px;height:38px;padding:3px;border:1px solid var(--border);border-radius:9px;background:transparent;cursor:pointer}.orbital-range-control{display:grid;grid-template-columns:1fr auto;gap:10px}.orbital-range-control input{grid-column:1/3;width:100%;accent-color:var(--purple-strong)}.orbital-range-control output{color:var(--purple);font-size:11px;font-weight:800}.orbital-playground-swatches{display:flex;gap:10px}.orbital-playground-swatches button{width:28px;height:28px;border:2px solid rgba(255,255,255,.2);border-radius:50%;background:var(--swatch);cursor:pointer}.orbital-playground-swatches button:nth-child(1){--swatch:#8b5cf6}.orbital-playground-swatches button:nth-child(2){--swatch:#06b6d4}.orbital-playground-swatches button:nth-child(3){--swatch:#f43f5e}.orbital-playground-swatches button:nth-child(4){--swatch:#10b981}.orbital-playground-swatches button:nth-child(5){--swatch:#f59e0b}
.orbital-sortable-nav{display:grid;gap:8px}.orbital-sort-item{display:flex;align-items:center;gap:13px;padding:13px;border:1px solid var(--border);border-radius:12px;background:rgba(255,255,255,.025);cursor:grab}.orbital-sort-item.is-dragging{opacity:.4}.orbital-drag-handle{color:var(--purple);font-size:20px}.orbital-sort-item b,.orbital-sort-item small{display:block}.orbital-sort-item b{font-size:12px}.orbital-sort-item small{margin-top:4px;color:var(--muted);font-size:10px}.orbital-sort-grip{margin-left:auto;color:var(--muted)}
@media(max-width:850px){.orbital-cc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.orbital-cc-columns{grid-template-columns:1fr}.orbital-upgrade-head{flex-direction:column}.orbital-cc-actions{width:100%}.orbital-cc-actions .button{flex:1}}
@media(max-width:560px){.orbital-upgrade-panel{padding:16px}.orbital-cc-grid{gap:8px}.orbital-cc-stat{padding:12px}.orbital-cc-stat small{font-size:10px}.orbital-cc-subpanel{padding:13px}.orbital-launch-grid{grid-template-columns:1fr 1fr}.orbital-launch-grid button{padding:10px 8px;grid-template-columns:25px 1fr;column-gap:7px}.orbital-launch-grid button>span{width:25px;height:25px}.orbital-timeline-item{grid-template-columns:8px minmax(0,1fr)}.orbital-timeline-item time{grid-column:2}.orbital-modal{padding:17px}.orbital-modal header h2{font-size:22px}.orbital-command-modal{padding:9px}.orbital-command-modal>footer{flex-wrap:wrap}.orbital-preview-pill{display:none}}
@media(prefers-reduced-motion:reduce){.orbital-launch-grid button{transition:none}}


/* Daily staff analytics — trend-aware performance view */
.staff-analytics-card{margin:16px 0 18px;padding:clamp(16px,2.2vw,24px);border:1px solid var(--border);border-radius:20px;background:linear-gradient(135deg,rgba(var(--accent-rgb),.075),rgba(7,5,15,.34));box-shadow:0 18px 42px rgba(0,0,0,.12)}
.staff-analytics-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:16px}
.staff-analytics-heading h3{margin:6px 0;font-size:clamp(18px,2vw,23px);letter-spacing:-.035em}
.staff-analytics-heading p{margin:0;color:var(--muted);font-size:12px;line-height:1.6}
.staff-analytics-date{display:grid;gap:7px;min-width:155px;color:var(--muted);font-size:10px;font-weight:800}
.staff-analytics-date input{max-width:100%;min-height:39px;padding:8px 10px;border:1px solid var(--border);border-radius:10px;background:rgba(0,0,0,.18);color:var(--text);font:inherit;color-scheme:dark}
.staff-analytics-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px}
.staff-analytics-summary-card{display:grid;gap:7px;min-width:0;padding:13px;border:1px solid var(--border);border-radius:13px;background:rgba(5,4,12,.28)}
.staff-analytics-summary-card>small,.staff-analytics-stat>small{color:var(--muted);font-size:10px}
.staff-analytics-summary-card>strong{font-size:clamp(19px,2.3vw,27px);letter-spacing:-.04em;overflow-wrap:anywhere}
.staff-analytics-list{display:grid;gap:11px}
.staff-analytics-row{min-width:0;padding:15px;border:1px solid var(--border);border-radius:15px;background:rgba(3,2,8,.22);transition:border-color .18s ease,transform .18s ease}
.staff-analytics-row:hover{border-color:rgba(var(--accent-rgb),.38);transform:translateY(-1px)}
.staff-analytics-row-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.staff-analytics-identity{display:grid;gap:4px;min-width:0}
.staff-analytics-identity strong{font-size:13px;overflow-wrap:anywhere}
.staff-analytics-identity small{font-size:10px;color:var(--muted)}
.staff-level{flex:0 0 auto;padding:6px 9px;border:1px solid transparent;border-radius:999px;font-size:10px;font-weight:850}
.staff-level.very-good{color:#86efac;background:rgba(34,197,94,.1);border-color:rgba(34,197,94,.25)}
.staff-level.good{color:#fde68a;background:rgba(234,179,8,.1);border-color:rgba(234,179,8,.25)}
.staff-level.needs-improvement{color:#fda4af;background:rgba(244,63,94,.1);border-color:rgba(244,63,94,.25)}
.staff-level.unrated{color:var(--muted);background:rgba(148,163,184,.08);border-color:var(--border)}
.staff-analytics-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:13px}
.staff-analytics-stat{display:grid;gap:6px;min-width:0;padding:10px;border:1px solid rgba(255,255,255,.045);border-radius:11px;background:rgba(0,0,0,.15)}
.staff-analytics-stat>strong{font-size:14px;overflow-wrap:anywhere}
.staff-trend{display:inline-flex;align-items:center;gap:4px;width:max-content;max-width:100%;font-size:10px;font-weight:850}
.staff-trend.trend-up{color:#86efac}
.staff-trend.trend-down{color:#fda4af}
.staff-trend.trend-neutral{color:var(--muted)}
.staff-analytics-lifetime{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}
.staff-analytics-lifetime span{padding:6px 9px;border:1px solid var(--border);border-radius:8px;color:var(--muted);font-size:10px}
.staff-analytics-footnote{margin:12px 0 0;color:var(--muted);font-size:10px;line-height:1.6}
@media(max-width:760px){.staff-analytics-heading{flex-direction:column}.staff-analytics-date{width:100%}.staff-analytics-date input{width:100%}.staff-analytics-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:420px){.staff-analytics-summary{grid-template-columns:1fr}.staff-analytics-row{padding:12px}.staff-analytics-lifetime{display:grid;grid-template-columns:1fr}}


/* Staff Intelligence: interactive profiles, animated trends, and accessible motion */
.staff-analytics-card{position:relative;overflow:hidden}
.staff-analytics-card:before{content:"";position:absolute;inset:-45% auto auto -15%;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(var(--accent-rgb),.12),transparent 68%);pointer-events:none;animation:staff-orbit-glow 9s ease-in-out infinite alternate}
.staff-analytics-heading,.staff-analytics-summary,.staff-analytics-list,.staff-analytics-footnote{position:relative}
.staff-analytics-row{position:relative;overflow:hidden;animation:staff-rise .45s both}
.staff-analytics-row:nth-child(2){animation-delay:.04s}.staff-analytics-row:nth-child(3){animation-delay:.08s}.staff-analytics-row:nth-child(4){animation-delay:.12s}.staff-analytics-row:nth-child(5){animation-delay:.16s}
.staff-analytics-open{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:12px;padding:11px 14px;border:1px solid rgba(var(--accent-rgb),.28);border-radius:11px;background:rgba(var(--accent-rgb),.07);color:var(--text);font:inherit;font-size:12px;font-weight:800;cursor:pointer;transition:background .2s,border-color .2s,transform .2s}
.staff-analytics-open:hover{background:rgba(var(--accent-rgb),.15);border-color:rgba(var(--accent-rgb),.55);transform:translateY(-1px)}
.staff-analytics-details{margin-top:13px;padding:16px;border:1px solid var(--border);border-radius:14px;background:rgba(0,0,0,.2);animation:staff-open .25s ease both}
.staff-analytics-details[hidden]{display:none}
.staff-detail-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:13px}
.staff-detail-heading strong{font-size:14px}.staff-detail-heading span{font-size:10px;color:var(--muted)}
.staff-detail-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.staff-detail-metric{display:grid;gap:7px;min-width:0;padding:11px;border:1px solid var(--border);border-radius:10px;background:rgba(255,255,255,.025)}
.staff-detail-metric small{font-size:10px;line-height:1.5;color:var(--muted)}.staff-detail-metric strong{font-size:16px;overflow-wrap:anywhere}
.staff-detail-subtitle{margin:18px 0 9px;font-size:12px;font-weight:850}
.staff-week-chart{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px;min-height:118px;padding:12px 8px 8px;border:1px solid var(--border);border-radius:12px;background:rgba(0,0,0,.12)}
.staff-week-bar{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px;min-width:0;border:0;background:transparent;color:var(--muted);cursor:pointer}
.staff-week-bar strong{font-size:11px;color:var(--text)}.staff-week-bar small{font-size:9px}
.staff-week-track{display:flex;align-items:flex-end;justify-content:center;width:min(100%,22px);height:66px;overflow:hidden;border-radius:7px;background:rgba(var(--accent-rgb),.08)}
.staff-week-fill{display:block;width:100%;min-height:3px;border-radius:7px;background:linear-gradient(180deg,var(--accent),rgba(var(--accent-rgb),.4));box-shadow:0 0 16px rgba(var(--accent-rgb),.2);animation:staff-bar-in .65s cubic-bezier(.2,.8,.2,1) both}
.staff-detail-event{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--border)}
.staff-detail-event strong{font-size:11px;white-space:nowrap}.staff-detail-event small{font-size:11px;line-height:1.5;color:var(--muted);overflow-wrap:anywhere}.staff-detail-event time{font-size:9px;color:var(--muted);white-space:nowrap}
.staff-detail-empty{margin:0;padding:12px;border:1px dashed var(--border);border-radius:9px;color:var(--muted);font-size:11px}
.point-positive{color:#45d49a}.point-negative{color:#ff7b8b}
@keyframes staff-rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes staff-open{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
@keyframes staff-bar-in{from{height:0}to{height:var(--bar-height,100%)}}
@keyframes staff-orbit-glow{from{transform:translate3d(-10px,-4px,0);opacity:.5}to{transform:translate3d(35px,18px,0);opacity:1}}
@media(max-width:760px){.staff-detail-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.staff-detail-event{grid-template-columns:1fr auto}.staff-detail-event small{grid-column:1/-1;grid-row:2}.staff-week-chart{gap:3px}}
@media(prefers-reduced-motion:reduce){.staff-analytics-card:before,.staff-analytics-row,.staff-week-fill{animation:none!important}.staff-analytics-open,.staff-analytics-row{transition:none!important}.staff-analytics-row:hover,.staff-analytics-open:hover{transform:none}}


/* Full-screen OrBital staff dossier */
.staff-analytics-row-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(90px,150px) auto;align-items:center;gap:14px}
.staff-analytics-identity{display:flex;align-items:center;gap:11px;min-width:0;padding:0;border:0;background:transparent;color:var(--text);text-align:start;font:inherit;cursor:pointer}
.staff-analytics-identity:hover strong{color:var(--accent)}
.staff-analytics-identity-text{display:grid;gap:5px;min-width:0}.staff-analytics-identity-text strong{overflow-wrap:anywhere;transition:color .2s}.staff-analytics-identity-text small{font-size:10px;color:var(--muted)}
.staff-mini-avatar{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;overflow:hidden;border:1px solid rgba(var(--accent-rgb),.5);border-radius:14px;background:linear-gradient(135deg,rgba(var(--accent-rgb),.25),rgba(217,70,239,.15));color:var(--text);font-weight:900}
.staff-mini-avatar img{width:100%;height:100%;object-fit:cover}
.staff-admin-wave{display:flex;align-items:center;justify-content:center;gap:4px;height:34px;min-width:0;padding:0 8px;border:1px solid var(--border);border-radius:9px;background:rgba(var(--accent-rgb),.04)}
.staff-admin-wave i{display:block;flex:1;max-width:9px;min-width:3px;border-radius:99px;background:linear-gradient(180deg,var(--accent),#d946ef);box-shadow:0 0 10px rgba(var(--accent-rgb),.22);transform-origin:center;animation:staff-wave-pulse 2.8s ease-in-out infinite alternate}
.staff-admin-wave i:nth-child(2n){animation-delay:.2s}.staff-admin-wave i:nth-child(3n){animation-delay:.45s}
.staff-analytics-row-head .staff-level{justify-self:end}
.staff-profile-page{position:fixed;z-index:10000;inset:0;display:flex;justify-content:center;align-items:stretch;overflow:auto;padding:clamp(10px,3vw,32px);background:rgba(5,4,15,.88);backdrop-filter:blur(18px);animation:staff-open .22s ease both}
.staff-profile-shell{position:relative;width:min(1100px,100%);min-height:100%;margin:auto;padding:clamp(16px,3vw,30px);border:1px solid rgba(var(--accent-rgb),.28);border-radius:24px;background:radial-gradient(ellipse at 10% 0%,rgba(var(--accent-rgb),.15),transparent 35%),linear-gradient(145deg,var(--panel,rgba(19,15,35,.98)),rgba(9,8,20,.99));box-shadow:0 35px 100px rgba(0,0,0,.55),0 0 55px rgba(var(--accent-rgb),.08);color:var(--text)}
.staff-profile-topbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px}
.staff-profile-kicker{font-size:10px;font-weight:900;letter-spacing:.14em;color:var(--accent)}
.staff-profile-close{padding:10px 14px;border:1px solid var(--border);border-radius:10px;background:rgba(255,255,255,.04);color:var(--text);font:inherit;font-size:12px;cursor:pointer;transition:transform .2s,background .2s}
.staff-profile-close:hover{background:rgba(var(--accent-rgb),.13);transform:translateY(-1px)}
.staff-profile-hero{display:flex;align-items:center;gap:22px;padding:clamp(16px,3vw,28px);border:1px solid var(--border);border-radius:20px;background:linear-gradient(120deg,rgba(var(--accent-rgb),.12),rgba(217,70,239,.04) 70%,transparent)}
.staff-profile-avatar-wrap{display:grid;place-items:center;flex:0 0 clamp(76px,10vw,112px);width:clamp(76px,10vw,112px);height:clamp(76px,10vw,112px);overflow:hidden;border:2px solid rgba(var(--accent-rgb),.65);border-radius:28px;background:linear-gradient(135deg,rgba(var(--accent-rgb),.3),rgba(217,70,239,.2));box-shadow:0 0 30px rgba(var(--accent-rgb),.17)}
.staff-profile-avatar{width:100%;height:100%;object-fit:cover}.staff-profile-avatar-fallback{font-size:38px;font-weight:900;color:var(--text)}
.staff-profile-title{min-width:0;display:grid;gap:7px}.staff-profile-title h2{margin:0;font-size:clamp(22px,4vw,34px);overflow-wrap:anywhere}.staff-profile-title p{margin:0;color:var(--muted);font-size:11px;overflow-wrap:anywhere}
.staff-profile-status{justify-self:start;padding:5px 9px;border:1px solid rgba(69,212,154,.25);border-radius:999px;background:rgba(69,212,154,.08);font-size:10px;color:#6de2b2}
.staff-profile-roles{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:16px 0 24px;font-size:11px}
.staff-role-chip{padding:6px 9px;border:1px solid rgba(var(--accent-rgb),.25);border-radius:8px;background:rgba(var(--accent-rgb),.07);font-size:10px}
.staff-profile-section{margin-top:24px;animation:staff-rise .35s ease both}.staff-profile-section h3{display:flex;align-items:center;gap:10px;margin:0 0 12px;font-size:14px;font-weight:900}.staff-profile-section h3:after{content:"";height:1px;flex:1;background:linear-gradient(90deg,rgba(var(--accent-rgb),.45),transparent)}
.staff-profile-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.staff-profile-info{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.staff-profile-info-item{display:grid;gap:7px;padding:13px;border:1px solid var(--border);border-radius:11px;background:rgba(255,255,255,.025);min-width:0}
.staff-profile-info-item small{font-size:10px;color:var(--muted)}.staff-profile-info-item strong{font-size:12px;overflow-wrap:anywhere}
.staff-profile-chart{min-height:150px}.staff-profile-record{display:grid;gap:6px;margin:8px 0;padding:13px;border:1px solid var(--border);border-radius:12px;background:rgba(255,255,255,.025);animation:staff-rise .3s ease both}
.staff-profile-record strong{font-size:12px}.staff-profile-record p{margin:0;font-size:11px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}.staff-profile-record small{font-size:10px;color:var(--muted);overflow-wrap:anywhere}
.staff-application-answers{max-height:260px;overflow:auto;margin:5px 0 0;padding:12px;border:1px solid var(--border);border-radius:9px;background:rgba(0,0,0,.2);font:11px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--text)}
@keyframes staff-wave-pulse{0%{filter:brightness(.8);transform:scaleY(.8)}100%{filter:brightness(1.2);transform:scaleY(1.03)}}
@media(max-width:760px){.staff-analytics-row-head{grid-template-columns:minmax(0,1fr) auto;gap:10px}.staff-admin-wave{grid-row:2;grid-column:1/-1;width:100%;height:26px}.staff-analytics-row-head .staff-level{grid-column:2;grid-row:1}.staff-profile-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.staff-profile-info{grid-template-columns:1fr}.staff-profile-hero{align-items:flex-start;gap:14px}.staff-profile-avatar-wrap{border-radius:20px}.staff-profile-page{padding:7px}.staff-profile-shell{padding:14px;border-radius:16px}.staff-profile-topbar{margin-bottom:14px}}
@media(prefers-reduced-motion:reduce){.staff-admin-wave i,.staff-profile-page,.staff-profile-section,.staff-profile-record{animation:none!important}.staff-profile-close,.staff-analytics-identity{transition:none!important}}


/* Scrollable navigation and multi-metric staff activity waveform. */
.control-sidebar {
  max-height: calc(100vh - 34px);
  overflow-y: auto;
  overscroll-behavior-y: contain;
  scrollbar-width: thin;
  scrollbar-color: rgba(var(--accent-rgb), .48) rgba(255,255,255,.025);
}
.control-sidebar::-webkit-scrollbar { width: 6px; }
.control-sidebar::-webkit-scrollbar-track { background: rgba(255,255,255,.025); border-radius: 999px; }
.control-sidebar::-webkit-scrollbar-thumb { background: rgba(var(--accent-rgb), .42); border-radius: 999px; }
.staff-admin-wave {
  display: flex;
  align-items: stretch;
  justify-content: center;
  gap: 4px;
  width: 112px;
  height: 36px;
  padding: 3px 0;
}
.staff-wave-day {
  display: flex;
  flex: 1 1 0;
  min-width: 0;
  align-items: flex-end;
  justify-content: center;
  gap: 1px;
  border-radius: 4px;
  overflow: hidden;
  background: rgba(255,255,255,.025);
}
.staff-wave-day i {
  display: block;
  width: 30%;
  min-height: 3px;
  border-radius: 3px 3px 1px 1px;
  transform-origin: bottom;
  animation: staff-wave-rise .55s cubic-bezier(.2,.8,.2,1) both;
  transition: height .25s ease, filter .2s ease;
}
.staff-wave-day:hover i { filter: brightness(1.45); }
.staff-wave-tickets { background: var(--accent); box-shadow: 0 0 7px rgba(var(--accent-rgb),.42); }
.staff-wave-points { background: var(--accent-2); box-shadow: 0 0 7px rgba(var(--accent-rgb),.25); }
.staff-wave-ratings { background: #fbbf24; box-shadow: 0 0 7px rgba(251,191,36,.25); }
@keyframes staff-wave-rise { from { transform: scaleY(.25); opacity: .35; } to { transform: scaleY(1); opacity: 1; } }
@media (max-width: 850px) {
  .control-sidebar { max-height: none; overflow: visible; }
}
@media (prefers-reduced-motion: reduce) { .staff-wave-day i { animation: none !important; } }


/* Floating website preferences: language follows the active writing direction,
   while the visual theme control stays anchored to the opposite lower corner. */
.workspace-floating-controls {
  position:fixed; z-index:30; inset:18px 18px auto;
  display:flex; justify-content:flex-start; pointer-events:none;
}
.web-preferences-dock,.theme-floating-dock {
  pointer-events:auto; display:flex; align-items:center; gap:9px;
  border:1px solid var(--border); border-radius:16px;
  background:rgba(12,9,23,.82); backdrop-filter:blur(18px);
  box-shadow:0 12px 34px rgba(0,0,0,.25);
}
.web-preferences-dock { padding:8px 10px; }
.floating-control-icon { width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:rgba(var(--accent-rgb),.12);color:var(--accent);font-size:17px; }
.web-preferences-dock select { width:auto;min-width:118px;min-height:34px;padding:4px 28px 4px 9px;border:0;background:transparent;font-size:12px; }
.theme-floating-dock { position:fixed;inset:auto 20px 20px auto;padding:7px; }
.theme-orbit-button { position:relative;width:54px;height:54px;display:grid;place-items:center;border:1px solid rgba(var(--accent-rgb),.42);border-radius:18px;background:radial-gradient(circle at 35% 30%,rgba(var(--accent-rgb),.28),rgba(15,10,28,.96) 72%);color:var(--accent);font-size:25px;cursor:pointer;box-shadow:0 0 0 5px rgba(var(--accent-rgb),.055),0 12px 34px rgba(0,0,0,.3);transition:transform .25s ease,box-shadow .25s ease; }
.theme-orbit-button:hover { transform:translateY(-3px) rotate(12deg);box-shadow:0 0 28px rgba(var(--accent-rgb),.2),0 14px 36px rgba(0,0,0,.35); }
.theme-orbit-button i { position:absolute;inset:5px;border:1px dashed rgba(var(--accent-rgb),.45);border-radius:13px;animation:theme-orbit-spin 14s linear infinite; }
@keyframes theme-orbit-spin { to { transform:rotate(360deg); } }
[dir="rtl"] .workspace-floating-controls { justify-content:flex-end; }
[dir="rtl"] .theme-floating-dock { inset-inline-start:20px;inset-inline-end:auto; }
@media(max-width:680px) {
 .workspace-floating-controls { inset:10px 10px auto; }
 .web-preferences-dock { padding:6px; }
 .web-preferences-dock select { min-width:94px; }
 .theme-floating-dock { inset-block-end:12px;inset-inline-end:12px; }
 [dir="rtl"] .theme-floating-dock { inset-inline-start:12px;inset-inline-end:auto; }
}


/* Accessible motion control in the floating appearance dock. */
.animation-toggle-control{display:inline-flex;align-items:center;gap:8px;padding:0 9px;color:var(--muted);font-size:11px;font-weight:650;white-space:nowrap;cursor:pointer;user-select:none}
.animation-toggle-control input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.animation-toggle-track{position:relative;display:inline-block;width:31px;height:18px;flex:0 0 31px;border:1px solid var(--border);border-radius:999px;background:rgba(130,130,150,.22);transition:background .2s ease,border-color .2s ease}
.animation-toggle-track::after{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:var(--muted);transition:transform .2s ease,background .2s ease}
.animation-toggle-control input:checked+.animation-toggle-track{border-color:rgba(var(--accent-rgb),.55);background:rgba(var(--accent-rgb),.28)}
.animation-toggle-control input:checked+.animation-toggle-track::after{transform:translateX(13px);background:var(--accent)}
.animation-toggle-control input:focus-visible+.animation-toggle-track{outline:2px solid var(--accent);outline-offset:3px}
[dir="rtl"] .animation-toggle-track::after{left:auto;right:2px}
[dir="rtl"] .animation-toggle-control input:checked+.animation-toggle-track::after{transform:translateX(-13px)}
@media(max-width:680px){.theme-floating-dock{gap:5px;max-width:calc(100vw - 24px)}.animation-toggle-control{gap:5px;padding:0 5px;font-size:10px}.theme-orbit-button{width:46px;height:46px}}
@media(prefers-reduced-motion:reduce){.animation-toggle-track,.animation-toggle-track::after{transition:none!important}}