:root {
  --bg: #080b12;
  --bg-soft: #0d111a;
  --sidebar: #0b1019;
  --panel: #111722;
  --panel-2: #151d29;
  --panel-3: #0c121b;
  --line: #263243;
  --line-soft: rgba(143, 167, 196, .14);
  --text: #f4f7fb;
  --muted: #99a7b9;
  --muted-2: #728196;
  --blue: #2f89ff;
  --blue-2: #66b7ff;
  --green: #40e28c;
  --green-2: #85f0b7;
  --purple: #996dff;
  --red: #ff6578;
  --yellow: #ffd166;
  --neon: #53a7ff;
  --neon-strong: #6d7dff;
  --neon-soft: rgba(83, 167, 255, .20);
  --neon-purple: rgba(153, 109, 255, .20);
  --shadow: 0 18px 54px rgba(0, 0, 0, .32);
  --shadow-soft: 0 10px 30px rgba(0, 0, 0, .22);
  --radius: 14px;
}

* { box-sizing: border-box; }
[hidden] { display: none !important; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  min-height: 100vh;
  background:
    radial-gradient(circle at 82% -10%, rgba(71, 111, 255, .12), transparent 30%),
    radial-gradient(circle at 28% 120%, rgba(55, 221, 139, .05), transparent 34%),
    var(--bg);
  color: var(--text);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
}
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
button { color: inherit; }

/* Top bar */
.topbar {
  height: 68px;
  padding: 0 22px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: sticky;
  top: 0;
  z-index: 40;
  background: rgba(8, 11, 18, .94);
  border-bottom: 1px solid rgba(255, 255, 255, .06);
  backdrop-filter: blur(18px);
}
.topbar-left, .top-actions { display: flex; align-items: center; gap: 12px; }
.brand { display: inline-flex; align-items: center; gap: 10px; font-weight: 950; letter-spacing: .04em; }
.brand-mark {
  width: 36px; height: 36px; display: grid; place-items: center;
  border-radius: 11px;
  color: white;
  font-size: .72rem;
  background: linear-gradient(145deg, #2477ff, #693fff);
  box-shadow: 0 0 22px rgba(76, 107, 255, .26);
}
.brand-copy { font-size: 1.08rem; }
.brand-copy span { color: var(--green); }
.top-server {
  min-width: 180px;
  margin-left: 10px;
  padding: 8px 11px;
  border: 1px solid var(--line-soft);
  background: rgba(255,255,255,.025);
  border-radius: 11px;
  color: #dce7f5;
  font-size: .8rem;
}
.top-server strong { display: block; }
.top-server small { color: var(--muted-2); }
.status-pill, .live-pill {
  display: inline-flex; align-items: center; gap: 7px;
  border: 1px solid rgba(64, 226, 140, .2);
  background: rgba(64, 226, 140, .07);
  color: var(--green);
  border-radius: 999px;
  padding: 7px 10px;
  font-size: .72rem;
  font-weight: 900;
}
.status-pill i, .live-pill i {
  width: 7px; height: 7px; border-radius: 50%; background: var(--green);
  box-shadow: 0 0 11px rgba(64, 226, 140, .88);
}
.user-chip { display: flex; align-items: center; gap: 8px; font-weight: 800; font-size: .82rem; }
.user-chip img { width: 34px; height: 34px; border-radius: 10px; border: 1px solid var(--line); }
.icon-button {
  border: 1px solid var(--line);
  background: var(--panel);
  border-radius: 10px;
  min-width: 38px;
  height: 38px;
  cursor: pointer;
  transition: .18s ease;
}
.mobile-nav-button { display: none; }

/* Shared buttons + neon interaction */
.button, .fetch-button, .side-nav button, .category-tabs button, .module-card, .icon-button {
  transition: transform .17s ease, border-color .17s ease, box-shadow .17s ease, background .17s ease, color .17s ease, filter .17s ease;
}
.button {
  border: 1px solid transparent;
  border-radius: 10px;
  padding: 11px 16px;
  background: linear-gradient(135deg, #2c83ff, #5e55ff);
  color: white;
  font-weight: 850;
  cursor: pointer;
  box-shadow: 0 8px 24px rgba(53, 104, 255, .17);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
}
.button:hover, .fetch-button:hover, .icon-button:hover {
  transform: translateY(-1px);
  border-color: rgba(104, 182, 255, .72);
  box-shadow: 0 0 0 1px rgba(83,167,255,.18), 0 0 18px var(--neon-soft), 0 10px 28px rgba(0,0,0,.25);
  filter: brightness(1.05);
}
.button.secondary { background: #151c28; border-color: #304057; box-shadow: none; }
.button.danger { background: linear-gradient(135deg, #d9445b, #982339); }
.button.small { padding: 8px 12px; font-size: .78rem; }
.button.large { padding: 14px 22px; }
.button:disabled { opacity: .6; cursor: not-allowed; transform: none !important; box-shadow: none !important; }

/* Login */
.login-view { min-height: calc(100vh - 68px); display: grid; place-items: center; padding: 30px; }
.login-card {
  width: min(720px, 100%);
  text-align: center;
  background: linear-gradient(180deg, rgba(20, 27, 40, .98), rgba(10, 14, 22, .98));
  border: 1px solid var(--line);
  border-radius: 22px;
  padding: 54px;
  box-shadow: var(--shadow);
}
.hero-icon { font-size: 3rem; }
.login-card h1 { font-size: clamp(2.1rem, 5vw, 3.8rem); letter-spacing: -.045em; margin: 10px 0 16px; }
.login-card p { color: var(--muted); line-height: 1.7; margin: 0 auto 28px; max-width: 590px; }
.login-card small { display: block; color: var(--muted); margin-top: 18px; }
.eyebrow { font-size: .65rem; letter-spacing: .14em; text-transform: uppercase; font-weight: 950; color: var(--green); }

/* App shell */
.app-shell {
  width: 100%;
  min-height: calc(100vh - 68px);
  display: grid;
  grid-template-columns: 286px minmax(0, 1fr);
}
.workspace-sidebar {
  position: sticky;
  top: 68px;
  align-self: start;
  height: calc(100vh - 68px);
  background: rgba(11, 16, 25, .95);
  border-right: 1px solid rgba(255, 255, 255, .055);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.sidebar-top { padding: 16px 15px 11px; }
.fetch-button {
  width: 100%;
  min-height: 42px;
  border: 1px solid #2a3546;
  border-radius: 11px;
  background: #141b26;
  color: #dce6f4;
  cursor: pointer;
  font-size: .77rem;
  font-weight: 850;
}
.fetch-button span { margin-right: 6px; color: var(--blue-2); font-size: 1rem; }
.side-nav {
  flex: 1;
  overflow-y: auto;
  padding: 5px 10px 18px;
  scrollbar-width: thin;
  scrollbar-color: #293548 transparent;
}
.side-nav-section { margin-top: 13px; }
.side-nav-section:first-child { margin-top: 0; }
.side-nav-label {
  display: block;
  padding: 7px 10px 6px;
  color: #67758a;
  font-size: .62rem;
  font-weight: 950;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.side-nav button {
  width: 100%;
  border: 1px solid transparent;
  background: transparent;
  border-radius: 9px;
  color: #c5d0df;
  padding: 9px 10px;
  text-align: left;
  cursor: pointer;
  font-weight: 720;
  font-size: .78rem;
  display: grid;
  grid-template-columns: 22px minmax(0,1fr) auto;
  align-items: center;
  gap: 8px;
  margin: 2px 0;
}
.side-nav button .nav-icon { width: 22px; text-align: center; filter: saturate(.85); }
.side-nav button .nav-arrow { color: #59677a; font-size: 1rem; opacity: 0; transform: translateX(-3px); transition: .17s ease; }
.side-nav button:hover {
  color: white;
  background: linear-gradient(90deg, rgba(60, 114, 255, .13), rgba(120, 71, 255, .08));
  border-color: rgba(83, 167, 255, .34);
  box-shadow: inset 3px 0 0 rgba(83,167,255,.85), 0 0 16px var(--neon-soft);
  transform: translateX(2px);
}
.side-nav button:hover .nav-arrow { opacity: 1; transform: translateX(0); }
.side-nav button.active {
  color: #fff;
  background: linear-gradient(90deg, rgba(55, 119, 255, .19), rgba(111, 72, 255, .11));
  border-color: rgba(94, 159, 255, .38);
  box-shadow: inset 3px 0 0 var(--neon), 0 0 16px rgba(83,167,255,.12);
}
.side-nav button.active .nav-arrow { opacity: 1; color: var(--blue-2); }
.sidebar-footer {
  padding: 12px 14px 15px;
  border-top: 1px solid rgba(255,255,255,.05);
  color: var(--muted);
  font-size: .72rem;
  background: rgba(6,9,14,.28);
}
.server-mini { display: flex; gap: 10px; align-items: center; }
.server-mini img, .server-mini .server-fallback { width: 38px; height: 38px; border-radius: 10px; }
.server-mini strong { color: #f3f7fd; font-size: .78rem; }
.server-mini small { color: var(--muted-2); }
.server-data { display: none; }

.workspace-main {
  width: min(1480px, 100%);
  padding: 22px 26px 70px;
  display: grid;
  align-content: start;
  gap: 16px;
}
.server-banner, .stats-ribbon, .module-shell, .detail-head, .settings-card {
  background: linear-gradient(180deg, rgba(18, 24, 35, .98), rgba(13, 18, 27, .98));
  border: 1px solid var(--line-soft);
  box-shadow: var(--shadow-soft);
}
.server-banner {
  border-radius: var(--radius);
  padding: 17px 19px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.server-identity { display: flex; align-items: center; gap: 13px; }
.server-identity img, .server-fallback {
  width: 50px; height: 50px; border-radius: 13px;
  border: 1px solid #304058;
  display: grid; place-items: center;
  background: linear-gradient(135deg, #2467c7, #7047d9);
  font-weight: 950;
}
.server-identity h1 { margin: 2px 0 3px; font-size: 1.28rem; }
.server-identity p { margin: 0; color: var(--green); font-size: .72rem; font-weight: 850; }
.breadcrumbs { display: flex; gap: 8px; color: var(--muted-2); font-size: .75rem; }
.breadcrumbs strong { color: #dfe7f1; }

/* Dashboard overview stats */
.stats-ribbon {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  border-radius: var(--radius);
  overflow: hidden;
}
.stat-chip {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 14px 15px;
  border-right: 1px solid rgba(143, 167, 196, .10);
}
.stat-chip:last-child { border-right: 0; }
.stat-icon {
  display: grid; place-items: center;
  width: 42px; height: 42px; flex: 0 0 42px;
  border-radius: 12px;
  background: linear-gradient(145deg, rgba(47,137,255,.17), rgba(153,109,255,.12));
  border: 1px solid rgba(102,183,255,.18);
  font-size: 1.15rem;
}
.stat-chip span { display: block; color: var(--muted-2); font-size: .67rem; font-weight: 850; }
.stat-chip strong { font-size: 1.05rem; }

/* Module home */
.module-shell { border-radius: var(--radius); overflow: hidden; }
.module-shell-head {
  min-height: 68px;
  padding: 0 19px;
  border-bottom: 1px solid rgba(143,167,196,.10);
  display: flex; align-items: center; justify-content: space-between;
}
.module-shell-head > div { display: flex; align-items: center; gap: 11px; }
.module-shell-head h2 { margin: 2px 0 0; font-size: 1.15rem; }
.section-icon {
  width: 34px; height: 34px; display: grid; place-items: center;
  border-radius: 10px;
  background: rgba(47,137,255,.11);
  border: 1px solid rgba(47,137,255,.22);
  color: var(--blue-2);
}
.module-toolbar { padding: 16px 18px 0; }
.module-search {
  min-height: 44px;
  display: flex; align-items: center;
  border: 1px solid #2a3546;
  background: #0b1018;
  border-radius: 10px;
  transition: border-color .18s ease, box-shadow .18s ease;
}
.module-search:hover, .module-search:focus-within {
  border-color: rgba(83,167,255,.55);
  box-shadow: 0 0 17px rgba(83,167,255,.12);
}
.module-search span { padding-left: 14px; color: var(--muted-2); }
.module-search input { border: 0; background: transparent; outline: 0; color: white; width: 100%; height: 42px; padding: 0 12px; }
.category-tabs { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 12px; }
.category-tabs button {
  border: 1px solid #263142;
  border-radius: 8px;
  background: #0c121b;
  color: var(--muted);
  padding: 8px 11px;
  font-weight: 800;
  font-size: .72rem;
  cursor: pointer;
}
.category-tabs button:hover {
  color: white;
  border-color: rgba(83,167,255,.48);
  box-shadow: 0 0 14px rgba(83,167,255,.12);
  transform: translateY(-1px);
}
.category-tabs button.active { background: rgba(69,116,255,.12); border-color: rgba(83,167,255,.36); color: var(--blue-2); }
.module-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  padding: 18px;
}
.module-card {
  min-height: 132px;
  padding: 16px;
  border-radius: 12px;
  background: #141b26;
  border: 1px solid #263244;
  display: grid;
  grid-template-columns: 46px minmax(0,1fr) auto;
  gap: 13px;
  align-items: start;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
.module-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 0 50%, rgba(83,167,255,.10), transparent 42%);
  opacity: 0;
  transition: opacity .18s ease;
  pointer-events: none;
}
.module-card:hover {
  transform: translateY(-2px);
  border-color: rgba(83,167,255,.62);
  box-shadow: 0 0 0 1px rgba(83,167,255,.12), 0 0 22px var(--neon-soft), 0 16px 28px rgba(0,0,0,.24);
}
.module-card:hover::before { opacity: 1; }
.module-icon {
  width: 46px; height: 46px; display: grid; place-items: center;
  border-radius: 11px;
  background: linear-gradient(145deg, rgba(47,137,255,.17), rgba(153,109,255,.13));
  border: 1px solid rgba(102,183,255,.17);
  font-size: 1.12rem;
  position: relative; z-index: 1;
}
.module-card-copy { min-width: 0; position: relative; z-index: 1; }
.module-card-copy h3 { margin: 1px 0 5px; font-size: .96rem; }
.module-card-copy p { margin: 0; color: var(--muted); font-size: .76rem; line-height: 1.45; }
.module-card-meta { display: flex; align-items: center; gap: 8px; margin-top: 11px; }
.module-category { font-size: .58rem; color: #74859a; text-transform: uppercase; letter-spacing: .09em; font-weight: 900; }
.module-badge {
  font-size: .6rem;
  font-weight: 900;
  color: var(--green);
  padding: 4px 7px;
  border: 1px solid rgba(64,226,140,.16);
  background: rgba(64,226,140,.06);
  border-radius: 999px;
}
.module-card-arrow {
  position: relative; z-index: 1;
  align-self: center;
  color: #66768a;
  font-size: 1.65rem;
  transition: .18s ease;
}
.module-card:hover .module-card-arrow { color: var(--blue-2); transform: translateX(3px); text-shadow: 0 0 10px rgba(83,167,255,.55); }
.empty { grid-column: 1 / -1; text-align: center; padding: 42px; color: var(--muted); }

/* Module detail */
.detail-head {
  border-radius: var(--radius);
  padding: 19px;
  display: flex;
  align-items: center;
  gap: 15px;
}
.detail-icon {
  width: 54px; height: 54px; display: grid; place-items: center;
  border-radius: 13px;
  background: linear-gradient(145deg, rgba(47,137,255,.18), rgba(153,109,255,.14));
  border: 1px solid rgba(102,183,255,.18);
  font-size: 1.35rem;
}
.detail-copy { flex: 1; }
.detail-copy h1 { margin: 4px 0; font-size: 1.55rem; }
.detail-copy p { margin: 0; color: var(--muted); font-size: .82rem; }
.detail-actions { display: flex; gap: 10px; }
.detail-content { display: grid; gap: 12px; margin-top: 12px; }
.settings-card { border-radius: 13px; padding: 19px; }
.settings-card:hover { border-color: rgba(102,183,255,.18); }
.card-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; margin-bottom: 16px; }
.card-head h2 { margin: 4px 0; font-size: 1.08rem; }
.card-head p { margin: 0; color: var(--muted); font-size: .79rem; line-height: 1.45; }

/* Forms / data */
.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.form-grid.three { grid-template-columns: 2fr 1fr 1fr; }
.span-2 { grid-column: span 2; }
.stack { display: grid; gap: 12px; }
label { display: grid; gap: 7px; font-size: .75rem; font-weight: 850; color: #d4deeb; }
input, select, textarea {
  width: 100%;
  border: 1px solid #2d3a4e;
  background: #0b1018;
  color: white;
  border-radius: 9px;
  padding: 11px;
  outline: 0;
  transition: border-color .17s ease, box-shadow .17s ease, background .17s ease;
}
input:hover, select:hover, textarea:hover { border-color: #3e5069; }
input:focus, select:focus, textarea:focus {
  border-color: var(--neon);
  box-shadow: 0 0 0 2px rgba(83,167,255,.11), 0 0 16px rgba(83,167,255,.11);
  background: #0d1420;
}
textarea { resize: vertical; }
.toggle { display: flex; align-items: center; gap: 10px; }
.toggle input { width: auto; accent-color: var(--green); }
.table { display: grid; gap: 7px; }
.row {
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  border: 1px solid #253145;
  background: #0d131d;
  border-radius: 9px;
  padding: 10px 11px;
  font-size: .78rem;
  transition: border-color .17s ease, background .17s ease;
}
.row:hover { border-color: rgba(83,167,255,.26); background: #101824; }
.row small { display: block; color: var(--muted); margin-top: 3px; }
.row strong { color: var(--green-2); }
.row-actions { display: flex; align-items: center; gap: 8px; flex-shrink: 0; flex-wrap: wrap; justify-content: flex-end; }
.status-active { color: var(--green); font-size: .68rem; font-weight: 900; text-transform: uppercase; letter-spacing: .06em; }
.inline-link { color: var(--blue-2); font-weight: 850; }
.inline-link:hover { text-decoration: underline; text-shadow: 0 0 10px rgba(83,167,255,.35); }
.metric-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; }
.metric { padding: 16px; border: 1px solid #263347; background: #0d131d; border-radius: 10px; }
.metric span { color: var(--muted); font-size: .67rem; text-transform: uppercase; font-weight: 900; }
.metric strong { display: block; color: var(--green); font-size: 1.55rem; margin-top: 4px; }
.command-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; }
.command-grid code {
  padding: 10px;
  border: 1px solid #29384c;
  background: #0a1018;
  border-radius: 8px;
  color: var(--blue-2);
  overflow-wrap: anywhere;
}
.split { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.hint { color: var(--muted); font-size: .76rem; line-height: 1.5; }
.loading { padding: 60px; text-align: center; color: var(--muted); }
.id-chip {
  display: inline-block;
  padding: 3px 7px;
  border: 1px solid rgba(64,226,140,.24);
  background: rgba(64,226,140,.07);
  border-radius: 7px;
  color: var(--green-2);
  font-weight: 900;
  font-family: ui-monospace,SFMono-Regular,Consolas,monospace;
}

.toast {
  position: fixed;
  right: 22px;
  bottom: 22px;
  z-index: 80;
  background: #121c29;
  border: 1px solid #335277;
  border-radius: 11px;
  padding: 12px 15px;
  box-shadow: var(--shadow);
  font-weight: 800;
  font-size: .8rem;
}
.toast.error { border-color: #81384a; color: #ff9cac; }
.toast.success { border-color: #28764f; color: var(--green-2); }

.mobile-nav-shade {
  position: fixed; inset: 68px 0 0; z-index: 34;
  background: rgba(0,0,0,.54);
  backdrop-filter: blur(2px);
}

/* Responsive */
@media (max-width: 1260px) {
  .app-shell { grid-template-columns: 260px minmax(0,1fr); }
  .stats-ribbon { grid-template-columns: repeat(3,1fr); }
  .stat-chip:nth-child(3n) { border-right: 0; }
  .stat-chip:nth-child(-n+3) { border-bottom: 1px solid rgba(143,167,196,.10); }
}

@media (max-width: 960px) {
  .mobile-nav-button { display: inline-grid; place-items: center; }
  .top-server { display: none; }
  .app-shell { display: block; }
  .workspace-sidebar {
    position: fixed;
    z-index: 35;
    left: 0;
    top: 68px;
    width: min(310px, 86vw);
    transform: translateX(-102%);
    transition: transform .22s ease;
    box-shadow: 18px 0 45px rgba(0,0,0,.38);
  }
  .workspace-sidebar.open { transform: translateX(0); }
  .workspace-main { width: 100%; padding: 18px 18px 60px; }
  .split { grid-template-columns: 1fr; }
}

@media (max-width: 720px) {
  .topbar { padding: 0 12px; }
  .brand-copy { display: none; }
  .status-pill, .user-chip span { display: none; }
  .workspace-main { padding: 12px 10px 50px; }
  .server-banner, .detail-head, .card-head { align-items: flex-start; flex-direction: column; }
  .breadcrumbs { display: none; }
  .module-grid, .form-grid, .form-grid.three, .metric-grid, .command-grid, .stats-ribbon { grid-template-columns: 1fr; }
  .span-2 { grid-column: auto; }
  .stats-ribbon { overflow: visible; }
  .stat-chip { border-right: 0; border-bottom: 1px solid rgba(143,167,196,.10); }
  .stat-chip:last-child { border-bottom: 0; }
  .module-grid { padding: 12px; }
  .module-card { grid-template-columns: 42px minmax(0,1fr) auto; min-height: 118px; padding: 13px; }
  .module-icon { width: 42px; height: 42px; }
  .login-card { padding: 34px 20px; }
  .detail-actions { width: 100%; }
  .detail-actions .button { width: 100%; }
  .row { align-items: flex-start; flex-wrap: wrap; }
  .row-actions { width: 100%; justify-content: flex-start; }
  .module-shell-head { padding: 0 14px; }
  .module-toolbar { padding: 13px 12px 0; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition: none !important; animation: none !important; }
}

/* ===== PUGX Leadership Neon Theme — August 11, 2026 ===== */
:root {
  --bg: #08020f;
  --bg-soft: #0d0518;
  --sidebar: #090312;
  --panel: #130821;
  --panel-2: #190c2a;
  --panel-3: #0d0617;
  --line: #3a2450;
  --line-soft: rgba(176, 104, 255, .18);
  --text: #76ffa9;
  --muted: #60c98a;
  --muted-2: #458e68;
  --blue: #218cff;
  --blue-2: #6bc9ff;
  --green: #54ff98;
  --green-2: #9affbf;
  --purple: #a05cff;
  --red: #ff738f;
  --yellow: #e8ff73;
  --neon: #2d95ff;
  --neon-strong: #a15cff;
  --neon-soft: rgba(45, 149, 255, .24);
  --neon-purple: rgba(161, 92, 255, .25);
  --shadow: 0 22px 58px rgba(0, 0, 0, .44);
  --shadow-soft: 0 12px 34px rgba(0, 0, 0, .32);
}
body {
  background:
    radial-gradient(circle at 76% -8%, rgba(115, 44, 200, .24), transparent 34%),
    radial-gradient(circle at 18% 110%, rgba(44, 18, 92, .32), transparent 35%),
    linear-gradient(145deg, #07010d 0%, #0b0316 48%, #100522 100%);
  color: var(--text);
}
body, button, input, select, textarea, .breadcrumbs strong, .server-mini strong,
.module-search input, .detail-copy h1, .card-head h2, .module-card-copy h3,
.server-identity h1, .module-shell-head h2, .login-card h1 {
  color: var(--text);
}
.topbar {
  background: rgba(8, 2, 15, .94);
  border-bottom-color: rgba(161, 92, 255, .16);
}
.workspace-sidebar {
  background: linear-gradient(180deg, rgba(10, 3, 19, .98), rgba(7, 2, 14, .98));
  border-right-color: rgba(161, 92, 255, .14);
}
.server-banner, .stats-ribbon, .module-shell, .detail-head, .settings-card,
.leadership-hero, .overview-panel, .module-directory {
  background: linear-gradient(155deg, rgba(22, 9, 38, .97), rgba(12, 5, 23, .98));
  border-color: rgba(160, 92, 255, .20);
}
.brand-mark, .server-identity img, .server-fallback {
  background: linear-gradient(145deg, #28113f, #361456);
  border-color: rgba(83, 160, 255, .36);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 0 20px rgba(103, 78, 255, .15);
}
.brand-mark { color: var(--green-2); }
.side-nav-label { color: #4ea576; }
.side-nav button { color: #66d895; }
.side-nav button:hover, .side-nav button.active {
  color: var(--green-2);
  background: linear-gradient(90deg, rgba(39, 131, 255, .16), rgba(142, 66, 255, .13));
  border-color: rgba(70, 157, 255, .58);
  box-shadow:
    inset 3px 0 0 #329cff,
    0 0 0 1px rgba(161, 92, 255, .16),
    0 0 18px rgba(45, 149, 255, .22),
    0 0 28px rgba(161, 92, 255, .12);
}
.fetch-button, .icon-button, .button.secondary {
  color: var(--green);
  background: rgba(24, 9, 39, .92);
  border-color: rgba(145, 83, 219, .34);
}
.button {
  color: #b5ffd0;
  background: linear-gradient(135deg, #253785, #6f2cb0);
  border-color: rgba(88, 159, 255, .28);
}
.button:hover, .fetch-button:hover, .icon-button:hover,
.category-tabs button:hover, .module-card:hover, .leadership-tool:hover,
.attention-card:hover, .live-event-row:hover, .text-link:hover {
  border-color: rgba(56, 156, 255, .84) !important;
  box-shadow:
    0 0 0 1px rgba(45,149,255,.18),
    0 0 18px rgba(45,149,255,.32),
    0 0 34px rgba(151,69,255,.19),
    0 16px 34px rgba(0,0,0,.30) !important;
}
.module-search, input, select, textarea, .row, .metric, .command-grid code {
  background: rgba(8, 3, 15, .82);
  border-color: rgba(140, 81, 205, .30);
  color: var(--green-2);
}
input::placeholder, textarea::placeholder { color: #3d815c; }
input:focus, select:focus, textarea:focus, .module-search:focus-within {
  border-color: #339cff;
  box-shadow: 0 0 0 2px rgba(45,149,255,.12), 0 0 18px rgba(45,149,255,.24), 0 0 28px rgba(161,92,255,.12);
  background: #0c0416;
}
.category-tabs button {
  color: #5dcf8d;
  background: rgba(12, 5, 23, .9);
  border-color: rgba(132, 73, 195, .30);
}
.category-tabs button.active {
  color: var(--green-2);
  background: linear-gradient(135deg, rgba(40, 128, 255, .16), rgba(145, 67, 255, .14));
  border-color: rgba(54, 155, 255, .58);
  box-shadow: 0 0 15px rgba(45,149,255,.15);
}
.module-card {
  background: linear-gradient(145deg, rgba(24, 10, 41, .94), rgba(12, 5, 22, .98));
  border-color: rgba(132, 73, 195, .30);
}
.module-card::after, .overview-panel::after, .leadership-hero::after {
  content: "";
  position: absolute;
  pointer-events: none;
  inset: 0 auto 0 0;
  width: 2px;
  background: linear-gradient(180deg, #2498ff, #9b4dff 58%, transparent);
  opacity: .68;
}
.module-card:hover { transform: translateY(-3px); }
.module-icon, .detail-icon, .section-icon, .stat-icon {
  color: var(--green-2);
  background: linear-gradient(145deg, rgba(43, 126, 255, .16), rgba(149, 71, 255, .14));
  border-color: rgba(65, 157, 255, .28);
}
.module-card-copy p, .card-head p, .detail-copy p, .hint, .row small,
.module-category, .server-mini small, .top-server small, .breadcrumbs,
.login-card p, .login-card small { color: var(--muted); }
.inline-link, .command-grid code { color: var(--green-2); }
.status-pill, .live-pill, .module-badge, .id-chip {
  color: var(--green-2);
  border-color: rgba(84,255,152,.24);
  background: rgba(84,255,152,.07);
}

/* Leadership-first home */
.leadership-home { display: grid; gap: 16px; }
.leadership-hero {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(161,92,255,.22);
  border-radius: 16px;
  padding: 22px 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-shadow: var(--shadow-soft);
}
.leadership-hero::before {
  content: "";
  position: absolute;
  width: 380px; height: 220px;
  right: -80px; top: -120px;
  background: radial-gradient(circle, rgba(46,146,255,.18), rgba(146,66,255,.09) 45%, transparent 70%);
  pointer-events: none;
}
.leadership-hero h2 { margin: 4px 0 6px; font-size: clamp(1.35rem, 2.3vw, 2rem); color: var(--green-2); }
.leadership-hero p { margin: 0; color: var(--muted); max-width: 720px; line-height: 1.55; }
.leadership-overview {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(320px, .8fr);
  gap: 14px;
}
.overview-panel {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(151,83,219,.20);
  border-radius: 15px;
  padding: 18px;
  box-shadow: var(--shadow-soft);
}
.overview-title { display:flex; align-items:flex-start; justify-content:space-between; gap:14px; margin-bottom:14px; }
.overview-title h3 { margin: 3px 0 0; color: var(--green-2); font-size: 1.02rem; }
.overview-count { color: var(--green); font-size: .7rem; font-weight: 900; border:1px solid rgba(84,255,152,.18); padding:5px 8px; border-radius:999px; background:rgba(84,255,152,.05); }
.text-link { border:0; background:transparent; color:var(--green); cursor:pointer; font-size:.72rem; font-weight:850; padding:6px 8px; border-radius:8px; }
.attention-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
.attention-card {
  min-height: 92px;
  border:1px solid rgba(139,77,202,.30);
  border-radius:12px;
  padding:12px;
  background:linear-gradient(145deg,rgba(27,11,46,.92),rgba(10,4,19,.96));
  display:grid;
  grid-template-columns:36px minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
  text-align:left;
  cursor:pointer;
  color:var(--text);
  transition:.18s ease;
}
.attention-card:hover { transform:translateY(-2px); }
.attention-icon { width:36px;height:36px;display:grid;place-items:center;border:1px solid rgba(57,151,255,.25);border-radius:10px;background:rgba(48,128,255,.10); }
.attention-copy small { display:block; color:var(--muted); font-size:.65rem; text-transform:uppercase; letter-spacing:.07em; font-weight:900; }
.attention-copy strong { display:block; color:var(--green-2); font-size:1.45rem; line-height:1.1; margin:3px 0; }
.attention-copy em { display:block; color:#55b47d; font-size:.66rem; font-style:normal; }
.attention-arrow { font-size:1.35rem; color:#4a9f73; }
.attention-card.danger .attention-icon { border-color:rgba(255,96,142,.28); background:rgba(255,96,142,.07); }
.attention-card.warn .attention-icon { border-color:rgba(230,255,93,.24); background:rgba(230,255,93,.06); }
.live-event-list, .activity-list, .leadership-tools { display:grid; gap:8px; }
.live-event-row, .leadership-tool {
  width:100%; border:1px solid rgba(132,74,196,.28); border-radius:10px;
  background:rgba(10,4,19,.72); color:var(--text); cursor:pointer; text-align:left;
  transition:.18s ease;
}
.live-event-row { display:grid;grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 11px; }
.live-event-row:hover, .leadership-tool:hover { transform:translateX(2px); }
.live-event-row strong, .leadership-tool strong { color:var(--green-2); }
.live-event-row small, .leadership-tool small { display:block;color:var(--muted);margin-top:3px;font-size:.67rem; }
.live-event-row > span:last-child { color:#4ba772;font-size:.64rem;font-weight:800; }
.live-dot { width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 10px rgba(84,255,152,.8); }
.hosting-actions { display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px; }
.leadership-tool { display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:9px;padding:10px 11px; }
.leadership-tool > span { width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:rgba(48,128,255,.09);border:1px solid rgba(57,151,255,.20); }
.leadership-tool b { color:#4f9f75;font-size:1.2rem; }
.activity-row { display:grid;grid-template-columns:92px minmax(0,1fr) auto;gap:10px;align-items:start;border-bottom:1px solid rgba(146,81,211,.14);padding:9px 2px; }
.activity-row:last-child { border-bottom:0; }
.activity-type { color:#7fefaa;font-size:.61rem;text-transform:uppercase;letter-spacing:.06em;font-weight:900; }
.activity-row strong { display:block;color:var(--green-2);font-size:.73rem; }
.activity-row small { display:block;color:var(--muted);font-size:.66rem;margin-top:3px;line-height:1.4; }
.activity-row time { color:#4e9b70;font-size:.62rem;white-space:nowrap; }
.overview-empty { color:var(--muted);font-size:.72rem;padding:15px 4px; }
.module-directory {
  border:1px solid rgba(153,83,222,.18);
  border-radius:15px;
  overflow:hidden;
  box-shadow:var(--shadow-soft);
}
.directory-head { display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:18px 20px 0; }
.directory-head h2 { margin:3px 0 0;color:var(--green-2);font-size:1.05rem; }
.directory-head p { margin:0;color:var(--muted);font-size:.72rem;max-width:480px;text-align:right; }
.compact-directory { grid-template-columns:repeat(3,minmax(0,1fr)); }
.compact-directory .module-card { min-height:116px; padding:14px; grid-template-columns:40px minmax(0,1fr) auto; }
.compact-directory .module-icon { width:40px;height:40px; }
.compact-directory .module-card-copy p { font-size:.7rem; }

@media (max-width: 1180px) {
  .leadership-overview { grid-template-columns:1fr; }
  .compact-directory { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width: 720px) {
  .leadership-hero, .directory-head { align-items:flex-start;flex-direction:column; }
  .directory-head p { text-align:left; }
  .attention-grid, .hosting-actions, .compact-directory { grid-template-columns:1fr; }
  .activity-row { grid-template-columns:1fr auto; }
  .activity-type { grid-column:1 / -1; }
}


/* Advanced module settings system */
.module-settings-frame{display:grid;gap:14px}
.settings-tabs{display:flex;gap:8px;padding:5px;border:1px solid rgba(137,90,255,.22);background:rgba(22,12,42,.72);border-radius:13px;width:max-content;max-width:100%}
.settings-tabs button{border:0;background:transparent;color:var(--muted);font-weight:900;padding:10px 18px;border-radius:9px;cursor:pointer;transition:.18s ease}
.settings-tabs button:hover{color:var(--green-2);text-shadow:0 0 14px rgba(64,226,140,.34);background:rgba(128,75,255,.10)}
.settings-tabs button.active{color:var(--green);background:linear-gradient(135deg,rgba(91,45,168,.40),rgba(31,12,71,.58));box-shadow:inset 0 -2px 0 #8c5cff,0 0 20px rgba(124,73,255,.18)}
.log-tab-panel{display:none}.log-tab-panel.active{display:block}
.log-types-list,.settings-list{display:grid;gap:10px}
.log-type-row,.setting-row{min-height:76px;display:grid;grid-template-columns:minmax(220px,1fr) minmax(230px,360px) 54px;gap:16px;align-items:center;padding:14px 16px;border:1px solid rgba(149,111,214,.20);border-radius:12px;background:linear-gradient(100deg,rgba(37,20,61,.74),rgba(19,13,34,.82));transition:.18s ease}
.log-type-row:hover,.setting-row:hover,.ignore-panel:hover{border-color:rgba(95,238,157,.38);box-shadow:0 0 0 1px rgba(139,86,255,.14),0 0 24px rgba(116,64,219,.18);transform:translateY(-1px)}
.log-type-copy,.setting-row-copy{display:grid;gap:5px}.log-type-copy strong,.setting-row-copy strong,.ignore-panel strong{color:var(--green-2);font-size:.94rem}.log-type-copy small,.setting-row-copy small,.ignore-panel small{color:#98a9b9;line-height:1.4}
.setting-row{grid-template-columns:minmax(0,1fr) 54px;cursor:pointer}
.switch{width:46px;height:26px;display:inline-flex;position:relative;justify-self:end}.switch input{position:absolute;opacity:0;pointer-events:none}.switch i{width:46px;height:26px;border-radius:99px;background:#3a3c4c;border:1px solid #55566b;transition:.18s ease;position:relative}.switch i:after{content:"";position:absolute;width:18px;height:18px;border-radius:50%;left:3px;top:3px;background:#d9dce3;transition:.18s ease}.switch input:checked+i{background:linear-gradient(135deg,#42e88e,#19b96a);border-color:#67f1a8;box-shadow:0 0 16px rgba(64,226,140,.28)}.switch input:checked+i:after{transform:translateX(20px);background:white}
.settings-savebar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:6px;padding:13px 14px;border-top:1px solid rgba(255,255,255,.06);color:var(--muted);font-size:.78rem}
.ignore-grid{display:grid;gap:12px}.ignore-panel{padding:15px;border:1px solid rgba(149,111,214,.20);border-radius:12px;background:linear-gradient(100deg,rgba(37,20,61,.72),rgba(19,13,34,.82));transition:.18s ease}.ignore-panel>div:first-child{display:grid;gap:4px}.ignore-chips{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0}.ignore-chip{display:inline-flex;align-items:center;gap:6px;padding:7px 8px 7px 10px;border:1px solid rgba(64,226,140,.22);border-radius:9px;color:#c9f8dd;background:rgba(31,129,81,.10);font-size:.76rem}.ignore-chip button{width:22px;height:22px;border:0;border-radius:6px;background:rgba(255,101,120,.12);color:#ff8998;cursor:pointer}.ignore-chip button:hover{box-shadow:0 0 12px rgba(255,101,120,.22);background:rgba(255,101,120,.20)}.ignore-empty{color:var(--muted-2);font-size:.76rem;margin:12px 0}.inline-add{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}
.settings-card input:focus,.settings-card select:focus,.settings-card textarea:focus{outline:none;border-color:rgba(64,226,140,.58)!important;box-shadow:0 0 0 2px rgba(64,226,140,.08),0 0 18px rgba(126,75,255,.16)}
@media(max-width:760px){.settings-tabs{width:100%}.settings-tabs button{flex:1}.log-type-row{grid-template-columns:minmax(0,1fr) 48px}.log-type-row select{grid-column:1/-1;grid-row:2}.log-type-row .switch{grid-column:2;grid-row:1}.settings-savebar{align-items:stretch;flex-direction:column}.inline-add{grid-template-columns:1fr}}
.dashboard-settings-form{display:grid;gap:10px}.control-setting-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(200px,340px);align-items:center;gap:18px;padding:15px 16px;border:1px solid rgba(149,111,214,.20);border-radius:12px;background:linear-gradient(100deg,rgba(37,20,61,.72),rgba(19,13,34,.82));transition:.18s ease}.control-setting-row:hover,.setting-block:hover{border-color:rgba(95,238,157,.38);box-shadow:0 0 0 1px rgba(139,86,255,.14),0 0 24px rgba(116,64,219,.18);transform:translateY(-1px)}.control-setting-row>div{display:grid;gap:4px}.control-setting-row strong,.setting-block>div>strong{color:var(--green-2);font-size:.94rem}.control-setting-row small,.setting-block>div>small{color:var(--muted);line-height:1.4}.setting-block{display:grid;gap:12px;padding:16px;border:1px solid rgba(149,111,214,.20);border-radius:12px;background:linear-gradient(100deg,rgba(37,20,61,.72),rgba(19,13,34,.82));transition:.18s ease}.setting-block>div:first-child{display:grid;gap:4px}.setting-block label{display:grid;gap:6px;color:#70d99b;font-size:.75rem;font-weight:800}@media(max-width:760px){.control-setting-row{grid-template-columns:1fr}.control-setting-row input,.control-setting-row select{width:100%}}

/* Dashboard Announcement Studio */
.announcement-studio{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.75fr);gap:16px;align-items:start}
.announcement-builder-card{grid-column:1}.announcement-preview-card{grid-column:2;position:sticky;top:86px;padding:16px;border:1px solid rgba(139,92,246,.34);border-radius:15px;background:linear-gradient(160deg,rgba(37,14,67,.93),rgba(8,4,18,.96));box-shadow:0 16px 44px rgba(0,0,0,.32),0 0 34px rgba(128,72,255,.10)}
.announcement-history{grid-column:1/-1}.preview-head{display:grid;gap:3px;margin-bottom:13px}.preview-head strong{color:var(--green-2);font-size:1rem}.preview-head small{color:var(--muted);font-size:.7rem}
.announcement-form .form-grid{display:grid;gap:10px}.announcement-form .form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.announcement-form .form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.announcement-section-editor{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;padding:12px;border:1px solid rgba(140,91,234,.18);border-radius:11px;background:rgba(10,5,21,.48);transition:.18s ease}.announcement-section-editor:hover{border-color:rgba(69,238,143,.34);box-shadow:0 0 22px rgba(111,61,216,.14)}.section-number{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:linear-gradient(145deg,rgba(96,46,177,.58),rgba(42,18,84,.68));border:1px solid rgba(144,94,244,.35);color:var(--green-2);font-weight:950}.section-fields{display:grid;gap:9px}
.discord-preview-message{padding:14px;border-radius:13px;background:#1e1f22;border:1px solid rgba(255,255,255,.06);box-shadow:0 14px 28px rgba(0,0,0,.25)}.preview-bot-row{display:flex;align-items:center;gap:9px;margin-bottom:11px;color:#f2f3f5}.preview-bot-avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;font-weight:950;color:#6aff9c;background:linear-gradient(145deg,#182132,#4b2788);box-shadow:0 0 18px rgba(126,74,255,.28)}.preview-bot-row div{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.preview-bot-row strong{color:#62f197}.preview-bot-row span:not(.preview-bot-avatar){font-size:.62rem;font-weight:900;padding:2px 5px;border-radius:4px;background:#5865f2;color:white}.preview-bot-row small{color:#949ba4;font-size:.7rem}
.preview-embeds{display:grid;gap:4px}.discord-embed-preview{position:relative;padding:13px 14px 13px 17px;background:#2b2d31;border-radius:4px;color:#dbdee1;overflow:hidden}.discord-embed-preview:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--embed-accent,#8B5CF6);box-shadow:0 0 14px color-mix(in srgb,var(--embed-accent,#8B5CF6) 55%,transparent)}.discord-embed-preview.connected{margin-top:0}.preview-embed-title{font-weight:900;color:#f2f3f5;font-size:.94rem;margin-bottom:7px}.preview-embed-title.small{font-size:.84rem}.preview-embed-body{color:#dbdee1;font-size:.76rem;line-height:1.5;word-break:break-word}.preview-signature{margin-top:12px;color:#aeb5bd;font-size:.72rem;font-style:italic}.preview-footer{margin-top:8px;color:#949ba4;font-size:.62rem}.preview-link-button{margin-top:10px;border:0;border-radius:5px;background:#4e5058;color:white;font-size:.72rem;font-weight:800;padding:8px 11px;cursor:default}
.announce-publish{min-width:170px;background:linear-gradient(135deg,#6843d8,#8d50ff);box-shadow:0 0 20px rgba(129,74,255,.18)}.announce-publish:hover{border-color:rgba(94,255,151,.75);color:#9affbd;box-shadow:0 0 0 1px rgba(93,255,153,.20),0 0 28px rgba(128,70,255,.38)}
@media(max-width:1080px){.announcement-studio{grid-template-columns:1fr}.announcement-builder-card,.announcement-preview-card,.announcement-history{grid-column:1}.announcement-preview-card{position:static}.announcement-form .form-grid.three{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.announcement-form .form-grid.two,.announcement-form .form-grid.three{grid-template-columns:1fr}.announcement-section-editor{grid-template-columns:1fr}.section-number{margin-bottom:2px}}

/* Staff discipline signing visibility */
.signing-row>div{min-width:0}.approval-summary{display:grid;gap:4px;margin-top:9px;padding:9px 10px;border:1px solid rgba(86,238,151,.22);border-radius:9px;background:linear-gradient(110deg,rgba(64,26,101,.50),rgba(18,10,33,.72));box-shadow:inset 0 0 18px rgba(111,63,210,.06)}.approval-summary>span{color:#65efa0;font-size:.62rem;font-weight:950;text-transform:uppercase;letter-spacing:.08em}.approval-summary>strong{color:#c8f8da;font-size:.7rem;line-height:1.45;overflow-wrap:anywhere}.approval-summary>small{color:#9caab8!important;font-size:.65rem!important;margin-top:0!important}.signing-row:hover .approval-summary{border-color:rgba(91,255,160,.38);box-shadow:0 0 20px rgba(117,68,224,.13)}

/* Operations control center */
.health-list, .timeline-list { display:grid; gap:9px; }
.health-row {
  display:grid; grid-template-columns:10px minmax(0,1fr) auto; align-items:center; gap:10px;
  padding:12px 13px; border:1px solid rgba(116,69,255,.20); border-radius:12px;
  background:linear-gradient(135deg,rgba(38,15,72,.72),rgba(14,8,31,.82));
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;
}
.health-row:hover { transform:translateY(-1px); border-color:rgba(88,174,255,.55); box-shadow:0 0 22px rgba(74,104,255,.14),0 0 18px rgba(137,70,255,.10); }
.health-dot { width:8px;height:8px;border-radius:999px;background:#5dff9a;box-shadow:0 0 12px rgba(93,255,154,.65); }
.health-row.bad .health-dot { background:#ff657f;box-shadow:0 0 12px rgba(255,101,127,.65); }
.health-row strong { color:var(--green-2); text-transform:capitalize; }
.health-row small { display:block;color:var(--muted);margin-top:3px; }
.health-row b { color:var(--green);font-size:.72rem;text-transform:uppercase; }
.health-row.bad b { color:#ff8397; }
.timeline-event {
  position:relative; display:grid; grid-template-columns:16px minmax(0,1fr); gap:10px; padding:12px 13px;
  border:1px solid rgba(116,69,255,.17); border-radius:12px; background:rgba(26,12,53,.64);
  transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease;
}
.timeline-event:hover { transform:translateX(2px); border-color:rgba(83,167,255,.48); box-shadow:0 0 18px rgba(79,87,255,.12); }
.timeline-marker { width:9px;height:9px;border-radius:999px;margin-top:5px;background:var(--green);box-shadow:0 0 12px rgba(84,255,152,.55); }
.timeline-event strong { color:var(--green-2); text-transform:capitalize; }
.timeline-event small { display:block;color:var(--muted);font-size:.7rem;margin-top:2px; }
.timeline-event p { margin:7px 0 0;color:#d8cfff;font-size:.76rem;line-height:1.5; }
.timeline-event em { display:block;margin-top:5px;color:#9fcdb3;font-size:.68rem;font-style:normal; }
.ops-row span { color:var(--green); }

/* Dashboard Studio / personalization */
.customization-grid { display: grid; gap: 16px; }
.theme-color-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(150px,1fr)); gap: 10px; }
.theme-color-grid label { display: grid; gap: 8px; color: var(--muted); font-size: .76rem; font-weight: 800; }
.theme-color-grid input[type="color"] { width: 100%; min-height: 48px; border: 1px solid var(--line); border-radius: 10px; background: var(--panel-3); padding: 4px; }
.theme-preview { margin-top: 14px; display: flex; align-items: center; gap: 12px; padding: 16px; border: 1px solid var(--line); border-radius: var(--radius); background: linear-gradient(135deg,var(--panel),var(--panel-2)); box-shadow: 0 0 24px var(--neon-soft); }
.theme-preview > span { width: 14px; height: 14px; border-radius: 50%; background: var(--green); box-shadow: 0 0 16px var(--green); }
.theme-preview strong { flex: 1; }
.choice-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(160px,1fr)); gap: 9px; }
.choice-chip { position: relative; display: flex; align-items: center; gap: 9px; padding: 11px; border: 1px solid var(--line); border-radius: 10px; background: rgba(255,255,255,.025); cursor: pointer; }
.choice-chip input { accent-color: var(--blue); }
.choice-chip span { font-size: 1.05rem; }
.choice-chip strong { font-size: .78rem; }
.sortable-list { display: grid; gap: 8px; }
.sortable-list.tall { max-height: 520px; overflow: auto; padding-right: 4px; }
.sortable-row { display: grid; grid-template-columns: 28px 28px minmax(0,1fr) auto; gap: 8px; align-items: center; padding: 11px 12px; border: 1px solid var(--line); border-radius: 10px; background: var(--panel-3); cursor: grab; }
.sortable-row[data-panel] { grid-template-columns: 28px minmax(0,1fr) auto; }
.sortable-row.dragging { opacity: .55; border-color: var(--blue); box-shadow: 0 0 18px var(--neon-soft); }
.drag-handle { color: var(--muted); font-size: 1.1rem; }
.mini-toggle { color: var(--muted); font-size: .72rem; display: inline-flex; gap: 6px; align-items: center; }
.quick-actions-panel { margin-bottom: 16px; }
.quick-action-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(150px,1fr)); gap: 9px; }
.quick-action { border: 1px solid var(--line); border-radius: 11px; background: var(--panel-3); padding: 12px; color: var(--text); cursor: pointer; display: flex; align-items: center; gap: 9px; text-align: left; }
.quick-action:hover { border-color: var(--blue); box-shadow: 0 0 16px var(--neon-soft); transform: translateY(-1px); }
.quick-action span { font-size: 1.15rem; }
.quick-action strong { font-size: .78rem; }
.access-matrix { display: grid; gap: 7px; max-height: 620px; overflow: auto; margin-top: 12px; }
.access-row { display: grid; grid-template-columns: minmax(0,1fr) 150px; align-items: center; gap: 10px; border: 1px solid var(--line); border-radius: 10px; padding: 9px 10px; background: var(--panel-3); }
.access-row > div { display: grid; grid-template-columns: 28px minmax(0,1fr); gap: 6px 8px; align-items: center; }
.access-row small { grid-column: 2; color: var(--muted); }
.setup-score { display: inline-flex; align-items: baseline; gap: 8px; margin: 8px 0 14px; }
.setup-score strong { font-size: 2.2rem; color: var(--green); }
.setup-score span { color: var(--muted); }
.setup-check-list { display: grid; gap: 8px; }
.setup-check { display: grid; grid-template-columns: 34px minmax(0,1fr) auto; gap: 10px; align-items: center; border: 1px solid var(--line); border-radius: 11px; padding: 12px; background: var(--panel-3); }
.setup-check > span { width: 28px; height: 28px; display: grid; place-items: center; border-radius: 50%; font-weight: 950; }
.setup-check.good > span { background: rgba(64,226,140,.12); color: var(--green); }
.setup-check.bad > span { background: rgba(255,101,120,.12); color: var(--red); }
.setup-check.warn > span { background: rgba(255,209,102,.12); color: var(--yellow); }
.setup-check small { display: block; color: var(--muted); margin-top: 3px; }
.setup-check b { font-size: .72rem; color: var(--muted); }
.preset-toolbar { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 14px; padding-bottom: 14px; border-bottom: 1px solid var(--line-soft); }
.preset-toolbar select { min-width: 220px; flex: 1; }
body[data-density="compact"] .settings-card, body[data-density="compact"] .overview-panel { padding: 14px; }
body[data-density="compact"] .row { padding-top: 8px; padding-bottom: 8px; }
body[data-density="spacious"] .settings-card, body[data-density="spacious"] .overview-panel { padding: 26px; }
body[data-density="spacious"] .row { padding-top: 16px; padding-bottom: 16px; }
.reduce-motion *, .reduce-motion *::before, .reduce-motion *::after { transition: none !important; animation: none !important; scroll-behavior: auto !important; }
@media (max-width: 760px) { .theme-color-grid,.choice-grid,.quick-action-grid { grid-template-columns: 1fr 1fr; } .access-row { grid-template-columns: 1fr; } .preset-toolbar { display: grid; grid-template-columns: 1fr; } }

/* PUGX Next — mobile command center + desktop operations */
.global-search-wrap{position:relative;width:min(330px,28vw);height:38px;border:1px solid var(--line);border-radius:10px;background:rgba(8,3,15,.86);display:flex;align-items:center;gap:7px;padding:0 10px}
.global-search-wrap>span{color:var(--green);font-size:1rem}.global-search-wrap input{width:100%;height:34px;border:0!important;box-shadow:none!important;background:transparent!important;padding:0!important}
.global-search-results{position:absolute;z-index:80;top:44px;left:0;right:0;max-height:360px;overflow:auto;padding:6px;background:#0b0612;border:1px solid var(--line);border-radius:11px;box-shadow:0 20px 50px rgba(0,0,0,.52)}
.global-search-results button,.search-suggestions button{width:100%;display:grid;gap:2px;text-align:left;padding:10px;border:0;border-radius:8px;background:transparent;color:var(--text);cursor:pointer}.global-search-results button:hover,.search-suggestions button:hover{background:rgba(75,134,255,.12)}
.global-search-results small,.search-suggestions small{color:var(--muted);font-size:.68rem}.notification-button{position:relative}.notification-button b{position:absolute;right:-5px;top:-6px;min-width:18px;height:18px;padding:0 4px;display:grid;place-items:center;border-radius:99px;background:#ff4d72;color:#fff;font-size:.58rem;border:2px solid #090410}.pugx-version{margin-top:9px;color:#6e8297;font-size:.62rem;letter-spacing:.05em}
.mobile-bottom-nav{display:none}
.member-history-layout{display:grid;grid-template-columns:minmax(280px,.42fr) minmax(0,1.2fr);gap:14px}.member-profile-card{min-height:540px}.search-suggestions{display:grid;max-height:260px;overflow:auto;border:1px solid var(--line-soft);border-radius:10px;background:rgba(7,3,14,.65)}.search-suggestions:empty{display:none}.or-divider{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:.65rem;text-transform:uppercase}.or-divider:before,.or-divider:after{content:"";height:1px;flex:1;background:var(--line-soft)}
.empty-profile{min-height:280px;display:grid;place-items:center;align-content:center;text-align:center;gap:8px;color:var(--muted)}.empty-profile>span{font-size:2rem}.empty-profile strong{color:var(--green-2);font-size:1rem}.empty-profile p{max-width:520px;margin:0;line-height:1.55}.member-profile-head{display:flex;align-items:center;gap:14px;margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid var(--line-soft)}.member-profile-head h2{margin:3px 0;color:var(--green-2)}.member-profile-head p{margin:0;color:var(--muted)}.member-profile-head>.live-pill{margin-left:auto}.member-avatar-fallback{width:54px;height:54px;border-radius:14px;display:grid;place-items:center;font-weight:950;background:linear-gradient(135deg,#2478ff,#8a45ff);box-shadow:0 0 22px var(--neon-soft)}.member-metrics{margin-bottom:16px}.profile-section-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:16px}.profile-section-grid>section{border:1px solid var(--line);border-radius:11px;background:var(--panel-3);padding:12px}.mini-record{display:grid;gap:2px;padding:8px 0;border-bottom:1px solid var(--line-soft)}.mini-record:last-child{border-bottom:0}.mini-record strong{font-size:.75rem}.mini-record small{color:var(--muted);font-size:.65rem}.profile-timeline{margin-top:12px;padding-top:14px;border-top:1px solid var(--line-soft)}
.staff-workspace-list,.pc-case-list,.event-room-list,.incident-list,.diag-list,.notification-list,.build-list,.audit-checks{display:grid;gap:9px}.staff-workspace-person{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 10px;padding:11px 12px;text-align:left;border:1px solid var(--line);border-radius:10px;background:var(--panel-3);color:var(--text);cursor:pointer}.staff-workspace-person small{grid-column:1;color:var(--muted)}.staff-workspace-person span{grid-row:1/3;grid-column:2;align-self:center;color:var(--green);font-weight:950}.staff-workspace-person:hover{border-color:var(--blue);box-shadow:0 0 15px var(--neon-soft)}.subhead{margin:18px 0 8px;color:var(--green-2);font-size:.85rem}
.pc-case{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:13px;border:1px solid var(--line);border-radius:11px;background:var(--panel-3)}.pc-case.open{border-left:3px solid var(--green)}.pc-case.closed{opacity:.7}.pc-case h3{margin:3px 0}.pc-case p{margin:4px 0;color:#d8cfff;font-size:.74rem}.pc-case small{color:var(--muted)}
.event-control-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,.7fr);gap:14px}.event-room{border:1px solid var(--line);border-radius:12px;background:linear-gradient(145deg,rgba(26,11,45,.88),rgba(11,5,20,.95));padding:14px}.event-room-head{display:flex;justify-content:space-between;gap:12px}.event-room-head h3{margin:8px 0 3px;color:var(--green-2)}.event-room-head p{margin:0;color:var(--muted);font-size:.72rem}.event-room-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:13px 0}.event-room-metrics span{padding:9px;border:1px solid var(--line-soft);border-radius:9px;background:rgba(255,255,255,.025);color:var(--muted);font-size:.68rem}.event-room-metrics b{display:block;color:var(--green-2);font-size:.9rem}.event-room-actions{display:flex;flex-wrap:wrap;gap:8px}
.health-dashboard{display:grid;gap:14px}.health-score-card{display:flex;align-items:center;gap:20px}.health-score-ring{--score:100;width:112px;height:112px;border-radius:50%;display:grid;place-items:center;align-content:center;background:radial-gradient(circle at center,var(--panel) 58%,transparent 60%),conic-gradient(var(--green) calc(var(--score)*1%),rgba(255,255,255,.07) 0);box-shadow:0 0 28px rgba(64,226,140,.12)}.health-score-ring strong{font-size:2rem;color:var(--green-2);line-height:1}.health-score-ring span{color:var(--muted);font-size:.65rem}.incident-row,.diag-row,.build-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 12px;padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:var(--panel-3)}.incident-row.open{border-left:3px solid #ff5577}.incident-row.recovered{border-left:3px solid var(--green);opacity:.8}.incident-row small,.incident-row em,.diag-row small,.build-row small{display:block;color:var(--muted);font-size:.67rem;font-style:normal}.incident-row span{color:var(--green);font-size:.68rem}.diag-row{grid-template-columns:92px minmax(0,1fr) auto}.diag-row code,.build-row code{color:var(--green-2)}.diagnostics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.version-hero{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px;border:1px solid var(--line);border-radius:11px;background:var(--panel-3);margin-bottom:12px}.version-hero.match strong{color:var(--green)}.version-hero.check strong{color:var(--yellow)}
.audit-check{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px;border:1px solid var(--line);border-radius:11px;background:var(--panel-3)}.audit-check>span{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;font-weight:950}.audit-check.good>span{background:rgba(64,226,140,.12);color:var(--green)}.audit-check.bad>span{background:rgba(255,85,119,.12);color:#ff6685}.audit-check small{display:block;color:var(--muted);margin-top:3px}.audit-check b{color:var(--muted);font-size:.68rem}.notification-toolbar{display:flex;justify-content:flex-end;margin-bottom:9px}.notification-row{width:100%;display:grid;grid-template-columns:34px minmax(0,1fr) 9px;gap:10px;align-items:center;text-align:left;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--panel-3);color:var(--text);cursor:pointer}.notification-row.read{opacity:.65}.notification-row i{width:8px;height:8px;border-radius:50%;background:#ff5577;box-shadow:0 0 12px rgba(255,85,119,.55)}.notification-row small{display:block;color:var(--muted);margin-top:3px}.desktop-dense{max-height:720px;overflow:auto}

@media (max-width:1100px){.global-search-wrap{width:240px}.event-control-grid,.member-history-layout{grid-template-columns:1fr}.diagnostics-grid{grid-template-columns:1fr}.profile-section-grid{grid-template-columns:1fr 1fr}}
@media (max-width:760px){
  body{padding-bottom:70px}.topbar{height:58px;padding:0 10px}.top-server,.status-pill,.top-actions .button.secondary,.brand-copy{display:none!important}.top-actions{gap:6px}.global-search-wrap{width:min(48vw,220px);height:36px}.global-search-wrap input{font-size:.76rem}.app-shell{display:block;min-height:calc(100vh - 58px)}.workspace-main{padding:10px 10px 84px;gap:10px}.workspace-sidebar{position:fixed;z-index:70;left:0;top:58px;width:min(88vw,330px);height:calc(100vh - 58px);transform:translateX(-105%);transition:.2s ease}.workspace-sidebar.open{transform:translateX(0)}.mobile-nav-button{display:inline-grid!important}.server-banner{padding:11px 12px}.server-identity img,.server-fallback{width:39px;height:39px}.server-identity h1{font-size:.95rem}.server-identity .eyebrow,.breadcrumbs{display:none}.stats-ribbon{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.stat-chip{min-width:132px;padding:10px;scroll-snap-align:start}.stat-icon{width:34px;height:34px;flex-basis:34px}.leadership-hero{padding:14px}.leadership-hero h2{font-size:1.15rem}.leadership-hero p{font-size:.75rem}.leadership-overview{gap:10px}.overview-panel,.settings-card{padding:12px}.module-directory{border-radius:12px}.directory-head{padding:14px}.directory-head p{display:none}.module-toolbar{padding:10px 10px 0}.category-tabs{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}.category-tabs button{white-space:nowrap}.compact-directory{grid-template-columns:1fr!important;padding:10px}.module-card{min-height:auto;padding:11px}.module-card-copy p{display:none}.module-card-meta{margin-top:5px}.detail-head{padding:12px}.detail-copy p{display:none}.detail-actions{margin-left:auto}.detail-actions .button{font-size:0;padding:9px}.detail-actions .button:after{content:'←';font-size:1rem}.split{grid-template-columns:1fr!important}.metric-grid{grid-template-columns:repeat(2,1fr)!important}.profile-section-grid{grid-template-columns:1fr}.member-profile-head{align-items:flex-start}.member-profile-head>.live-pill{margin-left:0}.event-room-head{display:grid}.event-room-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.event-room-actions .button{flex:1}.health-score-card{display:grid;justify-items:center;text-align:center}.diag-row{grid-template-columns:1fr}.diag-row>span{display:none}.audit-check{grid-template-columns:30px minmax(0,1fr)}.audit-check>.button,.audit-check>b{grid-column:2}.desktop-dense{max-height:none}.desktop-priority{display:grid}.mobile-bottom-nav{position:fixed;display:grid;z-index:65;bottom:0;left:0;right:0;height:62px;grid-template-columns:repeat(5,1fr);background:rgba(10,5,17,.97);border-top:1px solid rgba(136,83,214,.32);backdrop-filter:blur(16px);padding-bottom:max(0px,env(safe-area-inset-bottom))}.mobile-bottom-nav button{border:0;background:transparent;color:#8ea0b5;display:grid;place-items:center;align-content:center;gap:2px;cursor:pointer}.mobile-bottom-nav button span{font-size:1.05rem}.mobile-bottom-nav button small{font-size:.58rem;font-weight:800}.mobile-bottom-nav button:active{color:var(--green)}.pc-case{display:grid}.pc-case-actions .button{width:100%}.settings-tabs{width:100%;overflow-x:auto}.log-type-row{grid-template-columns:1fr}.settings-savebar{display:grid}.choice-grid,.theme-color-grid,.quick-action-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:430px){.global-search-wrap{width:42vw}.global-search-wrap input::placeholder{color:transparent}.attention-grid{grid-template-columns:1fr}.choice-grid,.theme-color-grid,.quick-action-grid{grid-template-columns:1fr}.event-room-metrics{grid-template-columns:1fr}.metric-grid{grid-template-columns:1fr 1fr!important}}

/* PUGX Next finishing pass */
.workspace-duty-strip{display:flex;align-items:center;gap:14px;justify-content:space-between;margin:0 0 14px;padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(135deg,var(--panel),rgba(64,226,140,.05))}
.workspace-duty-strip>div{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.duty-chip{display:inline-flex;align-items:center;padding:6px 9px;border:1px solid rgba(64,226,140,.25);border-radius:999px;background:rgba(64,226,140,.08);font-size:12px}.integrity-flags{display:grid;gap:8px}.integrity-flag-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:rgba(255,255,255,.018)}.integrity-flag-row span{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.integrity-flag-row b{font-size:11px;padding:4px 7px;border-radius:999px;background:rgba(245,84,84,.1);border:1px solid rgba(245,84,84,.2);color:#ff9b9b}.desktop-only-note{margin:0 0 12px;padding:8px 11px;border-radius:10px;border:1px solid var(--border);background:rgba(47,137,255,.05);color:var(--muted);font-size:12px}
@media(max-width:760px){.desktop-only-note{display:none}.workspace-duty-strip{display:block}.workspace-duty-strip>div{margin-top:8px;justify-content:flex-start}.integrity-flag-row{align-items:flex-start;flex-direction:column}.integrity-flag-row span{justify-content:flex-start}}

/* PUGX Daily Tournament Circuit */
.tournament-center{display:grid;gap:18px}
.tournament-active{display:flex;align-items:flex-start;gap:14px;flex-wrap:wrap;padding:16px;border:1px solid var(--line);border-radius:16px;background:rgba(124,58,237,.08)}
.tournament-active h3{margin:2px 0 0;font-size:1.15rem}
.tournament-active p{margin:0;flex:1 1 320px;color:var(--muted)}
.tournament-active .button{margin-left:auto}
.tournament-schedule{display:grid;gap:8px}
.tournament-schedule-row{display:grid;grid-template-columns:110px 1fr;gap:3px 12px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.025)}
.tournament-schedule-row span{font-weight:800;color:var(--accent)}
.tournament-schedule-row strong{font-size:.95rem}
.tournament-schedule-row small{grid-column:2;color:var(--muted)}
.tournament-schedule-row code{font-size:.76rem}
.mini-record-list{display:grid;gap:8px;max-height:390px;overflow:auto}
@media (max-width:760px){
  .tournament-active{display:grid}.tournament-active .button{margin-left:0;width:100%}
  .tournament-schedule-row{grid-template-columns:88px 1fr}.tournament-schedule-row small{grid-column:1 / -1}
}

/* PUGX Smart Automation + navigation cleanup — Aug 17 2026 */
.sidebar-search{height:38px;margin-top:9px;border:1px solid var(--line);border-radius:10px;background:rgba(8,3,15,.76);display:flex;align-items:center;gap:7px;padding:0 10px;color:var(--green)}
.sidebar-search input{min-width:0;width:100%;border:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;font-size:.72rem;color:var(--text)}
.workspace-nav{padding-top:2px}.favorite-nav{margin-top:7px}.nav-category{margin-top:7px}.nav-category .side-nav-items{display:grid}.nav-category.collapsed .side-nav-items{display:none}
.side-nav-category-toggle{display:grid!important;grid-template-columns:minmax(0,1fr) auto 18px!important;padding:7px 10px!important;color:var(--muted)!important;font-size:.62rem!important;font-weight:950!important;letter-spacing:.1em;text-transform:uppercase;border:0!important;background:transparent!important;box-shadow:none!important;transform:none!important}
.side-nav-category-toggle:hover{color:var(--green-2)!important;background:rgba(255,255,255,.025)!important}.side-nav-category-toggle b{min-width:22px;padding:2px 6px;border-radius:999px;background:rgba(255,255,255,.05);color:var(--muted);font-size:.58rem;text-align:center}.side-nav-category-toggle i{font-style:normal;color:var(--green);font-size:.78rem;text-align:right}
.nav-star{color:#ffd86b;font-size:.7rem}.favorite-toggle{color:#ffd86b!important}.sortable-row{grid-template-columns:auto auto minmax(0,1fr) auto auto!important}
.automation-control-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.65fr);gap:14px;align-items:start}.automation-control-layout>.settings-card:last-child{grid-column:1/-1}
.responder-list{display:grid;gap:9px}.responder-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:13px;border:1px solid var(--line);border-radius:12px;background:var(--panel-3)}.responder-card.disabled{opacity:.62}.responder-main{min-width:0}.responder-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.responder-title strong{color:var(--green-2)}.responder-main p{margin:7px 0;color:#d8cfff;font-size:.76rem;line-height:1.5}.responder-meta{display:flex;gap:6px;flex-wrap:wrap}.responder-meta span{padding:4px 7px;border:1px solid var(--line-soft);border-radius:999px;color:var(--muted);font-size:.6rem;text-transform:capitalize}.live-pill.off{color:#aab3c0}.live-pill.off i{background:#7d8490;box-shadow:none}
.responder-tester{display:grid;gap:10px}.responder-test-result{min-height:96px;padding:12px;border:1px dashed var(--line);border-radius:11px;background:rgba(255,255,255,.02);display:grid;align-content:center;gap:4px;color:var(--muted)}.responder-test-result strong{color:var(--text)}.responder-test-result span,.responder-test-result small{color:var(--muted);font-size:.68rem}.responder-test-result.matched{border-style:solid;border-color:rgba(64,226,140,.34);background:rgba(64,226,140,.05)}.responder-test-result.matched strong{color:var(--green-2)}.responder-test-result.no-match{border-color:rgba(255,216,107,.24)}
@media(max-width:980px){.automation-control-layout{grid-template-columns:1fr}.automation-control-layout>.settings-card:last-child{grid-column:auto}}
@media(max-width:760px){
  .sidebar-top{padding:10px 10px 8px;position:sticky;top:0;background:rgba(9,3,18,.98);z-index:2;border-bottom:1px solid var(--line-soft)}
  .fetch-button{min-height:36px;font-size:.68rem}.sidebar-search{height:36px}
  .side-nav{padding:4px 8px 80px}.side-nav-section{margin-top:5px}.favorite-nav .side-nav-label{padding-top:5px}
  .side-nav button{padding:10px 9px;font-size:.76rem}.side-nav-category-toggle{padding:9px!important}
  .nav-category.collapsed .side-nav-items{display:none}.responder-card{grid-template-columns:1fr}.responder-card .row-actions{display:grid;grid-template-columns:1fr 1fr 1fr;width:100%}.responder-card .row-actions .button{width:100%;padding:8px 5px}.automation-control-layout{display:grid;grid-template-columns:1fr}.setting-block .form-grid.three,.setting-block .form-grid.two{grid-template-columns:1fr!important}
}

/* Unified configuration cards for Automation modules */
.automation-settings-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.8fr);gap:14px;align-items:start}.config-rule-list{display:grid;gap:9px}.config-rule-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px;padding:12px 13px;border:1px solid var(--line);border-radius:11px;background:var(--panel-3)}.config-rule-card strong{color:var(--green-2)}.config-rule-card small{display:block;color:var(--muted);font-size:.66rem;margin-top:3px;line-height:1.45}.config-rule-card p{margin:7px 0 0;color:#d8cfff;font-size:.72rem;line-height:1.45}.config-chip-list{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}.config-chip{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border:1px solid var(--line-soft);border-radius:999px;background:rgba(255,255,255,.025);color:var(--green-2);font-size:.66rem}.config-chip button{border:0;background:transparent;color:#ff7892;font-weight:900;cursor:pointer;padding:0 1px}.empty-chip{color:var(--muted);font-size:.68rem}.inline-config-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end}.soft-divider{height:1px;border:0;background:var(--line-soft);margin:14px 0}.automation-settings-grid .settings-card{min-width:0}
@media(max-width:900px){.automation-settings-grid{grid-template-columns:1fr}}
@media(max-width:760px){.config-rule-card{grid-template-columns:1fr}.config-rule-card>.row-actions,.config-rule-card>button{width:100%}.config-rule-card>.row-actions .button,.config-rule-card>button{flex:1}.inline-config-form{grid-template-columns:1fr}.inline-config-form .button{width:100%}}


/* PUGX Draft Room */
.draft-room-shell{display:grid;gap:16px}.draft-room-hero,.draft-control-bar,.draft-add-bar,.draft-pool-panel,.draft-teams-panel,.draft-sub-panel,.draft-tool-card,.draft-bracket-panel{border:1px solid rgba(126,86,255,.25);background:linear-gradient(180deg,rgba(23,14,39,.92),rgba(10,11,20,.96));border-radius:16px;box-shadow:0 16px 45px rgba(0,0,0,.24)}.draft-room-hero{padding:22px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:radial-gradient(circle at 85% 15%,rgba(64,226,140,.11),transparent 28%),radial-gradient(circle at 5% 80%,rgba(93,76,255,.17),transparent 35%),linear-gradient(145deg,#171025,#0b0d16)}.draft-room-hero h2{margin:3px 0 6px;font-size:1.7rem}.draft-room-hero p{margin:0;color:var(--muted);max-width:720px}.draft-room-hero-actions{display:flex;gap:10px;flex-wrap:wrap}.draft-control-bar{padding:12px 14px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.draft-presets,.draft-bracket-sizes{display:flex;gap:7px;flex-wrap:wrap}.draft-presets button,.draft-bracket-sizes button{border:1px solid #37234d;background:#100c18;color:#bfa8de;border-radius:9px;padding:9px 12px;font-weight:850;cursor:pointer}.draft-presets button.active,.draft-bracket-sizes button.active{color:#07130d;background:linear-gradient(135deg,var(--green),#93f3bd);border-color:rgba(133,240,183,.7);box-shadow:0 0 16px rgba(64,226,140,.18)}.draft-custom-config{display:flex;gap:8px}.draft-custom-config.preset-hidden{display:none}.draft-custom-config label{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:.75rem}.draft-custom-config input{width:66px;background:#0a0c13;border:1px solid #352347;color:var(--text);border-radius:8px;padding:8px}.draft-room-cap{margin-left:auto;display:flex;align-items:flex-end;flex-direction:column}.draft-room-cap strong{color:var(--green);font-size:1.1rem}.draft-room-cap span{font-size:.73rem;color:var(--muted)}.draft-add-bar{padding:12px;display:flex;gap:8px;flex-wrap:wrap}.draft-add-bar input{flex:1 1 220px;min-width:180px;background:#090c13;border:1px solid #342247;color:var(--text);border-radius:10px;padding:11px 13px}.draft-room-main{display:grid;grid-template-columns:minmax(250px,.72fr) minmax(0,2fr);gap:16px}.draft-pool-panel,.draft-teams-panel,.draft-sub-panel,.draft-tool-card,.draft-bracket-panel{padding:16px}.draft-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.draft-section-head h3{margin:2px 0 0}.draft-section-head>strong{color:var(--green);font-size:.8rem}.draft-pool-list{display:grid;gap:7px;max-height:560px;overflow:auto}.draft-pool-player{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:7px;align-items:center;border:1px solid #2c213c;background:#0c0b13;border-radius:9px;padding:8px 9px}.draft-pool-player strong{overflow:hidden;text-overflow:ellipsis}.draft-pool-player select{max-width:115px;background:#11121a;border:1px solid #3a2851;color:#d7c8e8;border-radius:7px;padding:6px}.draft-pool-player button,.draft-player-row button,.draft-sub-chip button,.draft-custom-team-list button{border:0;background:transparent;color:#ff7183;font-weight:900;cursor:pointer}.draft-team-grid{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:10px}.draft-team-card{border:1px solid rgba(64,226,140,.18);background:rgba(5,12,14,.48);border-radius:12px;overflow:hidden}.draft-team-head{display:flex;justify-content:space-between;align-items:center;padding:9px;border-bottom:1px solid rgba(64,226,140,.13);background:rgba(64,226,140,.035)}.draft-team-head span{font-size:.72rem;color:var(--green)}.draft-team-name{width:70%;border:0;background:transparent;color:var(--green-2);font-weight:900;outline:none}.draft-team-body{padding:8px;display:grid;gap:6px}.draft-player-row{display:grid;grid-template-columns:20px minmax(0,1fr) 24px;align-items:center;border:1px solid rgba(255,255,255,.06);background:#0b0e14;border-radius:8px;padding:7px}.draft-player-row>span{color:#56718c}.draft-player-row.captain{border-color:rgba(255,209,102,.25);background:rgba(255,209,102,.05)}.draft-player-row.captain>span{color:var(--yellow)}.draft-slot-empty,.draft-empty-state{min-height:74px;display:grid;place-content:center;text-align:center;color:var(--muted-2);font-size:.78rem}.draft-empty-state strong{color:var(--muted);margin-bottom:3px}.draft-sub-add,.draft-map-actions,.draft-bracket-controls{display:flex;gap:8px;flex-wrap:wrap}.draft-sub-add input,.draft-map-actions input,.draft-bracket-controls input{flex:1 1 190px;background:#090c13;border:1px solid #36234e;color:var(--text);border-radius:9px;padding:10px}.draft-sub-list,.draft-custom-team-list{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.draft-sub-chip,.draft-custom-team-list>span{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(153,109,255,.25);background:rgba(153,109,255,.08);color:#d6c7ff;border-radius:999px;padding:6px 9px;font-size:.78rem}.draft-muted{color:var(--muted-2);font-size:.78rem}.draft-tools-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.draft-tool-card p{color:var(--muted);margin-top:0}.draft-fair-pill{border:1px solid rgba(64,226,140,.22);background:rgba(64,226,140,.06);color:var(--green);border-radius:999px;padding:5px 8px;font-size:.68rem;font-weight:900}.draft-coin-selects{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px}.draft-coin-selects select{background:#090c13;border:1px solid #382550;color:var(--text);border-radius:9px;padding:10px}.draft-coin-selects span{text-align:center;color:var(--muted-2);font-size:.7rem;font-weight:900}.draft-coin{width:110px;height:110px;border-radius:50%;margin:18px auto;display:grid;place-content:center;background:radial-gradient(circle at 32% 25%,#b8ffd0,#51e28d 34%,#187b4b 75%,#0f4e31);border:5px solid #7cf0aa;box-shadow:0 0 35px rgba(64,226,140,.2),inset 0 0 0 4px rgba(0,0,0,.2);transform-style:preserve-3d}.draft-coin span{font-size:1.75rem;font-weight:1000;color:#07120c;line-height:1}.draft-coin small{text-align:center;color:#0b3c24;font-weight:1000}.draft-coin.flip{animation:draftCoinFlip .9s cubic-bezier(.2,.7,.2,1)}@keyframes draftCoinFlip{0%{transform:rotateY(0) scale(1)}50%{transform:rotateY(900deg) scale(1.15)}100%{transform:rotateY(1800deg) scale(1)}}.coin-card>.button{width:100%}.draft-tool-result{margin-top:12px;border:1px solid rgba(64,226,140,.13);background:rgba(64,226,140,.035);border-radius:10px;padding:10px;display:flex;justify-content:space-between;gap:10px}.draft-tool-result strong{color:var(--green)}.draft-tool-result span{color:var(--muted);font-size:.76rem}.draft-history{margin-top:10px;display:flex;gap:6px;flex-wrap:wrap}.draft-history>span{border:1px solid rgba(255,255,255,.07);background:#0b0d13;color:var(--muted);border-radius:7px;padding:5px 7px;font-size:.68rem}.draft-map-grid{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:7px;margin-top:12px}.draft-map-chip{border:1px solid #332344;background:#0a0c13;color:#766d81;border-radius:8px;padding:8px 9px;display:flex;justify-content:space-between;gap:7px;cursor:pointer;text-align:left}.draft-map-chip.active{border-color:rgba(64,226,140,.28);color:#d7f9e4;background:rgba(64,226,140,.035)}.draft-map-chip i{color:var(--green);font-style:normal}.draft-bracket-scroll{overflow:auto;padding-bottom:4px}.draft-bracket{display:flex;gap:16px;min-width:max-content;margin-top:14px}.draft-bracket-round{width:210px;display:flex;flex-direction:column;justify-content:space-around;gap:14px}.draft-bracket-round h4{color:var(--green);margin:0}.draft-matchup{border:1px solid rgba(153,109,255,.18);border-radius:10px;background:#0a0c13;padding:7px;display:grid;gap:5px}.draft-matchup>span{text-align:center;color:var(--muted-2);font-size:.6rem}.draft-bracket-team{border:1px solid #2b2237;background:#11111a;color:#d6cee0;border-radius:7px;padding:8px;text-align:left;cursor:pointer}.draft-bracket-team:hover:not(:disabled){border-color:var(--green);color:var(--green)}.draft-bracket-team.winner{border-color:rgba(64,226,140,.45);background:rgba(64,226,140,.08);color:var(--green)}.draft-bracket-team:disabled{opacity:.4;cursor:default}
@media (min-width:1250px){.draft-team-grid{grid-template-columns:repeat(4,minmax(190px,1fr))}}
@media (max-width:900px){.draft-room-main,.draft-tools-grid{grid-template-columns:1fr}.draft-team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.draft-map-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.draft-room-hero{align-items:flex-start;flex-direction:column;padding:16px}.draft-room-hero-actions{width:100%}.draft-room-hero-actions .button{flex:1}.draft-control-bar{align-items:stretch}.draft-presets{display:grid;grid-template-columns:repeat(2,1fr);width:100%}.draft-presets button{width:100%}.draft-room-cap{margin-left:0;align-items:flex-start}.draft-add-bar{display:grid;grid-template-columns:1fr 1fr}.draft-add-bar input{grid-column:1/-1;min-width:0}.draft-add-bar .button{padding:10px 8px;font-size:.75rem}.draft-team-grid{grid-template-columns:1fr}.draft-pool-list{max-height:none}.draft-map-grid{grid-template-columns:1fr 1fr}.draft-map-chip{font-size:.73rem}.draft-coin-selects{grid-template-columns:1fr}.draft-coin-selects span{display:none}.draft-bracket-controls{display:grid;grid-template-columns:1fr 1fr}.draft-bracket-controls input{grid-column:1/-1}.draft-bracket-sizes{grid-column:1/-1}.draft-bracket-sizes button{flex:1}.draft-tool-result{flex-direction:column}}

/* Standalone PUGX Draft Room */
.draft-standalone-body{min-height:100vh;background:radial-gradient(circle at 78% -10%,rgba(88,75,255,.17),transparent 32%),radial-gradient(circle at 18% 110%,rgba(64,226,140,.08),transparent 36%),#080811}
.draft-standalone-topbar{position:sticky;top:0;z-index:50;min-height:68px;padding:10px clamp(14px,3vw,32px);display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid rgba(153,109,255,.2);background:rgba(8,8,17,.9);backdrop-filter:blur(18px)}
.draft-standalone-brand{display:flex;align-items:center;gap:10px}.draft-standalone-brand>span:last-child{display:grid;gap:1px}.draft-standalone-brand strong{font-size:1rem;letter-spacing:.08em}.draft-standalone-brand small{color:var(--green);font-size:.68rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.draft-standalone-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.draft-standalone-main{width:min(1500px,calc(100% - 28px));margin:0 auto;padding:26px 0 44px}.draft-standalone-intro{display:flex;justify-content:space-between;align-items:end;gap:22px;margin:0 0 18px;padding:4px 2px 0}.draft-standalone-intro h1{font-size:clamp(1.65rem,3vw,2.7rem);margin:5px 0 8px;letter-spacing:-.035em}.draft-standalone-intro p{max-width:780px;margin:0;color:var(--muted);line-height:1.55}.draft-privacy-note{min-width:230px;border:1px solid rgba(64,226,140,.2);background:rgba(64,226,140,.055);border-radius:12px;padding:10px 12px;display:grid;gap:2px}.draft-privacy-note strong{color:var(--green);font-size:.78rem}.draft-privacy-note span{color:var(--muted);font-size:.72rem}.draft-standalone-main .draft-room-hero{background:radial-gradient(circle at 85% 15%,rgba(64,226,140,.1),transparent 30%),radial-gradient(circle at 5% 80%,rgba(153,109,255,.18),transparent 36%),linear-gradient(145deg,#170d25,#090b14)}.draft-standalone-main .draft-room-hero .draft-room-hero-actions a[href="/draft-room"]{display:none}.draft-standalone-footer{width:min(1500px,calc(100% - 28px));margin:0 auto;padding:18px 0 28px;border-top:1px solid rgba(255,255,255,.06);display:flex;justify-content:space-between;gap:12px;color:var(--muted-2);font-size:.72rem}.standalone-toast{position:fixed;z-index:100;right:18px;bottom:18px;max-width:min(360px,calc(100vw - 36px))}
@media (max-width:700px){.draft-standalone-topbar{align-items:flex-start}.draft-standalone-actions .status-pill{display:none}.draft-standalone-main{width:min(100% - 18px,1500px);padding-top:16px}.draft-standalone-intro{display:grid;align-items:start}.draft-privacy-note{min-width:0}.draft-standalone-footer{width:min(100% - 18px,1500px);display:grid}.draft-standalone-actions .button{padding:9px 10px;font-size:.72rem}}


/* PUGX Draft Room — map veto + personal Dashboard Studio */
.draft-map-veto-card p{margin:0 0 12px;color:var(--muted);font-size:.8rem;line-height:1.45}
.draft-map-veto-card p b:first-of-type{color:var(--green)}
.draft-map-veto-card p b:last-of-type{color:var(--red)}
.draft-map-chip.available{border-color:rgba(64,226,140,.28);color:#d7f9e4;background:rgba(64,226,140,.045)}
.draft-map-chip.available i{color:var(--green);font-size:1rem;font-weight:1000}
.draft-map-chip.banned{border-color:rgba(255,101,120,.34);color:#ffb6c0;background:rgba(255,101,120,.055);opacity:.82}
.draft-map-chip.banned span{text-decoration:line-through;text-decoration-thickness:1px;text-decoration-color:rgba(255,101,120,.7)}
.draft-map-chip.banned i{color:var(--red);font-size:1rem;font-weight:1000}
.draft-map-choose{margin-top:12px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;align-items:end}
.draft-map-choose label{display:grid;gap:5px;color:var(--muted);font-size:.72rem;font-weight:800}
.draft-map-choose select{width:100%;background:#090c13;border:1px solid #382550;color:var(--text);border-radius:9px;padding:10px 11px;outline:none}
.draft-map-choose select:disabled{opacity:.45}
.draft-map-actions .button,.draft-map-choose .button{white-space:nowrap}

/* Blue-neon interactive language. This stays blue even when the personal theme changes. */
.draft-room-shell .button,
.draft-room-shell .draft-presets button,
.draft-room-shell .draft-bracket-sizes button,
.draft-room-shell .draft-map-chip,
.draft-room-shell .draft-team-card,
.draft-room-shell .draft-pool-player,
.draft-room-shell .draft-matchup,
.draft-room-shell .draft-bracket-team,
.draft-standalone-actions .button,
.draft-theme-presets button,
.draft-theme-preview .button{
  transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease,background .18s ease,color .18s ease;
}
.draft-room-shell .button:hover:not(:disabled),
.draft-room-shell .draft-presets button:hover:not(:disabled),
.draft-room-shell .draft-bracket-sizes button:hover:not(:disabled),
.draft-room-shell .draft-map-chip:hover:not(:disabled),
.draft-room-shell .draft-team-card:hover,
.draft-room-shell .draft-pool-player:hover,
.draft-room-shell .draft-matchup:hover,
.draft-room-shell .draft-bracket-team:hover:not(:disabled),
.draft-standalone-actions .button:hover:not(:disabled),
.draft-theme-presets button:hover:not(:disabled),
.draft-theme-preview .button:hover:not(:disabled){
  border-color:var(--draft-hover-blue,#2f89ff)!important;
  box-shadow:0 0 0 1px rgba(47,137,255,.25),0 0 16px var(--draft-hover-blue-soft,rgba(47,137,255,.26)),0 0 34px rgba(47,137,255,.12);
  transform:translateY(-1px);
}
.draft-room-shell input:focus,
.draft-room-shell select:focus,
.draft-studio-modal input:focus,
.draft-studio-modal select:focus{
  border-color:var(--draft-hover-blue,#2f89ff)!important;
  box-shadow:0 0 0 2px rgba(47,137,255,.14),0 0 20px var(--draft-hover-blue-soft,rgba(47,137,255,.24));
  outline:none;
}

/* Standalone Draft Room personal theme overrides */
.draft-standalone-body{
  --draft-panel-bg:rgba(17,23,34,.88);
  --draft-accent-soft:rgba(153,109,255,.16);
  --draft-success-soft:rgba(64,226,140,.13);
  --draft-hover-blue:#2f89ff;
  --draft-hover-blue-soft:rgba(47,137,255,.28);
  background:
    radial-gradient(circle at 80% -10%,var(--neon-soft),transparent 31%),
    radial-gradient(circle at 14% 110%,var(--neon-purple),transparent 36%),
    var(--bg);
}
.draft-standalone-body .draft-standalone-topbar{background:color-mix(in srgb,var(--bg) 92%,transparent)}
.draft-standalone-body .draft-room-hero,
.draft-standalone-body .draft-control-bar,
.draft-standalone-body .draft-add-bar,
.draft-standalone-body .draft-pool-panel,
.draft-standalone-body .draft-teams-panel,
.draft-standalone-body .draft-sub-panel,
.draft-standalone-body .draft-tool-card,
.draft-standalone-body .draft-bracket-panel{
  background:var(--draft-panel-bg);
  border-color:color-mix(in srgb,var(--purple) 24%,rgba(255,255,255,.06));
  backdrop-filter:blur(16px);
}
.draft-standalone-body .draft-room-hero{
  background:
    radial-gradient(circle at 85% 15%,var(--draft-success-soft),transparent 30%),
    radial-gradient(circle at 5% 80%,var(--draft-accent-soft),transparent 38%),
    var(--draft-panel-bg);
}
.draft-standalone-body .draft-team-card{background:color-mix(in srgb,var(--draft-panel-bg) 86%,#05080c 14%);border-color:color-mix(in srgb,var(--green) 24%,transparent)}
.draft-standalone-body .draft-presets button.active,
.draft-standalone-body .draft-bracket-sizes button.active{background:linear-gradient(135deg,var(--green),color-mix(in srgb,var(--green) 62%,white));}
.draft-standalone-body[data-draft-density="compact"] .draft-pool-panel,
.draft-standalone-body[data-draft-density="compact"] .draft-teams-panel,
.draft-standalone-body[data-draft-density="compact"] .draft-sub-panel,
.draft-standalone-body[data-draft-density="compact"] .draft-tool-card,
.draft-standalone-body[data-draft-density="compact"] .draft-bracket-panel{padding:12px}
.draft-standalone-body[data-draft-density="compact"] .draft-room-shell{gap:10px}
.draft-standalone-body[data-draft-density="spacious"] .draft-pool-panel,
.draft-standalone-body[data-draft-density="spacious"] .draft-teams-panel,
.draft-standalone-body[data-draft-density="spacious"] .draft-sub-panel,
.draft-standalone-body[data-draft-density="spacious"] .draft-tool-card,
.draft-standalone-body[data-draft-density="spacious"] .draft-bracket-panel{padding:21px}
.draft-standalone-body[data-draft-density="spacious"] .draft-room-shell{gap:20px}
.draft-reduce-motion *,
.draft-reduce-motion *::before,
.draft-reduce-motion *::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}

/* Standalone Draft Room Dashboard Studio */
body.draft-studio-open{overflow:hidden}
.draft-studio-backdrop{position:fixed;inset:0;z-index:120;background:rgba(2,5,10,.76);backdrop-filter:blur(10px);display:grid;place-items:center;padding:18px}
.draft-studio-modal{width:min(760px,100%);max-height:min(760px,calc(100vh - 36px));overflow:auto;border:1px solid rgba(47,137,255,.25);border-radius:18px;background:linear-gradient(145deg,rgba(17,23,34,.98),rgba(10,10,18,.98));box-shadow:0 24px 90px rgba(0,0,0,.58),0 0 44px rgba(47,137,255,.13);padding:20px}
.draft-studio-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}
.draft-studio-head h2{margin:3px 0 5px;font-size:1.25rem}
.draft-studio-head p{margin:0;color:var(--muted);max-width:570px;font-size:.8rem;line-height:1.45}
.draft-studio-close{width:36px;height:36px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#0b0f17;color:var(--muted);font-size:1.25rem;cursor:pointer}
.draft-studio-close:hover{color:white;border-color:var(--draft-hover-blue,#2f89ff);box-shadow:0 0 20px var(--draft-hover-blue-soft,rgba(47,137,255,.28))}
.draft-studio-form{display:grid;gap:15px}
.draft-theme-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.draft-theme-presets button{border:1px solid #34254a;background:#0c0e15;color:#d9cdef;border-radius:10px;padding:9px 10px;font-weight:850;cursor:pointer}
.draft-theme-color-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}
.draft-theme-color-grid label,.draft-theme-controls label{display:grid;gap:6px;color:var(--muted);font-size:.72rem;font-weight:800}
.draft-theme-color-grid input[type="color"]{width:100%;height:48px;padding:3px;border:1px solid #34254a;border-radius:10px;background:#080b12;cursor:pointer}
.draft-theme-controls{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:12px;align-items:end}
.draft-theme-controls input[type="range"]{width:100%;accent-color:var(--purple)}
.draft-theme-controls select{background:#090c13;border:1px solid #382550;color:var(--text);border-radius:9px;padding:9px}
.draft-theme-check{display:flex!important;align-items:center;gap:7px!important;min-height:38px;padding:0 6px}
.draft-theme-check input{accent-color:var(--green)}
.draft-theme-preview{border:1px solid rgba(47,137,255,.2);background:linear-gradient(135deg,var(--draft-accent-soft),rgba(47,137,255,.035));border-radius:12px;padding:11px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px}
.draft-theme-preview-orb{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--purple),var(--green));box-shadow:0 0 20px var(--neon-purple)}
.draft-theme-preview div{display:grid;gap:2px}
.draft-theme-preview small{color:var(--muted)}
.draft-studio-savebar{display:flex;justify-content:flex-end;gap:8px;padding-top:4px}

@media (max-width:700px){
  .draft-map-choose{grid-template-columns:1fr}
  .draft-map-choose .button{width:100%}
  .draft-theme-color-grid{grid-template-columns:repeat(2,1fr)}
  .draft-theme-color-grid label:last-child{grid-column:1/-1}
  .draft-theme-controls{grid-template-columns:1fr 1fr}
  .draft-theme-check{min-height:auto}
  .draft-theme-presets{grid-template-columns:repeat(2,1fr)}
  .draft-theme-preview{grid-template-columns:auto 1fr}
  .draft-theme-preview .button{grid-column:1/-1}
  .draft-studio-savebar{display:grid;grid-template-columns:1fr 1fr}
}