:root {
  color-scheme: dark;
  --bg: #070a12;
  --surface: rgba(17, 24, 39, .84);
  --surface-2: rgba(24, 34, 53, .82);
  --surface-3: rgba(35, 48, 72, .88);
  --border: rgba(255, 255, 255, .09);
  --border-strong: rgba(142, 160, 255, .3);
  --text: #f8fafc;
  --muted: #aab3c5;
  --primary: #5865f2;
  --primary-hover: #6874f5;
  --cyan: var(--accent);
  --green: #3ddc97;
  --yellow: #fee75c;
  --red: #ed4245;
  --scrollbar-thumb: #3a465d;
  --scrollbar-thumb-hover: #53617a;
  --sidebar-width: 272px;
  font-family: var(--font-body);
}

/* Developer live user activity */
.activity-summary-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin-bottom:22px; }
.activity-summary-grid > article { min-width:0; min-height:78px; display:flex; align-items:center; gap:12px; padding:13px 14px; border:1px solid rgba(159,178,207,.11); border-radius:7px; background:#0b1420; }
.activity-summary-icon { width:36px; height:36px; flex:0 0 auto; display:grid; place-items:center; border:1px solid rgba(96,165,250,.2); border-radius:7px; background:rgba(96,165,250,.075); color:#7db7ff; font-size:12px; }
.activity-summary-icon.is-online { border-color:rgba(61,220,151,.24); background:rgba(61,220,151,.07); color:var(--green); }
.activity-summary-grid div { min-width:0; display:grid; gap:3px; }
.activity-summary-grid small { overflow:hidden; color:var(--muted); font-size:9px; text-overflow:ellipsis; white-space:nowrap; }
.activity-summary-grid strong { font-size:20px; line-height:1; }
.developer-activity-heading { align-items:center; }
.activity-live-tools { display:flex; align-items:center; gap:8px; }
.activity-live-tools .state-badge { display:inline-flex; align-items:center; gap:6px; }
.activity-live-tools .state-badge i { font-size:5px; animation:activity-live-pulse 1.8s ease-in-out infinite; }
.developer-activity-toolbar { display:grid; grid-template-columns:minmax(220px,1fr) repeat(3,minmax(135px,185px)); gap:8px; margin-bottom:10px; }
.developer-activity-toolbar .filter-input { width:100%; }
.developer-activity-meta { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:0 2px 10px; color:#718096; font-size:8px; }
.developer-activity-list { overflow:hidden; border:1px solid rgba(159,178,207,.12); border-radius:7px; background:#09121d; }
.developer-activity-row { min-width:0; display:grid; grid-template-columns:42px minmax(150px,1.05fr) minmax(160px,1fr) minmax(130px,.7fr) minmax(135px,.75fr); align-items:center; gap:12px; padding:12px 14px; border-bottom:1px solid rgba(159,178,207,.08); transition:background-color .16s ease,border-color .16s ease; }
.developer-activity-row:last-child { border-bottom:0; }
.developer-activity-row:hover { background:rgba(96,165,250,.035); }
.developer-activity-avatar { position:relative; width:38px; height:38px; }
.developer-activity-avatar img { width:38px; height:38px; display:block; border:1px solid rgba(159,178,207,.18); border-radius:50%; object-fit:cover; background:#111c2a; }
.developer-activity-avatar > i { position:absolute; right:0; bottom:0; width:9px; height:9px; border:2px solid #09121d; border-radius:50%; background:#657188; }
.developer-activity-row.status-online .developer-activity-avatar > i { background:var(--green); box-shadow:0 0 9px rgba(61,220,151,.5); }
.developer-activity-row.status-recent .developer-activity-avatar > i { background:#f6c85f; }
.developer-activity-person,.developer-activity-location,.developer-activity-state { min-width:0; display:grid; gap:3px; }
.developer-activity-person strong,.developer-activity-location strong { overflow:hidden; font-size:10px; text-overflow:ellipsis; white-space:nowrap; }
.developer-activity-person small,.developer-activity-state small { overflow:hidden; color:#7f8ca1; font-size:8px; text-overflow:ellipsis; white-space:nowrap; }
.developer-activity-location > span { display:flex; align-items:center; gap:6px; color:#7db7ff; font-size:8px; font-weight:600; }
.developer-activity-location > span i { width:11px; text-align:center; }
.developer-activity-role { min-width:0; display:grid; gap:4px; }
.developer-activity-role > span { color:#718096; font-size:7px; font-weight:600; text-transform:uppercase; }
.developer-activity-role select { width:100%; height:32px; padding:0 28px 0 9px; border-color:rgba(125,139,162,.2); background-color:#0d1724; color:#aab5c6; font-size:8px; }
.developer-activity-role.role-support select { border-color:rgba(240,180,90,.3); color:#f0c578; }
.developer-activity-role.role-developer select { border-color:rgba(96,165,250,.32); color:#83bdff; }
.developer-activity-role select:disabled { cursor:not-allowed; opacity:.72; }
.developer-activity-state { justify-items:end; text-align:right; }
.activity-status-badge { display:inline-flex; align-items:center; gap:6px; color:#8390a5; font-size:8px; font-weight:700; }
.activity-status-badge i { font-size:5px; }
.status-online .activity-status-badge { color:var(--green); }
.status-recent .activity-status-badge { color:#f6c85f; }
.developer-activity-section .panel-empty-state { min-height:210px; }
@keyframes activity-live-pulse { 50% { opacity:.35; filter:brightness(1.35); } }
@media (max-width:900px) {
  .activity-summary-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .developer-activity-row { grid-template-columns:42px minmax(130px,1fr) minmax(150px,1fr) minmax(125px,.7fr); }
  .developer-activity-state { grid-column:2 / -1; grid-row:2; justify-items:start; text-align:left; }
}
@media (max-width:640px) {
  .developer-activity-toolbar { grid-template-columns:1fr 1fr; }
  .developer-activity-toolbar .filter-input { grid-column:1 / -1; }
  .developer-activity-meta { align-items:flex-start; flex-direction:column; }
  .developer-activity-row { grid-template-columns:38px minmax(0,1fr); gap:9px 11px; padding:12px; }
  .developer-activity-location,.developer-activity-role,.developer-activity-state { grid-column:2; }
  .developer-activity-state { grid-row:auto; }
}
@media (max-width:430px) {
  .activity-summary-grid { grid-template-columns:1fr; }
  .developer-activity-toolbar { grid-template-columns:1fr; }
  .developer-activity-toolbar .filter-input { grid-column:auto; }
}

/* Operations, automation observability and reversible history */
.task-summary { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin-bottom:22px; }
.task-summary-card { min-height:82px; display:flex; align-items:center; gap:12px; padding:14px; border:1px solid var(--border-color); border-radius:7px; background:linear-gradient(145deg,#0d1724,#0a121c); }
.task-summary-card > i { width:34px; height:34px; display:grid; place-items:center; border-radius:6px; background:rgba(96,165,250,.09); color:#7db7ff; }
.task-summary-card div { display:grid; gap:3px; }
.task-summary-card span { color:var(--text-muted); font-size:9px; }
.task-summary-card strong { color:var(--text-primary); font-size:19px; }
.task-summary-card.tone-active > i { color:var(--dashboard-accent-text, var(--accent-hover)); background:rgba(var(--accent-rgb),.09); animation:task-summary-pulse 1.8s ease-in-out infinite; }
.task-summary-card.tone-complete > i { color:#60a5fa; background:rgba(96,165,250,.08); }
.task-summary-card.tone-failed > i { color:#fb7185; background:rgba(251,113,133,.08); }
.task-center-surface { padding-top:0; }
.background-task-list { display:grid; gap:8px; }
.background-task { display:grid; grid-template-columns:42px minmax(0,1fr); gap:13px; padding:14px; border:1px solid var(--border-color); border-radius:7px; background:#0b1420; transition:border-color .18s ease,transform .18s ease; }
.background-task:hover { border-color:rgba(var(--accent-rgb),.2); transform:translateY(-1px); }
.background-task-icon { width:42px; height:42px; display:grid; place-items:center; border:1px solid rgba(96,165,250,.16); border-radius:7px; background:rgba(96,165,250,.07); color:#7db7ff; }
.background-task.status-running .background-task-icon i { animation:task-icon-working 1.15s ease-in-out infinite; }
.background-task.status-failed { border-color:rgba(251,113,133,.2); }
.background-task.status-failed .background-task-icon { color:#fb7185; background:rgba(251,113,133,.07); }
.background-task.status-completed .background-task-icon { color:#60a5fa; background:rgba(96,165,250,.07); }
.background-task .state-badge.info { border-color:rgba(var(--accent-rgb),.24); background:rgba(var(--accent-rgb),.07); color:var(--dashboard-accent-text, var(--accent-hover)); }
.background-task-main { min-width:0; display:grid; gap:8px; }
.background-task-main header { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }
.background-task-main header > div { min-width:0; display:grid; gap:3px; }
.background-task-main strong { color:var(--text-primary); font-size:11px; }
.background-task-main small,.background-task-main p { margin:0; color:var(--text-muted); font-size:9px; line-height:1.45; }
.task-progress { height:4px; overflow:hidden; border-radius:4px; background:#172231; }
.task-progress span { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,#5865f2,var(--accent)); transition:width .3s ease; }
.background-task.status-failed .task-progress span { background:#fb7185; }
.background-task.status-completed .task-progress span { background:#60a5fa; }
.background-task-main footer { display:flex; justify-content:space-between; color:var(--text-muted); }
.background-task-main footer b { color:var(--text-secondary); font-size:9px; }
.automation-action-controls { display:inline-flex; gap:5px; margin-left:auto; }
.automation-observability { margin-top:14px; padding:14px; border:1px solid rgba(var(--accent-rgb),.13); border-radius:7px; background:rgba(7,18,28,.72); }
.automation-observability-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:10px; }
.automation-observability-heading > div { display:grid; gap:3px; }
.automation-observability-heading strong { color:var(--text-primary); font-size:11px; }
.automation-observability-heading small { color:var(--text-muted); font-size:9px; }
.automation-run-list { display:grid; gap:6px; }
.automation-run-item { display:grid; grid-template-columns:30px minmax(0,1fr); gap:10px; padding:9px; border:1px solid rgba(159,178,207,.08); border-radius:6px; background:#0b1420; }
.automation-run-item > span { width:30px; height:30px; display:grid; place-items:center; border-radius:6px; background:rgba(96,165,250,.08); color:#60a5fa; }
.automation-run-item.status-failed > span { color:#fb7185; background:rgba(251,113,133,.08); }
.automation-run-item.status-preview > span { color:var(--dashboard-accent-text, var(--accent-hover)); background:rgba(var(--accent-rgb),.08); }
.automation-run-item > div { display:grid; gap:2px; }
.automation-run-item strong { font-size:10px; }
.automation-run-item small,.automation-run-item p { margin:0; color:var(--text-muted); font-size:8px; }
.automation-preview-result { margin-top:10px; padding:11px; border:1px solid rgba(var(--accent-rgb),.18); border-radius:6px; background:rgba(var(--accent-rgb),.045); }
.automation-preview-result > div { display:flex; align-items:center; gap:9px; color:var(--dashboard-accent-text, var(--accent-hover)); }
.automation-preview-result > div span { display:grid; gap:2px; }
.automation-preview-result small { color:var(--text-muted); }
.automation-preview-result ol { margin:9px 0 0 25px; color:var(--text-secondary); font-size:9px; }
.history-filter-bar { display:grid; grid-template-columns:minmax(190px,1.5fr) repeat(5,minmax(120px,1fr)); gap:8px; margin-bottom:12px; }
.configuration-event-actions { display:flex; align-items:center; gap:7px; margin-left:auto; }
.configuration-event.is-rolled-back { opacity:.62; }
.history-module { color:var(--dashboard-accent-text, var(--accent-hover)); text-transform:capitalize; }
.history-rollback { min-height:30px; padding:5px 9px; }
.settings-note.compact { min-height:auto; margin:0 0 14px; padding:9px 11px; }
@keyframes task-summary-pulse { 50% { transform:scale(1.08); filter:brightness(1.3); } }
@keyframes task-icon-working { 50% { transform:translateY(-2px) rotate(4deg); filter:brightness(1.45); } }
@media (max-width:900px) { .task-summary,.history-filter-bar { grid-template-columns:1fr 1fr; } }
@media (max-width:480px) { .task-summary,.history-filter-bar { grid-template-columns:1fr; } .background-task { grid-template-columns:34px minmax(0,1fr); padding:11px; } .background-task-icon { width:34px; height:34px; } }

* { box-sizing: border-box; scrollbar-width: thin; scrollbar-color: var(--scrollbar-thumb) transparent; }
*::-webkit-scrollbar { width: 7px; height: 7px; }
*::-webkit-scrollbar-track { background: transparent; }
*::-webkit-scrollbar-thumb { min-height: 34px; border: 2px solid transparent; border-radius: 999px; background: var(--scrollbar-thumb); background-clip: padding-box; }
*::-webkit-scrollbar-thumb:hover { background: var(--scrollbar-thumb-hover); background-clip: padding-box; }
*::-webkit-scrollbar-button { display: none; width: 0; height: 0; }
*::-webkit-scrollbar-corner { background: transparent; }
html, body { min-height: 100%; margin: 0; background: var(--bg); color: var(--text); }
body { min-width: 320px; }
button, input, select, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
a { color: inherit; text-decoration: none; }
.hidden { display: none !important; }

.boot-screen {
  position: fixed;
  inset: 0;
  z-index: 50;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 20px;
  background: rgba(5, 9, 15, .38);
  -webkit-backdrop-filter: blur(8px) saturate(.78);
  backdrop-filter: blur(8px) saturate(.78);
}
.spinner { width: 28px; height: 28px; border: 3px solid var(--border); border-top-color: var(--cyan); border-radius: 50%; animation: spin .75s linear infinite; }
@keyframes spin { to { transform: rotate(360deg); } }

.login-screen {
  min-height: 100vh;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 28px;
  padding: 32px 20px;
  background:
    linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px),
    linear-gradient(160deg, #070a12, #0d1425);
  background-size: 44px 44px, 44px 44px, auto;
}
.login-brand, .brand { display: inline-flex; align-items: center; gap: 11px; font-weight: 700; }
.login-brand { font-size: 24px; }
.login-brand img, .brand img { width: 42px; height: 42px; display: block; object-fit: contain; border-radius: 50%; clip-path: circle(49% at 50% 50%); }
.login-panel { width: min(460px, 100%); padding: 36px; border: 1px solid var(--border-strong); border-radius: 8px; background: rgba(13,18,32,.88); text-align: center; box-shadow: 0 24px 80px rgba(0, 0, 0, .42), 0 0 40px rgba(88,101,242,.1); backdrop-filter: blur(18px); }
.login-icon { display: grid; place-items: center; width: 58px; height: 58px; margin: 0 auto 22px; border-radius: 50%; background: var(--primary); font-size: 26px; }
.login-panel h1 { margin: 7px 0 12px; font-size: 26px; letter-spacing: 0; }
.login-panel > p:not(.eyebrow):not(.login-error) { margin: 0 0 26px; color: var(--muted); line-height: 1.65; font-size: 14px; }
.login-error { margin: 18px 0 0; padding: 11px; border: 1px solid rgba(237,66,69,.4); border-radius: 6px; background: rgba(237,66,69,.08); color: #ff9b9d; font-size: 13px; }
.back-link { color: var(--muted); font-size: 13px; }
.back-link:hover { color: var(--text); }

.dashboard { min-height: 100vh; display: grid; grid-template-columns: var(--sidebar-width) minmax(0, 1fr); }
.sidebar { position: sticky; top: 0; z-index: 20; height: 100vh; display: flex; flex-direction: column; padding: 20px 14px 14px; border-right: 1px solid var(--border); background: rgba(8,12,22,.94); backdrop-filter: blur(18px); }
.brand { padding: 0 10px 20px; font-size: 20px; }
.sidebar-label { display: block; margin: 0 10px 7px; color: #747984; font-size: 10px; font-weight: 700; text-transform: uppercase; }

.dashboard-nav { min-height: 0; display: grid; gap: 3px; overflow-y: auto; scrollbar-width: none; -ms-overflow-style: none; }
.dashboard-nav::-webkit-scrollbar { display: none; width: 0; height: 0; }
.dashboard-nav .sidebar-label:not(:first-child) { margin-top: 13px; }
.nav-item { width: 100%; height: 42px; display: grid; grid-template-columns: 24px 1fr; align-items: center; gap: 8px; padding: 0 11px; border: 0; border-radius: 6px; background: transparent; color: var(--muted); text-align: left; cursor: pointer; }
.nav-item i { width: 18px; text-align: center; }
.nav-item span { font-size: 12px; font-weight: 500; }
.nav-item:hover { background: var(--surface-2); color: var(--text); }
.nav-item.active { background: linear-gradient(90deg, rgba(88,101,242,.2), rgba(var(--accent-rgb),.07)); color: #c5caff; box-shadow: inset 2px 0 var(--cyan); }
.developer-nav-group { display: grid; gap: 3px; }
.nav-item-parent { grid-template-columns: 24px minmax(0,1fr) 18px; }
.nav-item-parent .developer-nav-chevron { width: 14px; color: #727d91; font-size: 9px; transition: transform .18s ease, color .18s ease; }
.nav-item-parent.expanded .developer-nav-chevron { color: var(--dashboard-accent-text, var(--accent-hover)); transform: rotate(180deg); }
.developer-subnav { display: grid; gap: 2px; margin: 0 0 4px 20px; padding: 3px 0 3px 10px; border-left: 1px solid rgba(var(--accent-rgb),.18); }
.developer-subnav-item { min-height: 34px; display: grid; grid-template-columns: 18px minmax(0,1fr); align-items: center; gap: 7px; padding: 5px 9px; border: 0; border-radius: 5px; background: transparent; color: #8f9aaf; text-align: left; cursor: pointer; transition: background-color .15s ease, color .15s ease; }
.developer-subnav-item i { width: 15px; color: #6f7d94; font-size: 9px; text-align: center; }
.developer-subnav-item span { overflow: hidden; font-size: 10px; font-weight: 500; text-overflow: ellipsis; white-space: nowrap; }
.developer-subnav-item:hover { background: rgba(255,255,255,.045); color: var(--text); }
.developer-subnav-item.active { background: rgba(var(--accent-rgb),.07); color: var(--text-primary); }
.developer-subnav-item.active i { color: var(--dashboard-accent-text, var(--accent-hover)); }
.sidebar-bottom { margin-top: auto; padding-top: 14px; }
.bot-connection { display: grid; grid-template-columns: 9px 1fr auto; align-items: center; gap: 8px; padding: 10px 11px; color: var(--muted); font-size: 10px; }
.bot-connection strong { color: var(--text); font-size: 10px; }
.status-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 3px rgba(96,165,250,.1); }
.user-card { display: grid; grid-template-columns: 36px minmax(0,1fr) 34px; align-items: center; gap: 9px; padding: 10px; border: 1px solid var(--border); border-radius: 7px; background: var(--surface-2); }
.user-card img { width: 36px; height: 36px; border-radius: 50%; object-fit: cover; }
.user-card div { min-width: 0; display: grid; }
.user-card strong, .user-card small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.user-card strong { font-size: 11px; }
.user-card small { color: var(--muted); font-size: 9px; }
.user-card small.developer { color: #facc15; font-weight: 600; }

.workspace { min-width: 0; height: 100vh; overflow: hidden; }
.topbar { height: 64px; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 0 28px; border-bottom: 1px solid var(--border); background: rgba(7,10,18,.82); backdrop-filter: blur(16px); }
.topbar-title { display: flex; align-items: center; gap: 9px; min-width: 0; color: var(--muted); font-size: 12px; }
.topbar-title i { font-size: 8px; }
.topbar-title strong { overflow: hidden; color: var(--text); text-overflow: ellipsis; white-space: nowrap; }
.topbar-actions { display: flex; gap: 8px; }
.icon-button, .language-button { min-width: 36px; height: 36px; display: inline-flex; align-items: center; justify-content: center; gap: 7px; border: 1px solid var(--border); border-radius: 6px; background: rgba(255,255,255,.045); color: var(--muted); cursor: pointer; }
.icon-button:hover, .language-button:hover { color: var(--text); border-color: var(--border-strong); }
.icon-button.refreshing i, .button.refreshing i { animation: control-spin .7s linear infinite; }
@keyframes control-spin { to { transform: rotate(360deg); } }
.language-button { width: auto; padding: 0 10px; font-size: 11px; font-weight: 700; }
.workspace-scroll { height: calc(100vh - 64px); overflow-y: auto; }
.workspace-scroll { background-image: linear-gradient(rgba(255,255,255,.016) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.016) 1px, transparent 1px); background-size: 46px 46px; }
.view-stack, .empty-state { width: min(1180px, 100%); margin: 0 auto; padding: 34px 34px 70px; }
.view { display: none; }
.view.active { display: block; animation: view-in .2s ease; }
.developer-tab-panel { display: none; }
.developer-tab-panel.active { display: block; animation: view-in .18s ease; }
.plan-manager-form-grid { grid-template-columns: minmax(220px, 1.3fr) minmax(150px, .7fr) minmax(210px, 1fr); }
.plan-current-state { display: grid; grid-template-columns: 34px minmax(0,1fr) auto; align-items: center; gap: 12px; min-height: 66px; margin-top: 14px; padding: 12px 14px; border: 1px solid var(--border); border-radius: 7px; background: rgba(8,17,29,.68); }
.plan-current-state > i { width: 34px; height: 34px; display: grid; place-items: center; border: 1px solid rgba(var(--accent-rgb),.2); border-radius: 6px; background: rgba(var(--accent-rgb),.07); color: var(--dashboard-accent-text, var(--accent-hover)); }
.plan-current-state strong, .plan-current-state small { display: block; }
.plan-current-state small { margin-top: 3px; color: var(--muted); font-size: 9px; }
.plan-current-state .state-badge { justify-self: end; }
.developer-plan-list { display: grid; gap: 6px; }
.developer-plan-row { display: grid; grid-template-columns: minmax(0,1fr) auto auto auto; align-items: center; gap: 12px; min-height: 62px; padding: 10px 12px; border: 1px solid var(--border); border-radius: 6px; background: rgba(12,22,36,.72); transition: border-color .16s ease, background-color .16s ease; }
.developer-plan-row:hover { border-color: rgba(var(--accent-rgb),.22); background: #101a27; }
.developer-plan-row > div { min-width: 0; }
.developer-plan-row strong, .developer-plan-row small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.developer-plan-row small { margin-top: 3px; color: var(--muted); font-size: 8px; }
.developer-plan-usage { color: #aab8ca; font-size: 9px; white-space: nowrap; }
.developer-plan-edit { min-height: 34px; display: inline-flex; align-items: center; justify-content: center; gap: 7px; padding: 0 11px; border: 1px solid rgba(var(--accent-rgb),.18); border-radius: 5px; background: rgba(var(--accent-rgb),.055); color: var(--accent-hover); font: inherit; font-size: 9px; font-weight: 650; cursor: pointer; transition: border-color .16s ease, background-color .16s ease, color .16s ease, transform .16s ease; }
.developer-plan-edit:hover { border-color: rgba(var(--accent-rgb),.38); background: rgba(var(--accent-rgb),.11); color: var(--text-primary); transform: translateY(-1px); }
.developer-plan-edit:focus-visible { outline: 0; box-shadow: var(--focus-ring); }
.plan-plus-badge { border-color: rgba(var(--accent-rgb),.32); background: rgba(var(--accent-rgb),.09); color: var(--accent-hover); }
.plan-manager-section, .plan-manager-section .settings-form, .developer-tab-panel[data-developer-tab="plans"] { overflow: visible; }

.release-manager-section { overflow: visible; }
.release-manager-grid { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(280px, 0.7fr); gap: 18px; align-items: start; }
.release-editor-form { margin: 0; border: 1px solid var(--border); background: color-mix(in srgb, var(--surface) 92%, transparent); }
.release-editor-heading { display: flex; gap: 12px; align-items: center; padding-bottom: 16px; border-bottom: 1px solid var(--border); }
.release-editor-heading > span { width: 42px; height: 42px; display: grid; place-items: center; flex: 0 0 auto; border: 1px solid rgba(var(--accent-rgb),0.28); border-radius: 7px; color: var(--dashboard-accent-text, var(--accent-hover)); background: rgba(var(--accent-rgb),0.08); }
.release-editor-heading strong, .release-editor-heading small { display: block; }
.release-editor-heading strong { color: var(--text); font-size: 0.92rem; }
.release-editor-heading small { margin-top: 3px; color: var(--muted); font-size: 0.68rem; line-height: 1.45; }
.release-meta-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.release-language-grid { margin-top: 0; }
.release-live-preview { position: sticky; top: 14px; border: 1px solid rgba(var(--accent-rgb),0.24); border-radius: 7px; padding: 16px; background: linear-gradient(145deg, rgba(15, 30, 48, 0.9), rgba(7, 14, 25, 0.96)); box-shadow: inset 2px 0 0 rgba(var(--accent-rgb),0.72); }
.release-live-preview-label { display: flex; align-items: center; gap: 8px; color: var(--dashboard-accent-text, var(--accent-hover)); font-size: 0.67rem; font-weight: 800; text-transform: uppercase; }
.release-live-preview article { display: grid; grid-template-columns: 26px minmax(0, 1fr) auto; gap: 10px; align-items: start; margin-top: 18px; padding: 15px 0; border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); }
.release-live-preview article > span { color: var(--dashboard-accent-text, var(--accent-hover)); font-size: 0.65rem; font-weight: 800; }
.release-live-preview article strong { display: block; color: var(--text); font-size: 0.82rem; }
.release-live-preview article p { margin: 4px 0 0; color: var(--muted); font-size: 0.7rem; line-height: 1.55; overflow-wrap: anywhere; }
.release-live-preview article > i { color: var(--green); font-size: 0.72rem; }
.release-live-preview > small { display: block; margin-top: 12px; color: var(--muted); font-size: 0.64rem; line-height: 1.45; }
.developer-release-list { display: grid; gap: 8px; }
.developer-release-row { display: grid; grid-template-columns: 42px minmax(0, 1fr) auto; gap: 13px; align-items: center; padding: 13px; border: 1px solid var(--border); border-radius: 7px; background: rgba(12, 23, 38, 0.72); transition: border-color 160ms ease, background-color 160ms ease, transform 160ms ease; }
.developer-release-row:hover { border-color: rgba(var(--accent-rgb),0.28); background: rgba(15, 29, 47, 0.86); transform: translateY(-1px); }
.developer-release-row-icon { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 7px; color: var(--dashboard-accent-text, var(--accent-hover)); background: rgba(var(--accent-rgb),0.08); border: 1px solid rgba(var(--accent-rgb),0.18); }
.developer-release-row-copy { min-width: 0; }
.developer-release-row-copy > div { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.developer-release-row-copy strong { min-width: 0; color: var(--text); font-size: 0.8rem; overflow-wrap: anywhere; }
.developer-release-row-copy p { margin: 4px 0; color: var(--muted); font-size: 0.68rem; line-height: 1.5; overflow-wrap: anywhere; }
.developer-release-row-copy small { color: var(--muted); font-size: 0.61rem; }
.developer-release-row-actions { display: flex; align-items: center; gap: 7px; }
.developer-release-row-actions .button { min-height: 34px; padding: 0 11px; }
.release-order-controls { display: flex; gap: 4px; }
.release-order-controls .icon-button { width: 32px; height: 32px; }
.icon-button.danger { color: var(--red); border-color: rgba(251, 113, 133, 0.24); }
.icon-button.danger:hover { background: rgba(251, 113, 133, 0.1); border-color: rgba(251, 113, 133, 0.45); }

@media (max-width: 1050px) {
  .release-manager-grid { grid-template-columns: 1fr; }
  .release-live-preview { position: static; }
}

@media (max-width: 720px) {
  .release-meta-grid, .release-language-grid { grid-template-columns: 1fr; }
  .developer-release-row { grid-template-columns: 38px minmax(0, 1fr); }
  .developer-release-row-icon { width: 38px; height: 38px; }
  .developer-release-row-actions { grid-column: 1 / -1; justify-content: flex-end; padding-top: 9px; border-top: 1px solid var(--border); }
}
.plan-expiry-control { position: relative; align-content: start; }
.plan-expiry-label { color: var(--text); font-size: 12px; font-weight: 600; }
.plan-date-picker { position: relative; min-width: 0; }
.plan-date-trigger { width: 100%; height: 42px; display: grid; grid-template-columns: minmax(0,1fr) 32px; align-items: center; padding: 0 5px 0 12px; border: 1px solid rgba(255,255,255,.1); border-radius: 6px; outline: 0; background: #151d2c; color: var(--text); font: inherit; text-align: left; cursor: pointer; transition: border-color .15s ease, background-color .15s ease, box-shadow .15s ease; }
.plan-date-trigger:hover, .plan-date-trigger[aria-expanded="true"] { border-color: rgba(var(--accent-rgb),.6); background: #192335; }
.plan-date-trigger:focus-visible { border-color: rgba(var(--accent-rgb),.72); box-shadow: 0 0 0 3px rgba(var(--accent-rgb),.1); }
.plan-date-trigger > span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.plan-date-trigger > i { width: 30px; height: 30px; display: grid; place-items: center; border-left: 1px solid rgba(255,255,255,.08); color: var(--dashboard-accent-text, var(--accent-hover)); }
.plan-date-popover { position: absolute; z-index: 120; top: calc(100% + 7px); right: 0; width: min(318px, calc(100vw - 40px)); padding: 11px; border: 1px solid rgba(var(--accent-rgb),.24); border-radius: 7px; background: #0c1420; box-shadow: 0 24px 60px rgba(0,0,0,.56), 0 0 0 1px rgba(255,255,255,.025); }
.plan-date-popover.open-up { top: auto; bottom: calc(100% + 7px); }
.plan-date-header { min-height: 36px; display: grid; grid-template-columns: 32px minmax(0,1fr) 32px; align-items: center; gap: 6px; margin-bottom: 7px; }
.plan-date-header strong { color: #eef4fb; font-size: 11px; font-weight: 700; text-align: center; text-transform: capitalize; }
.plan-date-header button { width: 32px; height: 32px; display: grid; place-items: center; padding: 0; border: 1px solid var(--border); border-radius: 5px; background: #121c2a; color: #91a0b4; cursor: pointer; transition: border-color .15s ease, background-color .15s ease, color .15s ease; }
.plan-date-header button:hover:not(:disabled) { border-color: rgba(var(--accent-rgb),.32); background: #192638; color: var(--dashboard-accent-text, var(--accent-hover)); }
.plan-date-header button:disabled { opacity: .28; cursor: default; }
.plan-date-weekdays, .plan-date-days { display: grid; grid-template-columns: repeat(7,minmax(0,1fr)); gap: 3px; }
.plan-date-weekdays { margin-bottom: 4px; }
.plan-date-weekdays span { height: 22px; display: grid; place-items: center; color: #68778d; font-size: 7px; font-weight: 700; text-transform: uppercase; }
.plan-date-days button { position: relative; aspect-ratio: 1; min-width: 0; display: grid; place-items: center; padding: 0; border: 1px solid transparent; border-radius: 5px; background: transparent; color: #bdc8d7; font: inherit; font-size: 9px; cursor: pointer; transition: border-color .14s ease, background-color .14s ease, color .14s ease, transform .14s ease; }
.plan-date-days button:hover:not(:disabled) { border-color: rgba(var(--accent-rgb),.24); background: rgba(var(--accent-rgb),.08); color: var(--text-primary); transform: translateY(-1px); }
.plan-date-days button.outside { color: #536176; }
.plan-date-days button.today::after { content: ""; position: absolute; bottom: 4px; width: 3px; height: 3px; border-radius: 50%; background: var(--cyan); }
.plan-date-days button.selected { border-color: rgba(var(--accent-rgb),.68); background: var(--accent); color: #061017; font-weight: 800; box-shadow: 0 5px 14px rgba(var(--accent-rgb),.2); }
.plan-date-days button.selected::after { background: #061017; }
.plan-date-days button:disabled { color: #303b4c; cursor: not-allowed; }
.plan-date-footer { margin-top: 8px; padding-top: 8px; border-top: 1px solid rgba(255,255,255,.07); }
.plan-date-footer button { width: 100%; min-height: 34px; display: flex; align-items: center; justify-content: center; gap: 7px; border: 1px solid rgba(97,112,243,.18); border-radius: 5px; background: rgba(97,112,243,.07); color: #bfc6ff; font: inherit; font-size: 8px; font-weight: 650; cursor: pointer; transition: border-color .15s ease, background-color .15s ease; }
.plan-date-footer button:hover { border-color: rgba(97,112,243,.34); background: rgba(97,112,243,.12); }
@media (max-width: 850px) { .plan-manager-form-grid { grid-template-columns: 1fr; } .developer-plan-row { grid-template-columns: minmax(0,1fr) auto; } .developer-plan-usage { grid-column: 1; } .developer-plan-row .state-badge { grid-column: 2; grid-row: 1; } .developer-plan-edit { grid-column: 2; grid-row: 2; } }
@keyframes view-in { from { opacity: 0; transform: translateY(5px); } }
.view-heading { min-height: 62px; display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; margin-bottom: 26px; }
.view-heading h1 { margin: 4px 0 0; font-size: 25px; letter-spacing: 0; }
.eyebrow { margin: 0; color: var(--dashboard-accent-text, var(--accent-hover)); font-size: 10px; font-weight: 700; text-transform: uppercase; }
.last-sync { color: var(--muted); font-size: 10px; }

.stats-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 12px; margin-bottom: 30px; }
.stat-card { min-height: 92px; display: grid; grid-template-columns: 40px 1fr; align-items: center; gap: 14px; padding: 17px; border: 1px solid var(--border); border-radius: 7px; background: rgba(17,24,39,.72); box-shadow: 0 14px 32px rgba(0,0,0,.14); }
.stat-card > i { width: 40px; height: 40px; display: grid; place-items: center; border-radius: 7px; background: rgba(88,101,242,.13); color: #9da5ff; }
.stat-card:nth-child(2) > i { background: rgba(var(--accent-rgb),.1); color: var(--dashboard-accent-text, var(--accent-hover)); }
.stat-card:nth-child(3) > i { background: rgba(96,165,250,.1); color: var(--green); }
.stat-card:nth-child(4) > i { background: rgba(254,231,92,.09); color: var(--yellow); }
.stat-card div { display: grid; }
.stat-card span { color: var(--muted); font-size: 10px; }
.stat-card strong { margin-top: 2px; font-size: 21px; }

.tool-section, .settings-form, .table-wrap { margin-top: 14px; border-top: 1px solid var(--border); }
.section-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 18px; padding: 24px 0 16px; }
.section-heading h2 { margin: 0; font-size: 16px; }
.section-heading p { margin: 5px 0 0; color: var(--muted); font-size: 11px; }

.analytics-heading > div:first-child > p:last-child { margin: 7px 0 0; color: var(--muted); font-size: 11px; }
.analytics-toolbar { display: flex; align-items: center; gap: 9px; }
.segmented-control { min-height: 36px; display: inline-flex; align-items: stretch; padding: 3px; border: 1px solid var(--border); border-radius: 6px; background: rgba(17,24,39,.78); }
.segmented-control button { min-width: 46px; padding: 0 10px; border: 0; border-radius: 4px; background: transparent; color: var(--muted); font-size: 9px; font-weight: 700; cursor: pointer; }
.segmented-control button:hover { color: var(--text); }
.segmented-control button.active { background: rgba(var(--accent-rgb),.12); color: var(--text-primary); box-shadow: inset 0 0 0 1px rgba(var(--accent-rgb),.18); }
.segmented-control button:focus-visible { outline: 2px solid rgba(var(--accent-rgb),.65); outline-offset: 1px; }
.analytics-summary-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; }
.analytics-stat { min-height: 100px; display: grid; grid-template-columns: 42px minmax(0,1fr); align-items: center; gap: 13px; padding: 15px; border: 1px solid var(--border); border-radius: 7px; background: rgba(17,24,39,.72); }
.analytics-stat > i { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 7px; background: rgba(88,101,242,.13); color: #aab2ff; }
.analytics-stat-voice > i, .analytics-stat-commands > i { background: rgba(var(--accent-rgb),.09); color: var(--dashboard-accent-text, var(--accent-hover)); }
.analytics-stat-growth > i, .analytics-stat-tickets > i { background: rgba(var(--accent-rgb),.09); color: var(--green); }
.analytics-stat-automod > i { background: rgba(254,231,92,.08); color: var(--yellow); }
.analytics-stat div { min-width: 0; }
.analytics-stat span, .analytics-stat strong, .analytics-stat small { display: block; }
.analytics-stat div > span:first-child { overflow: hidden; color: var(--muted); font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.analytics-stat strong { margin-top: 2px; font-size: 20px; }
.analytics-stat small { margin-top: 4px; overflow: hidden; color: #8995aa; font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
.analytics-trend { margin-top: 4px; display: flex !important; align-items: center; gap: 5px; overflow: hidden; color: #8995aa; font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
.analytics-trend i { font-size: 8px; }
.analytics-trend.up { color: var(--green); }
.analytics-trend.down { color: #ff9b9d; }
.analytics-trend.neutral { color: #8f9bb0; }
.analytics-chart-section { position: relative; }
.analytics-section-heading { align-items: center; }
.analytics-metric-control button { min-width: 76px; }
.analytics-chart { min-height: 256px; overflow-x: auto; overflow-y: hidden; padding: 6px 0 2px; }
.analytics-chart-grid { min-width: 680px; height: 242px; display: flex; align-items: stretch; gap: 5px; padding: 8px 4px 0; border-bottom: 1px solid var(--border); background: repeating-linear-gradient(to top, transparent 0, transparent 52px, rgba(255,255,255,.045) 53px); }
.analytics-day { min-width: 14px; flex: 1 1 0; display: grid; grid-template-rows: 206px 25px; align-items: end; gap: 4px; }
.analytics-bar-track { position: relative; height: 100%; display: flex; align-items: flex-end; justify-content: center; }
.analytics-bar { width: min(18px,72%); min-height: 0; display: block; border-radius: 3px 3px 1px 1px; background: linear-gradient(180deg, var(--cyan), var(--primary)); box-shadow: 0 0 16px rgba(var(--accent-rgb),.08); transition: filter .15s, opacity .15s; }
.analytics-day:hover .analytics-bar { filter: brightness(1.2); }
.analytics-day.negative .analytics-bar { background: linear-gradient(180deg, #ff7d80, var(--red)); }
.analytics-bar-track strong { position: absolute; z-index: 2; top: 6px; left: 50%; padding: 3px 5px; border: 1px solid var(--border); border-radius: 4px; background: #111827; color: var(--text); box-shadow: 0 5px 18px rgba(0,0,0,.28); font-size: 8px; opacity: 0; pointer-events: none; transform: translateX(-50%); transition: opacity .14s ease, transform .14s ease; white-space: nowrap; }
.analytics-day:hover .analytics-bar-track strong { transform: translate(-50%,2px); }
.analytics-day:hover .analytics-bar-track strong { opacity: 1; }
.analytics-day time { overflow: hidden; color: #8995aa; font-size: 8px; text-align: center; white-space: nowrap; }
.analytics-day time.muted-label { color: transparent; }
.analytics-empty { min-height: 256px; display: grid; place-items: center; align-content: center; gap: 7px; color: var(--muted); text-align: center; }
.analytics-empty i { margin-bottom: 4px; color: #68758b; font-size: 22px; }
.analytics-empty strong { color: #d8deea; font-size: 12px; }
.analytics-empty span { font-size: 9px; }
.analytics-ranking-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; }
.analytics-ranking-section { min-width: 0; }
.analytics-ranking { display: grid; border: 1px solid var(--border); border-radius: 7px; overflow: hidden; background: rgba(17,24,39,.62); }
.analytics-ranking-row { min-height: 57px; display: grid; grid-template-columns: 24px minmax(0,1fr) auto; align-items: center; gap: 10px; padding: 9px 12px; border-bottom: 1px solid var(--border); }
.analytics-ranking-row:last-child { border-bottom: 0; }
.analytics-rank { width: 22px; height: 22px; display: grid; place-items: center; border-radius: 5px; background: rgba(88,101,242,.12); color: #aeb5ff; font-size: 8px; font-weight: 700; }
.analytics-ranking-main { min-width: 0; }
.analytics-ranking-main strong { display: block; overflow: hidden; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.analytics-ranking-main > span { height: 4px; display: block; overflow: hidden; margin-top: 6px; border-radius: 999px; background: rgba(255,255,255,.055); }
.analytics-ranking-main > span i { height: 100%; display: block; border-radius: inherit; background: linear-gradient(90deg, var(--primary), var(--cyan)); }
.analytics-ranking-row > b { color: #cbd5e1; font-size: 9px; font-weight: 600; }
.analytics-ranking-empty { min-height: 82px; display: grid; place-items: center; align-content: center; gap: 6px; color: var(--muted); font-size: 9px; }
.analytics-ranking-empty i { color: #68758b; }
.analytics-command-ranking { grid-template-columns: repeat(2,minmax(0,1fr)); border: 0; border-radius: 0; gap: 8px; background: transparent; }
.analytics-command-ranking .analytics-ranking-row { border: 1px solid var(--border); border-radius: 6px; background: rgba(17,24,39,.62); }
.analytics-command-ranking .analytics-ranking-row:last-child { border-bottom: 1px solid var(--border); }
.analytics-command-ranking .analytics-ranking-empty { grid-column: 1 / -1; border: 1px solid var(--border); border-radius: 7px; }
.analytics-privacy-note { margin-top: 24px; }
.module-status-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 10px; }
.module-status { display: flex; align-items: center; justify-content: space-between; gap: 10px; min-height: 54px; padding: 11px 13px; border: 1px solid var(--border); border-radius: 6px; background: var(--surface); color: inherit; text-align: left; cursor: pointer; transition: transform .18s ease, border-color .18s ease, background .18s ease; }
.module-status:hover { transform: translateY(-2px); border-color: var(--border-strong); background: var(--surface-2); }
.module-status span { color: var(--muted); font-size: 11px; }
.module-status strong { color: var(--green); font-size: 10px; }
.module-status strong.off { color: #777b84; }
.permission-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); border: 1px solid var(--border); border-radius: 7px; overflow: hidden; }
.permission-item { display: flex; align-items: center; justify-content: space-between; min-height: 54px; padding: 8px 14px; border-bottom: 1px solid var(--border); background: var(--surface); font-size: 11px; }
.permission-item:nth-child(odd) { border-right: 1px solid var(--border); }
.permission-item div, .permission-item strong, .permission-item small { display: block; }
.permission-item small { margin-top: 3px; color: var(--muted); font-size: 9px; }
.permission-item i.ok { color: var(--green); }
.permission-item i.bad { color: var(--red); }

.settings-form { padding-top: 8px; }
.setting-row { min-height: 78px; display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 16px 0; border-bottom: 1px solid var(--border); }
.setting-row label, .form-grid > label > span, .field-full > span { display: block; color: var(--text); font-size: 12px; font-weight: 600; }
.setting-row p { margin: 5px 0 0; color: var(--muted); font-size: 10px; }
.form-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; padding: 20px 0 0; }
.form-grid > label, .field-full { display: grid; gap: 8px; }
.field-full { margin-top: 18px; }
input[type="text"], input[type="number"], input[type="search"], input[type="url"], select, textarea { width: 100%; border: 1px solid rgba(255,255,255,.1); border-radius: 6px; outline: 0; background: #151d2c; color: var(--text); caret-color: var(--cyan); box-shadow: none; transition: border-color .15s ease, background-color .15s ease, color .15s ease; }
input[type="number"] { appearance: textfield; -moz-appearance: textfield; }
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { margin: 0; appearance: none; -webkit-appearance: none; }
input[type="text"], input[type="number"], input[type="url"], select { height: 42px; padding: 0 12px; }
input::placeholder, textarea::placeholder { color: #707c91; opacity: 1; }
select { color-scheme: dark; }
select option, select optgroup { background: #111827; color: #dce3ee; }
select option { padding: 7px 10px; }
select option:checked { background: #293750 linear-gradient(0deg,#293750 0%,#293750 100%); color: #f8fafc; }
select option:hover { background: #202c41; color: #fff; }
.form-grid > label > small { color: var(--muted); font-size: 9px; font-weight: 400; line-height: 1.45; }
.form-control-group { display: grid; min-width: 0; gap: 8px; }
.form-control-group > small { color: var(--muted); font-size: 9px; font-weight: 400; line-height: 1.45; }
.selection-heading { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.selection-heading > span { color: var(--text); font-size: 12px; font-weight: 600; }
.selection-actions { display: inline-flex; align-items: center; gap: 8px; }
.selection-actions > small { color: var(--muted); font-size: 9px; font-weight: 500; white-space: nowrap; }
.selection-clear { width: 28px; height: 28px; display: inline-grid; flex: 0 0 auto; place-items: center; padding: 0; border: 1px solid var(--border); border-radius: 5px; background: #151d2c; color: var(--muted); cursor: pointer; transition: border-color .15s ease, background-color .15s ease, color .15s ease; }
.selection-clear:hover { border-color: rgba(var(--accent-rgb),.36); background: #1a2638; color: var(--dashboard-accent-text, var(--accent-hover)); }
.selection-clear:focus-visible { outline: 2px solid rgba(var(--accent-rgb),.62); outline-offset: 2px; }
.selection-clear:disabled { opacity: .38; cursor: default; }
.selection-clear:disabled:hover { border-color: var(--border); background: #151d2c; color: var(--muted); }
.multi-choice-search { position: relative; display: block; }
.multi-choice-search > i { position: absolute; z-index: 2; left: 12px; top: 50%; color: #6f7d92; font-size: 10px; pointer-events: none; transform: translateY(-50%); }
.multi-choice-search input { height: 38px; padding: 0 12px 0 32px; font-size: 10px; }
.multi-choice-list { min-height: 140px; max-height: 190px; display: grid; align-content: start; gap: 3px; overflow-y: auto; padding: 5px; border: 1px solid rgba(255,255,255,.1); border-radius: 6px; background: #101725; }
.multi-choice-item { position: relative; min-width: 0; min-height: 38px; display: grid; grid-template-columns: 18px 18px minmax(0,1fr); align-items: center; gap: 8px; padding: 7px 9px; border: 1px solid transparent; border-radius: 5px; color: var(--muted); cursor: pointer; user-select: none; transition: border-color .15s ease, background-color .15s ease, color .15s ease; }
.multi-choice-item:hover { background: #192335; color: var(--text); }
.multi-choice-item:has(input:checked) { border-color: rgba(var(--accent-rgb),.22); background: rgba(var(--accent-rgb),.07); color: var(--text); }
.multi-choice-item input { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.multi-choice-check { width: 18px; height: 18px; display: grid; place-items: center; border: 1px solid #536079; border-radius: 4px; background: #111827; color: #071018; transition: border-color .15s ease, background-color .15s ease, box-shadow .15s ease; }
.multi-choice-check i { opacity: 0; font-size: 9px; }
.multi-choice-item input:checked + .multi-choice-check { border-color: var(--cyan); background: var(--cyan); }
.multi-choice-item input:checked + .multi-choice-check i { opacity: 1; }
.multi-choice-item input:focus-visible + .multi-choice-check { box-shadow: 0 0 0 2px var(--bg), 0 0 0 4px rgba(var(--accent-rgb),.58); }
.multi-choice-icon { color: #7d8aa0; font-size: 10px; text-align: center; }
.multi-choice-name { min-width: 0; overflow: hidden; color: inherit; font-size: 11px; font-weight: 500; text-overflow: ellipsis; white-space: nowrap; }
.multi-choice-empty { min-height: 128px; display: grid; place-items: center; align-content: center; gap: 8px; color: var(--muted); font-size: 10px; text-align: center; }
.multi-choice-empty i { color: #6e7c94; font-size: 14px; }
.multi-choice-item.choice-filtered { display: none; }
.conditional-field-disabled { opacity: .58; }
.conditional-field-disabled > span:first-child { color: var(--muted); }
textarea { resize: vertical; min-height: 108px; padding: 11px 12px; line-height: 1.55; }
input:focus, select:focus, textarea:focus { border-color: rgba(var(--accent-rgb),.72); outline: 0; background: #192335; box-shadow: none; }
input:disabled, select:disabled, textarea:disabled { border-color: rgba(255,255,255,.06); background: #0f1521; color: #70798b; cursor: not-allowed; opacity: .72; }
input:-webkit-autofill, input:-webkit-autofill:focus { -webkit-text-fill-color: var(--text); box-shadow: 0 0 0 1000px #192335 inset; transition: background-color 9999s ease-out; }
input[type="color"] { width: 100%; height: 42px; padding: 4px; border: 1px solid var(--border); border-radius: 6px; background: var(--surface-2); }
.input-suffix { position: relative; }
.input-suffix input { padding-right: 38px; }
.input-suffix > span { position: absolute; z-index: 2; right: 13px; top: 50%; transform: translateY(-50%); color: var(--muted); pointer-events: none; }
.number-stepper { position: relative; width: 100%; }
.number-stepper input { padding-right: 38px; }
.number-stepper-controls { position: absolute; inset: 1px 1px 1px auto; width: 29px; display: grid; grid-template-rows: 1fr 1fr; overflow: hidden; border-left: 1px solid rgba(255,255,255,.09); border-radius: 0 5px 5px 0; }
.number-stepper-button { min-width: 0; display: grid; place-items: center; padding: 0; border: 0; background: rgba(255,255,255,.025); color: #8793a8; cursor: pointer; transition: background-color .14s ease, color .14s ease; }
.number-stepper-button:first-child { border-bottom: 1px solid rgba(255,255,255,.07); }
.number-stepper-button:hover { background: rgba(var(--accent-rgb),.09); color: var(--dashboard-accent-text, var(--accent-hover)); }
.number-stepper-button:active { background: rgba(var(--accent-rgb),.15); }
.number-stepper:has(input:disabled) .number-stepper-controls { opacity: .42; pointer-events: none; }
.number-stepper-button:focus-visible { position: relative; z-index: 2; outline: 1px solid var(--cyan); outline-offset: -1px; }
.number-stepper-button i { font-size: 7px; transition: transform .14s ease; }
.number-stepper-button:hover:first-child i { transform: translateY(-1px); }
.number-stepper-button:hover:last-child i { transform: translateY(1px); }
.input-suffix:has(.number-stepper) > span { right: 43px; }
.input-suffix:has(.number-stepper) .number-stepper input { padding-right: 70px; }
.switch { position: relative; flex: 0 0 auto; width: 42px; height: 24px; }
.switch input { position: absolute; opacity: 0; pointer-events: none; }
.switch span { position: absolute; inset: 0; border-radius: 999px; background: #393c42; cursor: pointer; transition: background .15s; }
.switch span::after { content: ""; position: absolute; top: 3px; left: 3px; width: 18px; height: 18px; border-radius: 50%; background: #fff; transition: transform .15s; }
.switch input:checked + span { background: var(--primary); }
.switch input:checked + span::after { transform: translateX(18px); }
.switch input:focus-visible + span { box-shadow: 0 0 0 2px var(--bg), 0 0 0 4px rgba(var(--accent-rgb),.58); }
.check-row { display: flex; flex-wrap: wrap; gap: 20px; margin-top: 18px; color: var(--muted); font-size: 11px; }
.check-row label { display: flex; align-items: center; gap: 8px; }
.check-row input { accent-color: var(--primary); }
.check-row input:focus-visible { outline: 2px solid rgba(var(--accent-rgb),.62); outline-offset: 2px; }
.message-customization-section { margin-top: 20px; padding: 18px; border: 1px solid var(--border); border-radius: 7px; background: rgba(17,24,39,.48); }
.message-customization-section .section-heading { margin-bottom: 2px; }
.message-customization-section .section-heading h2 { font-size: 12px; }
.message-customization-section .section-heading p { margin-top: 4px; }
.message-customization-section .field-full:first-of-type { margin-top: 16px; }
.message-customization-section .field-full > small { color: var(--muted); font-size: 9px; line-height: 1.45; }
.message-builder-heading { align-items: center; gap: 18px; }
.switch-with-label { display: inline-flex; align-items: center; gap: 10px; color: var(--muted); font-size: 10px; font-weight: 700; white-space: nowrap; }
.message-presets { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin: 16px 0 20px; padding: 10px 12px; border-block: 1px solid var(--border); color: var(--muted); font-size: 9px; font-weight: 700; }
.message-presets .segmented-control { flex-wrap: wrap; }
.message-presets .segmented-control button { min-height: 30px; display: inline-flex; align-items: center; justify-content: center; gap: 7px; }
.message-presets .segmented-control button i { color: var(--dashboard-accent-text, var(--accent-hover)); }
.message-option-group { margin-top: 22px; padding-top: 16px; border-top: 1px solid var(--border); }
.message-option-heading { display: flex; align-items: center; gap: 9px; margin-bottom: 13px; color: var(--text); font-size: 10px; font-weight: 700; }
.message-option-heading i { width: 25px; height: 25px; display: grid; place-items: center; border: 1px solid rgba(var(--accent-rgb),.18); border-radius: 5px; background: rgba(var(--accent-rgb),.06); color: var(--dashboard-accent-text, var(--accent-hover)); }
.message-option-group .form-grid .span-two { grid-column: 1 / -1; }
.appearance-custom-url { animation: fieldReveal .18s ease both; }
.member-card-builder { margin-top: 18px; padding-top: 17px; border-top: 1px solid var(--border); }
.member-card-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; margin-bottom: 13px; }
.member-card-heading > div { min-width: 0; }
.member-card-heading strong { display: block; color: var(--text); font-size: 10px; }
.member-card-heading small { display: block; max-width: 520px; margin-top: 4px; color: var(--muted); font-size: 9px; line-height: 1.45; }
.member-card-options { display: grid; gap: 12px; margin-bottom: 13px; padding: 12px; border: 1px solid rgba(var(--accent-rgb),.13); border-radius: 6px; background: rgba(7,14,25,.52); }
.member-card-description-toggle, .member-card-accent-control { display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.member-card-description-toggle > span:first-child { min-width: 0; }
.member-card-description-toggle strong, .member-card-description-toggle small, .member-card-accent-control strong, .member-card-accent-control small { display: block; }
.member-card-description-toggle strong { color: var(--text); font-size: 10px; }
.member-card-description-toggle small { margin-top: 3px; color: var(--muted); font-size: 8px; line-height: 1.45; }
.member-card-accent-control { padding-top: 11px; border-top: 1px solid var(--border); }
.member-card-accent-control > span { min-width: 0; }
.member-card-accent-control strong { color: var(--text); font-size: 10px; }
.member-card-accent-control small { margin-top: 3px; color: var(--muted); font-size: 8px; line-height: 1.45; }
.member-card-accent-control input[type="color"] { width: 42px; min-width: 42px; height: 32px; padding: 3px; border: 1px solid var(--border); border-radius: 5px; background: #0b1421; cursor: pointer; }
.member-card-position { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding-top: 11px; border-top: 1px solid var(--border); }
.member-card-position > span { color: var(--text); font-size: 9px; font-weight: 700; }
.member-card-position .segmented-control button { min-width: 82px; }
.member-card-copy { padding-top: 2px; }
.member-card-copy small { display: block; margin-top: 5px; color: var(--muted); font-size: 8px; line-height: 1.4; }
.member-background-picker { min-width: 0; }
.member-background-select { position: relative; min-width: 0; }
.member-background-trigger { width: 100%; min-height: 62px; display: grid; grid-template-columns: 112px minmax(0,1fr) 28px; align-items: center; gap: 12px; padding: 8px 10px; border: 1px solid rgba(148,163,184,.22); border-radius: 6px; background: #0b1421; color: var(--text); font: inherit; text-align: left; cursor: pointer; transition: border-color .18s ease, background .18s ease, box-shadow .18s ease; }
.member-background-trigger:hover, .member-background-picker.is-open .member-background-trigger { border-color: rgba(var(--accent-rgb),.48); background: #0d1928; box-shadow: 0 0 0 2px rgba(var(--accent-rgb),.07); }
.member-background-trigger:disabled { opacity: .4; cursor: not-allowed; box-shadow: none; }
.member-background-trigger img { width: 112px; aspect-ratio: 8 / 3; display: block; object-fit: cover; border: 1px solid rgba(148,163,184,.18); border-radius: 4px; }
.member-background-trigger span, .member-background-option span { min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.member-background-trigger strong, .member-background-option strong { overflow: hidden; color: var(--text); font-size: 10px; line-height: 1.25; text-overflow: ellipsis; white-space: nowrap; }
.member-background-trigger small, .member-background-option small { overflow: hidden; color: var(--muted); font-size: 8px; line-height: 1.25; text-overflow: ellipsis; white-space: nowrap; }
.member-background-trigger > i { width: 28px; height: 28px; display: grid; place-items: center; color: var(--muted); transition: color .18s ease, transform .18s ease; }
.member-background-picker.is-open .member-background-trigger > i { color: var(--dashboard-accent-text, var(--accent-hover)); transform: rotate(180deg); }
.member-background-menu { position: absolute; z-index: 45; top: calc(100% + 6px); left: 0; right: 0; max-height: 300px; padding: 6px; overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; border: 1px solid rgba(var(--accent-rgb),.24); border-radius: 6px; background: #09111d; box-shadow: 0 18px 45px rgba(0,0,0,.42); opacity: 0; visibility: hidden; transform: translateY(-4px); transition: opacity .16s ease, visibility .16s ease, transform .16s ease; }
.member-background-picker.is-open .member-background-menu { opacity: 1; visibility: visible; transform: translateY(0); }
.member-background-option { width: 100%; min-height: 52px; display: grid; grid-template-columns: 92px minmax(0,1fr) 24px; align-items: center; gap: 10px; padding: 7px; border: 1px solid transparent; border-radius: 5px; background: transparent; color: var(--text); font: inherit; text-align: left; cursor: pointer; transition: border-color .16s ease, background .16s ease; }
.member-background-option + .member-background-option { margin-top: 3px; }
.member-background-option:hover { border-color: rgba(var(--accent-rgb),.18); background: rgba(var(--accent-rgb),.055); }
.member-background-option.active { border-color: rgba(var(--accent-rgb),.34); background: rgba(var(--accent-rgb),.09); }
.member-background-option img { width: 92px; aspect-ratio: 8 / 3; display: block; object-fit: cover; border-radius: 3px; }
.member-background-option > i { display: grid; place-items: center; color: transparent; font-size: 10px; }
.member-background-option.active > i { color: var(--accent-hover); }
.member-background-option:disabled { opacity: .4; cursor: not-allowed; }
.inline-plus-mark { display: inline-flex; align-items: center; gap: 4px; margin-left: 5px; color: var(--accent-hover); font-size: 7px; font-weight: 800; line-height: 1; white-space: nowrap; }
.inline-plus-mark i { color: inherit !important; font-size: 7px; }
.member-background-option.is-plus-locked { opacity: .54; }
.member-background-option.is-plus-locked:hover { border-color: rgba(96,165,250,.22); background: rgba(96,165,250,.045); }
.member-custom-background { display: grid; gap: 11px; margin-top: 12px; padding-top: 14px; border-top: 1px solid rgba(96,165,250,.16); }
.member-custom-background-heading { display: grid; grid-template-columns: 32px minmax(0,1fr) auto; align-items: center; gap: 10px; }
.member-custom-background-heading > i { width: 32px; height: 32px; display: grid; place-items: center; border: 1px solid rgba(96,165,250,.2); border-radius: 5px; background: rgba(96,165,250,.07); color: #78b8ff; }
.member-custom-background-heading > span { min-width: 0; display: grid; gap: 2px; }
.member-custom-background-heading strong { color: var(--text); font-size: 10px; }
.member-custom-background-heading small { color: var(--muted); font-size: 8px; }
.member-custom-background-url { display: grid; gap: 6px; }
.member-custom-background-url > span { color: var(--muted); font-size: 8px; font-weight: 650; }
.member-custom-background.is-plus-locked { opacity: .58; }
.message-presets [data-plus-message-preset].is-plus-locked { opacity: .55; }
.message-presets [data-plus-message-preset] .inline-plus-mark { margin-left: 0; }
.member-card-note { display: flex; align-items: center; gap: 7px; margin: 10px 0 0; color: var(--muted); font-size: 8px; line-height: 1.45; }
.member-card-note i { color: var(--dashboard-accent-text, var(--accent-hover)); }
.member-card-builder.is-disabled :is(.member-card-options,.member-background-picker) { filter: saturate(.45); }
@keyframes fieldReveal { from { opacity: 0; transform: translateY(-3px); } to { opacity: 1; transform: translateY(0); } }
.form-actions { display: flex; justify-content: flex-end; gap: 9px; padding-top: 24px; }
.button { min-height: 40px; display: inline-flex; align-items: center; justify-content: center; gap: 9px; padding: 0 15px; border: 1px solid transparent; border-radius: 6px; color: #fff; font-size: 11px; font-weight: 600; cursor: pointer; }
.button:disabled { opacity: .38; cursor: not-allowed; filter: saturate(.45); box-shadow: none; transform: none; }
.button:disabled i { color: currentColor; transform: none !important; }
.button-wide { width: 100%; min-height: 46px; }
.button-primary { background: linear-gradient(135deg, var(--primary), var(--cyan)); box-shadow: 0 10px 24px rgba(88,101,242,.18); }
.button-primary:hover { filter: brightness(1.08); }
.button-secondary { border-color: var(--border); background: var(--surface-2); color: var(--text); }
.button-secondary:hover { border-color: var(--border-strong); }
.button-danger { border-color: rgba(237,66,69,.35); background: rgba(237,66,69,.1); color: #ff9b9d; }
.button-danger:hover { background: rgba(237,66,69,.17); }
.state-badge { min-width: 72px; padding: 6px 9px; border: 1px solid var(--border); border-radius: 999px; color: var(--muted); text-align: center; font-size: 9px; font-weight: 700; text-transform: uppercase; }
.state-badge.on { border-color: rgba(96,165,250,.28); background: rgba(96,165,250,.08); color: var(--green); }

.compact-form { padding-bottom: 4px; }
.counter-preview { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; padding-top: 18px; }
.counter-chip { min-height: 48px; display: flex; align-items: center; gap: 10px; padding: 10px 12px; border: 1px solid var(--border); border-radius: 6px; background: var(--surface); color: var(--muted); font-size: 10px; }
.counter-chip i { color: var(--dashboard-accent-text, var(--accent-hover)); }
.counter-chip strong { margin-left: auto; color: var(--text); font-size: 10px; }

.audit-actions { display: flex; gap: 8px; }
.audit-actions select { width: 190px; height: 40px; }
.audit-list { display: grid; border-top: 1px solid var(--border); }
.audit-entry { display: grid; grid-template-columns: 42px minmax(0,1fr) auto; align-items: center; gap: 12px; min-height: 72px; padding: 11px 0; border-bottom: 1px solid var(--border); }
.audit-entry-icon { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 6px; background: rgba(88,101,242,.12); color: #aeb5ff; }
.audit-entry-main { min-width: 0; }
.audit-entry-main strong, .audit-entry-main span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.audit-entry-main strong { font-size: 11px; }
.audit-entry-main span, .audit-entry time { margin-top: 3px; color: var(--muted); font-size: 9px; }
.audit-entry-reason { color: #c9cbd0 !important; }

.developer-category-list, .guild-command-category-list, .developer-guild-list { display: grid; border: 1px solid var(--border); border-radius: 7px; overflow: hidden; }
.developer-category-row { min-height: 58px; display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 16px; padding: 10px 14px; border-bottom: 1px solid var(--border); background: var(--surface); }
.developer-category-row:last-child, .developer-guild-row:last-child { border-bottom: 0; }
.developer-category-row strong, .developer-category-row small { display: block; }
.developer-category-row strong { font-size: 11px; }
.developer-category-row small { margin-top: 3px; color: var(--muted); font-size: 9px; }
.developer-category-row.locked { opacity: .68; }
.developer-category-row > .switch { justify-self: end; }
.developer-category-row .switch input:disabled + span { cursor: not-allowed; }
.command-toolbar { display: flex; align-items: center; justify-content: flex-end; gap: 8px; flex-wrap: wrap; }
.command-toolbar .filter-input { min-width: 220px; }
.command-toolbar select { width: 132px; height: 40px; }
.case-toolbar .command-toolbar select { width: 184px; min-width: 184px; }
.case-toolbar .command-toolbar .filter-input { width: min(360px, 100%); }
.command-toolbar .button { white-space: nowrap; }
.command-presets-section { margin-bottom: 20px; }
.command-preset-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; }
.command-preset { min-height: 76px; display: grid; grid-template-columns: 38px minmax(0,1fr); align-items: center; gap: 11px; padding: 12px; border: 1px solid var(--border); border-radius: 7px; background: rgba(17,24,39,.64); color: var(--text); text-align: left; cursor: pointer; transition: border-color .18s ease, background-color .18s ease, transform .18s ease; }
.command-preset:hover { border-color: rgba(var(--accent-rgb),.48); background: rgba(var(--accent-rgb),.055); transform: translateY(-1px); }
.command-preset.active { border-color: rgba(var(--accent-rgb),.52); background: rgba(var(--accent-rgb),.07); box-shadow: inset 0 0 0 1px rgba(var(--accent-rgb),.08); }
.command-preset.active > i { background: rgba(var(--accent-rgb),.13); color: var(--green); }
.command-preset:focus-visible { outline: 2px solid var(--cyan); outline-offset: 2px; }
.command-preset:disabled { opacity: .52; cursor: wait; transform: none; }
.command-preset > i { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 6px; background: rgba(88,101,242,.13); color: #aab2ff; font-size: 14px; }
.command-preset span, .command-preset strong, .command-preset small { min-width: 0; display: block; }
.command-preset strong { font-size: 11px; }
.command-preset small { margin-top: 4px; color: var(--muted); font-size: 9px; line-height: 1.45; }
.command-availability-list { display: grid; max-height: 620px; overflow-y: auto; border: 1px solid var(--border); border-radius: 7px; background: var(--surface); }
.command-availability-row { min-height: 68px; display: grid; grid-template-columns: 38px minmax(0,1fr) 152px 42px; align-items: center; gap: 12px; padding: 10px 13px; border-bottom: 1px solid var(--border); }
.command-availability-row:last-child { border-bottom: 0; }
.command-availability-row.locked { background: rgba(255,255,255,.018); }
.command-availability-icon { width: 36px; height: 36px; display: grid; place-items: center; border-radius: 6px; background: rgba(var(--accent-rgb),.08); color: var(--dashboard-accent-text, var(--accent-hover)); }
.command-availability-main { min-width: 0; }
.command-availability-main > div { display: flex; align-items: center; gap: 8px; min-width: 0; }
.command-availability-main strong { overflow: hidden; color: var(--text); font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.command-availability-main > div > span { flex: 0 0 auto; padding: 2px 6px; border: 1px solid var(--border); border-radius: 4px; color: var(--muted); font-size: 8px; }
.command-availability-main small { display: block; margin-top: 4px; overflow: hidden; color: var(--muted); font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.command-availability-status { justify-self: end; padding: 4px 7px; border: 1px solid var(--border); border-radius: 4px; color: var(--muted); font-size: 8px; font-weight: 600; text-align: center; }
.command-availability-status.enabled { border-color: rgba(96,165,250,.22); background: rgba(96,165,250,.07); color: var(--green); }
.command-availability-status.disabled { border-color: rgba(237,66,69,.24); background: rgba(237,66,69,.07); color: #ff9b9d; }
.command-availability-status.category { border-color: rgba(254,231,92,.2); background: rgba(254,231,92,.06); color: var(--yellow); }
.command-availability-status.protected { border-color: rgba(var(--accent-rgb),.22); background: rgba(var(--accent-rgb),.06); color: var(--dashboard-accent-text, var(--accent-hover)); }
.command-availability-row > .switch { justify-self: end; }
.command-availability-row .switch input:disabled + span { cursor: not-allowed; opacity: .62; }
.settings-note { display: flex; align-items: flex-start; gap: 10px; margin-top: 18px; padding: 12px 14px; border: 1px solid rgba(var(--accent-rgb),.16); border-radius: 6px; background: rgba(var(--accent-rgb),.055); color: var(--muted); font-size: 10px; line-height: 1.55; }
.settings-note i { margin-top: 2px; color: var(--dashboard-accent-text, var(--accent-hover)); }
.settings-note p { margin: 0; }
.developer-guild-list { max-height: 430px; overflow-y: auto; }
.developer-guild-row { min-height: 58px; display: grid; grid-template-columns: 36px minmax(0,1fr) repeat(2,112px) 36px; align-items: center; gap: 12px; padding: 10px 13px; border-bottom: 1px solid var(--border); background: var(--surface); }
.developer-guild-row img, .developer-guild-fallback { width: 36px; height: 36px; display: grid; place-items: center; border-radius: 6px; background: var(--surface-3); object-fit: cover; font-size: 11px; font-weight: 700; }
.developer-guild-row div { min-width: 0; }
.developer-guild-row strong, .developer-guild-row small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.developer-guild-row strong { font-size: 11px; }
.developer-guild-row small { margin-top: 2px; color: var(--muted); font-size: 9px; }
.developer-guild-metric { color: var(--muted); text-align: right; font-size: 9px; }
.developer-guild-metric.good, .permission-summary.good { color: var(--green); }
.developer-guild-metric.bad, .permission-summary.bad { color: #ff9b9d; }
.guild-inspect-button { color: #aeb5ff; }
.guild-inspect-button:hover { border-color: rgba(var(--accent-rgb),.35); background: rgba(var(--accent-rgb),.08); color: var(--dashboard-accent-text, var(--accent-hover)); }
#developer-inspector-section { scroll-margin-top: 18px; transition: background-color .25s, box-shadow .25s; }
#developer-inspector-section.inspector-focus { background: rgba(var(--accent-rgb),.035); box-shadow: inset 3px 0 rgba(var(--accent-rgb),.7); }
.inline-search { width: min(260px, 42vw) !important; height: 38px; padding: 0 11px; }
.developer-inspector { min-height: 190px; border: 1px solid var(--border); border-radius: 7px; background: rgba(17,24,39,.66); }
.developer-inspector.empty { display: grid; place-items: center; align-content: center; gap: 10px; padding: 30px; color: var(--muted); text-align: center; }
.developer-inspector.empty > i { font-size: 24px; }
.developer-inspector.empty p { margin: 0; font-size: 10px; }
.inspector-header { min-height: 70px; display: grid; grid-template-columns: 42px minmax(0,1fr) auto; align-items: center; gap: 12px; padding: 12px 14px; border-bottom: 1px solid var(--border); }
.inspector-header img, .inspector-header .developer-guild-fallback { width: 42px; height: 42px; border-radius: 7px; object-fit: cover; }
.inspector-header div { min-width: 0; }
.inspector-header strong, .inspector-header small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.inspector-header strong { font-size: 12px; }
.inspector-header small { margin-top: 3px; color: var(--muted); font-size: 9px; }
.inspector-metrics { display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); border-bottom: 1px solid var(--border); }
.inspector-metrics > div { min-width: 0; padding: 13px 14px; border-right: 1px solid var(--border); }
.inspector-metrics > div:last-child { border-right: 0; }
.inspector-metrics span, .inspector-metrics strong { display: block; }
.inspector-metrics span { overflow: hidden; color: var(--muted); font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
.inspector-metrics strong { margin-top: 4px; font-size: 14px; }
.inspector-section { padding: 14px; border-bottom: 1px solid var(--border); }
.inspector-section:last-child { border-bottom: 0; }
.inspector-section > strong { display: block; margin-bottom: 9px; font-size: 10px; }
.module-chip-list { display: flex; flex-wrap: wrap; gap: 7px; }
.module-chip { display: inline-flex; align-items: center; gap: 6px; padding: 6px 8px; border: 1px solid var(--border); border-radius: 5px; color: var(--muted); font-size: 9px; }
.module-chip.on { border-color: rgba(var(--accent-rgb),.25); background: rgba(var(--accent-rgb),.06); color: var(--green); }
.inspector-functions > strong { margin-bottom: 12px; }
.inspector-module-groups { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px 22px; }
.inspector-module-group { --inspector-group-accent: var(--accent); min-width: 0; border-top: 1px solid color-mix(in srgb,var(--inspector-group-accent) 34%,var(--border)); }
.inspector-module-group.group-community { --inspector-group-accent: #a78bfa; }
.inspector-module-group.group-automation { --inspector-group-accent: #f0b45a; }
.inspector-module-group.group-access { --inspector-group-accent: #2dd4bf; }
.inspector-module-group.group-commands { --inspector-group-accent: #818cf8; grid-column: 1 / -1; }
.inspector-module-group h3 { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin: 0; padding: 10px 2px 8px; color: var(--inspector-group-accent); font-size: 9px; text-transform: uppercase; }
.inspector-module-group h3 span { min-width: 20px; padding: 2px 5px; border: 1px solid color-mix(in srgb,var(--inspector-group-accent) 28%,transparent); border-radius: 4px; color: var(--muted); text-align: center; }
.inspector-module-list { display: grid; gap: 2px; }
.group-commands .inspector-module-list { grid-template-columns: repeat(2,minmax(0,1fr)); column-gap: 14px; }
.inspector-module-row { min-height: 43px; display: grid; grid-template-columns: 28px minmax(0,1fr) 16px; align-items: center; gap: 9px; padding: 5px 7px; border-bottom: 1px solid rgba(191,207,228,.075); }
.inspector-module-row > i:first-child { width: 28px; height: 28px; display: grid; place-items: center; border-radius: 5px; background: color-mix(in srgb,var(--inspector-group-accent) 9%,transparent); color: var(--inspector-group-accent); font-size: 10px; }
.inspector-module-row > span { min-width: 0; }
.inspector-module-row strong, .inspector-module-row small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.inspector-module-row strong { color: #dce5f2; font-size: 9px; }
.inspector-module-row small { margin-top: 3px; color: var(--muted); font-size: 8px; }
.inspector-module-row > i:last-child { color: #718096; font-size: 9px; }
.inspector-module-row.status-enabled > i:last-child { color: #3ddc97; }
.inspector-module-row.status-attention > i:last-child { color: #f0b45a; }
.inspector-module-row.status-disabled { opacity: .78; }
.inspector-module-row.status-unconfigured { opacity: .64; }
.inspector-module-row.status-locked > i:last-child { color: #e6bf62; }
.inspector-module-row.status-unknown > i:last-child { color: var(--muted); }
.inspector-module-row strong, .inspector-module-row small { white-space: normal; overflow-wrap: anywhere; }
.inspector-note, .inspector-updated { color: var(--muted); font-size: 10px; line-height: 1.65; }
.inspector-updated { margin: 0; padding: 12px 16px; border-top: 1px solid var(--border); }
.inspector-access-list { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 0 20px; margin-top: 12px; }
.inspector-access-list > div { min-width: 0; padding: 10px 0; border-bottom: 1px solid var(--border); }
.inspector-access-list span, .inspector-access-list small { display: block; overflow-wrap: anywhere; }
.inspector-access-list span { font-size: 11px; }
.inspector-access-list small { margin-top: 4px; color: var(--muted); font-size: 10px; }
.inspector-access-list i { color: var(--dashboard-accent-text, var(--accent-hover)); font-size: 9px; }
.inspector-limit-list { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; margin: 14px 0 0; }
.inspector-limit-list dt { color: var(--muted); font-size: 10px; overflow-wrap: anywhere; }
.inspector-limit-list dd { margin: 7px 0 0; font-size: 17px; font-weight: 700; }
.inspector-header > div { min-width: 0; }
.inspector-header strong { overflow-wrap: anywhere; }
.inspector-header-actions { flex-wrap: wrap; }
.developer-inspector .inspector-header-actions .inspector-plan-badge { flex: 0 1 auto; min-width: 166px; }
.developer-inspector .inspector-header-actions .icon-button { flex: 0 0 40px; }
.developer-inspector .inspector-header strong { white-space: normal; }
@media (max-width:700px) {
  .inspector-access-list, .inspector-limit-list { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
.permission-summary { margin: 0; font-size: 9px; line-height: 1.7; }
.inspector-header-actions { display: flex; align-items: center; justify-content: flex-end; gap: 9px; }
.inspector-plan-badge { min-height: 40px; display: grid; grid-template-columns: 26px minmax(0,1fr); align-items: center; gap: 8px; padding: 6px 10px; border: 1px solid rgba(191,207,228,.12); border-radius: 6px; background: #0c1521; }
.inspector-plan-badge > i { width: 26px; height: 26px; display: grid; place-items: center; border-radius: 5px; background: rgba(125,139,162,.09); color: #9aa7ba; font-size: 10px; }
.inspector-plan-badge > span { min-width: 0; }
.inspector-plan-badge small, .inspector-plan-badge strong { display: block; max-width: 150px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.inspector-plan-badge small { margin: 0; color: #738197; font-size: 7px; text-transform: uppercase; }
.inspector-plan-badge strong { margin-top: 2px; font-size: 9px; }
.inspector-plan-badge.plus { border-color: rgba(var(--accent-rgb),.25); background: rgba(var(--accent-rgb),.055); }
.inspector-plan-badge.plus > i { background: rgba(var(--accent-rgb),.1); color: var(--dashboard-accent-text, var(--accent-hover)); }

.table-wrap { position: relative; overflow-x: auto; padding-top: 12px; }
table { width: 100%; border-collapse: collapse; min-width: 760px; }
th { height: 40px; color: var(--muted); font-size: 9px; text-align: left; text-transform: uppercase; }
td { height: 58px; padding: 8px 8px 8px 0; border-top: 1px solid var(--border); color: #d7d9dd; font-size: 10px; }
td.reason-cell { max-width: 300px; white-space: normal; }
.case-id { color: var(--dashboard-accent-text, var(--accent-hover)); font-family: monospace; }
.delete-case { color: var(--red); }
.table-empty { padding: 34px; color: var(--muted); text-align: center; font-size: 12px; }
.empty-state { min-height: calc(100vh - 64px); display: grid; place-items: center; align-content: center; text-align: center; }
.empty-state > i { color: var(--muted); font-size: 36px; }
.empty-state h2 { margin: 18px 0 5px; font-size: 20px; }
.empty-state p { max-width: 470px; margin: 0 0 20px; color: var(--muted); font-size: 12px; }
.dashboard.without-server .dashboard-nav { display: none; }
.dashboard.without-server .panel-search-trigger { visibility: hidden; pointer-events: none; }
.no-server-intro { display: grid; justify-items: center; }
.no-server-icon { width: 58px; height: 58px; display: grid; place-items: center; border: 1px solid rgba(var(--accent-rgb),.2); border-radius: 8px; background: rgba(var(--accent-rgb),.07); color: var(--dashboard-accent-text, var(--accent-hover)); font-size: 21px; box-shadow: 0 14px 34px rgba(0,0,0,.2); }
.no-server-intro h2 { margin-top: 15px; }
.no-server-intro p { margin-bottom: 18px; }
.no-server-picker { width: min(680px,100%); overflow: hidden; border: 1px solid var(--border-strong); border-radius: 8px; background: #0c141e; text-align: left; box-shadow: 0 20px 48px rgba(0,0,0,.18); }
.no-server-picker-heading { min-height: 64px; display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 13px 15px; border-bottom: 1px solid var(--border); }
.no-server-picker-heading strong, .no-server-picker-heading small { display: block; }
.no-server-picker-heading strong { font-size: 11px; }
.no-server-picker-heading small { margin-top: 3px; color: var(--muted); font-size: 9px; }
.no-server-picker-heading > span { min-width: 28px; padding: 5px 7px; border: 1px solid rgba(var(--accent-rgb),.18); border-radius: 5px; background: rgba(var(--accent-rgb),.06); color: var(--dashboard-accent-text, var(--accent-hover)); font-size: 9px; font-weight: 700; text-align: center; }
.no-server-options { max-height: min(340px,42vh); overflow-y: auto; }
.no-server-option { min-height: 64px; display: grid; grid-template-columns: 40px minmax(0,1fr) auto; align-items: center; gap: 12px; padding: 10px 14px; border-bottom: 1px solid rgba(255,255,255,.055); color: var(--text); text-decoration: none; transition: background-color .18s ease, box-shadow .18s ease; }
.no-server-option:last-child { border-bottom: 0; }
.no-server-option:hover { background: #111d2b; box-shadow: inset 3px 0 var(--cyan); }
.no-server-option img, .no-server-option-avatar { width: 40px; height: 40px; display: grid; place-items: center; border: 1px solid rgba(159,178,207,.13); border-radius: 7px; background: #182438; object-fit: cover; color: #dce7f8; font-size: 12px; font-weight: 700; }
.no-server-option-copy { min-width: 0; }
.no-server-option-copy strong, .no-server-option-copy small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.no-server-option-copy strong { font-size: 11px; }
.no-server-option-copy small { margin-top: 3px; color: var(--muted); font-size: 8px; }
.no-server-option-action { min-width: 92px; display: inline-flex; align-items: center; justify-content: flex-end; gap: 8px; color: var(--dashboard-accent-text, var(--accent-hover)); font-size: 9px; font-weight: 700; }
.no-server-option-action i { width: 27px; height: 27px; display: grid; place-items: center; border: 1px solid rgba(var(--accent-rgb),.18); border-radius: 5px; background: rgba(var(--accent-rgb),.06); transition: transform .18s ease, background-color .18s ease; }
.no-server-option:hover .no-server-option-action i { background: rgba(var(--accent-rgb),.12); transform: translateX(2px); }
.no-server-empty { padding: 28px 18px; color: var(--muted); text-align: center; font-size: 10px; }
.no-server-empty i { display: block; margin-bottom: 8px; color: var(--dashboard-accent-text, var(--accent-hover)); font-size: 18px; }
#no-server-add-any { margin-top: 16px; }

.setup-summary { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 16px 20px; margin: 0 0 30px; padding: 18px 20px; border: 1px solid var(--border-strong); border-radius: 8px; background: #0c141e; box-shadow: 0 18px 42px rgba(0,0,0,.16); }
.setup-summary-main { min-width: 0; display: grid; grid-template-columns: 76px minmax(0,1fr); align-items: center; gap: 17px; }
.setup-score { --setup-score: 0; position: relative; width: 72px; height: 72px; display: grid; flex: 0 0 auto; place-items: center; border-radius: 50%; background: conic-gradient(var(--cyan) calc(var(--setup-score) * 1%), #1a2637 0); transition: background .35s ease; }
.setup-score::before { position: absolute; inset: 5px; border: 1px solid rgba(191,207,228,.1); border-radius: inherit; background: #101a28; content: ""; }
.setup-score span { position: relative; z-index: 1; font-size: 18px; font-weight: 750; letter-spacing: 0; }
.setup-copy { min-width: 0; }
.setup-heading-row { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 10px; }
.setup-copy h2 { margin: 0; font-size: 15px; }
.setup-copy p { margin: 5px 0 0; color: var(--muted); font-size: 10px; line-height: 1.55; }
.setup-state { min-height: 24px; display: inline-flex; align-items: center; gap: 6px; max-width: 100%; padding: 4px 8px; border: 1px solid rgba(var(--accent-rgb),.18); border-radius: 5px; background: rgba(var(--accent-rgb),.06); color: var(--text-primary); font-size: 8px; font-weight: 650; line-height: 1.25; }
.setup-state i { flex: 0 0 auto; color: var(--dashboard-accent-text, var(--accent-hover)); font-size: 8px; }
.setup-progress-line { grid-column: 1 / -1; display: grid; grid-template-columns: minmax(0,1fr) 38px; align-items: center; gap: 10px; }
.setup-progress-line > strong { color: #bfc9d8; font-size: 9px; text-align: right; }
.setup-continue { min-width: 188px; justify-content: center; }
.setup-continue-arrow { margin-left: 4px; color: var(--dashboard-accent-text, var(--accent-hover)); font-size: 8px; transition: transform .18s ease; }
.setup-continue:hover .setup-continue-arrow { transform: translateX(3px); }
.progress-track { height: 6px; overflow: hidden; border-radius: 99px; background: rgba(255,255,255,.07); }
.progress-track span { display: block; width: 0; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--primary), var(--cyan)); transition: width .35s ease; }
.section-actions, .heading-tools { display: flex; align-items: center; gap: 8px; }
.server-detail-grid, .diagnostics-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px; }
.detail-item, .diagnostic-item { min-width: 0; padding: 13px 14px; border: 1px solid var(--border); border-radius: 6px; background: rgba(17,24,39,.62); }
.detail-item span, .diagnostic-item span { display: block; color: var(--muted); font-size: 9px; }
.detail-item strong, .diagnostic-item strong { display: block; overflow: hidden; margin-top: 4px; color: var(--text); font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.feature-lab { margin-top: 28px; }
.maintenance-section { transition: border-color .18s ease, background-color .18s ease; }
.maintenance-section .section-heading { align-items: center; }
.maintenance-section.active { border-color: rgba(254,231,92,.42); background: linear-gradient(180deg, rgba(254,231,92,.025), transparent 58%); }
.maintenance-section.active .section-heading h2 { color: var(--yellow); }
.maintenance-section .maintenance-badge.on { border-color: rgba(254,231,92,.34); background: rgba(254,231,92,.09); color: var(--yellow); }
.maintenance-control { min-height: 82px; display: grid; grid-template-columns: 42px minmax(0,1fr) auto; align-items: center; gap: 14px; padding: 15px 16px; border: 1px solid var(--border); border-radius: 7px; background: rgba(17,24,39,.68); transition: border-color .18s ease, background-color .18s ease, box-shadow .18s ease; }
.maintenance-section.active .maintenance-control { border-color: rgba(254,231,92,.28); background: rgba(254,231,92,.055); box-shadow: inset 3px 0 var(--yellow); }
.maintenance-control-icon { width: 42px; height: 42px; display: grid; place-items: center; border: 1px solid var(--border); border-radius: 6px; background: var(--surface-2); color: var(--muted); font-size: 15px; transition: border-color .18s ease, background-color .18s ease, color .18s ease; }
.maintenance-section.active .maintenance-control-icon { border-color: rgba(254,231,92,.25); background: rgba(254,231,92,.1); color: var(--yellow); }
.maintenance-control-copy { min-width: 0; }
.maintenance-control-copy strong { display: block; font-size: 12px; }
.maintenance-control-copy p { margin: 4px 0 0; color: var(--muted); font-size: 9px; line-height: 1.55; }
.maintenance-control-actions { display: flex; align-items: center; gap: 13px; }
.maintenance-unsaved { display: inline-flex; align-items: center; gap: 6px; color: var(--yellow); font-size: 8px; font-weight: 600; white-space: nowrap; }
.maintenance-unsaved > i { font-size: 5px; }
.maintenance-section.active .maintenance-switch input:checked + span { background: #d7b916; }
.maintenance-message-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 18px; padding-top: 22px; }
.maintenance-message-heading h3 { margin: 0; font-size: 12px; }
.maintenance-message-heading p { margin: 4px 0 0; color: var(--muted); font-size: 9px; line-height: 1.5; }
.maintenance-message-heading > span { display: inline-flex; align-items: center; gap: 7px; flex: 0 0 auto; color: var(--muted); font-size: 8px; }
.maintenance-message-heading > span i { color: var(--dashboard-accent-text, var(--accent-hover)); }
.maintenance-message-grid { padding-top: 12px; }
.maintenance-language-label { display: flex !important; align-items: center; gap: 8px; }
.maintenance-language-label b { min-width: 27px; padding: 3px 5px; border: 1px solid var(--border); border-radius: 4px; background: var(--surface-2); color: var(--dashboard-accent-text, var(--accent-hover)); font-size: 8px; text-align: center; }
.maintenance-actions { align-items: center; justify-content: space-between; }
.maintenance-actions > p { display: flex; align-items: center; gap: 7px; margin: 0; color: var(--muted); font-size: 8px; }
.maintenance-actions > p i { color: var(--dashboard-accent-text, var(--accent-hover)); }
.test-grid { display: grid; grid-template-columns: minmax(0,1.3fr) minmax(260px,.7fr); align-items: stretch; gap: 16px; }
.test-grid > label { display: grid; gap: 8px; color: var(--text); font-size: 11px; font-weight: 600; }
.test-result { min-height: 118px; display: flex; align-items: center; gap: 13px; padding: 16px; border: 1px solid rgba(var(--accent-rgb),.24); border-radius: 7px; background: rgba(var(--accent-rgb),.06); }
.test-result > i { width: 38px; height: 38px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 6px; background: rgba(var(--accent-rgb),.1); color: var(--green); }
.test-result strong { font-size: 11px; }
.test-result p { margin: 4px 0 0; color: var(--muted); font-size: 9px; line-height: 1.5; }
.test-result.blocked { border-color: rgba(237,66,69,.3); background: rgba(237,66,69,.06); }
.test-result.blocked > i { background: rgba(237,66,69,.1); color: #ff8c90; }
.discord-preview, .broadcast-preview { display: flex; gap: 12px; padding: 18px; border: 1px solid var(--border); border-radius: 7px; background: #12141a; }
.ticket-builder-form { overflow: visible; }
.ticket-customizer { display: grid; grid-template-columns: minmax(0,1.12fr) minmax(320px,.88fr); align-items: start; gap: 22px; margin-top: 22px; padding-top: 2px; border-top: 1px solid rgba(191,207,228,.09); }
.ticket-customizer-fields { min-width: 0; }
.ticket-config-section { padding: 22px 0; border-bottom: 1px solid rgba(191,207,228,.09); }
.ticket-config-section:last-child { border-bottom: 0; }
.ticket-section-heading { display: flex; align-items: center; justify-content: space-between; padding-top: 20px; }
.ticket-config-section .ticket-section-heading { padding-top: 0; }
.ticket-section-heading > div { min-width: 0; display: grid; grid-template-columns: 34px minmax(0,1fr); align-items: center; gap: 10px; }
.ticket-section-heading i { width: 34px; height: 34px; display: grid; place-items: center; border: 1px solid rgba(var(--accent-rgb),.18); border-radius: 6px; background: rgba(var(--accent-rgb),.065); color: var(--dashboard-accent-text, var(--accent-hover)); font-size: 11px; }
.ticket-section-heading strong, .ticket-section-heading small { display: block; }
.ticket-section-heading strong { font-size: 11px; }
.ticket-section-heading small { margin-top: 3px; color: var(--muted); font-size: 8px; line-height: 1.45; }
.ticket-config-section .form-grid { gap: 14px; padding-top: 16px; }
.ticket-config-section .form-grid .span-two { grid-column: 1 / -1; }
.ticket-config-section textarea { min-height: 94px; }
.ticket-button-grid { display: grid; grid-template-columns: minmax(0,1.35fr) minmax(100px,.65fr) minmax(130px,.8fr); gap: 12px; margin-top: 14px; padding: 14px; border: 1px solid rgba(191,207,228,.08); border-radius: 6px; background: rgba(13,20,30,.72); }
.ticket-button-grid > label { min-width: 0; display: grid; grid-template-rows: auto 43px 14px; align-content: start; gap: 8px; }
.ticket-button-grid > label > :is(input, select) { align-self: start; }
.ticket-button-grid > label > span { color: var(--text); font-size: 10px; font-weight: 600; }
.ticket-mention-setting { margin-top: 14px; border-top: 1px solid rgba(191,207,228,.08); border-bottom: 0; }
.ticket-mention-setting > span:first-child { min-width: 0; display: block; }
.ticket-mention-setting > span:first-child strong,
.ticket-mention-setting > span:first-child small { display: block; }
.ticket-mention-setting > span:first-child strong { color: var(--text); font-size: 10px; line-height: 1.35; }
.ticket-mention-setting > span:first-child small { margin-top: 5px; color: var(--muted); font-size: 8px; line-height: 1.5; }
.ticket-mention-setting > .switch { flex: 0 0 auto; }
.ticket-preview-column { position: sticky; top: 18px; min-width: 0; display: grid; gap: 12px; padding: 18px; border: 1px solid rgba(var(--accent-rgb),.16); border-radius: 7px; background: #09121d; }
.ticket-preview-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; padding-bottom: 12px; border-bottom: 1px solid rgba(191,207,228,.09); }
.ticket-preview-heading > span { display: inline-flex; align-items: center; gap: 7px; color: var(--dashboard-accent-text, var(--accent-hover)); }
.ticket-preview-heading strong { color: var(--text); font-size: 10px; }
.ticket-preview-heading small { max-width: 180px; color: var(--muted); font-size: 8px; line-height: 1.4; text-align: right; }
.ticket-preview-surface { overflow: hidden; border: 1px solid rgba(191,207,228,.09); border-radius: 6px; background: #0d0f13; }
.ticket-preview-label { display: flex; align-items: center; gap: 7px; padding: 8px 10px; border-bottom: 1px solid rgba(255,255,255,.06); background: #17191f; color: #9ba1ad; font-size: 8px; font-weight: 700; text-transform: uppercase; }
.ticket-discord-preview { padding: 12px; border: 0; border-radius: 0; }
.ticket-discord-preview .discord-preview-content > .discord-embed { display: block; }
.ticket-preview-mention { margin: 5px 0 0; color: #c7cad1; font-size: 9px; }
.ticket-preview-image { width: 100%; max-height: 150px; display: block; object-fit: cover; margin: 9px 0; border-radius: 4px; }
.discord-component-row { display: flex !important; align-items: center; gap: 6px; margin-top: 6px; }
.discord-component-button { min-height: 30px; display: inline-flex; align-items: center; gap: 6px; padding: 0 12px; border: 0; border-radius: 3px; color: #fff; font-size: 9px; font-weight: 600; pointer-events: none; }
.discord-component-button.style-primary { background: #5865f2; }
.discord-component-button.style-secondary { background: #4e5058; }
.discord-component-button.style-success { background: #248046; }
.discord-component-button.style-danger { background: #da373c; }
.broadcast-preview { margin-top: 16px; }
.owner-broadcast-summary { min-height: 78px; display: grid; grid-template-columns: 42px minmax(0,1fr) auto; align-items: center; gap: 14px; padding: 14px 16px; border: 1px solid rgba(var(--accent-rgb),.18); border-radius: 7px; background: rgba(var(--accent-rgb),.045); }
.owner-broadcast-summary > i { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 6px; background: rgba(var(--accent-rgb),.09); color: var(--dashboard-accent-text, var(--accent-hover)); font-size: 15px; }
.owner-broadcast-summary > div { min-width: 0; }
.owner-broadcast-summary > div strong { display: block; font-size: 11px; }
.owner-broadcast-summary > div p { margin: 4px 0 0; color: var(--muted); font-size: 9px; line-height: 1.5; }
.owner-broadcast-summary > span { min-width: 98px; text-align: right; }
.owner-broadcast-summary > span strong, .owner-broadcast-summary > span small { display: block; }
.owner-broadcast-summary > span strong { color: var(--dashboard-accent-text, var(--accent-hover)); font-size: 18px; }
.owner-broadcast-summary > span small { margin-top: 2px; color: var(--muted); font-size: 8px; }
.owner-broadcast-warning { border-color: rgba(254,231,92,.2); background: rgba(254,231,92,.055); }
.owner-broadcast-warning i { color: var(--yellow); }
.owner-broadcast-progress { margin-top: 18px; padding: 14px 16px; border: 1px solid rgba(var(--accent-rgb),.2); border-radius: 7px; background: rgba(17,24,39,.68); }
.owner-broadcast-progress.completed { border-color: rgba(var(--accent-rgb),.24); }
.owner-broadcast-progress.failed { border-color: rgba(237,66,69,.3); }
.owner-broadcast-progress-heading { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 10px; }
.owner-broadcast-progress-heading strong, .owner-broadcast-progress-heading small { display: block; }
.owner-broadcast-progress-heading strong { font-size: 10px; }
.owner-broadcast-progress-heading small { margin-top: 2px; color: var(--muted); font-size: 8px; }
.owner-broadcast-progress-heading > span { color: var(--dashboard-accent-text, var(--accent-hover)); font-size: 11px; font-weight: 700; }
.owner-broadcast-progress.completed .progress-track span { background: var(--green); }
.owner-broadcast-progress.failed .progress-track span { background: var(--red); }
.owner-broadcast-result { display: flex; flex-wrap: wrap; gap: 18px; margin-top: 11px; }
.owner-broadcast-result > span { display: inline-grid; grid-template-columns: 14px auto auto; align-items: center; gap: 6px; color: var(--muted); font-size: 8px; }
.owner-broadcast-result > span strong { color: var(--text); font-size: 10px; }
.owner-broadcast-result .good i { color: var(--green); }
.owner-broadcast-result .bad i { color: #ff8c90; }
.owner-delivery-list { max-height: 260px; display: grid; gap: 2px; overflow-y: auto; margin-top: 12px; padding-top: 9px; border-top: 1px solid var(--border); }
.owner-delivery-row { min-height: 42px; display: grid; grid-template-columns: 18px minmax(0,1fr) auto; align-items: center; gap: 9px; padding: 6px 8px; border-radius: 5px; color: var(--muted); }
.owner-delivery-row:hover { background: rgba(255,255,255,.035); }
.owner-delivery-row > i { color: var(--green); font-size: 10px; text-align: center; }
.owner-delivery-row.failed > i { color: #ff8c90; }
.owner-delivery-row span { min-width: 0; }
.owner-delivery-row strong, .owner-delivery-row small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.owner-delivery-row strong { color: var(--text); font-size: 9px; }
.owner-delivery-row small { margin-top: 2px; color: var(--muted); font-size: 8px; }
.owner-delivery-row em { color: var(--green); font-size: 8px; font-style: normal; }
.owner-delivery-row.failed em { color: #ff8c90; }
.owner-broadcast-preview { margin-top: 18px; }
.discord-preview-avatar { width: 38px; height: 38px; display: grid; place-items: center; flex: 0 0 auto; overflow: hidden; border-radius: 50%; background: linear-gradient(135deg, var(--primary), var(--cyan)); color: #fff; font-size: 12px; font-weight: 700; }
.discord-preview-avatar img { width: 100%; height: 100%; object-fit: cover; }
.discord-preview-content { min-width: 0; flex: 1; font-size: 10px; }
.discord-preview-content > div { display: flex; align-items: center; gap: 6px; }
.discord-preview-content > div strong { font-size: 11px; }
.discord-preview-content time { color: #8b8f9a; font-size: 8px; }
.bot-tag { padding: 1px 4px; border-radius: 3px; background: var(--primary); color: white; font-size: 7px; font-weight: 700; }
.discord-message-content { max-width: 560px; margin: 4px 0 0; color: #d5d8de; font-size: 10px; line-height: 1.45; overflow-wrap: anywhere; white-space: pre-wrap; }
.discord-embed { position: relative; max-width: 560px; min-height: 58px; margin-top: 6px; padding: 12px 14px; overflow: hidden; border-radius: 4px; background: #1d1f25; }
.discord-embed::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 4px; background: var(--embed-color, var(--primary)); }
.discord-embed strong, .discord-embed p, .discord-embed small, .discord-embed-title { display: block; overflow-wrap: anywhere; }
.discord-embed strong, .discord-embed-title { font-size: 11px; }
.discord-embed-title { width: fit-content; color: #f2f3f5; font-weight: 700; text-decoration: none; }
.discord-embed-title[href] { color: var(--accent-hover); cursor: pointer; }
.discord-embed-title[href]:hover { text-decoration: underline; }
.discord-embed p { margin: 7px 0 12px; color: #d5d8de; font-size: 10px; white-space: pre-wrap; }
.discord-embed small { color: #999da8; font-size: 8px; }
.discord-markdown { margin: 7px 0 12px; color: #d5d8de; font-size: 10px; line-height: 1.55; overflow-wrap: anywhere; }
.discord-embed .discord-markdown strong { display: inline; color: #f2f3f5; font-size: inherit; font-weight: 700; }
.discord-markdown em { font-style: italic; }
.discord-markdown u { text-underline-offset: 2px; }
.discord-markdown s { color: #aeb2bb; }
.discord-markdown a { color: var(--accent-hover); text-decoration: none; }
.discord-markdown a:hover { text-decoration: underline; }
.discord-inline-code { padding: 1px 4px; border-radius: 3px; background: #111214; color: #dbdee1; font-family: Consolas, "Courier New", monospace; font-size: .94em; }
.discord-code-block { position: relative; max-width: 100%; margin: 6px 0; padding: 9px 10px; overflow-x: auto; border: 1px solid #111214; border-radius: 4px; background: #0f1012; color: #dbdee1; font-family: Consolas, "Courier New", monospace; font-size: 9px; line-height: 1.45; white-space: pre; }
.discord-code-block > span { display: block; margin-bottom: 5px; color: #80848e; font-size: 7px; font-family: var(--font); text-transform: uppercase; }
.discord-code-block code { font: inherit; }
.discord-spoiler { padding: 0 3px; border-radius: 2px; background: #111214; color: transparent; cursor: pointer; user-select: none; transition: color .15s ease, background-color .15s ease; }
.discord-spoiler:hover, .discord-spoiler:focus-visible, .discord-spoiler.revealed { background: #2b2d31; color: #dbdee1; outline: none; }
.discord-quote { display: inline-block; width: 100%; min-height: 1.45em; padding-left: 8px; border-left: 3px solid #4e5058; color: #c9ccd2; }
.discord-heading { display: block !important; margin: 2px 0; line-height: 1.3; }
.discord-heading.level-1 { font-size: 1.35em !important; }
.discord-heading.level-2 { font-size: 1.2em !important; }
.discord-heading.level-3 { font-size: 1.08em !important; }
.discord-subtext { color: #949ba4; font-size: .82em; }
.discord-list-item { display: inline-block; position: relative; padding-left: 13px; }
.discord-list-item::before { content: "•"; position: absolute; left: 2px; color: #b5bac1; }
.discord-embed-author { display: flex; align-items: center; gap: 6px; margin-bottom: 6px; color: #f1f3f5; font-size: 9px; font-weight: 700; overflow-wrap: anywhere; }
.discord-embed-icon { width: 16px; height: 16px; flex: 0 0 auto; border-radius: 50%; object-fit: cover; }
.discord-embed-thumbnail { width: 62px; height: 62px; float: right; margin: 0 0 8px 14px; border-radius: 4px; object-fit: cover; }
.discord-embed-image { width: min(100%,520px); max-height: 250px; display: block; clear: both; margin-top: 10px; border-radius: 4px; object-fit: cover; }
.member-card-preview { position: relative; width: min(100%,520px); aspect-ratio: 8 / 3; clear: both; margin-top: 10px; overflow: hidden; border-radius: 4px; background: #070c14; }
.member-card-preview-background, .member-card-preview-shade { position: absolute; inset: 0; width: 100%; height: 100%; }
.member-card-preview-background { object-fit: cover; }
.member-card-preview-shade { background: linear-gradient(90deg,rgba(2,7,15,.84),rgba(2,7,15,.56) 62%,rgba(2,7,15,.25)); }
.member-card-preview-content { position: absolute !important; z-index: 3; inset: 0; display: grid !important; grid-template-columns: 25% minmax(0,1fr); align-items: center; gap: 5%; padding: 7% 8%; }
.member-card-preview-avatar { width: 100%; aspect-ratio: 1; border: 3px solid var(--member-card-accent,var(--accent)); border-radius: 50%; object-fit: cover; box-shadow: 0 0 18px color-mix(in srgb,var(--member-card-accent,var(--accent)) 30%,transparent); }
.member-card-preview-content > span { min-width: 0; display: flex; flex-direction: column; align-items: flex-start; }
.member-card-preview-content small { color: var(--member-card-accent,var(--accent-hover)); font-size: 10px; font-weight: 800; }
.member-card-preview-content strong { max-width: 100%; margin-top: 3px; overflow: hidden; color: #fff; font-size: 22px; line-height: 1.05; text-overflow: ellipsis; white-space: nowrap; }
.member-card-preview-content em { max-width: 100%; margin-top: 5px; overflow: hidden; color: rgba(225,238,250,.9); font-size: 11px; font-style: normal; text-overflow: ellipsis; white-space: nowrap; }
.member-card-preview.align-center .member-card-preview-shade { background: linear-gradient(90deg,rgba(2,7,15,.52),rgba(2,7,15,.72) 50%,rgba(2,7,15,.52)); }
.member-card-preview.align-center .member-card-preview-content { grid-template-columns: 1fr; grid-template-rows: minmax(0,1fr) auto; justify-items: center; gap: 3%; padding: 4% 8% 6%; }
.member-card-preview.align-center .member-card-preview-avatar { width: 21%; align-self: center; }
.member-card-preview.align-center .member-card-preview-content > span { align-items: center; text-align: center; transform: translateY(4px); }
.member-card-preview.align-center .member-card-preview-content strong { font-size: 18px; }
.member-card-preview.align-right .member-card-preview-shade { background: linear-gradient(270deg,rgba(2,7,15,.84),rgba(2,7,15,.56) 62%,rgba(2,7,15,.25)); }
.member-card-preview.align-right .member-card-preview-content { grid-template-columns: minmax(0,1fr) 25%; }
.member-card-preview.align-right .member-card-preview-avatar { grid-column: 2; grid-row: 1; }
.member-card-preview.align-right .member-card-preview-content > span { grid-column: 1; grid-row: 1; align-items: flex-end; text-align: right; }
.member-card-preview.is-standalone { margin-top: 8px; }
.discord-embed-meta { display: flex !important; clear: both; align-items: center; flex-wrap: wrap; gap: 4px; margin-top: 10px; }
.discord-embed-meta.hidden { display: none !important; }
.discord-embed-meta small, .discord-embed-meta time { display: inline-flex; align-items: center; gap: 5px; }
.discord-embed-meta time::before { content: "•"; margin-right: 4px; }
.discord-embed-meta small.hidden + time::before { content: ""; margin-right: 0; }
.filter-input { height: 40px; display: grid; grid-template-columns: 16px minmax(0,1fr); align-items: center; gap: 7px; min-width: 230px; padding: 0 10px; border: 1px solid rgba(255,255,255,.1); border-radius: 6px; background: #151d2c; color: #7f8ba0; transition: border-color .15s ease, background-color .15s ease; }
.filter-input:focus-within { border-color: rgba(var(--accent-rgb),.72); background: #192335; }
.filter-input input, .filter-input input[type="search"] { height: 38px; padding: 0; border: 0; border-radius: 0; outline: 0; background: transparent; box-shadow: none; }
.filter-input input:focus, .filter-input input[type="search"]:focus, .filter-input input:focus-visible { border: 0; outline: 0; background: transparent; box-shadow: none; }
.heading-tools .filter-input { width: min(360px,70vw); min-width: 300px; }
.character-count { justify-self: end; color: var(--muted); font-size: 9px; }
.diagnostic-item strong.good { color: var(--green); }
.diagnostic-item strong.warn { color: var(--yellow); }
.nav-item:focus-visible, .button:focus-visible, .icon-button:focus-visible, .language-button:focus-visible { outline: 2px solid rgba(var(--accent-rgb),.6); outline-offset: 2px; }
input:focus-visible, select:focus-visible, textarea:focus-visible { outline: 0; }

.toast { position: fixed; right: 22px; bottom: 22px; z-index: 80; max-width: min(390px, calc(100vw - 44px)); padding: 12px 15px; border: 1px solid var(--border-strong); border-radius: 6px; background: #25272b; color: var(--text); box-shadow: 0 12px 38px rgba(0,0,0,.38); font-size: 11px; opacity: 0; pointer-events: none; transform: translateY(8px); transition: .18s; }
.toast.visible { opacity: 1; transform: translateY(0); }
.toast.error { border-color: rgba(237,66,69,.55); color: #ffb0b2; }
.mobile-only { display: none; }

@media (max-width: 980px) {
  .stats-grid, .module-status-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .analytics-summary-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .server-detail-grid, .diagnostics-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .dashboard { grid-template-columns: 228px minmax(0,1fr); }
  :root { --sidebar-width: 228px; }
  .view-stack, .empty-state { padding-left: 24px; padding-right: 24px; }
}

@media (max-width: 760px) {
  .dashboard { display: block; }
  .sidebar { position: fixed; left: 0; transform: translateX(-102%); width: min(292px, 86vw); transition: transform .2s ease; box-shadow: 18px 0 60px rgba(0,0,0,.5); }
  .sidebar.open { transform: translateX(0); }
  .sidebar-overlay { position: fixed; inset: 0; z-index: 15; display: block; background: rgba(0,0,0,.55); }
  .mobile-only { display: grid; }
  .topbar { padding: 0 15px; }
  .topbar-title > span, .topbar-title > i { display: none; }
  .workspace { height: 100vh; }
  .view-stack, .empty-state { padding: 24px 16px 58px; }
  .view-heading h1 { font-size: 21px; }
  .no-server-option { grid-template-columns: 38px minmax(0,1fr) 30px; padding-inline: 11px; }
  .no-server-option-action { min-width: 0; }
  .no-server-option-action span { display: none; }
  .analytics-heading { align-items: stretch; flex-direction: column; }
  .analytics-toolbar { justify-content: space-between; }
  .analytics-summary-grid { grid-template-columns: 1fr; }
  .analytics-section-heading { align-items: stretch; flex-direction: column; }
  .analytics-metric-control { width: 100%; }
  .analytics-metric-control button { min-width: 0; flex: 1; padding: 0 5px; }
  .analytics-ranking-grid, .analytics-command-ranking { grid-template-columns: 1fr; gap: 0; }
  .analytics-command-ranking { gap: 8px; }
  .stats-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
  .stat-card { min-height: 82px; grid-template-columns: 34px 1fr; gap: 10px; padding: 12px; }
  .stat-card > i { width: 34px; height: 34px; }
  .stat-card strong { font-size: 17px; }
  .module-status-grid, .permission-list, .form-grid { grid-template-columns: 1fr; }
  .message-customization-section { padding: 15px 13px; }
  .message-builder-heading { align-items: flex-start; }
  .message-presets { align-items: stretch; flex-direction: column; }
  .message-presets .segmented-control { width: 100%; }
  .message-presets .segmented-control button { min-width: 0; flex: 1; padding-inline: 6px; }
  .member-card-heading { align-items: stretch; flex-direction: column; gap: 10px; }
  .member-card-heading .switch-with-label { justify-content: space-between; }
  .member-card-position { align-items: stretch; flex-direction: column; }
  .member-card-position .segmented-control { width: 100%; }
  .member-card-position .segmented-control button { min-width: 0; flex: 1; padding-inline: 5px; }
  .member-background-trigger { grid-template-columns: 86px minmax(0,1fr) 24px; gap: 9px; }
  .member-background-trigger img { width: 86px; }
  .member-background-option { grid-template-columns: 76px minmax(0,1fr) 20px; gap: 8px; }
  .member-background-option img { width: 76px; }
  .member-card-preview-content small { font-size: 7px; }
  .member-card-preview-content strong { font-size: 14px; }
  .member-card-preview-content em { font-size: 8px; }
  .message-option-group .form-grid .span-two { grid-column: auto; }
  .setup-summary { grid-template-columns: 1fr; }
  .setup-summary > .button { width: 100%; }
  .setup-summary-main { grid-template-columns: 64px minmax(0,1fr); }
  .setup-score { width: 60px; height: 60px; }
  .test-grid { grid-template-columns: 1fr; }
  .counter-preview { grid-template-columns: 1fr; }
  .section-heading { align-items: stretch; flex-direction: column; }
  .inline-search { width: 100% !important; }
  .audit-actions, .heading-tools { width: 100%; flex-wrap: wrap; }
  .command-toolbar { width: 100%; justify-content: stretch; }
  .command-toolbar .filter-input { flex: 1 1 100%; min-width: 0; }
  .command-toolbar select { flex: 1 1 130px; width: auto; }
  .command-toolbar .button { flex: 1 1 160px; }
  .command-preset-grid { grid-template-columns: 1fr; }
  .command-availability-row { grid-template-columns: 34px minmax(0,1fr) 42px; gap: 10px; }
  .command-availability-icon { width: 32px; height: 32px; }
  .command-availability-status { grid-column: 2 / 3; justify-self: start; }
  .command-availability-row > .switch { grid-column: 3; grid-row: 1 / span 2; }
  .command-availability-main small { white-space: normal; }
  .filter-input { min-width: 0; flex: 1 1 220px; }
  .audit-actions select { min-width: 0; width: 100%; }
  .developer-guild-row { grid-template-columns: 36px minmax(0,1fr) 80px 36px; }
  .developer-guild-row .developer-guild-metric:nth-of-type(2) { display: none; }
  .inspector-metrics { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .inspector-metrics > div:nth-child(3) { border-right: 0; }
  .inspector-metrics > div:nth-child(-n+3) { border-bottom: 1px solid var(--border); }
  .inspector-header { grid-template-columns: 42px minmax(0,1fr); }
  .inspector-header .button { grid-column: 1 / -1; }
  .permission-item:nth-child(odd) { border-right: 0; }
  .setting-row { align-items: flex-start; }
  .setting-row select { max-width: 48%; }
  .maintenance-control { grid-template-columns: 42px minmax(0,1fr); }
  .maintenance-control-actions { grid-column: 1 / -1; justify-content: space-between; padding-top: 4px; }
  .maintenance-message-heading { align-items: flex-start; flex-direction: column; gap: 8px; }
  .maintenance-actions { align-items: stretch; flex-direction: column; }
  .maintenance-actions > p { line-height: 1.5; }
  .owner-broadcast-summary { grid-template-columns: 42px minmax(0,1fr); }
  .owner-broadcast-summary > span { grid-column: 1 / -1; display: flex; align-items: baseline; justify-content: space-between; padding-top: 5px; text-align: left; }
  .form-actions { flex-wrap: wrap; }
  .form-actions .button { flex: 1; }
  .login-panel { padding: 28px 20px; }
}

@media (max-width: 420px) {
  .stats-grid { grid-template-columns: 1fr; }
  .server-detail-grid, .diagnostics-grid { grid-template-columns: 1fr; }
  .setup-summary { text-align: left; }
  .setup-summary-main { grid-template-columns: 1fr; }
  .setup-score { margin: 0 auto; }
  .setup-copy { text-align: center; }
  .setup-heading-row { justify-content: center; }
  .section-actions { width: 100%; }
  .section-actions .button { flex: 1; }
  .discord-preview, .broadcast-preview { padding: 13px; }
  .maintenance-control { grid-template-columns: 36px minmax(0,1fr); padding: 13px; }
  .maintenance-control-icon { width: 36px; height: 36px; }
  .maintenance-unsaved { white-space: normal; }
  .developer-subnav { margin-left: 14px; }
  .owner-broadcast-summary { grid-template-columns: 36px minmax(0,1fr); padding: 13px; }
  .owner-broadcast-summary > i { width: 36px; height: 36px; }
  .stat-card { min-height: 72px; }
  .view-heading { min-height: 52px; }
}

/* Security, moderation cases and global analytics */
.security-status-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; margin-bottom: 18px; }
.security-status { min-height: 82px; display: grid; grid-template-columns: 38px minmax(0,1fr); align-items: center; gap: 12px; padding: 13px; border: 1px solid var(--border); border-radius: 7px; background: rgba(17,24,39,.7); transition: border-color .18s ease, background-color .18s ease, transform .18s ease; }
.security-status:hover { border-color: rgba(118,136,167,.46); transform: translateY(-1px); }
.security-status > i { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 7px; background: rgba(148,163,184,.09); color: #aeb9cb; }
.security-status.active > i { background: rgba(var(--accent-rgb),.1); color: var(--green); }
.security-status.danger > i { background: rgba(237,66,69,.12); color: #ff8a8d; }
.security-status span, .security-status strong { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.security-status span { color: var(--muted); font-size: 9px; }
.security-status strong { margin-top: 4px; font-size: 12px; }
.form-block { padding: 20px 18px; border-bottom: 1px solid var(--border); }
.form-block:first-child { padding-top: 6px; }
.form-block .section-heading { margin-bottom: 15px; }
.form-block .section-heading h2 { font-size: 12px; }
.form-block .section-heading p { margin-top: 4px; }
.form-grid-three { grid-template-columns: repeat(3,minmax(0,1fr)); }
.emergency-block { width: 100%; box-sizing: border-box; display: grid; grid-template-columns: minmax(0,1fr) minmax(180px,220px); align-items: center; gap: 20px; overflow: hidden; border: 1px solid rgba(191,207,228,.1); border-radius: 7px; background: rgba(15,24,36,.72); }
.emergency-block .setting-row { border: 0; padding: 0; }
.emergency-block .setting-row > div { min-width: 0; }
.emergency-block .setting-row p { overflow-wrap: anywhere; }
.lockdown-duration { min-width: 0; display: grid; align-content: center; gap: 7px; }
.incident-list { display: grid; border: 1px solid var(--border); border-radius: 7px; overflow: hidden; }
.incident-row { min-height: 62px; display: grid; grid-template-columns: 36px minmax(0,1fr) 90px 130px; align-items: center; gap: 11px; padding: 9px 12px; border: 0; border-bottom: 1px solid var(--border); background: rgba(17,24,39,.66); color: var(--text); text-align: left; cursor: pointer; transition: background-color .16s ease, padding-left .16s ease; }
.incident-row:last-child { border-bottom: 0; }
.incident-row:hover { padding-left: 15px; background: rgba(29,39,58,.86); }
.incident-icon { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 6px; background: rgba(254,231,92,.08); color: var(--yellow); }
.incident-icon.danger { background: rgba(237,66,69,.1); color: #ff8a8d; }
.incident-row > span:nth-child(2) { min-width: 0; }
.incident-row strong, .incident-row small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.incident-row strong { font-size: 10px; }.incident-row small { margin-top: 3px; color: var(--muted); font-size: 8px; }
.incident-row > b { color: #c8d1e2; font-size: 9px; font-weight: 600; text-transform: capitalize; }
.incident-row time { color: var(--muted); font-size: 8px; text-align: right; }
.case-summary { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px; margin-bottom: 14px; }
.case-summary-item { min-height: 72px; display: grid; grid-template-columns: 34px minmax(0,1fr) auto; align-items: center; gap: 10px; padding: 12px; border: 1px solid var(--border); border-radius: 7px; background: rgba(17,24,39,.7); }
.case-summary-item > i { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 6px; background: rgba(88,101,242,.12); color: #aeb5ff; }
.case-summary-item.ban > i { background: rgba(237,66,69,.1); color: #ff8a8d; }.case-summary-item.timeout > i { background: rgba(254,231,92,.08); color: var(--yellow); }.case-summary-item.kick > i { background: rgba(249,115,22,.1); color: #fb923c; }.case-summary-item.warning > i { background: rgba(88,101,242,.12); color: #aeb5ff; }
.case-summary-item span { overflow: hidden; color: var(--muted); font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }.case-summary-item strong { font-size: 16px; }
.case-view-tabs { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 6px; margin-bottom: 18px; padding: 5px; border: 1px solid var(--border); border-radius: 7px; background: rgba(8,13,24,.72); }
.case-view-tabs button { min-width: 0; min-height: 42px; display: grid; grid-template-columns: 18px minmax(0,1fr) auto; align-items: center; gap: 7px; padding: 7px 9px; border: 1px solid transparent; border-radius: 5px; background: transparent; color: var(--muted); font: inherit; font-size: 8px; font-weight: 700; text-align: left; cursor: pointer; transition: border-color .16s ease, background-color .16s ease, color .16s ease, transform .16s ease; }
.case-view-tabs button:hover { border-color: rgba(118,136,167,.28); color: var(--text); transform: translateY(-1px); }.case-view-tabs button.active { border-color: rgba(var(--accent-rgb),.24); background: rgba(var(--accent-rgb),.08); color: var(--text-primary); box-shadow: inset 2px 0 var(--cyan); }
.case-view-tabs button > i { color: #7f8ca3; font-size: 10px; text-align: center; }.case-view-tabs button.active > i { color: var(--dashboard-accent-text, var(--accent-hover)); }.case-view-tabs button b { min-width: 22px; padding: 3px 5px; border-radius: 999px; background: rgba(148,163,184,.08); color: #aab5c8; font-size: 7px; text-align: center; }
.case-toolbar { align-items: flex-end; }
.case-list { display: grid; border: 1px solid var(--border); border-radius: 7px; overflow: hidden; }
.case-list.registry-mode { background: rgba(8,13,24,.52); }
.registry-notice { display: flex; align-items: flex-start; gap: 8px; padding: 10px 12px; border-bottom: 1px solid rgba(254,231,92,.14); background: rgba(254,231,92,.04); color: #d8cf91; font-size: 8px; line-height: 1.5; }.registry-notice i { margin-top: 2px; color: var(--yellow); }
.registry-row { min-height: 78px; display: grid; grid-template-columns: minmax(210px,1.15fr) minmax(180px,1.4fr) minmax(150px,1fr) minmax(140px,.9fr); align-items: center; gap: 14px; padding: 11px 13px; border-bottom: 1px solid var(--border); background: rgba(17,24,39,.66); transition: background-color .16s ease, box-shadow .16s ease; }.registry-row:last-child { border-bottom: 0; }.registry-row:hover { background: rgba(29,39,58,.84); box-shadow: inset 3px 0 rgba(var(--accent-rgb),.56); }
.registry-user { min-width: 0; display: grid; grid-template-columns: 38px minmax(0,1fr); align-items: center; gap: 10px; }.registry-user img, .registry-avatar { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 50%; object-fit: cover; background: rgba(88,101,242,.12); color: #aeb5ff; }
.registry-user strong, .registry-user small, .registry-detail span, .registry-detail strong { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.registry-user strong { font-size: 10px; }.registry-user small { margin-top: 4px; color: var(--muted); font-size: 7px; }
.registry-detail { min-width: 0; }.registry-detail span { color: var(--muted); font-size: 7px; }.registry-detail strong { margin-top: 5px; color: #d7deeb; font-size: 8px; font-weight: 600; }.registry-status strong { color: var(--dashboard-accent-text, var(--accent-hover)); }
.registry-bans .registry-status strong { color: #ff999c; }.registry-timeouts .registry-status strong { color: var(--yellow); }.registry-warnings .registry-status strong { color: #aeb5ff; }
.registry-empty { min-height: 150px; }
.case-row { min-height: 62px; display: grid; grid-template-columns: 48px 118px minmax(180px,1fr) 130px 120px 14px; align-items: center; gap: 10px; padding: 9px 12px; border: 0; border-bottom: 1px solid var(--border); background: rgba(17,24,39,.66); color: var(--text); text-align: left; cursor: pointer; transition: background-color .16s ease, box-shadow .16s ease; }
.case-row:last-child { border-bottom: 0; }.case-row:hover, .case-row.selected { background: rgba(29,39,58,.88); box-shadow: inset 3px 0 var(--cyan); }
.case-action { display: flex; align-items: center; gap: 7px; font-size: 9px; }.case-action i { color: #9da9ff; }
.case-person { min-width: 0; }.case-person strong, .case-person small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.case-person strong { font-size: 10px; }.case-person small { margin-top: 3px; color: var(--muted); font-size: 8px; }
.case-moderator, .case-row time { overflow: hidden; color: var(--muted); font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
.case-row > i:last-child { color: #68758b; font-size: 9px; transition: transform .16s ease; }.case-row:hover > i:last-child { transform: translateX(2px); }
.case-drawer { margin-top: 16px; padding: 18px; border: 1px solid rgba(var(--accent-rgb),.2); border-radius: 7px; background: rgba(10,15,27,.96); animation: panel-reveal .2s ease both; }
.case-drawer-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px; }.case-drawer-header span { color: var(--dashboard-accent-text, var(--accent-hover)); font-size: 9px; font-weight: 700; }.case-drawer-header h2 { margin: 3px 0 0; font-size: 16px; }
.case-detail-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1px; overflow: hidden; margin: 0; border: 1px solid var(--border); border-radius: 6px; background: var(--border); }.case-detail-grid > div { min-width: 0; padding: 11px; background: var(--surface); }.case-detail-grid dt { color: var(--muted); font-size: 8px; }.case-detail-grid dd { overflow-wrap: anywhere; margin: 5px 0 0; font-size: 10px; }
.case-notes { margin: 16px 0; }.case-notes > strong { font-size: 10px; }.case-notes article { margin-top: 8px; padding: 10px 12px; border-left: 2px solid rgba(var(--accent-rgb),.45); background: rgba(17,24,39,.7); }.case-notes p { margin: 0; font-size: 9px; }.case-notes small { display: block; margin-top: 5px; color: var(--muted); font-size: 8px; }.case-notes .muted { color: var(--muted); }
.developer-analytics-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 18px; margin-bottom: 18px; }.developer-analytics-heading h2 { margin: 3px 0 0; font-size: 18px; }.developer-analytics-heading p:last-child { margin: 5px 0 0; color: var(--muted); font-size: 9px; }

/* Deliberate micro-interactions across the dashboard */
.button, .icon-button, .language-button, .nav-item, .developer-subnav-item, .command-preset { will-change: transform; }
.button:hover:not(:disabled), .icon-button:hover:not(:disabled), .language-button:hover:not(:disabled) { transform: translateY(-1px); }
.button:active:not(:disabled), .icon-button:active:not(:disabled), .language-button:active:not(:disabled) { transform: translateY(0) scale(.98); }
.button i, .icon-button i, .nav-item > i:first-child { transition: transform .18s ease, color .18s ease; }
.button:hover:not(:disabled) i { transform: translateX(1px); }
.analytics-stat, .stat-card, .command-preset { transition: border-color .18s ease, background-color .18s ease, transform .18s ease; }
.analytics-stat:hover, .stat-card:hover, .command-preset:hover { border-color: rgba(118,136,167,.48); transform: translateY(-1px); }
@keyframes panel-reveal { from { opacity: 0; transform: translateY(5px); } to { opacity: 1; transform: translateY(0); } }
@keyframes bar-rise { from { transform: scaleY(0); } to { transform: scaleY(1); } }
@keyframes list-row-reveal { from { opacity: 0; transform: translateX(-4px); } to { opacity: 1; transform: translateX(0); } }
.view.active, .developer-tab-panel.active { animation: panel-reveal .2s ease both; }
.analytics-bar { transform-origin: bottom; animation: bar-rise .35s ease both; }
.case-row, .incident-row { animation: list-row-reveal .2s ease both; }
.case-row:nth-child(2), .incident-row:nth-child(2) { animation-delay: .025s; }
.case-row:nth-child(3), .incident-row:nth-child(3) { animation-delay: .05s; }
.case-row:nth-child(4), .incident-row:nth-child(4) { animation-delay: .075s; }
.case-row:nth-child(n+5), .incident-row:nth-child(n+5) { animation-delay: .1s; }
.module-status span i { transition: color .18s ease, transform .18s ease; }
.module-status:hover span i { color: var(--dashboard-accent-text, var(--accent-hover)); }
.switch input:checked + span { box-shadow: 0 0 0 1px rgba(88,101,242,.14), 0 0 14px rgba(88,101,242,.12); }

/* Member center */
.members-heading { align-items: flex-end; }
.members-heading p:last-child { max-width: 680px; margin: 6px 0 0; color: var(--muted); font-size: 9px; line-height: 1.55; }
.member-toolbar { display: flex; align-items: center; gap: 9px; margin: 18px 0 12px; }
.member-search { width: min(380px, 100%); }
.member-filter { margin-left: auto; }
.member-filter button { min-width: 76px; }
.member-toolbar > .state-badge { flex: 0 0 auto; }
.member-center-layout { min-height: 620px; display: grid; grid-template-columns: minmax(300px, 360px) minmax(0,1fr); overflow: hidden; border: 1px solid var(--border); border-radius: 8px; background: rgba(10,15,27,.72); }
.member-directory { min-width: 0; display: flex; flex-direction: column; border-right: 1px solid var(--border); background: rgba(8,12,22,.58); }
.member-list { max-height: 680px; overflow-y: auto; transition: opacity .16s ease; }
.member-list.loading { opacity: .48; pointer-events: none; }
.member-row { width: 100%; min-height: 70px; display: grid; grid-template-columns: 40px minmax(0,1fr) 48px 10px; align-items: center; gap: 10px; padding: 10px 12px; border: 0; border-bottom: 1px solid var(--border); background: transparent; color: var(--text); text-align: left; cursor: pointer; transition: background-color .16s ease, box-shadow .16s ease, padding-left .16s ease; }
.member-row:hover, .member-row.selected { padding-left: 15px; background: rgba(29,39,58,.82); box-shadow: inset 3px 0 var(--cyan); }
.member-row > img { width: 40px; height: 40px; border-radius: 50%; object-fit: cover; background: var(--surface-2); }
.member-row-main { min-width: 0; }
.member-row-main > strong, .member-row-main > small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.member-row-main > strong { font-size: 10px; }
.member-row-main > small { margin-top: 3px; color: var(--muted); font-size: 7px; }
.member-row-main > span { min-height: 14px; display: flex; flex-wrap: wrap; gap: 4px; margin-top: 5px; }
.member-mini-badge { display: inline-flex; align-items: center; gap: 3px; padding: 2px 5px; border-radius: 3px; background: rgba(148,163,184,.08); color: #aeb9cb; font-size: 6px; font-weight: 700; text-transform: uppercase; }
.member-mini-badge.owner { background: rgba(254,231,92,.08); color: var(--yellow); }
.member-mini-badge.bot { background: rgba(88,101,242,.12); color: #b8beff; }
.member-mini-badge.timeout { background: rgba(237,66,69,.1); color: #ff9a9c; }
.member-row-meta { text-align: right; }
.member-row-meta b, .member-row-meta small { display: block; }
.member-row-meta b { color: #d9deea; font-size: 11px; }.member-row-meta small { margin-top: 2px; color: var(--muted); font-size: 6px; }
.member-row > i:last-child { color: #647087; font-size: 8px; transition: transform .16s ease, color .16s ease; }
.member-row:hover > i:last-child { color: var(--dashboard-accent-text, var(--accent-hover)); transform: translateX(2px); }
.member-list-empty, .member-profile-empty { min-height: 280px; display: grid; place-content: center; justify-items: center; gap: 7px; padding: 28px; color: var(--muted); text-align: center; }
.member-list-empty > i, .member-profile-empty > i { width: 44px; height: 44px; display: grid; place-items: center; border-radius: 7px; background: rgba(148,163,184,.07); color: #8490a6; font-size: 16px; }
.member-list-empty strong, .member-profile-empty strong { margin-top: 4px; color: var(--text); font-size: 11px; }
.member-list-empty span, .member-profile-empty span { max-width: 280px; font-size: 8px; line-height: 1.55; }
.member-load-more { align-self: center; margin: 12px; }
.member-profile-panel { min-width: 0; transition: opacity .16s ease; }
.member-profile-panel.loading { opacity: .5; pointer-events: none; }
.member-profile-content { padding: 20px; animation: panel-reveal .2s ease both; }
.member-profile-header { display: grid; grid-template-columns: 62px minmax(0,1fr); align-items: center; gap: 14px; padding-bottom: 18px; border-bottom: 1px solid var(--border); }
.member-profile-header > img { width: 62px; height: 62px; border-radius: 50%; object-fit: cover; background: var(--surface-2); box-shadow: 0 0 0 3px rgba(var(--accent-rgb),.08); }
.member-profile-header h2 { margin: 5px 0 2px; overflow: hidden; font-size: 18px; text-overflow: ellipsis; white-space: nowrap; }
.member-profile-header p { margin: 0; overflow: hidden; color: var(--muted); font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
.member-profile-badges { display: flex; flex-wrap: wrap; gap: 5px; }
.profile-badge { display: inline-flex; align-items: center; gap: 5px; padding: 3px 7px; border: 1px solid rgba(148,163,184,.12); border-radius: 999px; color: #abb5c6; font-size: 7px; font-weight: 700; }
.profile-badge.owner { border-color: rgba(254,231,92,.2); color: var(--yellow); }.profile-badge.bot { border-color: rgba(88,101,242,.24); color: #b8beff; }.profile-badge.timeout { border-color: rgba(237,66,69,.22); color: #ff9a9c; }
.member-profile-facts { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 1px; overflow: hidden; margin: 14px 0; border: 1px solid var(--border); border-radius: 6px; background: var(--border); }
.member-profile-facts > div { min-width: 0; padding: 11px; background: rgba(17,24,39,.86); }
.member-profile-facts span, .member-profile-facts strong { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.member-profile-facts span { color: var(--muted); font-size: 7px; }.member-profile-facts strong { margin-top: 5px; font-size: 9px; }
.member-profile-section { padding: 17px 0; border-top: 1px solid var(--border); }
.member-profile-section-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; margin-bottom: 10px; }
.member-profile-section-heading h3 { margin: 0; font-size: 11px; }.member-profile-section-heading p { margin: 4px 0 0; color: var(--muted); font-size: 8px; }.member-profile-section-heading > span { color: var(--dashboard-accent-text, var(--accent-hover)); font-size: 9px; font-weight: 700; }
.member-role-list { display: flex; flex-wrap: wrap; gap: 6px; }
.member-role { max-width: 220px; display: inline-flex; align-items: center; gap: 6px; padding: 5px 8px; border: 1px solid rgba(148,163,184,.12); border-radius: 4px; background: rgba(17,24,39,.72); color: #cbd3e1; font-size: 8px; }
.member-role > i { width: 7px; height: 7px; flex: 0 0 auto; border-radius: 50%; background: var(--role-color); }
.member-action-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 7px; }
.member-action-button { min-height: 56px; display: grid; grid-template-columns: 28px minmax(0,1fr); align-items: center; gap: 8px; padding: 9px; border: 1px solid var(--border); border-radius: 6px; background: rgba(17,24,39,.74); color: var(--text); font-size: 8px; font-weight: 700; text-align: left; cursor: pointer; transition: transform .16s ease, border-color .16s ease, background-color .16s ease; }
.member-action-button > i { width: 28px; height: 28px; display: grid; place-items: center; border-radius: 5px; background: rgba(88,101,242,.1); color: #b5bcff; }
.member-action-button.warning > i { background: rgba(254,231,92,.08); color: var(--yellow); }.member-action-button.danger > i { background: rgba(237,66,69,.1); color: #ff8f92; }
.member-action-button:hover:not(:disabled) { transform: translateY(-1px); border-color: rgba(var(--accent-rgb),.36); background: rgba(29,39,58,.88); }
.member-action-button:disabled { opacity: .35; cursor: not-allowed; }
.member-action-form { display: grid; gap: 12px; margin-top: 12px; padding: 14px; border: 1px solid rgba(var(--accent-rgb),.2); border-radius: 7px; background: rgba(8,13,24,.88); animation: panel-reveal .18s ease both; }
.member-action-form.destructive { border-color: rgba(237,66,69,.28); }
.member-action-form-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; }.member-action-form-heading span { color: var(--muted); font-size: 7px; }.member-action-form-heading h4 { margin: 3px 0 0; font-size: 12px; }
.member-action-form > label { display: grid; gap: 7px; color: var(--text); font-size: 9px; font-weight: 600; }
.member-action-notice { display: flex; align-items: flex-start; gap: 8px; padding: 9px 10px; border-radius: 5px; background: rgba(148,163,184,.06); color: var(--muted); font-size: 8px; line-height: 1.5; }.member-action-notice i { margin-top: 2px; color: var(--dashboard-accent-text, var(--accent-hover)); }
.member-case-list { display: grid; overflow: hidden; border: 1px solid var(--border); border-radius: 6px; }
.member-case-row { min-height: 54px; display: grid; grid-template-columns: 30px minmax(0,1fr) 92px; align-items: center; gap: 9px; padding: 8px 10px; border-bottom: 1px solid var(--border); background: rgba(17,24,39,.65); }.member-case-row:last-child { border-bottom: 0; }
.member-case-icon { width: 28px; height: 28px; display: grid; place-items: center; border-radius: 5px; background: rgba(88,101,242,.09); color: #aeb5ff; font-size: 9px; }
.member-case-row > span:nth-child(2) { min-width: 0; }.member-case-row strong, .member-case-row small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.member-case-row strong { font-size: 9px; }.member-case-row small { margin-top: 3px; color: var(--muted); font-size: 7px; }
.member-case-row time { color: var(--muted); font-size: 7px; text-align: right; }
.member-history-empty { display: flex; align-items: center; gap: 7px; padding: 12px; color: var(--muted); font-size: 8px; }

@media (max-width: 900px) {
  .form-grid-three { grid-template-columns: 1fr 1fr; }.emergency-block { grid-template-columns: 1fr; }
  .case-summary { grid-template-columns: repeat(2,minmax(0,1fr)); }.case-view-tabs { grid-template-columns: repeat(3,minmax(0,1fr)); }.registry-row { grid-template-columns: minmax(200px,1fr) minmax(180px,1fr); }.registry-detail { padding-left: 48px; }
  .case-row { grid-template-columns: 44px 105px minmax(150px,1fr) 14px; }.case-moderator, .case-row time { display: none; }
  .member-center-layout { grid-template-columns: 280px minmax(0,1fr); }.member-profile-facts { grid-template-columns: repeat(2,minmax(0,1fr)); }.member-action-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 620px) {
  .security-status-grid, .case-summary, .form-grid-three { grid-template-columns: 1fr; }
  .case-view-tabs { display: flex; overflow-x: auto; scrollbar-width: thin; }.case-view-tabs button { min-width: 132px; flex: 0 0 auto; }.registry-row { grid-template-columns: 1fr; gap: 11px; }.registry-detail { padding-left: 48px; }.registry-status { padding-bottom: 2px; }
  .incident-row { grid-template-columns: 34px minmax(0,1fr) 74px; }.incident-row time { display: none; }
  .case-toolbar { align-items: stretch; }.case-toolbar .command-toolbar { width: 100%; }.case-toolbar .command-toolbar > * { width: 100%; }
  .case-row { grid-template-columns: 42px minmax(0,1fr) 12px; }.case-action, .case-moderator, .case-row time { display: none; }.case-person { grid-column: 2; }
  .case-detail-grid { grid-template-columns: 1fr; }.developer-analytics-heading { align-items: stretch; flex-direction: column; }
  .member-toolbar { align-items: stretch; flex-wrap: wrap; }.member-search { width: 100%; }.member-filter { width: 100%; margin-left: 0; overflow-x: auto; }.member-filter button { min-width: 78px; flex: 1; }.member-toolbar > .state-badge { align-self: flex-start; }
  .member-center-layout { display: block; }.member-directory { border-right: 0; border-bottom: 1px solid var(--border); }.member-list { max-height: 390px; }.member-profile-content { padding: 15px; }.member-profile-facts { grid-template-columns: 1fr 1fr; }.member-action-grid { grid-template-columns: 1fr 1fr; }
}

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

/* Scheduled reports and restrained branded loading */
.boot-screen { background: rgba(5,9,15,.3); -webkit-backdrop-filter: blur(10px) saturate(.82); backdrop-filter: blur(10px) saturate(.82); }
.panel-loader,
.panel-loading-core { width: min(260px,calc(100vw - 40px)); display: grid; justify-items: center; gap: 11px; color: #eef6ff; text-align: center; }
.panel-loader > div,
.panel-loading-core > div { display: grid; gap: 2px; }
.panel-loader strong,
.panel-loading-core strong { font-size: 12px; letter-spacing: 0; }
.panel-loader small,
.panel-loading-core small { color: #8291a6; font-size: 8px; }
.panel-loader-track { width: 138px; height: 3px; overflow: hidden; border-radius: 3px; background: rgba(159,178,207,.13); }
.panel-loader-track i { display: block; width: 40%; height: 100%; border-radius: inherit; background: linear-gradient(90deg,#6574f7,var(--accent)); animation: panel-loader-track 1.2s ease-in-out infinite; }
.panel-loading-overlay { background: rgba(5,9,15,.22); -webkit-backdrop-filter: blur(8px) saturate(.82); backdrop-filter: blur(8px) saturate(.82); }
.panel-loading-logo { width: 72px; height: 72px; }
.panel-loading-logo img { width: 49px; height: 49px; }
.boot-loading-logo { width: 82px; height: 82px; }
.boot-loading-logo img { width: 57px; height: 57px; }
@keyframes panel-loader-track { from { transform: translateX(-115%); } to { transform: translateX(365%); } }

.reports-heading > div > p:last-child { max-width: 720px; color: var(--muted); }
.reports-layout { display: grid; grid-template-columns: minmax(0,1.55fr) minmax(260px,.7fr); align-items: start; gap: 14px; }
.reports-form { margin: 0; }
.report-sections { margin: 18px 0 0; padding: 0; border: 0; }
.report-sections legend { margin-bottom: 9px; color: #e7eef7; font-size: 10px; font-weight: 700; }
.report-section-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 7px; }
.report-section-grid label { position: relative; cursor: pointer; }
.report-section-grid input { position: absolute; opacity: 0; pointer-events: none; }
.report-section-grid label > span { min-height: 62px; display: grid; grid-template-columns: 32px minmax(0,1fr); grid-template-rows: auto auto; align-items: center; column-gap: 10px; padding: 10px; border: 1px solid rgba(159,178,207,.1); border-radius: 7px; background: #0b1420; transition: border-color .16s ease, background-color .16s ease; }
.report-section-grid i { grid-row: 1/3; width: 32px; height: 32px; display: grid; place-items: center; border-radius: 6px; color: #8792ff; background: rgba(101,116,247,.08); }
.report-section-grid b { color: #dce6f2; font-size: 9px; }
.report-section-grid small { color: #77869a; font-size: 7px; }
.report-section-grid input:checked + span { border-color: rgba(var(--accent-rgb),.3); background: rgba(var(--accent-rgb),.055); box-shadow: inset 2px 0 var(--cyan); }
.report-section-grid input:checked + span i { color: var(--dashboard-accent-text, var(--accent-hover)); background: rgba(var(--accent-rgb),.08); }
.report-section-grid input:focus-visible + span { outline: 2px solid rgba(var(--accent-rgb),.46); outline-offset: 2px; }
.report-status-card { position: sticky; top: 82px; display: grid; justify-items: start; gap: 14px; }
.report-status-icon { width: 44px; height: 44px; display: grid; place-items: center; border: 1px solid rgba(159,178,207,.13); border-radius: 7px; color: #8290a4; background: rgba(159,178,207,.055); font-size: 15px; }
.report-status-icon.active { border-color: rgba(var(--accent-rgb),.24); color: var(--green); background: rgba(var(--accent-rgb),.07); }
.report-status-icon.error { border-color: rgba(237,66,69,.26); color: #ff7e87; background: rgba(237,66,69,.07); }
.report-status-card > div small { color: var(--dashboard-accent-text, var(--accent-hover)); font-size: 7px; font-weight: 700; text-transform: uppercase; }
.report-status-card h2 { margin: 4px 0; font-size: 14px; }
.report-status-card p { margin: 0; color: #8090a5; font-size: 8px; line-height: 1.55; overflow-wrap: anywhere; }
.report-status-card dl { width: 100%; margin: 0; }
.report-status-card dl > div { display: grid; gap: 4px; padding: 10px 0; border-top: 1px solid rgba(159,178,207,.09); }
.report-status-card dt { color: #68778c; font-size: 7px; }
.report-status-card dd { margin: 0; color: #dce6f2; font-size: 9px; font-weight: 650; }
.state-badge.muted { border-color: rgba(159,178,207,.13); color: #7c899b; background: rgba(159,178,207,.045); }

@media (max-width: 980px) {
  .reports-layout { grid-template-columns: 1fr; }
  .report-status-card { position: static; }
}
@media (max-width: 640px) {
  .report-section-grid { grid-template-columns: 1fr; }
  .panel-loading-overlay { inset: 60px 0 0; }
}

/* Control centers */
.control-center-layout { display: grid; grid-template-columns: minmax(320px,.78fr) minmax(420px,1.22fr); gap: 14px; align-items: start; }
.control-editor, .control-register { min-width: 0; }
.control-register .section-heading > select { width: min(260px,100%); }
.control-item-list { display: grid; gap: 7px; }
.control-item { min-height: 78px; display: grid; grid-template-columns: 42px minmax(0,1fr) auto; align-items: center; gap: 12px; padding: 11px 12px; border: 1px solid rgba(159,178,207,.1); border-radius: 7px; background: #0b1320; transition: border-color .18s ease, background-color .18s ease, transform .18s ease; }
.control-item:hover { border-color: rgba(var(--accent-rgb),.22); background: #0e1927; transform: translateY(-1px); }
.control-item.muted { opacity: .62; }
.control-item-icon { width: 42px; height: 42px; display: grid; place-items: center; border: 1px solid rgba(var(--accent-rgb),.16); border-radius: 7px; background: rgba(var(--accent-rgb),.07); color: var(--dashboard-accent-text, var(--accent-hover)); font-size: 15px; }
.control-item-icon.provider-youtube { border-color: rgba(255,70,70,.2); background: rgba(255,70,70,.08); color: #ff6464; }
.control-item-icon.provider-github { border-color: rgba(220,227,239,.16); background: rgba(220,227,239,.06); color: #e1e7ef; }
.control-item-icon.provider-twitch { border-color: rgba(155,89,255,.22); background: rgba(155,89,255,.08); color: #b58aff; }
.control-item-icon.provider-minecraft { border-color: rgba(var(--accent-rgb),.2); background: rgba(var(--accent-rgb),.07); color: var(--green); }
.control-item-icon.provider-callofduty { border-color: rgba(245,166,35,.24); background: rgba(245,166,35,.08); color: #f5b544; }
.control-item-main { min-width: 0; }
.control-item-main > div { display: flex; align-items: center; gap: 8px; }
.control-item-main strong { overflow: hidden; color: #e7edf5; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.control-item-main p { display: -webkit-box; margin: 5px 0; overflow: hidden; color: #909caf; font-size: 8px; line-height: 1.5; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.control-item-main small { display: block; overflow: hidden; color: #65748a; font-size: 7px; text-overflow: ellipsis; white-space: nowrap; }
.control-item-actions { display: flex; align-items: center; gap: 5px; }
.control-item-actions .icon-button { width: 32px; height: 32px; }
.icon-button.primary:hover { border-color: rgba(var(--accent-rgb),.3); color: var(--dashboard-accent-text, var(--accent-hover)); }
.icon-button.danger:hover { border-color: rgba(237,66,69,.32); background: rgba(237,66,69,.07); color: #ff7477; }
.integration-provider-strip { display: flex; flex-wrap: wrap; gap: 7px; margin-bottom: 14px; }
.integration-provider-strip span { display: inline-flex; align-items: center; gap: 7px; padding: 6px 9px; border: 1px solid rgba(159,178,207,.1); border-radius: 6px; background: #0b1320; color: #8e9aae; font-size: 8px; }
.integration-provider-strip i { color: var(--dashboard-accent-text, var(--accent-hover)); }
.integration-provider-strip .fa-crosshairs { color: #f5b544; }

.privacy-inventory { display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); gap: 8px; margin-bottom: 14px; }
.privacy-inventory article { min-height: 76px; display: flex; align-items: center; gap: 10px; padding: 12px; border: 1px solid rgba(159,178,207,.1); border-radius: 7px; background: #0b1320; }
.privacy-inventory i { width: 32px; height: 32px; display: grid; place-items: center; border-radius: 6px; background: rgba(var(--accent-rgb),.07); color: var(--dashboard-accent-text, var(--accent-hover)); }
.privacy-inventory span, .privacy-inventory strong { display: block; }
.privacy-inventory span { color: #7f8ca0; font-size: 7px; }
.privacy-inventory strong { margin-top: 2px; color: #edf3fa; font-size: 16px; }
.privacy-lock { display: inline-flex; align-items: center; gap: 6px; color: #8290a4; font-size: 8px; }
.privacy-lock i { color: var(--green); }
.privacy-option { min-height: 76px; display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 20px; padding: 13px 2px; border-bottom: 1px solid rgba(159,178,207,.08); }
.privacy-option strong { color: #e2e9f1; font-size: 10px; }
.privacy-option p { margin: 4px 0 0; color: #7c899d; font-size: 8px; line-height: 1.55; }
.privacy-option select { width: 150px; }
.privacy-cleanup-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.danger-zone { border-color: rgba(237,66,69,.18); }

/* Developer observability */
.service-hero { min-height: 116px; display: grid; grid-template-columns: 54px minmax(0,1fr) auto; align-items: center; gap: 16px; margin-bottom: 14px; padding: 18px; border: 1px solid rgba(var(--accent-rgb),.22); border-radius: 8px; background: linear-gradient(110deg,rgba(var(--accent-rgb),.075),#0a121d 45%); overflow: hidden; position: relative; }
.service-hero::after { position: absolute; right: -80px; width: 260px; height: 1px; background: linear-gradient(90deg,transparent,rgba(var(--accent-rgb),.45),transparent); content: ""; transform: rotate(-35deg); animation: service-scan 5s linear infinite; }
.service-hero.status-degraded { border-color: rgba(254,231,92,.24); background: linear-gradient(110deg,rgba(254,231,92,.07),#0a121d 45%); }
.service-hero.status-outage { border-color: rgba(237,66,69,.26); background: linear-gradient(110deg,rgba(237,66,69,.08),#0a121d 45%); }
.service-hero-icon { width: 54px; height: 54px; display: grid; place-items: center; border-radius: 50%; background: rgba(var(--accent-rgb),.1); color: var(--green); font-size: 22px; }
.service-hero.status-degraded .service-hero-icon { background: rgba(254,231,92,.09); color: var(--yellow); }
.service-hero.status-outage .service-hero-icon { background: rgba(237,66,69,.1); color: #ff7477; }
.service-hero h2 { margin: 3px 0 5px; font-size: 17px; }
.service-hero p:last-child { margin: 0; color: #8693a7; font-size: 8px; }
.service-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; margin-bottom: 14px; }
.service-card { min-height: 86px; display: grid; grid-template-columns: 32px minmax(0,1fr) auto; align-items: center; gap: 10px; padding: 12px; border: 1px solid rgba(159,178,207,.1); border-radius: 7px; background: #0b1320; }
.service-indicator { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 50%; background: rgba(var(--accent-rgb),.09); color: var(--green); font-size: 10px; }
.service-card.status-degraded .service-indicator { background: rgba(254,231,92,.08); color: var(--yellow); }
.service-card.status-outage .service-indicator { background: rgba(237,66,69,.09); color: #ff7477; }
.service-card strong { color: #e4ebf3; font-size: 10px; }
.service-card p { margin: 4px 0 0; color: #6f7d91; font-size: 7px; }
.service-card > span:last-child { display: grid; justify-items: end; gap: 3px; }
.service-card > span:last-child b { color: #9cabbc; font-size: 7px; }
.service-card > span:last-child small { color: #66758a; font-size: 7px; }
.service-history-chart { display: grid; gap: 9px; }
.service-history-row { display: grid; grid-template-columns: 130px minmax(0,1fr); align-items: center; gap: 12px; }
.service-history-row strong { color: #9ba8b9; font-size: 8px; }
.service-history-row > div { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(3px,1fr); gap: 2px; }
.service-history-row span { height: 17px; border-radius: 2px; background: var(--green); opacity: .78; }
.service-history-row span.status-degraded { background: var(--yellow); }
.service-history-row span.status-outage { background: var(--red); }
.configuration-timeline { display: grid; }
.configuration-event { min-height: 66px; display: grid; grid-template-columns: 34px minmax(0,1fr) auto; align-items: center; gap: 11px; padding: 9px 4px; border-bottom: 1px solid rgba(159,178,207,.08); }
.configuration-event-icon { width: 32px; height: 32px; display: grid; place-items: center; border-radius: 6px; background: rgba(var(--accent-rgb),.07); color: var(--dashboard-accent-text, var(--accent-hover)); font-size: 10px; }
.configuration-event-icon.global { background: rgba(101,116,247,.09); color: #8f9aff; }
.configuration-event strong { color: #dce4ed; font-size: 9px; }
.configuration-event p { margin: 3px 0; color: #8794a7; font-size: 8px; }
.configuration-event small { color: #65748a; font-size: 7px; }
.configuration-event code { padding: 4px 6px; border: 1px solid rgba(159,178,207,.1); border-radius: 4px; color: #8795aa; font-size: 7px; }
.server-action-summary { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:9px; margin-bottom:20px; }
.server-action-summary > article { min-width:0; min-height:72px; display:flex; align-items:center; gap:11px; padding:12px; border:1px solid rgba(159,178,207,.11); border-radius:7px; background:#0b1420; }
.server-action-summary-icon { width:34px; height:34px; flex:0 0 34px; display:grid; place-items:center; border:1px solid rgba(var(--accent-rgb),.2); border-radius:6px; background:rgba(var(--accent-rgb),.07); color:var(--accent-hover); font-size:11px; }
.server-action-summary-icon.is-panel { border-color:rgba(96,165,250,.22); background:rgba(96,165,250,.075); color:#82b9ff; }
.server-action-summary-icon.is-discord { border-color:rgba(129,140,248,.24); background:rgba(129,140,248,.08); color:#9da7ff; }
.server-action-summary-icon.is-people { border-color:rgba(192,132,252,.2); background:rgba(192,132,252,.07); color:#d1a1ff; }
.server-action-summary-icon.is-recent { border-color:rgba(244,200,77,.2); background:rgba(244,200,77,.07); color:#f4c84d; }
.server-action-summary article > div { min-width:0; display:grid; gap:3px; }
.server-action-summary small { overflow:hidden; color:#748297; font-size:7px; text-overflow:ellipsis; white-space:nowrap; }
.server-action-summary strong { color:#edf4fb; font-size:18px; line-height:1; }
.server-actions-section { margin-top:0; }
.history-heading-actions { display:flex; align-items:center; gap:8px; }
.history-heading-actions .state-badge { min-height:31px; }
.server-actions-section .history-filter-bar .filter-input { min-width:0; }
.server-actions-note.is-warning { border-color:rgba(251,113,133,.2); background:rgba(251,113,133,.045); }
.server-actions-note.is-warning > i { color:#fb7185; }
.server-actions-section .configuration-timeline { max-height:720px; overflow-y:auto; border-top:1px solid rgba(159,178,207,.08); border-bottom:1px solid rgba(159,178,207,.08); }
.server-actions-section .configuration-event { min-height:78px; padding:11px 8px; transition:background-color .16s ease; }
.server-actions-section .configuration-event:hover { background:rgba(159,178,207,.025); }
.server-actions-section .configuration-event.source-discord { box-shadow:inset 2px 0 rgba(129,140,248,.52); }
.server-actions-section .configuration-event.source-panel { box-shadow:inset 2px 0 rgba(var(--accent-rgb),.45); }
.configuration-event.source-discord .configuration-event-icon { border:1px solid rgba(129,140,248,.18); background:rgba(129,140,248,.085); color:#9da7ff; }
.configuration-event-main { min-width:0; }
.configuration-event-main > strong { display:block; color:#e8eff7; font-size:12px; line-height:1.5; overflow-wrap:anywhere; }
.configuration-event-main > p { display:flex; align-items:center; flex-wrap:wrap; gap:5px; margin:5px 0 0; }
.configuration-event-main > p b { max-width:100%; color:#bdc8d7; font-size:10px; font-weight:600; overflow-wrap:anywhere; }
.configuration-event-main > p span { max-width:100%; padding:3px 6px; border:1px solid rgba(159,178,207,.15); border-radius:4px; color:#a3b1c4; font-size:10px; overflow-wrap:anywhere; }
.configuration-event-main > p .history-destination { border-color:rgba(61,220,151,.18); background:rgba(61,220,151,.05); color:#75dcb0; }
.configuration-event-main > p .history-destination i { margin-right:4px; font-size:6px; }
.configuration-event-main > em { display:block; margin-top:6px; color:#a3b1c4; font-size:10px; font-style:normal; overflow-wrap:anywhere; }
.configuration-event-main > small { display:flex; align-items:center; flex-wrap:wrap; gap:6px 14px; margin-top:8px; color:#94a3b8; font-size:10px; overflow-wrap:anywhere; }
.configuration-event-main > small i:nth-of-type(2) { margin-left:6px; }
.configuration-event-actions { flex-wrap:wrap; justify-content:flex-end; max-width:210px; }
.history-tools { display:flex; align-items:center; flex-wrap:wrap; gap:12px; padding:12px 0; border-bottom:1px solid var(--border, #253040); }
.history-period { display:flex; align-items:center; gap:8px; font-size:11px; min-width:0; }
.history-period select { width:auto; max-width:220px; min-height:36px; }
.history-live { display:inline-flex; align-items:center; gap:8px; font-size:11px; white-space:nowrap; cursor:pointer; }
.history-live input { width:16px; height:16px; accent-color:var(--cyan, var(--accent)); }
#history-sync-status { flex:1; min-width:140px; font-size:10px; color:var(--muted, #93a0b4); }
#history-sync-status.is-error { color:#ff8f97; }
.history-tools .icon-button { flex:0 0 36px; width:36px; height:36px; }
.history-tools .icon-button:disabled { opacity:.4; cursor:not-allowed; }
@media (max-width:600px) {
  #history-sync-status { order:5; flex-basis:100%; }
  .history-period { flex:1 1 100%; }
  .history-period select { flex:1; max-width:none; }
}
.history-source { display:inline-flex; align-items:center; min-height:22px; padding:3px 6px; border:1px solid rgba(var(--accent-rgb),.18); border-radius:4px; background:rgba(var(--accent-rgb),.055); color:var(--accent-hover); font-size:7px; font-weight:700; white-space:nowrap; }
.history-source.source-discord { border-color:rgba(129,140,248,.2); background:rgba(129,140,248,.07); color:#a8b0ff; }
@media (max-width:1100px) { .server-action-summary { grid-template-columns:repeat(3,minmax(0,1fr)); } .history-filter-bar { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (max-width:700px) { .server-action-summary { grid-template-columns:repeat(2,minmax(0,1fr)); } .history-filter-bar { grid-template-columns:1fr 1fr; } .history-filter-bar .filter-input { grid-column:1 / -1; } .configuration-event-actions { max-width:none; } }
@media (max-width:480px) { .server-action-summary { grid-template-columns:repeat(2,minmax(0,1fr)); } .server-action-summary > article:last-child { grid-column:1 / -1; } .history-filter-bar { grid-template-columns:1fr; } .history-filter-bar .filter-input { grid-column:auto; } .history-heading-actions { width:100%; justify-content:space-between; } .server-actions-section .configuration-event { grid-template-columns:32px minmax(0,1fr); } .server-actions-section .configuration-event-actions { grid-column:2; justify-content:flex-start; margin-left:0; } }
@keyframes service-scan { from { transform: translateX(-360px) rotate(-35deg); } to { transform: translateX(170px) rotate(-35deg); } }

@media (max-width: 1180px) {
  .privacy-inventory { grid-template-columns: repeat(3,1fr); }
  .service-grid { grid-template-columns: repeat(2,1fr); }
}
@media (max-width: 900px) {
  .control-center-layout { grid-template-columns: 1fr; }
  .service-hero { grid-template-columns: 48px minmax(0,1fr); }
  .service-hero .button { grid-column: 1 / -1; width: 100%; }
}
@media (max-width: 620px) {
  .privacy-inventory, .service-grid { grid-template-columns: 1fr 1fr; }
  .control-item { grid-template-columns: 36px minmax(0,1fr); }
  .control-item-icon { width: 36px; height: 36px; }
  .control-item-actions { grid-column: 1 / -1; justify-content: flex-end; }
  .service-history-row { grid-template-columns: 1fr; gap: 5px; }
  .privacy-option { grid-template-columns: minmax(0,1fr) auto; }
  .privacy-option select { width: 118px; }
}

@media (prefers-reduced-motion: reduce) {
  .control-item, .service-hero::after { animation: none !important; transition: none !important; }
}

/* 2026 dashboard visual system: OmniTrix Control Center */
:root {
  --bg: #06090f;
  --surface: #0d141e;
  --surface-2: #111a27;
  --surface-3: #172334;
  --border: rgba(191, 207, 228, .105);
  --border-strong: rgba(var(--accent-rgb),.34);
  --text: #f3f7fb;
  --muted: #8f9cad;
  --primary: #6170f3;
  --primary-hover: #7180ff;
  --cyan: var(--accent);
  --green: #3ddc97;
  --yellow: #f5c85b;
  --red: #ef686b;
  --scrollbar-thumb: #334156;
  --scrollbar-thumb-hover: #4b5d76;
  --sidebar-width: 276px;
  --panel-shadow: 0 16px 38px rgba(0, 0, 0, .2);
  --focus-ring: 0 0 0 3px rgba(var(--accent-rgb),.12);
}

html { background: var(--bg); }
body { font-size: 13px; line-height: 1.55; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
button, input, select, textarea { letter-spacing: 0; }

.suggestion-layout { display: grid; grid-template-columns: minmax(0,1fr) 300px; align-items: start; gap: 18px; }
.suggestion-form { padding: 0 22px 22px; border: 1px solid rgba(191,207,228,.11); border-radius: 8px; background: #0c1420; box-shadow: inset 3px 0 rgba(var(--accent-rgb),.72); }
.suggestion-form-intro { display: flex; align-items: center; gap: 13px; padding: 20px 0 4px; }
.suggestion-form-intro > span, .suggestion-guidance-icon { width: 42px; height: 42px; display: grid; flex: 0 0 auto; place-items: center; border: 1px solid rgba(var(--accent-rgb),.23); border-radius: 7px; background: rgba(var(--accent-rgb),.08); color: var(--dashboard-accent-text, var(--accent-hover)); }
.suggestion-form-intro h2, .suggestion-guidance h2 { margin: 0; font-size: 15px; }
.suggestion-form-intro p { margin: 4px 0 0; color: var(--muted); font-size: 9px; line-height: 1.5; }
.suggestion-form .form-grid { align-items: start; }
.suggestion-form .form-grid > label { grid-template-rows: auto 42px minmax(18px,auto); align-content: start; }
.suggestion-form .form-grid > label:not(:has(.suggestion-field-hint))::after { content: ""; min-height: 18px; }
.suggestion-form .field-full { margin-top: 18px; }
.suggestion-form textarea { min-height: 180px; }
.suggestion-field-hint { display: block; margin-top: 6px; color: #68768a; font-size: 8px; font-weight: 500; }
.suggestion-description-meta { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.suggestion-description-meta .suggestion-field-hint { margin-top: 6px; }
.suggestion-description-meta .character-count { position: static; margin-top: 6px; }
.suggestion-submit-row { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 16px; margin-top: 18px; padding-top: 18px; border-top: 1px solid var(--border); }
.suggestion-submit-row .settings-note { margin: 0; }
.suggestion-submit-row .button { min-width: 170px; }
.suggestion-guidance { position: sticky; top: 88px; overflow: hidden; padding: 0; border: 1px solid rgba(191,207,228,.12); border-radius: 8px; background: #0b131e; box-shadow: var(--panel-shadow); }
.suggestion-guidance::before { position: absolute; inset: 0 0 auto; height: 2px; background: var(--cyan); content: ""; opacity: .8; }
.suggestion-guidance-header { display: grid; grid-template-columns: 42px minmax(0,1fr) 28px; align-items: center; gap: 12px; padding: 20px 18px 17px; border-bottom: 1px solid var(--border); }
.suggestion-guidance-header > div { min-width: 0; }
.suggestion-guidance-header > div > span { display: block; margin-bottom: 3px; color: var(--dashboard-accent-text, var(--accent-hover)); font-size: 7px; font-weight: 800; text-transform: uppercase; }
.suggestion-guidance-count { width: 28px; height: 28px; display: grid; place-items: center; border: 1px solid rgba(var(--accent-rgb),.2); border-radius: 50%; background: rgba(var(--accent-rgb),.07); color: var(--accent-hover); font-size: 9px; font-weight: 800; }
.suggestion-guidance-steps { margin: 0; padding: 4px 18px; list-style: none; counter-reset: suggestion-step; }
.suggestion-guidance-steps li { position: relative; display: grid; grid-template-columns: 34px minmax(0,1fr); align-items: center; gap: 11px; min-height: 66px; padding: 10px 0; border-bottom: 1px solid rgba(191,207,228,.08); }
.suggestion-guidance-steps li:last-child { border-bottom: 0; }
.suggestion-step-number { position: absolute; top: 9px; right: 0; color: #445164; font-size: 7px; font-weight: 800; }
.suggestion-step-icon { width: 34px; height: 34px; display: grid; place-items: center; border: 1px solid rgba(191,207,228,.11); border-radius: 7px; background: #111c2a; color: #8290a5; font-size: 10px; transition: border-color .18s ease, color .18s ease, transform .18s ease; }
.suggestion-guidance-steps li:hover .suggestion-step-icon { border-color: rgba(var(--accent-rgb),.32); color: var(--dashboard-accent-text, var(--accent-hover)); transform: translateY(-1px); }
.suggestion-guidance p { margin: 0; padding-right: 24px; color: #b5c0cf; font-size: 9px; line-height: 1.55; }
.suggestion-guidance-note { display: flex; align-items: flex-start; gap: 9px; margin: 0 18px 18px; padding: 11px 12px; border: 1px solid rgba(96,165,250,.16); border-radius: 6px; background: rgba(96,165,250,.05); color: #91a5b6; font-size: 8px; line-height: 1.5; }
.suggestion-guidance-note i { margin-top: 2px; color: var(--green); }

.suggestion-inbox-summary { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); margin-bottom: 14px; border: 1px solid var(--border); border-radius: 7px; overflow: hidden; background: #0a111b; }
.suggestion-inbox-summary > div { min-height: 62px; display: grid; align-content: center; gap: 3px; padding: 10px 14px; border-right: 1px solid var(--border); }
.suggestion-inbox-summary > div:last-child { border-right: 0; }
.suggestion-inbox-summary span { color: var(--muted); font-size: 8px; }
.suggestion-inbox-summary strong { font-size: 17px; }
.suggestion-toolbar { display: grid; grid-template-columns: minmax(240px,1fr) 170px 180px; gap: 8px; margin-bottom: 12px; }
.suggestion-toolbar .filter-input { width: 100%; }
.suggestion-toolbar select { height: 40px; }
.developer-suggestion-list { display: grid; gap: 8px; }
.developer-suggestion-row { position: relative; overflow: hidden; border: 1px solid rgba(191,207,228,.1); border-radius: 7px; background: #0c1420; transition: border-color .18s ease, background-color .18s ease, transform .18s ease; }
.developer-suggestion-row::before { position: absolute; inset: 0 auto 0 0; width: 3px; background: #6f7d94; content: ""; }
.developer-suggestion-row.status-new::before { background: var(--cyan); }
.developer-suggestion-row.status-reviewing::before { background: #f0b95a; }
.developer-suggestion-row.status-planned::before { background: #8b7df3; }
.developer-suggestion-row.status-done::before { background: var(--green); }
.developer-suggestion-row.status-declined::before { background: #ff6f7e; }
.developer-suggestion-row:hover { border-color: rgba(var(--accent-rgb),.24); background: #0f1926; transform: translateY(-1px); }
.developer-suggestion-row > header { display: grid; grid-template-columns: 34px minmax(0,1fr) auto; align-items: center; gap: 11px; padding: 14px 15px 10px 17px; }
.suggestion-author-avatar, .suggestion-author-avatar img { width: 34px; height: 34px; border-radius: 6px; }
.suggestion-author-avatar { display: grid; place-items: center; overflow: hidden; background: #172235; color: var(--dashboard-accent-text, var(--accent-hover)); font-size: 11px; font-weight: 800; }
.suggestion-author-avatar img { object-fit: cover; }
.suggestion-heading { min-width: 0; }
.suggestion-heading > div { display: flex; align-items: center; gap: 6px; margin-bottom: 4px; }
.suggestion-heading h3 { overflow: hidden; margin: 0; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.suggestion-category, .suggestion-status { display: inline-flex; align-items: center; min-height: 20px; padding: 0 7px; border: 1px solid rgba(191,207,228,.1); border-radius: 4px; color: #99a6b9; font-size: 7px; font-weight: 750; text-transform: uppercase; }
.suggestion-status.status-new { border-color: rgba(var(--accent-rgb),.25); color: var(--accent-hover); }
.suggestion-status.status-reviewing { border-color: rgba(240,185,90,.25); color: #f0c879; }
.suggestion-status.status-planned { border-color: rgba(139,125,243,.3); color: #b3aaff; }
.suggestion-status.status-done { border-color: rgba(45,211,137,.25); color: #6de6ad; }
.suggestion-status.status-declined { border-color: rgba(255,111,126,.25); color: #ff9ba6; }
.developer-suggestion-row time { color: var(--muted); font-size: 8px; white-space: nowrap; }
.developer-suggestion-row > p { margin: 0; padding: 2px 15px 14px 62px; color: #b6c1d1; font-size: 10px; line-height: 1.6; white-space: pre-wrap; }
.developer-suggestion-row > footer { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 14px; padding: 10px 15px 10px 17px; border-top: 1px solid var(--border); background: rgba(6,11,18,.28); }
.suggestion-origin { display: flex; min-width: 0; gap: 18px; }
.suggestion-origin > span { display: grid; grid-template-columns: 14px minmax(0,auto); min-width: 0; align-items: center; column-gap: 6px; }
.suggestion-origin i { grid-row: 1 / 3; color: #69778b; font-size: 8px; }
.suggestion-origin b, .suggestion-origin small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.suggestion-origin b { color: #cbd4e1; font-size: 8px; }
.suggestion-origin small { color: #69778b; font-size: 7px; }
.suggestion-actions { display: flex; align-items: center; gap: 7px; }
.suggestion-actions select { width: 142px; height: 34px; font-size: 8px; }
.suggestion-delete { color: #9b6d75; }
.suggestion-delete:hover { border-color: rgba(255,111,126,.35); color: #ff8794; }
#developer-suggestion-empty { min-height: 190px; display: grid; place-items: center; align-content: center; gap: 7px; text-align: center; }
#developer-suggestion-empty.hidden { display: none; }
#developer-suggestion-empty i { color: #59677a; font-size: 22px; }
#developer-suggestion-empty strong { font-size: 11px; }
#developer-suggestion-empty p { margin: 0; color: var(--muted); font-size: 9px; }

@media (max-width: 900px) {
  .suggestion-layout { grid-template-columns: 1fr; }
  .suggestion-guidance { position: static; }
  .suggestion-guidance-steps { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; }
  .suggestion-guidance-steps li { border-right: 1px solid rgba(191,207,228,.08); border-bottom: 0; }
  .suggestion-guidance-steps li:last-child { border-right: 0; }
  .suggestion-toolbar { grid-template-columns: 1fr 1fr; }
  .suggestion-toolbar .filter-input { grid-column: 1 / -1; }
}

@media (max-width: 620px) {
  .suggestion-submit-row, .developer-suggestion-row > footer { grid-template-columns: 1fr; }
  .suggestion-submit-row .button { width: 100%; }
  .suggestion-guidance-steps { grid-template-columns: 1fr; gap: 0; }
  .suggestion-guidance-steps li { border-right: 0; border-bottom: 1px solid rgba(191,207,228,.08); }
  .suggestion-inbox-summary { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .suggestion-inbox-summary > div:nth-child(2) { border-right: 0; }
  .suggestion-inbox-summary > div:nth-child(-n+2) { border-bottom: 1px solid var(--border); }
  .suggestion-toolbar { grid-template-columns: 1fr; }
  .suggestion-toolbar .filter-input { grid-column: auto; }
  .developer-suggestion-row > header { grid-template-columns: 34px minmax(0,1fr); }
  .developer-suggestion-row time { grid-column: 2; }
  .developer-suggestion-row > p { padding-left: 17px; }
  .suggestion-origin { display: grid; gap: 7px; }
  .suggestion-actions { justify-content: space-between; }
  .suggestion-actions select { width: min(230px,calc(100% - 42px)); }
}
* { scrollbar-color: var(--scrollbar-thumb) rgba(255,255,255,.018); }
*::-webkit-scrollbar { width: 9px; height: 9px; }
*::-webkit-scrollbar-track { background: rgba(255,255,255,.018); }
*::-webkit-scrollbar-thumb { border: 2px solid #09101a; border-radius: 8px; background: var(--scrollbar-thumb); background-clip: padding-box; }

.boot-screen {
  background:
    linear-gradient(rgba(255,255,255,.012) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.012) 1px, transparent 1px),
    rgba(5,9,15,.38);
  background-size: 48px 48px;
}
.boot-screen img { filter: drop-shadow(0 0 18px rgba(var(--accent-rgb),.18)); }

/* Authentication */
.login-screen {
  position: relative;
  isolation: isolate;
  background:
    linear-gradient(rgba(175,199,224,.022) 1px, transparent 1px),
    linear-gradient(90deg, rgba(175,199,224,.022) 1px, transparent 1px),
    linear-gradient(145deg, #06090f 0%, #09111c 62%, #07101a 100%);
  background-size: 48px 48px, 48px 48px, auto;
}
.login-screen::before {
  position: fixed;
  inset: 0 auto 0 0;
  width: 3px;
  background: linear-gradient(180deg, transparent 8%, var(--cyan) 34%, var(--primary) 68%, transparent 92%);
  opacity: .68;
  content: "";
}
.login-brand { gap: 13px; font-size: 23px; }
.login-brand img { width: 46px; height: 46px; filter: drop-shadow(0 0 13px rgba(var(--accent-rgb),.18)); }
.login-language-button {
  position: fixed;
  z-index: 3;
  top: 22px;
  right: 22px;
  min-width: 72px;
  height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding: 0 12px;
  border: 1px solid rgba(191,207,228,.14);
  border-radius: 7px;
  background: #0e1622;
  color: #9eabba;
  font: inherit;
  font-size: 11px;
  font-weight: 700;
  cursor: pointer;
  box-shadow: 0 10px 28px rgba(0,0,0,.2);
  transition: border-color .18s ease, background-color .18s ease, color .18s ease, transform .18s ease;
}
.login-language-button i { color: var(--dashboard-accent-text, var(--accent-hover)); }
.login-language-button:hover { transform: translateY(-1px); border-color: rgba(var(--accent-rgb),.38); background: #13202e; color: var(--text); }
.login-language-button:active { transform: translateY(0) scale(.98); }
.login-language-button:focus-visible { outline: 2px solid rgba(var(--accent-rgb),.6); outline-offset: 2px; }
.login-panel {
  position: relative;
  overflow: hidden;
  width: min(470px, 100%);
  padding: 38px;
  border-color: rgba(191,207,228,.14);
  background: rgba(10,16,25,.94);
  box-shadow: 0 28px 70px rgba(0,0,0,.42);
  backdrop-filter: blur(20px);
}
.login-panel::before { position: absolute; inset: 0 auto auto 0; width: 118px; height: 2px; background: linear-gradient(90deg, var(--cyan), transparent); content: ""; }
.login-icon { width: 54px; height: 54px; margin-bottom: 20px; border: 1px solid rgba(var(--accent-rgb),.3); border-radius: 8px; background: #111b2a; color: #8390ff; font-size: 25px; box-shadow: inset 0 0 18px rgba(97,112,243,.08); }
.login-panel h1 { font-size: 25px; }
.login-panel > p:not(.eyebrow):not(.login-error) { color: #9eabba; font-size: 13px; }
.back-link { display: inline-flex; align-items: center; gap: 8px; transition: color .18s ease, transform .18s ease; }
.back-link:hover { color: var(--dashboard-accent-text, var(--accent-hover)); transform: translateX(-2px); }

/* Application shell */
.dashboard { background: var(--bg); }
.sidebar {
  padding: 18px 13px 13px;
  border-right-color: rgba(191,207,228,.09);
  background: rgba(7,11,18,.97);
  box-shadow: 10px 0 38px rgba(0,0,0,.16);
  backdrop-filter: blur(20px);
}
.sidebar::before { position: absolute; inset: 0 0 auto; height: 2px; background: linear-gradient(90deg, var(--cyan), var(--primary) 62%, transparent); opacity: .75; content: ""; }
.brand { gap: 12px; padding: 2px 10px 18px; font-size: 19px; }
.brand img { width: 40px; height: 40px; filter: drop-shadow(0 0 10px rgba(var(--accent-rgb),.15)); }
.sidebar-label { margin: 0 11px 8px; color: #667286; font-size: 9px; letter-spacing: 0; }

.dashboard-nav { gap: 2px; padding-right: 3px; }
.nav-item {
  position: relative;
  height: 43px;
  grid-template-columns: 30px 1fr;
  gap: 6px;
  padding: 0 9px;
  border: 1px solid transparent;
  color: #8f9bad;
  transition: color .18s ease, background-color .18s ease, border-color .18s ease, transform .18s ease;
}
.nav-item i { width: 30px; color: #77849a; font-size: 13px; }
.nav-item span { font-size: 11px; font-weight: 500; }
.nav-item:hover { border-color: rgba(191,207,228,.07); background: #0e1622; color: #e7edf4; transform: translateX(2px); }
.nav-item.active { border-color: rgba(var(--accent-rgb),.14); background: #101c29; color: var(--text-primary); box-shadow: inset 3px 0 var(--cyan); }
.nav-item.active i { color: var(--dashboard-accent-text, var(--accent-hover)); }
.nav-item-parent { grid-template-columns: 30px minmax(0,1fr) 16px; }
.developer-subnav { margin-left: 24px; border-left-color: rgba(var(--accent-rgb),.18); }
.developer-subnav-item { min-height: 36px; color: #8491a4; }
.developer-subnav-item span { font-size: 9px; }
.developer-subnav-item.active { background: #0f1d29; color: var(--text-primary); box-shadow: inset 2px 0 var(--cyan); }
.sidebar-bottom { position: relative; padding-top: 12px; background: linear-gradient(180deg, transparent, rgba(7,11,18,.98) 18%); }
.bot-connection { font-size: 9px; }
.status-dot { box-shadow: 0 0 0 3px rgba(96,165,250,.08); }
.user-card { border-color: rgba(191,207,228,.1); background: #0e1622; }

.workspace { background: #070b12; }
.topbar {
  position: relative;
  z-index: 12;
  height: 68px;
  padding: 0 30px;
  border-bottom-color: rgba(191,207,228,.09);
  background: rgba(7,11,18,.91);
  box-shadow: 0 8px 26px rgba(0,0,0,.12);
}
.topbar-title { font-size: 11px; }
.topbar-title i { color: #536176; }
.topbar-title strong { font-size: 12px; }
.topbar-actions { gap: 7px; }
.icon-button, .language-button { min-width: 38px; height: 38px; border-color: rgba(191,207,228,.1); background: #0e1622; color: #8e9bad; transition: border-color .18s ease, background-color .18s ease, color .18s ease, transform .18s ease; }
.icon-button:hover, .language-button:hover { border-color: rgba(var(--accent-rgb),.35); background: #13202e; color: var(--dashboard-accent-text, var(--accent-hover)); }
.language-button { gap: 8px; padding: 0 12px; }
.language-button i { color: var(--dashboard-accent-text, var(--accent-hover)); }
.workspace-scroll { height: calc(100vh - 68px); background-color: #070b12; background-image: linear-gradient(rgba(191,207,228,.018) 1px, transparent 1px), linear-gradient(90deg, rgba(191,207,228,.018) 1px, transparent 1px); background-size: 52px 52px; }
.view-stack, .empty-state { width: min(1320px, 100%); padding: 38px 40px 80px; }
.view.active, .developer-tab-panel.active { animation: control-view-in .28s cubic-bezier(.2,.8,.2,1) both; }
.view-heading { min-height: 66px; margin-bottom: 28px; }
.view-heading h1 { margin-top: 5px; font-size: 27px; font-weight: 700; }
.eyebrow { color: var(--dashboard-accent-text, var(--accent-hover)); font-size: 9px; }
.last-sync { padding: 5px 0; color: #788598; font-size: 9px; }

/* Information hierarchy */
.stats-grid { gap: 11px; margin-bottom: 34px; }
.stat-card, .analytics-stat, .security-status, .case-summary-item {
  position: relative;
  overflow: hidden;
  border-color: rgba(191,207,228,.105);
  background: #0d141e;
  box-shadow: none;
}
.stat-card::before, .analytics-stat::before, .security-status::before, .case-summary-item::before { position: absolute; inset: 0 auto 0 0; width: 2px; background: #6170f3; opacity: .68; content: ""; }
.stat-card:nth-child(2)::before, .analytics-stat-voice::before, .analytics-stat-commands::before { background: var(--cyan); }
.stat-card:nth-child(3)::before, .analytics-stat-growth::before, .analytics-stat-tickets::before { background: var(--green); }
.stat-card:nth-child(4)::before, .analytics-stat-automod::before { background: var(--yellow); }
.stat-card:hover, .analytics-stat:hover, .security-status:hover, .case-summary-item:hover { border-color: rgba(var(--accent-rgb),.25); background: #101925; transform: translateY(-2px); box-shadow: var(--panel-shadow); }
.stat-card { min-height: 94px; padding: 16px; }
.stat-card > i, .analytics-stat > i { border: 1px solid rgba(191,207,228,.07); background: #151e2d; }
.stat-card span { font-size: 10px; }
.stat-card strong { font-size: 20px; }
.analytics-summary-grid, .security-status-grid, .case-summary { gap: 11px; }
.analytics-stat div > span:first-child, .security-status span, .case-summary-item span { font-size: 9px; }

.tool-section, .settings-form, .table-wrap { margin-top: 18px; border-top-color: rgba(191,207,228,.1); }
.section-heading { padding: 27px 0 17px; }
.section-heading h2 { font-size: 16px; font-weight: 600; }
.section-heading p, .analytics-heading > div:first-child > p:last-child { color: #8e9bac; font-size: 10px; }
.settings-form { padding-top: 4px; }
.setting-row { min-height: 82px; border-bottom-color: rgba(191,207,228,.09); }
.setting-row label, .form-grid > label > span, .field-full > span, .selection-heading > span { font-size: 11px; }
.setting-row p, .form-grid > label > small, .form-control-group > small { color: #8794a6; font-size: 9px; }
.form-grid { gap: 20px; }

/* Controls */
input[type="text"], input[type="number"], input[type="search"], input[type="url"], select, textarea {
  border-color: rgba(191,207,228,.12);
  background: #101927;
  color: var(--text);
  transition: border-color .18s ease, background-color .18s ease, box-shadow .18s ease;
}
input[type="text"], input[type="number"], input[type="url"], select { height: 44px; padding-inline: 13px; }
textarea { min-height: 116px; padding: 12px 13px; }
input::placeholder, textarea::placeholder { color: #647186; }
select option, select optgroup { background: #0e1724; }
input:hover:not(:disabled), select:hover:not(:disabled), textarea:hover:not(:disabled) { border-color: rgba(191,207,228,.21); background: #121d2b; }
input:focus, select:focus, textarea:focus { border-color: rgba(var(--accent-rgb),.62); background: #121d2b; box-shadow: var(--focus-ring); }
.multi-choice-list { border-color: rgba(191,207,228,.11); background: #0b121d; }
.multi-choice-item { min-height: 40px; color: #96a2b3; }
.multi-choice-item:hover { background: #131e2c; }
.multi-choice-item:has(input:checked) { border-color: rgba(var(--accent-rgb),.24); background: rgba(var(--accent-rgb),.075); }
.multi-choice-name { font-size: 10px; }
.segmented-control { min-height: 38px; border-color: rgba(191,207,228,.11); background: #0d151f; }
.segmented-control button { font-size: 9px; }
.segmented-control button.active { background: #162737; color: var(--text-primary); box-shadow: inset 0 0 0 1px rgba(var(--accent-rgb),.18); }
.switch span { background: #263244; }
.switch input:checked + span { background: var(--primary); box-shadow: 0 0 0 1px rgba(97,112,243,.18), 0 0 15px rgba(97,112,243,.14); }

.button { position: relative; overflow: hidden; min-height: 41px; padding-inline: 16px; border-radius: 6px; font-size: 10px; transition: border-color .18s ease, background-color .18s ease, color .18s ease, box-shadow .18s ease, transform .18s ease; }
.button-primary { border-color: rgba(var(--accent-rgb),.16); background: linear-gradient(135deg, #5d6bf0, var(--accent)); box-shadow: 0 10px 24px rgba(var(--accent-rgb),.13); }
.button-primary::after { position: absolute; inset: 0; background: linear-gradient(105deg, transparent 34%, rgba(255,255,255,.18) 48%, transparent 62%); content: ""; transform: translateX(-130%); transition: transform .55s ease; }
.button-primary:hover::after { transform: translateX(130%); }
.button-primary:hover { filter: none; box-shadow: 0 13px 30px rgba(var(--accent-rgb),.22); }
.button-secondary { border-color: rgba(191,207,228,.12); background: #111a27; }
.button-secondary:hover { border-color: rgba(var(--accent-rgb),.3); background: #162230; color: var(--text-primary); }
.button-danger { border-color: rgba(239,104,107,.3); background: rgba(239,104,107,.08); color: #ffabad; }
.selection-clear, .number-stepper-controls { background: #101927; }
.state-badge { min-width: 76px; padding: 6px 10px; border-radius: 4px; font-size: 8px; }

/* Data surfaces */
.table-wrap, .analytics-ranking, .incident-list, .case-list, .command-availability-list, .developer-category-list, .guild-command-category-list, .developer-guild-list, .permission-list, .member-case-list { border-color: rgba(191,207,228,.1); background: #0a111b; }
table { font-size: 10px; }
th { color: #7f8b9d; font-size: 8px; }
td { color: #dbe2eb; }
tr, .analytics-ranking-row, .incident-row, .case-row, .registry-row, .developer-category-row, .command-availability-row, .permission-item, .member-case-row { border-color: rgba(191,207,228,.08); background: #0d141e; }
tbody tr:hover, .analytics-ranking-row:hover, .developer-category-row:hover, .command-availability-row:hover { background: #111b28; }
.audit-entry { border-bottom-color: rgba(191,207,228,.09); }
.audit-entry-main strong { font-size: 10px; }
.audit-entry-main span, .audit-entry time { font-size: 8px; }
.analytics-chart-grid { border-bottom-color: rgba(191,207,228,.11); background: repeating-linear-gradient(to top, transparent 0, transparent 52px, rgba(191,207,228,.05) 53px); }
.analytics-bar { box-shadow: 0 0 14px rgba(var(--accent-rgb),.1); }
.analytics-bar-track strong { background: #111a27; font-size: 9px; }
.analytics-day time { color: #7f8b9d; font-size: 8px; }

/* Feature-specific workspaces */
.command-preset, .module-status, .counter-chip, .security-status, .case-summary-item { background: #0d141e; }
.command-preset:hover, .module-status:hover { border-color: rgba(var(--accent-rgb),.28); background: #111b28; }
.command-preset.active { border-color: rgba(96,165,250,.4); background: rgba(96,165,250,.065); }
.command-preset strong, .module-status span { font-size: 10px; }
.command-preset small { font-size: 8px; }
.emergency-block { border-color: rgba(191,207,228,.1); background: #0f1824; }
.case-view-tabs { border-color: rgba(191,207,228,.1); background: #090f18; }
.case-view-tabs button { font-size: 8px; }
.case-view-tabs button.active { border-color: rgba(var(--accent-rgb),.22); background: #122431; color: var(--text-primary); }
.case-drawer, .member-action-form { border-color: rgba(var(--accent-rgb),.18); background: #0a111b; box-shadow: var(--panel-shadow); }

.member-center-layout { border-color: rgba(191,207,228,.11); background: #0a111b; box-shadow: var(--panel-shadow); }
.member-directory { border-right-color: rgba(191,207,228,.09); background: #080e17; }
.member-row { border-bottom-color: rgba(191,207,228,.075); }
.member-row:hover, .member-row.selected { background: #111c29; }
.member-row-main > strong { font-size: 10px; }
.member-row-main > small { font-size: 8px; }
.member-mini-badge { font-size: 7px; }
.member-profile-content { padding: 22px; }
.member-profile-header h2 { font-size: 18px; }
.member-profile-header p { font-size: 9px; }
.member-profile-facts > div { background: #0f1723; }
.member-profile-facts span { font-size: 8px; }
.member-profile-facts strong { font-size: 9px; }
.member-profile-section-heading h3 { font-size: 11px; }
.member-profile-section-heading p { font-size: 8px; }
.member-action-button { background: #0f1723; font-size: 8px; }
.member-action-button:hover:not(:disabled) { border-color: rgba(var(--accent-rgb),.3); background: #14202e; }

/* Readable density for the data-heavy views */
.analytics-stat small, .analytics-trend, .analytics-ranking-row > b, .analytics-ranking-empty,
.command-preset small, .command-availability-main small, .command-availability-main > div > span,
.command-availability-status, .inspector-metrics span, .maintenance-unsaved,
.maintenance-message-heading > span, .maintenance-actions > p, .owner-broadcast-summary > span small,
.owner-broadcast-progress-heading small, .owner-broadcast-result > span, .owner-delivery-row small,
.owner-delivery-row em, .discord-preview-content time, .discord-embed small { font-size: 9px; }
th, .state-badge { font-size: 9px; }
.bot-tag { font-size: 8px; }
.incident-row small, .incident-row time, .case-view-tabs button, .registry-notice,
.case-person small, .case-moderator, .case-row time, .case-detail-grid dt,
.case-notes small { font-size: 9px; }
.case-view-tabs button b { font-size: 8px; }
.registry-user small, .registry-detail span { font-size: 8px; }
.registry-detail strong { font-size: 9px; }
.member-row-main > small, .member-row-meta small, .member-list-empty span,
.member-profile-empty span, .member-profile-header p, .profile-badge,
.member-profile-facts span, .member-profile-section-heading p, .member-role,
.member-action-button, .member-action-form-heading span, .member-action-notice,
.member-case-row small, .member-case-row time, .member-history-empty { font-size: 9px; }
.member-mini-badge { font-size: 8px; }

.toast { right: 24px; bottom: 24px; padding: 13px 15px; border-color: rgba(var(--accent-rgb),.3); border-left: 3px solid var(--cyan); background: #111a25; color: #eaf1f7; box-shadow: 0 18px 46px rgba(0,0,0,.42); font-size: 10px; transform: translate(8px, 6px); }
.toast.visible { transform: translate(0,0); }
.toast.error { border-color: rgba(239,104,107,.42); border-left-color: var(--red); }

@keyframes menu-open { from { opacity: 0; transform: translateY(-5px) scale(.985); } to { opacity: 1; transform: translateY(0) scale(1); } }
@keyframes control-view-in { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }

@media (max-width: 1120px) {
  :root { --sidebar-width: 258px; }
  .view-stack, .empty-state { padding-inline: 30px; }
  .stats-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width: 980px) {
  .sidebar { width: min(290px, 88vw); }
  .topbar { height: 64px; padding-inline: 18px; }
  .workspace-scroll { height: calc(100vh - 64px); }
  .view-stack, .empty-state { padding: 28px 22px 68px; }
}

@media (max-width: 620px) {
  .login-language-button { top: 14px; right: 14px; min-width: 64px; height: 36px; }
  .login-panel { padding: 30px 22px; }
  .login-panel h1 { font-size: 22px; }
  .view-stack, .empty-state { padding: 24px 15px 58px; }
  .view-heading { min-height: 58px; margin-bottom: 22px; }
  .view-heading h1 { font-size: 22px; }
  .stats-grid { grid-template-columns: 1fr; gap: 9px; }
  .stat-card { min-height: 78px; }
  .form-grid { gap: 14px; }
  .button { min-height: 42px; }
  .toast { right: 14px; bottom: 14px; max-width: calc(100vw - 28px); }
}

/* Expanded dashboard layout */
.topbar { display: grid; grid-template-columns: minmax(180px,1fr) minmax(240px,380px) minmax(180px,1fr); }
.topbar-actions { justify-self: end; }
.panel-search-trigger {
  width: 100%;
  height: 38px;
  display: grid;
  grid-template-columns: 18px minmax(0,1fr) auto;
  align-items: center;
  gap: 9px;
  padding: 0 10px 0 12px;
  border: 1px solid rgba(191,207,228,.11);
  border-radius: 6px;
  background: #0d151f;
  color: #778599;
  text-align: left;
  cursor: pointer;
  transition: border-color .18s ease, background-color .18s ease, color .18s ease, transform .18s ease;
}
.panel-search-trigger:hover { border-color: rgba(var(--accent-rgb),.3); background: #111c29; color: #b8c4d3; transform: translateY(-1px); }
.panel-search-trigger > i { color: var(--dashboard-accent-text, var(--accent-hover)); font-size: 11px; }
.panel-search-trigger > span { overflow: hidden; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
kbd { min-width: 22px; min-height: 21px; display: inline-grid; place-items: center; padding: 2px 6px; border: 1px solid rgba(191,207,228,.13); border-bottom-color: rgba(191,207,228,.24); border-radius: 4px; background: #141e2b; color: #8996a8; font: 600 8px/1 var(--font-body); box-shadow: 0 1px 0 rgba(255,255,255,.035); }

.view-heading { position: relative; align-items: center; padding-bottom: 18px; border-bottom: 1px solid rgba(191,207,228,.09); }
.view-heading::after { position: absolute; bottom: -1px; left: 0; width: 48px; height: 2px; background: linear-gradient(90deg, var(--cyan), var(--primary)); content: ""; }
.view-heading > div:first-child { min-width: 0; }

.overview-server-banner {
  min-height: 84px;
  display: grid;
  grid-template-columns: 52px minmax(0,1fr) auto;
  align-items: center;
  gap: 15px;
  margin: -8px 0 18px;
  padding: 14px 16px;
  border: 1px solid rgba(191,207,228,.1);
  border-left: 2px solid var(--cyan);
  border-radius: 7px;
  background: linear-gradient(90deg, rgba(var(--accent-rgb),.055), #0c141e 34%, #0b121b);
}
.overview-guild-avatar { width: 52px; height: 52px; display: grid; place-items: center; overflow: hidden; border: 1px solid rgba(var(--accent-rgb),.2); border-radius: 7px; background: #172437; color: var(--text-primary); font-size: 17px; font-weight: 700; }
.overview-guild-avatar img { width: 100%; height: 100%; object-fit: cover; }
.overview-guild-copy { min-width: 0; }
.overview-guild-copy > span { display: block; color: #718094; font-size: 8px; font-weight: 700; text-transform: uppercase; }
.overview-guild-copy h2 { overflow: hidden; margin: 3px 0 4px; font-size: 17px; text-overflow: ellipsis; white-space: nowrap; }
.overview-guild-copy p { display: flex; align-items: center; gap: 7px; margin: 0; color: #8c9aac; font-size: 9px; }
.overview-guild-copy .status-dot { width: 6px; height: 6px; }

.overview-dashboard-grid { display: grid; grid-template-columns: minmax(0,1fr) 318px; align-items: start; gap: 18px; margin-top: 2px; }
.overview-main-column { min-width: 0; }
.overview-main-column .setup-summary { margin-bottom: 0; }
.overview-module-section { margin-top: 18px; }
.overview-module-section .module-status-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
.module-control-summary { display: grid; grid-template-columns: 38px minmax(0,1fr) auto; align-items: center; gap: 12px; margin-bottom: 12px; padding: 12px 14px; border: 1px solid rgba(var(--accent-rgb),.15); border-radius: 7px; background: linear-gradient(90deg,rgba(var(--accent-rgb),.055),rgba(11,18,27,.76) 42%,rgba(97,112,243,.035)); }
.module-control-summary-icon { width: 38px; height: 38px; display: grid; place-items: center; border: 1px solid rgba(var(--accent-rgb),.2); border-radius: 6px; background: rgba(var(--accent-rgb),.075); color: var(--dashboard-accent-text, var(--accent-hover)); }
.module-control-summary-copy { min-width: 0; }
.module-control-summary-copy strong, .module-control-summary-copy span { display: block; }
.module-control-summary-copy strong { color: #edf4fb; font-size: 11px; }
.module-control-summary-copy span { margin-top: 3px; color: #77869a; font-size: 8px; line-height: 1.45; }
.module-control-summary-metrics { display: flex; align-items: stretch; overflow: hidden; border: 1px solid rgba(191,207,228,.09); border-radius: 6px; background: rgba(5,10,17,.3); }
.module-control-summary-metrics > span { min-width: 62px; padding: 8px 10px; border-left: 1px solid rgba(191,207,228,.08); text-align: center; }
.module-control-summary-metrics > span:first-child { border-left: 0; }
.module-control-summary-metrics b, .module-control-summary-metrics small { display: block; }
.module-control-summary-metrics b { color: #edf4fb; font-size: 11px; }
.module-control-summary-metrics > span:first-child b { color: var(--green); }
.module-control-summary-metrics small { margin-top: 2px; color: #718095; font-size: 7px; font-weight: 700; text-transform: uppercase; }
.overview-module-section .module-status { min-height: 86px; display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 0; overflow: hidden; padding: 0; border-color: rgba(191,207,228,.1); background: #0b131e; cursor: default; transform: none; }
.overview-module-section .module-status:hover { transform: none; border-color: rgba(var(--accent-rgb),.22); background: #0c1622; }
.overview-module-section .module-status.is-enabled { border-color: rgba(var(--accent-rgb),.16); box-shadow: inset 2px 0 0 rgba(var(--accent-rgb),.72); }
.overview-module-section .module-status.is-disabled { box-shadow: inset 2px 0 0 rgba(113,128,149,.2); }
.overview-module-section .module-status.is-saving { pointer-events: none; opacity: .72; }
.module-status-main { min-width: 0; height: 100%; display: grid; grid-template-columns: 34px minmax(0,1fr) 12px; align-items: center; gap: 10px; padding: 13px 10px 13px 14px; border: 0; background: transparent; color: inherit; text-align: left; cursor: pointer; }
.module-status-main:hover .module-status-arrow { color: var(--dashboard-accent-text, var(--accent-hover)); transform: translateX(2px); }
.module-status-main:disabled { cursor: not-allowed; opacity: .58; }
.module-status-icon { width: 34px; height: 34px; display: grid; place-items: center; border: 1px solid rgba(111,129,157,.16); border-radius: 6px; background: #111d2c; color: #8291a7; font-size: 11px; }
.module-status.is-enabled .module-status-icon { border-color: rgba(var(--accent-rgb),.18); background: rgba(var(--accent-rgb),.07); color: var(--green); }
.module-status.is-saving .module-status-icon i { animation: module-control-spin .7s linear infinite; }
.module-status-copy { min-width: 0; }
.overview-module-section .module-status-copy strong, .overview-module-section .module-status-copy small { display: block; }
.overview-module-section .module-status-copy strong { overflow: hidden; color: #e8eef6; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.overview-module-section .module-status-copy strong em { display: inline-grid; min-width: 17px; height: 17px; margin-left: 6px; place-items: center; border: 1px solid rgba(var(--accent-rgb),.16); border-radius: 999px; background: rgba(var(--accent-rgb),.06); color: var(--accent-hover); font-size: 7px; font-style: normal; vertical-align: middle; }
.overview-module-section .module-plus-marker { width: auto; margin-left: 6px; color: var(--accent-hover); font-size: 7px; vertical-align: 1px; }
.overview-module-section .module-status-copy small { margin-top: 4px; overflow: hidden; color: #718095; font-size: 8px; line-height: 1.4; text-overflow: ellipsis; white-space: nowrap; }
.module-status-arrow { color: #526176; font-size: 8px; transition: color .18s ease, transform .18s ease; }
.module-status-control { align-self: stretch; min-width: 104px; display: grid; place-content: center; justify-items: end; gap: 7px; padding: 10px 13px; border-left: 1px solid rgba(191,207,228,.075); background: rgba(5,10,17,.2); }
.module-status-label { display: inline-flex; align-items: center; gap: 5px; color: #6f7d91; font-size: 7px; font-weight: 700; text-transform: uppercase; white-space: nowrap; }
.module-status-label.on { color: var(--green); }
.module-status-label i { font-size: 7px; }
.module-status-switch { width: 36px; height: 20px; }
.module-status-switch span::after { top: 3px; left: 3px; width: 14px; height: 14px; }
.module-status-switch input:checked + span::after { transform: translateX(16px); }
.module-status-switch input:disabled + span { cursor: not-allowed; opacity: .5; }
.module-status.is-locked .module-status-main { opacity: .7; }
@keyframes module-control-spin { to { transform: rotate(360deg); } }
.overview-side-column { display: grid; gap: 14px; }
.overview-side-panel { overflow: hidden; border: 1px solid rgba(191,207,228,.1); border-radius: 7px; background: #0b121b; }
.overview-plan-panel { position: relative; border-color: rgba(97,112,243,.22); background: #0c1521; }
.overview-plan-accent { height: 3px; background: #5865f2; transition: background-color .2s ease; }
.overview-plan-panel.is-plus { border-color: rgba(var(--accent-rgb),.34); }
.overview-plan-panel.is-plus .overview-plan-accent { background: linear-gradient(90deg,var(--accent),#5865f2); }
.overview-plan-content { min-height: 92px; display: grid; grid-template-columns: 38px minmax(0,1fr) auto; align-items: center; gap: 11px; padding: 13px; }
.overview-plan-icon { width: 38px; height: 38px; display: grid; place-items: center; border: 1px solid rgba(97,112,243,.25); border-radius: 6px; background: rgba(97,112,243,.1); color: #afb7ff; }
.overview-plan-panel.is-plus .overview-plan-icon { border-color: rgba(var(--accent-rgb),.28); background: rgba(var(--accent-rgb),.08); color: var(--dashboard-accent-text, var(--accent-hover)); }
.overview-plan-copy { min-width: 0; }
.overview-plan-copy small, .overview-plan-copy strong, .overview-plan-copy span { display: block; }
.overview-plan-copy small { color: #718095; font-size: 8px; font-weight: 700; text-transform: uppercase; }
.overview-plan-copy strong { margin-top: 2px; color: #f4f7fb; font-size: 13px; line-height: 1.3; overflow-wrap: anywhere; }
.overview-plan-copy span { margin-top: 4px; color: #8795a7; font-size: 8px; line-height: 1.45; }
.overview-plan-content > .state-badge { min-width: 62px; padding-inline: 8px; white-space: nowrap; }
.overview-plan-usage { margin: 0 13px 12px; padding: 11px; border: 1px solid rgba(191,207,228,.085); border-radius: 6px; background: rgba(5,10,17,.34); }
.overview-plan-meter-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; color: #8492a5; font-size: 8px; }
.overview-plan-meter-heading strong { color: #e5edf6; font-size: 9px; }
.overview-plan-meter { height: 5px; overflow: hidden; margin-top: 8px; border-radius: 2px; background: rgba(191,207,228,.09); }
.overview-plan-meter span { display: block; width: 0; height: 100%; border-radius: inherit; background: #6975f3; transition: width .35s ease; }
.overview-plan-meter.unlimited span { background: linear-gradient(90deg,var(--accent),#5865f2); }
.overview-plan-meta { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; margin-top: 10px; }
.overview-plan-meta > div { min-width: 0; display: grid; grid-template-columns: 20px minmax(0,1fr); align-items: center; gap: 7px; padding-top: 9px; border-top: 1px solid rgba(191,207,228,.07); }
.overview-plan-meta > div > i { color: #617188; font-size: 9px; text-align: center; }
.overview-plan-panel.is-plus .overview-plan-meta > div > i { color: var(--accent-hover); }
.overview-plan-meta span, .overview-plan-meta small, .overview-plan-meta strong { min-width: 0; display: block; }
.overview-plan-meta small { overflow: hidden; color: #68778b; font-size: 7px; text-overflow: ellipsis; white-space: nowrap; }
.overview-plan-meta strong { overflow: hidden; margin-top: 2px; color: #bac5d2; font-size: 8px; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }
.overview-plan-action { width: 100%; min-height: 37px; display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 0 13px; border: 0; border-top: 1px solid rgba(191,207,228,.08); background: #0d1723; color: #9eabbc; font: inherit; font-size: 8px; font-weight: 600; cursor: pointer; transition: background-color .18s ease, color .18s ease, padding-left .18s ease; }
.overview-plan-action:hover { padding-left: 16px; background: #111d2a; color: var(--text-primary); }
.overview-plan-action i { color: #59687c; transition: color .18s ease, transform .18s ease; }
.overview-plan-action:hover i { color: var(--dashboard-accent-text, var(--accent-hover)); transform: translateX(2px); }
.command-channel-section .form-control-group { max-width: none; }
.command-channel-list { min-height: 112px; max-height: 240px; grid-template-columns: repeat(2,minmax(0,1fr)); }
.command-channel-section .autosave-note { margin-top: 13px; }
.overview-side-heading { min-height: 68px; display: grid; grid-template-columns: 34px minmax(0,1fr); align-items: center; gap: 10px; padding: 12px 13px; border-bottom: 1px solid rgba(191,207,228,.08); background: #0d151f; }
.overview-side-heading > span { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 6px; background: rgba(var(--accent-rgb),.08); color: var(--dashboard-accent-text, var(--accent-hover)); }
.overview-side-heading h2 { margin: 0; font-size: 11px; }
.overview-side-heading p { margin: 3px 0 0; color: #778598; font-size: 8px; }
.overview-quick-actions { display: grid; }
.overview-quick-actions button { min-height: 59px; display: grid; grid-template-columns: 30px minmax(0,1fr) 12px; align-items: center; gap: 9px; padding: 9px 12px; border: 0; border-bottom: 1px solid rgba(191,207,228,.075); background: transparent; color: var(--text); text-align: left; cursor: pointer; transition: background-color .18s ease, padding-left .18s ease; }
.overview-quick-actions button:last-child { border-bottom: 0; }
.overview-quick-actions button:hover { padding-left: 15px; background: #111c29; }
.overview-quick-actions button > i:first-child { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 5px; background: rgba(97,112,243,.1); color: #aeb6ff; }
.overview-quick-actions button:nth-child(2) > i:first-child { background: rgba(245,200,91,.075); color: var(--yellow); }
.overview-quick-actions button:nth-child(3) > i:first-child { background: rgba(96,165,250,.075); color: var(--green); }
.overview-quick-actions button > span { min-width: 0; }
.overview-quick-actions strong, .overview-quick-actions small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.overview-quick-actions strong { font-size: 9px; }
.overview-quick-actions small { margin-top: 3px; color: #778598; font-size: 8px; }
.overview-quick-actions button > i:last-child { color: #536176; font-size: 8px; transition: color .18s ease, transform .18s ease; }
.overview-quick-actions button:hover > i:last-child { color: var(--dashboard-accent-text, var(--accent-hover)); transform: translateX(2px); }
.overview-health-list { display: grid; padding: 5px 12px; }
.overview-health-list > div { min-height: 43px; display: flex; align-items: center; justify-content: space-between; gap: 12px; border-bottom: 1px solid rgba(191,207,228,.07); }
.overview-health-list > div:last-child { border-bottom: 0; }
.overview-health-list span { color: #8794a6; font-size: 8px; }
.overview-health-list strong { color: #d8e0ea; font-size: 9px; font-weight: 600; }
.overview-health-list strong.good { display: inline-flex; align-items: center; gap: 6px; color: var(--green); }
.overview-health-list strong.good i { width: 5px; height: 5px; border-radius: 50%; background: currentColor; box-shadow: 0 0 0 3px rgba(96,165,250,.08); }

.setup-summary { gap: 15px 18px; padding: 17px; border-color: rgba(191,207,228,.11); border-left: 2px solid var(--primary); box-shadow: none; }
.progress-track { background: rgba(191,207,228,.08); }
.progress-track span { background: linear-gradient(90deg, var(--primary), var(--cyan)); }

.settings-form {
  overflow: hidden;
  padding: 0 20px 20px;
  border: 1px solid rgba(191,207,228,.1);
  border-radius: 7px;
  background: rgba(10,17,27,.72);
}
.settings-form.compact-form { padding-top: 8px; }
.setting-row { margin-inline: -8px; padding-inline: 8px; transition: background-color .18s ease; }
.setting-row:hover { background: rgba(191,207,228,.025); }
.field-invalid input:not([type="checkbox"]):not([type="radio"]),
.field-invalid select,
.field-invalid textarea { border-color: rgba(255,93,108,.72) !important; background: rgba(43,17,25,.55) !important; box-shadow: 0 0 0 3px rgba(255,93,108,.07) !important; }
.field-invalid input:focus,
.field-invalid select:focus,
.field-invalid textarea:focus { border-color: #ff6f7e !important; box-shadow: 0 0 0 3px rgba(255,93,108,.11) !important; }
.field-validation-message { min-height: 22px; display: flex !important; align-items: flex-start; gap: 6px; margin-top: 1px; color: #ff8290 !important; font-size: 8px !important; font-weight: 500 !important; line-height: 1.45; animation: validation-message-in .18s ease both; }
.field-validation-message i { margin-top: 2px; color: #ff6677; font-size: 8px; }
.setting-row.field-invalid { flex-wrap: wrap; }
.setting-row.field-invalid > .field-validation-message { width: 100%; flex-basis: 100%; margin-top: -12px; padding-left: 2px; }
@keyframes validation-message-in { from { opacity: 0; transform: translateY(-3px); } to { opacity: 1; transform: translateY(0); } }
.form-actions { margin-top: 18px; padding-top: 17px; border-top: 1px solid rgba(191,207,228,.08); }
.form-block { margin-inline: -20px; padding-inline: 20px; }

@media (max-width: 1080px) {
  .ticket-customizer { grid-template-columns: 1fr; }
  .ticket-preview-column { position: static; grid-template-columns: repeat(2,minmax(0,1fr)); }
  .ticket-preview-heading { grid-column: 1 / -1; }
  .inspector-header-actions { flex-wrap: wrap; }
}

@media (max-width: 700px) {
  .command-channel-list { grid-template-columns: 1fr; }
  .overview-plan-meta { grid-template-columns: 1fr; }
  .ticket-preview-column { grid-template-columns: 1fr; padding: 12px; }
  .ticket-button-grid { grid-template-columns: 1fr; }
  .ticket-config-section .form-grid .span-two { grid-column: auto; }
  .inspector-header { grid-template-columns: 42px minmax(0,1fr); }
  .inspector-header-actions { grid-column: 1 / -1; justify-content: stretch; }
  .inspector-header-actions > * { flex: 1; }
  .inspector-module-groups { grid-template-columns: 1fr; }
  .inspector-module-group.group-commands { grid-column: auto; }
  .group-commands .inspector-module-list { grid-template-columns: 1fr; }
}
.feature-lab .test-grid, .broadcast-preview { border-color: rgba(191,207,228,.1); background: #0b121b; }
.server-detail-grid, .diagnostics-grid { gap: 8px; }
.detail-item, .diagnostic-item { position: relative; overflow: hidden; background: #0d141e; }
.detail-item::before, .diagnostic-item::before { position: absolute; inset: 0 auto 0 0; width: 2px; background: rgba(var(--accent-rgb),.5); content: ""; }

/* Panel command palette */
body.panel-command-open { overflow: hidden; }
.panel-command-palette { position: fixed; inset: 0; z-index: 120; display: grid; place-items: start center; padding: min(14vh,130px) 18px 18px; }
.panel-command-backdrop { position: absolute; inset: 0; border: 0; background: rgba(2,5,9,.72); backdrop-filter: blur(8px); cursor: default; animation: palette-fade .18s ease both; }
.panel-command-dialog { position: relative; width: min(590px,100%); overflow: hidden; border: 1px solid rgba(191,207,228,.16); border-radius: 8px; background: #09111b; box-shadow: 0 34px 90px rgba(0,0,0,.58); animation: palette-open .22s cubic-bezier(.2,.8,.2,1) both; }
.panel-command-dialog::before { position: absolute; inset: 0 0 auto; height: 2px; background: linear-gradient(90deg, var(--cyan), var(--primary) 62%, transparent); content: ""; }
.panel-command-search { height: 58px; display: grid; grid-template-columns: 20px minmax(0,1fr) auto; align-items: center; gap: 10px; padding: 0 15px; border-bottom: 1px solid rgba(191,207,228,.1); }
.panel-command-search > i { color: var(--dashboard-accent-text, var(--accent-hover)); }
.panel-command-search input[type="search"] { height: 56px; padding: 0; border: 0; background: transparent; box-shadow: none; font-size: 12px; }
.panel-command-search input[type="search"]:focus, .panel-command-search input[type="search"]:hover { border: 0; background: transparent; box-shadow: none; }
.panel-command-meta { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 12px 14px 8px; }
.panel-command-meta strong { font-size: 9px; text-transform: uppercase; }
.panel-command-meta span { color: #728095; font-size: 8px; }
.panel-command-results { max-height: min(430px,55vh); overflow-y: auto; padding: 5px 8px 9px; }
.panel-command-result { width: 100%; min-height: 56px; display: grid; grid-template-columns: 34px minmax(0,1fr) 14px; align-items: center; gap: 10px; padding: 8px 10px; border: 1px solid transparent; border-radius: 6px; background: transparent; color: var(--text); text-align: left; cursor: pointer; transition: border-color .14s ease, background-color .14s ease, transform .14s ease; }
.panel-command-result:hover, .panel-command-result.active { border-color: rgba(var(--accent-rgb),.18); background: #111d2a; transform: translateX(2px); }
.panel-command-icon { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 6px; background: #162233; color: #9ca8ff; }
.panel-command-result.active .panel-command-icon { background: rgba(var(--accent-rgb),.11); color: var(--dashboard-accent-text, var(--accent-hover)); }
.panel-command-result > span:nth-child(2) { min-width: 0; }
.panel-command-result strong, .panel-command-result small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.panel-command-result strong { font-size: 10px; }
.panel-command-result small { margin-top: 3px; color: #748196; font-size: 8px; }
.panel-command-result > i { color: #536176; font-size: 8px; }
.panel-command-result.active > i { color: var(--dashboard-accent-text, var(--accent-hover)); }
.panel-command-empty { min-height: 150px; display: grid; place-content: center; justify-items: center; gap: 10px; color: #78869a; font-size: 9px; }
.panel-command-empty i { font-size: 19px; }
.panel-command-dialog footer { min-height: 42px; display: flex; align-items: center; justify-content: flex-end; gap: 16px; padding: 8px 13px; border-top: 1px solid rgba(191,207,228,.08); background: #0b131e; color: #738095; font-size: 8px; }
.panel-command-dialog footer > span { display: inline-flex; align-items: center; gap: 5px; }

@keyframes palette-fade { from { opacity: 0; } }
@keyframes palette-open { from { opacity: 0; transform: translateY(-10px) scale(.985); } to { opacity: 1; transform: translateY(0) scale(1); } }

@media (max-width: 1120px) {
  .overview-dashboard-grid { grid-template-columns: 1fr; }
  .overview-side-column { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width: 860px) {
  .topbar { grid-template-columns: minmax(0,1fr) auto; }
  .panel-search-trigger { display: none; }
  .overview-module-section .module-status-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width: 760px) {
  .topbar { grid-template-columns: auto minmax(0,1fr) auto; }
}

@media (max-width: 620px) {
  .overview-server-banner { grid-template-columns: 44px minmax(0,1fr); }
  .overview-guild-avatar { width: 44px; height: 44px; }
  .overview-server-banner > .button { grid-column: 1 / -1; }
  .overview-side-column { grid-template-columns: 1fr; }
  .overview-module-section .module-status-grid { grid-template-columns: 1fr; }
  .module-control-summary { grid-template-columns: 34px minmax(0,1fr); padding: 11px; }
  .module-control-summary-icon { width: 34px; height: 34px; }
  .module-control-summary-metrics { grid-column: 1 / -1; width: 100%; }
  .module-control-summary-metrics > span { flex: 1; min-width: 0; }
  .module-status-control { min-width: 92px; padding-inline: 10px; }
  .settings-form { padding-inline: 14px; }
  .form-block { margin-inline: -14px; padding-inline: 14px; }
  .panel-command-palette { padding: 12px; align-items: center; }
  .panel-command-meta { align-items: flex-start; flex-direction: column; gap: 3px; }
  .panel-command-dialog footer { justify-content: flex-start; }
}

/* Refined sidebar navigation and server workspace switcher */
@media (min-width: 981px) {
  :root { --sidebar-width: 286px; }
}

.sidebar {
  isolation: isolate;
  background:
    linear-gradient(180deg, rgba(12,20,31,.98), rgba(6,10,17,.985) 42%),
    #070b12;
}

.sidebar::after {
  position: absolute;
  z-index: 0;
  inset: 0 0 0 auto;
  width: 1px;
  background: linear-gradient(180deg, rgba(var(--accent-rgb),.34), rgba(132,143,255,.1) 42%, transparent 86%);
  content: "";
}

.dashboard-nav { display: flex; flex-direction: column; gap: 0; padding: 3px 4px 16px 0; scroll-behavior: smooth; }
.nav-section { --nav-accent: #7f8cff; display: grid; gap: 3px; animation: nav-section-in .34s cubic-bezier(.2,.8,.2,1) both; }
.nav-section + .nav-section { margin-top: 12px; padding-top: 11px; border-top: 1px solid rgba(159,178,207,.07); }
.nav-section:nth-child(2) { --nav-accent: var(--accent); animation-delay: 45ms; }
.nav-section:nth-child(3) { --nav-accent: var(--accent); animation-delay: 90ms; }
.nav-section:nth-child(4) { --nav-accent: #ffb86b; animation-delay: 135ms; }
.nav-section-label { min-height: 25px; display: flex; align-items: center; gap: 7px; padding: 0 10px; color: #667489; font-size: 8px; font-weight: 700; text-transform: uppercase; }
.nav-section-label > i { width: 14px; color: var(--nav-accent, #7f8cff); font-size: 8px; text-align: center; opacity: .85; }
.nav-item {
  min-height: 43px;
  height: auto;
  grid-template-columns: 31px minmax(0,1fr) 14px;
  gap: 8px;
  padding: 5px 9px 5px 8px;
  border-radius: 7px;
  overflow: hidden;
}
.nav-item::before {
  position: absolute;
  inset: 7px auto 7px 0;
  width: 2px;
  border-radius: 0 2px 2px 0;
  background: var(--nav-accent, var(--cyan));
  opacity: 0;
  content: "";
  transform: scaleY(.35);
  transition: opacity .18s ease, transform .18s ease;
}
.nav-item > i:first-child { width: 29px; height: 29px; display: grid; place-items: center; border: 1px solid transparent; border-radius: 6px; background: rgba(159,178,207,.025); color: #76849a; font-size: 11px; transition: border-color .18s ease, background-color .18s ease, color .18s ease, transform .18s ease; }
.nav-item > span { overflow: hidden; color: inherit; font-size: 10px; font-weight: 520; text-overflow: ellipsis; white-space: nowrap; }
.nav-item .nav-item-arrow { width: 14px; color: #4d5a6d; font-size: 7px; opacity: 0; transform: translateX(-4px); transition: color .18s ease, opacity .18s ease, transform .18s ease; }
.nav-item:hover { border-color: rgba(159,178,207,.09); background: rgba(20,31,45,.88); transform: translateX(2px); }
.nav-item > i:first-child::before,
.developer-subnav-item > i:first-child::before { display: inline-block; transform-origin: center; transition: color .18s ease, filter .18s ease, transform .18s ease; }
.nav-item:hover > i:first-child { border-color: color-mix(in srgb, var(--nav-accent, var(--cyan)) 24%, transparent); background: color-mix(in srgb, var(--nav-accent, var(--cyan)) 8%, transparent); color: var(--nav-accent, var(--cyan)); }
.nav-item:hover .nav-item-arrow { color: var(--nav-accent, var(--cyan)); opacity: .8; transform: translateX(0); }
.nav-item.active { border-color: color-mix(in srgb, var(--nav-accent, var(--cyan)) 17%, transparent); background: linear-gradient(90deg, color-mix(in srgb, var(--nav-accent, var(--cyan)) 13%, transparent), rgba(13,22,33,.72)); color: var(--text-primary); box-shadow: none; }
.nav-item.active::before { opacity: 1; transform: scaleY(1); }
.nav-item.active > i:first-child { border-color: color-mix(in srgb, var(--nav-accent, var(--cyan)) 25%, transparent); background: color-mix(in srgb, var(--nav-accent, var(--cyan)) 11%, transparent); color: var(--nav-accent, var(--cyan)); box-shadow: 0 0 18px color-mix(in srgb, var(--nav-accent, var(--cyan)) 9%, transparent); }
.nav-item.active .nav-item-arrow { color: var(--nav-accent, var(--cyan)); opacity: 1; transform: translateX(0); }
.nav-item:active { transform: translateX(1px) scale(.99); }
.nav-item[data-plus-feature] { padding-right: 49px; }
.nav-item .nav-plus-marker {
  position: absolute;
  right: 25px;
  width: 17px;
  height: 17px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(var(--accent-rgb),.24);
  border-radius: 4px;
  background: rgba(var(--accent-rgb),.08);
  color: var(--accent-hover);
  font-size: 7px;
  opacity: .84;
  pointer-events: auto;
}
.nav-item:not(.is-plus-locked) .nav-plus-marker {
  border-color: rgba(var(--accent-rgb),.3);
  background: rgba(var(--accent-rgb),.1);
  color: var(--accent-hover);
}
.nav-item.is-plus-locked > span { color: #8290a3; }
.nav-item.is-plus-locked:hover .nav-plus-marker { border-color: rgba(var(--accent-rgb),.42); color: var(--text-primary); }

.developer-nav-group { --nav-accent: #c28cff; margin-top: 2px; }
.nav-item-parent { grid-template-columns: 31px minmax(0,1fr) 14px; }
.nav-item-parent .developer-nav-chevron { width: 14px; font-size: 8px; opacity: 1; transform: none; }
.nav-item-parent.expanded .developer-nav-chevron { transform: rotate(180deg); }
.developer-subnav { margin: 4px 2px 5px 22px; padding: 4px 0 4px 11px; }
.developer-subnav-item { border-radius: 6px; }
.developer-subnav-item:hover { transform: translateX(2px); }

.view.active > * { animation: panel-content-in .3s cubic-bezier(.2,.8,.2,1) both; }
.view.active > :nth-child(2) { animation-delay: 35ms; }
.view.active > :nth-child(3) { animation-delay: 65ms; }
.view.active > :nth-child(n+4) { animation-delay: 85ms; }
.button:not(:disabled):active, .icon-button:not(:disabled):active, .language-button:not(:disabled):active { transform: translateY(1px) scale(.98); }

@keyframes nav-section-in { from { opacity: 0; transform: translateX(-7px); } to { opacity: 1; transform: translateX(0); } }
@keyframes server-option-in { from { opacity: 0; transform: translateY(5px); } to { opacity: 1; transform: translateY(0); } }
@keyframes panel-content-in { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: translateY(0); } }

@media (max-width: 760px) {
  .dashboard-nav { padding-bottom: 28px; }
}

@media (prefers-reduced-motion: reduce) {
  .nav-section, .view.active > * { animation: none !important; }
  .nav-item, .nav-item::before, .nav-item > i { transition: none !important; }
}

/* Music control center */
.music-heading > div:first-child > p:last-child { max-width: 680px; color: var(--muted); }
.state-badge.paused { border-color: rgba(255,184,107,.28); background: rgba(255,184,107,.09); color: #ffc58d; }
.music-billing-strip {
  display: grid;
  grid-template-columns: 42px minmax(0,1fr) auto;
  align-items: center;
  gap: 13px;
  margin: -3px 0 14px;
  padding: 12px 14px;
  border: 1px solid rgba(var(--accent-rgb),.16);
  border-radius: 8px;
  background: linear-gradient(100deg,rgba(var(--accent-rgb),.055),#0a1420 34%,#0a121d);
  box-shadow: inset 0 1px rgba(255,255,255,.02);
}
.music-billing-strip.is-plus { border-color: rgba(var(--accent-rgb),.3); background: linear-gradient(100deg,rgba(var(--accent-rgb),.09),rgba(101,116,247,.055) 45%,#0a121d); }
.music-billing-strip.is-unavailable { border-color: rgba(159,178,207,.1); background: #0a121d; }
.music-billing-icon { width: 42px; height: 42px; display: grid; place-items: center; border: 1px solid rgba(var(--accent-rgb),.2); border-radius: 7px; background: rgba(var(--accent-rgb),.08); color: var(--dashboard-accent-text, var(--accent-hover)); font-size: 14px; }
.music-billing-strip:not(.is-plus) .music-billing-icon { border-color: rgba(101,116,247,.2); background: rgba(101,116,247,.08); color: #8995ff; }
.music-billing-copy { min-width: 0; }
.music-billing-copy small,.music-billing-copy strong,.music-billing-copy span { display: block; }
.music-billing-copy small { color: var(--dashboard-accent-text, var(--accent-hover)); font-size: 7px; font-weight: 750; text-transform: uppercase; }
.music-billing-copy strong { margin-top: 3px; color: #edf4fb; font-size: 11px; }
.music-billing-copy span { margin-top: 3px; color: #8290a4; font-size: 8px; line-height: 1.45; }
.music-billing-strip .button { min-width: 160px; }
.music-billing-strip .button.is-loading i { animation: control-spin .7s linear infinite; }
.music-session-strip {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  margin: 10px 0 14px;
  overflow: hidden;
  border: 1px solid rgba(159,178,207,.1);
  border-radius: 8px;
  background: rgba(8,15,24,.82);
}
.music-session-strip > span { min-width: 0; display: grid; grid-template-columns: 28px minmax(0,1fr); grid-template-rows: auto auto; align-items: center; column-gap: 10px; padding: 11px 13px; border-right: 1px solid rgba(159,178,207,.08); }
.music-session-strip > span:last-child { border-right: 0; }
.music-session-strip i { grid-row: 1 / 3; width: 28px; height: 28px; display: grid; place-items: center; border-radius: 6px; background: rgba(var(--accent-rgb),.065); color: var(--accent-hover); font-size: 10px; }
.music-session-strip small { overflow: hidden; color: #65748a; font-size: 7px; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }
.music-session-strip strong { overflow: hidden; color: #dfe9f6; font-size: 9px; font-weight: 650; text-overflow: ellipsis; white-space: nowrap; }
.music-player-surface.is-working::after { position: absolute; inset: 0 0 auto; height: 2px; background: linear-gradient(90deg,transparent,var(--accent),#6574f7,transparent); background-size: 180% 100%; animation: music-session-working 1.1s linear infinite; content: ""; }
.music-control.is-working i,.music-remove.is-working i { animation: control-spin .7s linear infinite; }
@keyframes music-session-working { to { background-position: -180% 0; } }

/* Integration workspace */
.integration-overview {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin: -4px 0 12px;
}
.integration-overview article {
  min-height: 70px;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  padding: 11px 13px;
  border: 1px solid rgba(159,178,207,.1);
  border-radius: 7px;
  background: rgba(10,18,29,.72);
}
.integration-overview i { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 6px; background: rgba(var(--accent-rgb),.07); color: var(--dashboard-accent-text, var(--accent-hover)); }
.integration-overview article:nth-child(2) i { background: rgba(96,165,250,.07); color: var(--green); }
.integration-overview article:nth-child(3) i { background: rgba(255,184,107,.07); color: #ffc58d; }
.integration-overview article:nth-child(4) i { background: rgba(129,140,248,.07); color: #9aa4ff; }
.integration-overview span, .integration-overview strong { display: block; }
.integration-overview span { color: #77869a; font-size: 8px; }
.integration-overview strong { margin-top: 3px; color: #edf4fb; font-size: 17px; }

.integration-provider-strip button {
  min-height: 31px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 6px 10px;
  border: 1px solid rgba(159,178,207,.1);
  border-radius: 6px;
  background: #0b1320;
  color: #8e9aae;
  font: inherit;
  font-size: 8px;
  cursor: pointer;
  transition: border-color .18s ease, background-color .18s ease, color .18s ease, transform .18s ease;
}
.integration-provider-strip button:hover { border-color: rgba(var(--accent-rgb),.22); color: var(--text-primary); transform: translateY(-1px); }
.integration-provider-strip button.active { border-color: rgba(var(--accent-rgb),.32); background: rgba(var(--accent-rgb),.08); color: var(--text-primary); box-shadow: inset 0 -2px var(--cyan); }
.integration-provider-strip button i { color: var(--dashboard-accent-text, var(--accent-hover)); }
.integration-provider-strip button .fa-crosshairs { color: #f5b544; }
.integration-provider-strip button .fa-signal { color: #60a5fa; }

/* Public server page editor */
.public-page-layout { display: grid; grid-template-columns: minmax(390px,.9fr) minmax(420px,1.1fr); gap: 14px; align-items: start; }
.public-page-editor, .public-page-preview-section { min-width: 0; }
.slug-input { min-height: 42px; display: flex; align-items: center; overflow: hidden; border: 1px solid rgba(159,178,207,.18); border-radius: 6px; background: #151f31; }
.slug-input:focus-within { border-color: rgba(var(--accent-rgb),.42); box-shadow: 0 0 0 3px rgba(var(--accent-rgb),.06); }
.slug-input span { align-self: stretch; display: flex; align-items: center; padding: 0 10px; border-right: 1px solid rgba(159,178,207,.12); color: #7f8da2; font-size: 8px; }
.slug-input input { min-width: 0; border: 0 !important; background: transparent !important; box-shadow: none !important; }
.color-input { min-height: 42px; display: flex; align-items: center; gap: 9px; padding: 6px 9px; border: 1px solid rgba(159,178,207,.18); border-radius: 6px; background: #151f31; }
.color-input input { width: 34px; height: 28px; padding: 0; border: 0; background: transparent; cursor: pointer; }
.color-input output { color: #b9c6d6; font: 700 8px/1 monospace; text-transform: uppercase; }
.public-page-options { display: grid; gap: 7px; }
.public-page-options > div { min-height: 58px; display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 2px 12px; padding: 10px 11px; border: 1px solid rgba(159,178,207,.1); border-radius: 6px; background: rgba(7,13,22,.42); }
.public-page-options strong { color: #dce6f1; font-size: 8px; }
.public-page-options p { margin: 0; color: #718097; font-size: 7px; }
.public-page-options .switch { grid-column: 2; grid-row: 1 / 3; }
.public-page-preview { --public-accent: var(--accent); min-height: 500px; overflow: hidden; border: 1px solid color-mix(in srgb, var(--public-accent) 36%, transparent); border-radius: 7px; background: #080d16; box-shadow: 0 18px 44px rgba(0,0,0,.22); }
.public-preview-banner { height: 112px; background: #111c2c; border-bottom: 1px solid color-mix(in srgb, var(--public-accent) 22%, transparent); }
.public-preview-body { padding: 0 25px 26px; }
.public-preview-server { display: flex; align-items: flex-end; gap: 12px; margin-top: -27px; }
.public-preview-icon { width: 68px; height: 68px; flex: 0 0 68px; display: grid; place-items: center; overflow: hidden; border: 4px solid #080d16; border-radius: 50%; background: color-mix(in srgb, var(--public-accent) 15%, #111c2c); color: #fff; font-size: 20px; font-weight: 800; }
.public-preview-icon img { width: 100%; height: 100%; object-fit: cover; }
.public-preview-server > div { padding-bottom: 7px; }
.public-preview-server small { display: block; color: var(--public-accent); font-size: 6px; font-weight: 800; }
.public-preview-server h3 { margin: 2px 0 0; color: #f4f8fc; font-size: 12px; }
.public-preview-body > h2 { margin: 23px 0 7px; color: #f4f8fc; font-size: 19px; line-height: 1.25; }
.public-preview-body > p { min-height: 48px; margin: 0; color: #8f9caf; font-size: 8px; line-height: 1.65; }
.public-preview-stats { display: flex; gap: 22px; margin: 18px 0; padding: 14px 0; border-block: 1px solid rgba(159,178,207,.1); }
.public-preview-stats span { display: grid; color: #77859a; font-size: 7px; }
.public-preview-stats strong { color: #f4f8fc; font-size: 15px; }
.public-preview-features { margin: 17px 0; }
.public-preview-features small { color: #7b899c; font-size: 7px; font-weight: 700; text-transform: uppercase; }
.public-preview-features > div { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 7px; }
.public-preview-features span { padding: 5px 8px; border: 1px solid color-mix(in srgb, var(--public-accent) 24%, transparent); border-radius: 5px; background: color-mix(in srgb, var(--public-accent) 7%, transparent); color: #cdd9e7; font-size: 7px; }
.public-preview-body > button { min-height: 38px; display: inline-flex; align-items: center; gap: 8px; padding: 0 14px; border: 1px solid var(--public-accent); border-radius: 6px; background: var(--public-accent); color: #041017; font: inherit; font-size: 8px; font-weight: 800; }

@media (max-width: 1050px) { .public-page-layout { grid-template-columns: 1fr; } }
@media (max-width: 540px) { .public-page-preview { min-height: 450px; } .public-preview-body { padding-inline: 16px; } }

.integration-provider-preview {
  min-height: 72px;
  display: grid;
  grid-template-columns: 42px minmax(0,1fr) auto;
  align-items: center;
  gap: 12px;
  margin-bottom: 18px;
  padding: 11px 12px;
  border: 1px solid rgba(var(--accent-rgb),.14);
  border-radius: 7px;
  background: linear-gradient(90deg, rgba(var(--accent-rgb),.055), rgba(11,19,32,.35));
}
.integration-provider-preview > div { min-width: 0; }
.integration-provider-preview small, .integration-provider-preview strong, .integration-provider-preview p { display: block; }
.integration-provider-preview small { color: var(--dashboard-accent-text, var(--accent-hover)); font-size: 7px; font-weight: 700; text-transform: uppercase; }
.integration-provider-preview strong { margin-top: 2px; color: #edf4fb; font-size: 11px; }
.integration-provider-preview p { margin: 4px 0 0; color: #8997aa; font-size: 8px; line-height: 1.45; }
.integration-provider-preview[data-provider="callofduty"] { border-color: rgba(245,181,68,.2); background: linear-gradient(90deg, rgba(245,181,68,.055), rgba(11,19,32,.35)); }
.integration-provider-preview[data-provider="callofduty"] small { color: #f5b544; }
.integration-provider-preview[data-provider="callofduty"] .control-item-icon { border-color: rgba(245,181,68,.22); background: rgba(245,181,68,.08); color: #f5b544; }
.integration-item .control-item-main p b { color: #c9d4e2; font-weight: 650; }
.integration-item .control-item-main p span { color: #7c899c; }
.integration-item .control-item-main small { overflow: visible; line-height: 1.45; text-overflow: clip; white-space: normal; }
.integration-list-toolbar { display: grid; grid-template-columns: minmax(150px,1fr) minmax(112px,145px) minmax(112px,145px); gap: 8px; margin-bottom: 12px; }
.integration-list-toolbar .control-register-search { margin: 0; }
.integration-list { display: grid; gap: 9px; }
.integration-card { overflow: hidden; border: 1px solid rgba(159,178,207,.12); border-radius: 7px; background: #0b1320; transition: border-color .18s ease, background-color .18s ease; }
.integration-card:hover { border-color: rgba(var(--accent-rgb),.2); }
.integration-card.muted { opacity: .72; }
.integration-card-main { min-height: 74px; display: grid; grid-template-columns: 42px minmax(0,1fr) auto; align-items: center; gap: 11px; padding: 11px 12px; }
.integration-card-main .control-item-main { min-width: 0; }
.integration-card-main .control-item-main > div { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; }
.integration-card-main .control-item-main p { margin: 5px 0 0; overflow: hidden; color: #7c899c; font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
.integration-card-main .control-item-main p b { color: #c9d4e2; }
.integration-inline-error { display: block; margin-top: 5px; color: #ff8a94; font-size: 7px; line-height: 1.4; }
.integration-runtime { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); border-block: 1px solid rgba(159,178,207,.08); background: rgba(5,10,17,.32); }
.integration-runtime > span { min-width: 0; display: grid; grid-template-columns: 24px minmax(0,1fr); grid-template-rows: auto auto; align-items: center; column-gap: 8px; padding: 9px 10px; border-right: 1px solid rgba(159,178,207,.07); }
.integration-runtime > span:last-child { border-right: 0; }
.integration-runtime i { grid-row: 1 / 3; width: 24px; height: 24px; display: grid; place-items: center; border-radius: 5px; background: rgba(var(--accent-rgb),.07); color: #60a5fa; font-size: 8px; }
.integration-runtime small { overflow: hidden; color: #64738a; font-size: 6px; text-overflow: ellipsis; white-space: nowrap; }
.integration-runtime strong { overflow: hidden; margin-top: 2px; color: #cdd7e4; font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
.integration-card-actions { display: flex; justify-content: flex-end; gap: 6px; padding: 8px 10px; }
.integration-card-actions .icon-button { width: 30px; height: 30px; min-height: 30px; }
.integration-card-actions .icon-button.active { border-color: rgba(var(--accent-rgb),.32); background: rgba(var(--accent-rgb),.08); color: var(--dashboard-accent-text, var(--accent-hover)); }
.integration-history { border-top: 1px solid rgba(var(--accent-rgb),.12); background: rgba(5,10,17,.45); animation: music-add-status-in .18s ease both; }
.integration-history-heading { display: flex; align-items: center; justify-content: space-between; padding: 9px 11px; border-bottom: 1px solid rgba(159,178,207,.07); }
.integration-history-heading strong { color: #dbe5f0; font-size: 8px; }
.integration-history-heading span { color: #66758a; font-size: 7px; }
.integration-history-row { display: grid; grid-template-columns: 24px minmax(0,1fr) auto; align-items: center; gap: 9px; padding: 8px 11px; border-bottom: 1px solid rgba(159,178,207,.055); }
.integration-history-row:last-child { border-bottom: 0; }
.integration-history-row > i { color: #3ddc97; font-size: 9px; }
.integration-history-row.error > i { color: #ff6573; }
.integration-history-row > span { min-width: 0; }
.integration-history-row > span:last-child { text-align: right; }
.integration-history-row strong, .integration-history-row small, .integration-history-row b { display: block; }
.integration-history-row strong, .integration-history-row b { color: #cbd6e3; font-size: 7px; }
.integration-history-row small { margin-top: 2px; overflow: hidden; color: #68778d; font-size: 6px; text-overflow: ellipsis; white-space: nowrap; }
.integration-history-empty { margin: 0; padding: 14px; color: #6d7b90; font-size: 8px; text-align: center; }
.module-status.has-issues { border-color: rgba(255,101,115,.24); }
.module-status-issue { display: inline-flex; align-items: center; gap: 5px; margin-top: 5px; color: #ff7f8b; font-size: 7px; font-weight: 650; }
.state-badge.danger { border-color: rgba(237,66,69,.3); background: rgba(237,66,69,.08); color: #ff7d80; }

@media (max-width: 720px) {
  .integration-overview { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .integration-overview article { min-height: 58px; }
  .integration-provider-preview { grid-template-columns: 36px minmax(0,1fr); }
  .integration-provider-preview > .state-badge { grid-column: 2; justify-self: start; }
  .integration-list-toolbar { grid-template-columns: 1fr; }
  .integration-runtime { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .integration-runtime > span:nth-child(2) { border-right: 0; }
  .integration-runtime > span:nth-child(-n+2) { border-bottom: 1px solid rgba(159,178,207,.07); }
  .integration-card-actions { justify-content: flex-start; flex-wrap: wrap; }
  .integration-history-row { grid-template-columns: 20px minmax(0,1fr); }
  .integration-history-row > span:last-child { grid-column: 2; text-align: left; }
}
.music-workspace { display: grid; grid-template-columns: minmax(0,1.55fr) minmax(300px,.75fr); gap: 14px; align-items: start; }
.music-player-surface,
.music-add-surface,
.music-queue-surface { border: 1px solid rgba(159,178,207,.12); border-radius: 8px; background: #0a121d; box-shadow: inset 0 1px rgba(255,255,255,.018); }
.music-player-surface { width: 100%; min-height: 286px; align-self: start; display: grid; grid-template-columns: minmax(190px,260px) minmax(0,1fr); gap: 24px; padding: 20px; overflow: hidden; position: relative; }
.music-player-surface::before { position: absolute; inset: 0 0 auto; height: 2px; background: linear-gradient(90deg,var(--accent),#6574f7 58%,transparent); content: ""; }
.music-artwork { position: relative; width: 100%; max-width: 260px; aspect-ratio: 1; align-self: center; overflow: hidden; border: 1px solid rgba(159,178,207,.15); border-radius: 8px; background: #050911; }
.music-artwork img { width: 100%; height: 100%; display: block; object-fit: cover; }
.music-live-badge { position: absolute; right: 9px; bottom: 9px; padding: 4px 7px; border: 1px solid rgba(255,93,108,.45); border-radius: 5px; background: rgba(31,5,10,.9); color: #ff7380; font-size: 8px; font-weight: 700; }
.music-current-copy { min-width: 0; display: flex; flex-direction: column; justify-content: center; }
.music-kicker { color: var(--dashboard-accent-text, var(--accent-hover)); font-size: 8px; font-weight: 700; text-transform: uppercase; }
.music-current-title { display: -webkit-box; margin-top: 8px; overflow: hidden; color: #f1f6fb; font-size: 22px; font-weight: 700; line-height: 1.25; text-decoration: none; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.music-current-title[href]:hover { color: var(--text-primary); }
.music-current-meta { min-height: 18px; margin: 7px 0 0; overflow: hidden; color: #8492a7; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.music-progress { margin-top: 25px; }
.music-progress-track { height: 4px; overflow: hidden; border-radius: 2px; background: rgba(159,178,207,.1); }
.music-progress-track span { width: 0; height: 100%; display: block; border-radius: inherit; background: linear-gradient(90deg,var(--accent),#6574f7); transition: width .45s linear; }
.music-progress > div:last-child { display: flex; justify-content: space-between; margin-top: 6px; color: #6f7d91; font-size: 8px; font-variant-numeric: tabular-nums; }
.music-controls { display: flex; align-items: center; gap: 9px; margin-top: 20px; }
.music-volume-control { position: relative; }
.music-volume-popover { position: absolute; z-index: 8; left: 50%; bottom: calc(100% + 10px); width: 225px; min-height: 52px; display: grid; grid-template-columns: 16px minmax(0,1fr) 38px; align-items: center; gap: 9px; padding: 10px 11px; border: 1px solid rgba(var(--accent-rgb),.2); border-radius: 7px; background: #08111b; box-shadow: 0 16px 38px rgba(0,0,0,.45); transform: translateX(-50%); animation: volume-popover-in .16s ease both; }
.music-volume-popover::after { position: absolute; left: 50%; bottom: -5px; width: 8px; height: 8px; border-right: 1px solid rgba(var(--accent-rgb),.2); border-bottom: 1px solid rgba(var(--accent-rgb),.2); background: #08111b; content: ""; transform: translateX(-50%) rotate(45deg); }
.music-volume-popover > i { color: #8290a6; font-size: 10px; }
.music-volume-popover strong { color: #dce6ef; font-size: 9px; font-variant-numeric: tabular-nums; text-align: right; }
.music-volume-popover input[type="range"] { --volume-percent: 66.666%; width: 100%; height: 16px; padding: 0; border: 0; outline: 0; appearance: none; background: transparent !important; box-shadow: none !important; cursor: pointer; }
.music-volume-popover input[type="range"]::-webkit-slider-runnable-track { height: 4px; border-radius: 2px; background: linear-gradient(90deg,var(--cyan) 0 var(--volume-percent),rgba(159,178,207,.15) var(--volume-percent) 100%); }
.music-volume-popover input[type="range"]::-webkit-slider-thumb { width: 14px; height: 14px; margin-top: -5px; border: 2px solid #07101a; border-radius: 50%; appearance: none; background: var(--text-primary); box-shadow: 0 0 0 2px rgba(var(--accent-rgb),.3); }
.music-volume-popover input[type="range"]::-moz-range-track { height: 4px; border-radius: 2px; background: rgba(159,178,207,.15); }
.music-volume-popover input[type="range"]::-moz-range-progress { height: 4px; border-radius: 2px; background: var(--cyan); }
.music-volume-popover input[type="range"]::-moz-range-thumb { width: 12px; height: 12px; border: 2px solid #07101a; border-radius: 50%; background: var(--text-primary); box-shadow: 0 0 0 2px rgba(var(--accent-rgb),.3); }
.music-control { width: 40px; height: 40px; display: grid; place-items: center; border: 1px solid rgba(159,178,207,.13); border-radius: 50%; background: #121d2a; color: #c0cad7; cursor: pointer; transition: border-color .18s ease, background-color .18s ease, color .18s ease, transform .18s ease; }
.music-control:hover:not(:disabled) { border-color: rgba(var(--accent-rgb),.35); background: #172637; color: var(--dashboard-accent-text, var(--accent-hover)); transform: translateY(-2px); }
.music-control.primary { border-color: rgba(101,116,247,.35); background: #5362d7; color: white; }
.music-control.primary:hover:not(:disabled) { background: #6574f7; color: white; }
.music-control.danger:hover:not(:disabled) { border-color: rgba(255,93,108,.35); background: rgba(255,93,108,.09); color: #ff7380; }
.music-control:disabled { opacity: .32; cursor: not-allowed; }
@keyframes volume-popover-in { from { opacity: 0; transform: translate(-50%,4px) scale(.98); } to { opacity: 1; transform: translate(-50%,0) scale(1); } }
.music-add-surface { display: flex; flex-direction: column; gap: 15px; padding: 18px; }
.music-add-heading { display: grid; grid-template-columns: 36px minmax(0,1fr); gap: 11px; align-items: center; padding-bottom: 14px; border-bottom: 1px solid rgba(159,178,207,.08); }
.music-add-heading > span { width: 36px; height: 36px; display: grid; place-items: center; border-radius: 7px; background: rgba(var(--accent-rgb),.09); color: var(--green); }
.music-add-heading h2 { margin: 0; font-size: 13px; }
.music-add-heading p { margin: 3px 0 0; color: #7c899d; font-size: 8px; line-height: 1.55; }
.music-add-surface label { display: grid; gap: 7px; color: #aab6c6; font-size: 9px; font-weight: 600; }
.music-query-row { display: grid; grid-template-columns: minmax(0,1fr) 42px; gap: 7px; }
.music-query-row .icon-button { width: 42px; height: 42px; border-radius: 7px; }
.music-search-results { display: grid; gap: 4px; max-height: 250px; overflow-y: auto; padding: 8px; border: 1px solid rgba(var(--accent-rgb),.14); border-radius: 7px; background: #070d15; }
.music-search-results > strong { padding: 2px 5px 5px; color: #77869b; font-size: 8px; text-transform: uppercase; }
.music-search-results > button { width: 100%; min-height: 48px; display: grid; grid-template-columns: 36px minmax(0,1fr) 14px; align-items: center; gap: 9px; padding: 6px; border: 1px solid transparent; border-radius: 6px; background: transparent; color: #bac5d3; text-align: left; cursor: pointer; transition: border-color .16s ease, background-color .16s ease, transform .16s ease; }
.music-search-results > button:hover { border-color: rgba(var(--accent-rgb),.16); background: #111d2a; transform: translateX(2px); }
.music-search-results > button > span:first-child { width: 36px; height: 36px; display: grid; place-items: center; overflow: hidden; border-radius: 5px; background: #14202e; color: #7585a0; }
.music-search-results img { width: 100%; height: 100%; object-fit: cover; }
.music-search-results b,
.music-search-results small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.music-search-results b { color: #dce5ee; font-size: 9px; }
.music-search-results small { margin-top: 3px; color: #718096; font-size: 7px; }
.music-search-results > button > i { color: var(--dashboard-accent-text, var(--accent-hover)); font-size: 8px; }
.music-add-status { min-height: 58px; display: grid; grid-template-columns: 42px minmax(0,1fr) auto; align-items: center; gap: 10px; padding: 8px; border: 1px solid rgba(var(--accent-rgb),.18); border-radius: 7px; background: linear-gradient(110deg,rgba(var(--accent-rgb),.055),rgba(15,23,36,.82)); animation: music-add-status-in .2s ease both; }
.music-add-status.is-adding { border-color: rgba(101,116,247,.4); background: linear-gradient(110deg,rgba(101,116,247,.12),rgba(15,23,36,.86)); }
.music-add-status.is-success { border-color: rgba(var(--accent-rgb),.28); background: linear-gradient(110deg,rgba(var(--accent-rgb),.08),rgba(15,23,36,.84)); }
.music-add-status.is-error { border-color: rgba(255,93,108,.3); background: linear-gradient(110deg,rgba(255,93,108,.08),rgba(15,23,36,.84)); }
.music-add-status-art { width: 42px; height: 42px; display: grid; place-items: center; overflow: hidden; border-radius: 6px; background: #111c2a; color: var(--dashboard-accent-text, var(--accent-hover)); }
.music-add-status-art img { width: 100%; height: 100%; object-fit: cover; }
.music-add-status-copy { min-width: 0; }
.music-add-status-copy small,
.music-add-status-copy strong,
.music-add-status-copy span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.music-add-status-copy small { color: #6f7f96; font-size: 7px; font-weight: 700; text-transform: uppercase; }
.music-add-status-copy strong { margin-top: 3px; color: #e2e9f2; font-size: 9px; }
.music-add-status-copy span { margin-top: 3px; color: #7e8ca1; font-size: 7px; }
.music-add-status-badge { display: inline-flex; align-items: center; gap: 5px; padding: 5px 7px; border: 1px solid rgba(var(--accent-rgb),.2); border-radius: 5px; color: var(--accent-hover); font-size: 7px; font-weight: 700; white-space: nowrap; }
.music-add-status.is-adding .music-add-status-badge i { animation: control-spin .7s linear infinite; }
.music-add-status.is-success .music-add-status-badge { border-color: rgba(var(--accent-rgb),.25); color: var(--green); }
.music-add-status.is-error .music-add-status-badge { border-color: rgba(255,93,108,.28); color: #ff7f8b; }
.music-limit-notice { display: grid; grid-template-columns: 36px minmax(0,1fr); align-items: center; gap: 10px; padding: 10px 11px; border: 1px solid rgba(245,185,66,.3); border-left: 2px solid #f5b942; border-radius: 7px; background: rgba(245,185,66,.055); animation: music-add-status-in .2s ease both; }
.music-limit-notice-icon { width: 36px; height: 36px; display: grid; place-items: center; border-radius: 6px; background: rgba(245,185,66,.1); color: #f7c75f; }
.music-limit-notice > span:last-child { min-width: 0; }
.music-limit-notice strong, .music-limit-notice small { display: block; }
.music-limit-notice strong { color: #f2f5f9; font-size: 9px; }
.music-limit-notice small { margin-top: 4px; color: #aeb8c7; font-size: 8px; line-height: 1.55; }
@keyframes music-add-status-in { from { opacity: 0; transform: translateY(4px); } }
.music-add-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: auto; }
.music-add-actions .button { min-width: 0; padding-inline: 10px; }
.music-add-actions .button.is-adding { opacity: 1; filter: none; }
.music-add-actions .button.is-adding i { animation: control-spin .7s linear infinite; }
.music-add-note { display: flex; gap: 7px; margin: -2px 0 0; color: #6f7d91; font-size: 8px; line-height: 1.45; }
.music-add-note i { margin-top: 2px; color: var(--dashboard-accent-text, var(--accent-hover)); }
.music-mode-note { display: flex; gap: 7px; margin: -4px 0 0; color: #9eabc0; font-size: 8px; line-height: 1.45; }
.music-mode-note i { margin-top: 2px; color: var(--dashboard-accent-text, var(--accent-hover)); }
.music-mode-note.track-only i { color: #f4c84d; }
.music-mode-note.playlist-only i { color: var(--green); }
.music-add-actions .button:disabled { opacity: .38; cursor: not-allowed; filter: saturate(.55); }
.music-add-actions .button.is-adding:disabled { opacity: 1; filter: none; }
.music-queue-surface { margin-top: 14px; padding: 18px; }
.music-queue-heading { margin-bottom: 12px; }
.music-queue-heading p { font-variant-numeric: tabular-nums; }
.music-queue-list { display: grid; max-height: 500px; overflow-y: auto; border-top: 1px solid rgba(159,178,207,.08); }
.music-queue-item { min-height: 66px; display: grid; grid-template-columns: 28px 42px minmax(0,1fr) 36px; align-items: center; gap: 11px; padding: 9px 7px; border-bottom: 1px solid rgba(159,178,207,.07); transition: background-color .16s ease, transform .16s ease; }
.music-queue-item:hover { background: rgba(20,31,45,.65); transform: translateX(2px); }
.music-queue-position { color: #657489; font-size: 9px; font-variant-numeric: tabular-nums; text-align: center; }
.music-queue-art { width: 42px; height: 42px; display: grid; place-items: center; overflow: hidden; border-radius: 6px; background: #131e2b; color: #7280a6; }
.music-queue-art img { width: 100%; height: 100%; object-fit: cover; }
.music-queue-copy { min-width: 0; }
.music-queue-copy a,
.music-queue-copy small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.music-queue-copy a { color: #dfe7f0; font-size: 10px; font-weight: 600; text-decoration: none; }
.music-queue-copy a:hover { color: var(--dashboard-accent-text, var(--accent-hover)); }
.music-queue-copy small { margin-top: 4px; color: #758399; font-size: 8px; }
.music-remove { width: 30px; height: 30px; color: #758399; }
.music-remove:hover:not(:disabled) { border-color: rgba(255,93,108,.28); color: #ff7380; }
.music-empty { min-height: 150px; display: grid; place-content: center; justify-items: center; gap: 6px; color: #728096; text-align: center; }
.music-empty i { margin-bottom: 5px; color: #54647c; font-size: 22px; }
.music-empty strong { color: #aab5c4; font-size: 11px; }
.music-empty span { font-size: 8px; }

@media (max-width: 1050px) {
  .music-workspace { grid-template-columns: 1fr; }
  .music-add-surface { min-height: 260px; }
}

@media (max-width: 520px) {
  .music-add-status { grid-template-columns: 38px minmax(0,1fr); }
  .music-add-status-art { width: 38px; height: 38px; }
  .music-add-status-badge { grid-column: 1 / -1; justify-self: stretch; justify-content: center; }
}

@media (max-width: 680px) {
  .music-session-strip { grid-template-columns: 1fr 1fr; }
  .music-session-strip > span:nth-child(2) { border-right: 0; }
  .music-session-strip > span:nth-child(-n+2) { border-bottom: 1px solid rgba(159,178,207,.08); }
  .music-billing-strip { grid-template-columns: 38px minmax(0,1fr) auto; }
  .music-billing-icon { width: 38px; height: 38px; }
  .music-billing-strip .button { grid-column: 1 / -1; width: 100%; }
  .music-player-surface { grid-template-columns: 1fr; gap: 16px; padding: 14px; }
  .music-artwork { max-width: 220px; justify-self: center; }
  .music-current-copy { text-align: center; }
  .music-current-title { font-size: 18px; }
  .music-current-meta { white-space: normal; }
  .music-controls { justify-content: center; }
  .music-add-actions { grid-template-columns: 1fr; }
  .music-queue-heading { align-items: flex-start; }
  .music-queue-heading .section-actions { width: 100%; }
  .music-queue-heading .button { width: 100%; }
  .music-queue-item { grid-template-columns: 22px 38px minmax(0,1fr) 32px; gap: 8px; }
  .music-queue-art { width: 38px; height: 38px; }
}

/* Automation center */
.automation-heading > div > p:last-child { max-width: 760px; }
.automation-summary { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px; margin-bottom: 18px; }
.automation-summary article { min-height: 76px; display: flex; align-items: center; gap: 12px; padding: 14px; border: 1px solid var(--border-color); border-radius: 7px; background: rgba(11,19,32,.76); }
.automation-summary article > i { width: 38px; height: 38px; display: grid; place-items: center; flex: 0 0 38px; border: 1px solid rgba(var(--accent-rgb),.18); border-radius: 6px; color: var(--accent-hover); background: rgba(var(--accent-rgb),.07); }
.automation-summary span,.automation-summary strong { display: block; }
.automation-summary span { margin-bottom: 4px; color: var(--text-muted); font-size: 8px; }
.automation-summary strong { color: var(--text-primary); font-size: 18px; }
.automation-layout { display: grid; grid-template-columns: minmax(340px,.72fr) minmax(560px,1.28fr); gap: 18px; align-items: start; }
.automation-register,.automation-builder { min-width: 0; }
.automation-list { display: grid; gap: 9px; max-height: 820px; overflow-y: auto; padding-right: 4px; }
.automation-rule { display: grid; grid-template-columns: 38px minmax(0,1fr) auto; align-items: center; gap: 11px; padding: 12px; border: 1px solid var(--border-color); border-left: 3px solid var(--accent); border-radius: 7px; background: rgba(12,21,36,.74); transition: border-color .16s ease,background-color .16s ease,transform .16s ease; }
.automation-rule:hover { border-color: rgba(var(--accent-rgb),.38); background: rgba(14,25,42,.92); transform: translateY(-1px); }
.automation-rule.is-disabled { border-left-color: #526078; opacity: .67; }
.automation-rule.has-error { border-left-color: #ff6575; }
.automation-rule-icon { width: 36px; height: 36px; display: grid; place-items: center; border-radius: 6px; color: var(--accent-hover); background: rgba(var(--accent-rgb),.08); }
.automation-rule-main { min-width: 0; }
.automation-rule-main > div { display: flex; align-items: center; flex-wrap: wrap; gap: 7px; }
.automation-rule-main strong { overflow: hidden; color: var(--text-primary); font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.automation-rule-main p { overflow: hidden; margin: 5px 0 3px; color: #9ba9ba; font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
.automation-rule-main p span { color: var(--accent-hover); }
.automation-rule-main small { display: block; overflow: hidden; color: #64748b; font-size: 7px; text-overflow: ellipsis; white-space: nowrap; }
.automation-rule-actions { display: flex; align-items: center; gap: 5px; }
.automation-rule-actions .icon-button { width: 32px; height: 32px; }
.automation-empty { min-height: 300px; display: grid; place-items: center; align-content: center; gap: 9px; padding: 28px; text-align: center; }
.automation-empty > span { width: 54px; height: 54px; display: grid; place-items: center; margin-bottom: 4px; border: 1px solid rgba(var(--accent-rgb),.2); border-radius: 8px; color: var(--accent-hover); background: rgba(var(--accent-rgb),.07); font-size: 18px; }
.automation-empty strong { color: var(--text-primary); }
.automation-empty p { max-width: 330px; margin: 0 0 8px; color: var(--text-muted); line-height: 1.5; }
.automation-step-label { display: flex; align-items: center; gap: 7px; margin: 0 0 5px; color: var(--accent-hover); font-size: 8px; font-weight: 800; text-transform: uppercase; }
.automation-step-label span:first-child,.automation-builder-heading > span { min-width: 28px; color: var(--accent-hover); font-variant-numeric: tabular-nums; }
.automation-builder-section { margin-top: 18px; padding-top: 18px; border-top: 1px solid var(--border-color); }
.automation-builder-heading { display: flex; align-items: center; gap: 10px; margin-bottom: 13px; }
.automation-builder-heading > span { width: 34px; height: 34px; display: grid; place-items: center; flex: 0 0 34px; border: 1px solid rgba(var(--accent-rgb),.2); border-radius: 6px; background: rgba(var(--accent-rgb),.06); font-size: 8px; font-weight: 800; }
.automation-builder-heading div { display: grid; gap: 3px; min-width: 0; }
.automation-builder-heading strong { color: var(--text-primary); font-size: 12px; }
.automation-builder-heading small { color: var(--text-muted); font-size: 8px; }
.automation-builder-heading.action-heading .button { margin-left: auto; }
.automation-condition-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; margin-bottom: 12px; }
.automation-choice-list { max-height: 150px; }
.input-with-suffix { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; }
.input-with-suffix input { border-radius: 5px 0 0 5px; }
.input-with-suffix span { height: 100%; display: grid; place-items: center; padding: 0 12px; border: 1px solid var(--border-color); border-left: 0; border-radius: 0 5px 5px 0; color: #7f90a6; background: rgba(16,27,45,.9); font-size: 8px; }
.automation-actions { display: grid; gap: 10px; }
.automation-action-card { padding: 13px; border: 1px solid rgba(99,102,241,.2); border-left: 3px solid #6366f1; border-radius: 7px; background: rgba(11,19,33,.7); }
.automation-action-card > header { display: grid; grid-template-columns: 32px minmax(0,1fr) auto; align-items: center; gap: 9px; margin-bottom: 12px; }
.automation-action-index { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 5px; color: #a5b4fc; background: rgba(99,102,241,.11); font-size: 8px; font-weight: 800; }
.automation-action-card header strong,.automation-action-card header small { display: block; }
.automation-action-card header strong { color: var(--text-primary); font-size: 10px; }
.automation-action-card header small { margin-top: 2px; color: var(--text-muted); font-size: 7px; }
.automation-builder .check-option { min-height: 58px; display: grid; grid-template-columns: 22px minmax(0,1fr); align-items: center; gap: 11px; margin: 12px 0 0; padding: 11px 13px; border: 1px solid rgba(151,170,198,.12); border-radius: 6px; background: rgba(10,19,32,.72); cursor: pointer; transition: border-color .18s ease,background-color .18s ease,box-shadow .18s ease; }
.automation-builder .check-option:hover { border-color: rgba(var(--accent-rgb),.28); background: rgba(13,24,39,.9); }
.automation-builder .check-option:has(input:checked) { border-color: rgba(var(--accent-rgb),.34); background: rgba(var(--accent-rgb),.045); box-shadow: inset 2px 0 0 rgba(var(--accent-rgb),.72); }
.automation-builder .check-option input[type="checkbox"] { appearance: none; width: 21px; height: 21px; display: grid; place-items: center; margin: 0; border: 1px solid #46566c; border-radius: 5px; background: #0b1421; cursor: pointer; transition: border-color .16s ease,background-color .16s ease,box-shadow .16s ease; }
.automation-builder .check-option input[type="checkbox"]::after { content: ""; width: 8px; height: 4px; border: solid #061018; border-width: 0 0 2px 2px; opacity: 0; transform: translateY(-1px) rotate(-45deg) scale(.65); transition: opacity .14s ease,transform .14s ease; }
.automation-builder .check-option input[type="checkbox"]:checked { border-color: var(--accent); background: var(--accent); box-shadow: 0 0 0 3px rgba(var(--accent-rgb),.09); }
.automation-builder .check-option input[type="checkbox"]:checked::after { opacity: 1; transform: translateY(-1px) rotate(-45deg) scale(1); }
.automation-builder .check-option input[type="checkbox"]:focus-visible { outline: 2px solid rgba(var(--accent-rgb),.75); outline-offset: 2px; }
.automation-builder .check-option > span { min-width: 0; display: grid; gap: 3px; }
.automation-builder .check-option strong,.automation-builder .check-option small { display: block; }
.automation-builder .check-option strong { color: #e7eef7; font-size: 9px; line-height: 1.35; }
.automation-builder .check-option small { color: #77869a; font-size: 7px; line-height: 1.45; }
.automation-embed-toggle { margin-top: 12px !important; }
.automation-embed-fields { padding: 12px; border: 1px solid rgba(var(--accent-rgb),.13); border-radius: 6px; background: rgba(var(--accent-rgb),.025); }
.automation-flow-preview { display: grid; grid-template-columns: minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr); align-items: stretch; gap: 8px; margin-top: 18px; padding: 11px; border: 1px solid rgba(var(--accent-rgb),.18); border-radius: 7px; background: linear-gradient(110deg,rgba(var(--accent-rgb),.055),rgba(99,102,241,.035)); }
.automation-flow-preview > div { min-width: 0; padding: 9px; border-radius: 5px; background: rgba(7,13,23,.55); }
.automation-flow-preview small,.automation-flow-preview strong { display: block; }
.automation-flow-preview small { margin-bottom: 5px; color: var(--accent-hover); font-size: 6px; font-weight: 800; }
.automation-flow-preview strong { overflow: hidden; color: #d9e3ee; font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
.automation-flow-preview > i { align-self: center; color: #506078; font-size: 8px; }

/* Automation workspace */
.automation-templates { margin: 0 0 18px; padding: 17px; border: 1px solid rgba(var(--accent-rgb),.14); border-radius: 7px; background: linear-gradient(105deg,rgba(12,23,38,.96),rgba(9,17,29,.95)); box-shadow: inset 3px 0 0 rgba(var(--accent-rgb),.72); }
.automation-templates-heading { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-bottom: 14px; }
.automation-templates-heading > div { display: flex; align-items: center; gap: 11px; min-width: 0; }
.automation-templates-heading h2,.automation-templates-heading p { margin: 0; }
.automation-templates-heading h2 { color: var(--text-primary); font-size: 13px; }
.automation-templates-heading p { margin-top: 3px; color: var(--text-muted); font-size: 8px; }
.automation-templates-icon { width: 38px; height: 38px; display: grid; place-items: center; flex: 0 0 38px; border: 1px solid rgba(var(--accent-rgb),.22); border-radius: 6px; background: rgba(var(--accent-rgb),.07); color: var(--accent-hover); }
.automation-template-grid { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 8px; }
.automation-template-grid button { min-width: 0; min-height: 94px; display: grid; grid-template-columns: 34px minmax(0,1fr) 10px; align-content: center; align-items: center; gap: 10px; padding: 12px; border: 1px solid rgba(151,170,198,.12); border-radius: 6px; background: rgba(5,12,21,.48); color: inherit; text-align: left; cursor: pointer; transition: border-color .18s ease,background-color .18s ease,transform .18s ease; }
.automation-template-grid button:hover { border-color: rgba(var(--accent-rgb),.36); background: rgba(var(--accent-rgb),.055); transform: translateY(-2px); }
.automation-template-grid button:focus-visible { outline: 2px solid rgba(var(--accent-rgb),.72); outline-offset: 2px; }
.automation-template-grid button > i:first-child { width: 34px; height: 34px; display: grid; place-items: center; border: 1px solid rgba(99,102,241,.2); border-radius: 6px; background: rgba(99,102,241,.08); color: #a5b4fc; }
.automation-template-grid button:nth-child(2n) > i:first-child { border-color: rgba(var(--accent-rgb),.2); background: rgba(var(--accent-rgb),.07); color: var(--accent-hover); }
.automation-template-grid button > i:last-child { color: #526176; font-size: 8px; transition: color .18s ease,transform .18s ease; }
.automation-template-grid button:hover > i:last-child { color: var(--accent-hover); transform: translateX(2px); }
.automation-template-grid button span,.automation-template-grid button small { display: block; min-width: 0; }
.automation-template-grid button span { color: #e7eef7; font-size: 9px; font-weight: 800; line-height: 1.35; }
.automation-template-grid button small { margin-top: 4px; color: #718095; font-size: 7px; line-height: 1.45; }
.automation-autorole-shortcut { border-color: rgba(53,217,164,.2) !important; background: rgba(53,217,164,.045) !important; }
.automation-autorole-shortcut > i:first-child { border-color: rgba(53,217,164,.24) !important; color: #49dfb1 !important; background: rgba(53,217,164,.08) !important; }
.automation-legacy-note { display: flex; margin: 0; padding: 9px 10px; align-items: center; gap: 8px; border: 1px solid rgba(245,185,66,.2); border-radius: 6px; color: #9daabe; background: rgba(245,185,66,.05); font-size: 8px; line-height: 1.45; }
.automation-legacy-note > i { color: #f5bd55; }
.automation-legacy-note > span { min-width: 0; flex: 1; }
.automation-legacy-note > button { padding: 0; border: 0; color: var(--accent-hover); background: none; font: inherit; font-weight: 800; white-space: nowrap; cursor: pointer; }

.automation-layout { grid-template-columns: minmax(330px,.68fr) minmax(590px,1.32fr); }
.automation-register,.automation-builder { border-color: rgba(151,170,198,.11); background: rgba(8,15,26,.78); }
.automation-toolbar { display: grid; grid-template-columns: minmax(0,1fr) 132px; gap: 8px; margin-bottom: 12px; }
.automation-toolbar .filter-input { min-width: 0; height: 44px; margin: 0; }
.automation-toolbar .filter-input input[type="search"] { height: 42px; min-height: 0; }
.automation-toolbar select { width: 100%; min-width: 0; height: 44px; }
.automation-register { background: transparent; }
.automation-list { scrollbar-gutter: stable; }
.automation-rule { grid-template-columns: 38px minmax(0,1fr); padding: 0; overflow: hidden; }
.automation-rule-icon { margin-left: 12px; }
.automation-rule-main { min-width: 0; padding: 13px 12px 13px 0; }
.automation-rule-actions { grid-column: 1 / -1; display: flex; justify-content: flex-end; gap: 5px; padding: 8px 10px; border-top: 1px solid rgba(151,170,198,.08); background: rgba(4,9,16,.3); }
.automation-rule-actions .icon-button { width: 30px; height: 30px; }
.automation-builder { position: relative; overflow: hidden; }
.automation-builder::before { content: ""; position: absolute; inset: 0 0 auto; height: 2px; background: linear-gradient(90deg,var(--accent),#6366f1); opacity: .82; }
.automation-builder-title { padding-bottom: 14px; border-bottom: 1px solid rgba(151,170,198,.09); }
.automation-builder-state { display: flex; align-items: center; gap: 11px; }
.automation-readiness { display: grid; grid-template-columns: 34px minmax(0,1fr); align-items: center; gap: 10px; margin-top: 12px; padding: 11px 12px 13px; border: 1px solid rgba(245,183,67,.16); border-radius: 6px; background: rgba(245,183,67,.035); }
.automation-readiness.is-ready { border-color: rgba(var(--accent-rgb),.2); background: rgba(var(--accent-rgb),.04); }
.automation-readiness-icon { width: 34px; height: 34px; display: grid; place-items: center; grid-row: 1 / 3; border-radius: 6px; background: rgba(245,183,67,.09); color: #f5b743; }
.automation-readiness.is-ready .automation-readiness-icon { background: rgba(var(--accent-rgb),.09); color: var(--green); }
.automation-readiness strong,.automation-readiness small { display: block; }
.automation-readiness strong { color: #e6edf6; font-size: 9px; }
.automation-readiness small { margin-top: 3px; color: #7b899c; font-size: 7px; line-height: 1.45; }
.automation-readiness .progress-track { grid-column: 1 / -1; height: 3px; margin-top: 2px; overflow: hidden; border-radius: 999px; background: rgba(151,170,198,.1); }
.automation-readiness .progress-track span { display: block; width: 0; height: 100%; border-radius: inherit; background: linear-gradient(90deg,#f5b743,var(--accent)); transition: width .24s ease; }
.automation-readiness.is-ready .progress-track span { background: linear-gradient(90deg,#60a5fa,var(--accent)); }
.automation-trigger-native { position: absolute !important; width: 1px !important; height: 1px !important; overflow: hidden !important; clip: rect(0 0 0 0) !important; clip-path: inset(50%) !important; white-space: nowrap !important; }
.automation-trigger-grid { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 7px; margin-bottom: 12px; }
.automation-trigger-grid button { min-width: 0; min-height: 82px; display: grid; align-content: center; justify-items: start; gap: 8px; padding: 11px; border: 1px solid rgba(151,170,198,.12); border-radius: 6px; background: #0c1623; color: #7d8ba0; text-align: left; cursor: pointer; transition: border-color .16s ease,background-color .16s ease,color .16s ease,transform .16s ease; }
.automation-trigger-grid button i { width: 28px; height: 28px; display: grid; place-items: center; border-radius: 5px; background: rgba(126,145,172,.075); color: #8292aa; }
.automation-trigger-grid button span { font-size: 8px; font-weight: 800; line-height: 1.35; }
.automation-trigger-grid button:hover { border-color: rgba(var(--accent-rgb),.25); color: #d8e3ef; transform: translateY(-1px); }
.automation-trigger-grid button.is-selected { border-color: rgba(var(--accent-rgb),.48); background: rgba(var(--accent-rgb),.065); color: var(--text-primary); box-shadow: inset 0 -2px 0 var(--accent); }
.automation-trigger-grid button.is-selected i { background: rgba(var(--accent-rgb),.12); color: var(--accent-hover); }
.automation-action-card { border-color: rgba(99,102,241,.16); background: linear-gradient(110deg,rgba(13,22,37,.94),rgba(9,16,28,.9)); }
.automation-action-card > header { padding-bottom: 10px; border-bottom: 1px solid rgba(151,170,198,.08); }
.automation-flow-preview { border-color: rgba(var(--accent-rgb),.14); background: #0a1420; }
.automation-flow-preview > div { border: 1px solid rgba(151,170,198,.07); background: rgba(14,24,39,.78); }

@media (max-width: 1180px) {
  .automation-layout { grid-template-columns: 1fr; }
  .automation-list { max-height: 480px; }
  .automation-template-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
}
@media (max-width: 760px) {
  .automation-summary { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .automation-templates-heading { align-items: flex-start; }
  .automation-templates-heading > .state-badge { display: none; }
  .automation-template-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .automation-trigger-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .automation-condition-grid { grid-template-columns: 1fr; }
  .automation-rule-actions { grid-column: 1/-1; justify-content: flex-end; padding-top: 9px; border-top: 1px solid var(--border-color); }
  .automation-flow-preview { grid-template-columns: 1fr; }
  .automation-flow-preview > i { transform: rotate(90deg); justify-self: center; }
  .automation-builder-heading.action-heading { flex-wrap: wrap; }
  .automation-builder-heading.action-heading .button { width: 100%; margin-left: 44px; }
}
@media (max-width: 520px) {
  .automation-template-grid,.automation-trigger-grid { grid-template-columns: 1fr; }
  .automation-template-grid button { min-height: 76px; }
  .automation-toolbar { grid-template-columns: 1fr; }
  .automation-builder-state { gap: 7px; }
}

@media (prefers-reduced-motion: reduce) {
  .music-progress-track span,
  .music-control,
  .music-queue-item { transition: none !important; }
}

/* Server health and Discord native AutoMod */
.health-hero {
  position: relative;
  min-height: 190px;
  display: grid;
  grid-template-columns: 132px minmax(0,1fr) auto;
  align-items: center;
  gap: 26px;
  margin-bottom: 16px;
  padding: 24px;
  overflow: hidden;
  border: 1px solid rgba(var(--accent-rgb),.16);
  border-radius: 8px;
  background: linear-gradient(115deg,rgba(var(--accent-rgb),.055),#0a121d 42%,rgba(101,116,247,.045));
}
.health-hero::before { position: absolute; inset: 0 0 auto; height: 2px; background: linear-gradient(90deg,var(--cyan),#6877f4 62%,transparent); content: ""; }
.health-score {
  --health-score: 0;
  position: relative;
  width: 122px;
  aspect-ratio: 1;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: conic-gradient(var(--cyan) calc(var(--health-score) * 1%),rgba(159,178,207,.1) 0);
  box-shadow: 0 0 32px rgba(var(--accent-rgb),.06);
  transition: background .35s ease, box-shadow .35s ease;
}
.health-score::before { position: absolute; inset: 7px; border: 1px solid rgba(159,178,207,.12); border-radius: inherit; background: #09121d; content: ""; }
.health-score > div { position: relative; display: flex; align-items: baseline; justify-content: center; }
.health-score strong { color: var(--text-primary); font-size: 30px; line-height: 1; font-variant-numeric: tabular-nums; }
.health-score small { color: #77869b; font-size: 9px; }
.health-hero[data-grade="critical"] .health-score { background: conic-gradient(#ff5d6c calc(var(--health-score) * 1%),rgba(159,178,207,.1) 0); box-shadow: 0 0 32px rgba(255,93,108,.08); }
.health-hero[data-grade="attention"] .health-score { background: conic-gradient(#f4c84d calc(var(--health-score) * 1%),rgba(159,178,207,.1) 0); }
.health-summary-copy { min-width: 0; }
.health-summary-copy > .state-badge { margin-bottom: 10px; }
.health-summary-copy h2 { margin: 0; color: #eef5fc; font-size: 19px; }
.health-summary-copy > p { max-width: 650px; margin: 6px 0 0; color: #8492a6; font-size: 9px; line-height: 1.6; }
.health-counts { display: flex; flex-wrap: wrap; gap: 18px; margin-top: 18px; }
.health-counts > span { display: grid; grid-template-columns: 15px auto; align-items: center; column-gap: 6px; }
.health-counts i { grid-row: 1 / 3; font-size: 12px; }
.health-counts strong { color: #dce7f1; font-size: 12px; line-height: 1; }
.health-counts small { color: #728096; font-size: 7px; }
.health-counts .good i { color: var(--green); }
.health-counts .warn i { color: #f4c84d; }
.health-counts .bad i { color: #ff6573; }
.health-scan-meta { align-self: start; min-width: 125px; padding-left: 18px; border-left: 1px solid rgba(159,178,207,.1); text-align: right; }
.health-scan-meta span,.health-scan-meta strong { display: block; }
.health-scan-meta span { color: #66758a; font-size: 7px; text-transform: uppercase; }
.health-scan-meta strong { margin-top: 5px; color: #b8c4d2; font-size: 8px; }
.health-category-list { display: grid; gap: 14px; }
.health-category { overflow: hidden; border: 1px solid rgba(159,178,207,.11); border-radius: 8px; background: #09111b; }
.health-category-heading { min-height: 43px; display: flex; align-items: center; justify-content: space-between; padding: 0 15px; border-bottom: 1px solid rgba(159,178,207,.09); background: #0c1622; }
.health-category-heading span { color: #dbe5ef; font-size: 10px; font-weight: 700; }
.health-category-heading b { min-width: 34px; padding: 4px 7px; border: 1px solid rgba(var(--accent-rgb),.16); border-radius: 5px; color: var(--dashboard-accent-text, var(--accent-hover)); font-size: 8px; font-variant-numeric: tabular-nums; text-align: center; }
.health-category-checks { display: grid; }
.health-check-row { min-height: 84px; display: grid; grid-template-columns: 38px minmax(0,1fr) 116px minmax(116px,auto); align-items: center; gap: 13px; padding: 13px 15px; border-bottom: 1px solid rgba(159,178,207,.07); transition: background-color .18s ease; }
.health-check-row:last-child { border-bottom: 0; }
.health-check-row:hover { background: rgba(19,31,45,.52); }
.health-check-icon { width: 34px; height: 34px; display: grid; place-items: center; border: 1px solid rgba(96,165,250,.2); border-radius: 7px; background: rgba(96,165,250,.07); color: var(--green); }
.health-check-row.warning .health-check-icon { border-color: rgba(244,200,77,.22); background: rgba(244,200,77,.07); color: #f4c84d; }
.health-check-row.critical .health-check-icon { border-color: rgba(255,93,108,.22); background: rgba(255,93,108,.07); color: #ff6573; }
.health-check-copy { min-width: 0; }
.health-check-copy strong { display: block; color: #dce6ef; font-size: 10px; }
.health-check-copy p { margin: 4px 0 0; color: #77869a; font-size: 8px; line-height: 1.5; }
.health-check-copy small { display: block; margin-top: 5px; color: #b1bdca; font-size: 7px; line-height: 1.45; }
.health-check-result { text-align: right; }
.health-check-result span,.health-check-result b { display: block; }
.health-check-result span { color: #8795a8; font-size: 8px; }
.health-check-row.good .health-check-result span { color: var(--green); }
.health-check-row.warning .health-check-result span { color: #f4c84d; }
.health-check-row.critical .health-check-result span { color: #ff6573; }
.health-check-result b { margin-top: 4px; color: #66758a; font-size: 7px; font-weight: 500; }
.health-action { justify-self: end; min-width: 116px; }

.native-automod-section { position: relative; overflow: hidden; }
.native-automod-section::before { position: absolute; inset: 0 0 auto; height: 2px; background: linear-gradient(90deg,#5865f2,var(--cyan),transparent); content: ""; }
.native-automod-summary { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); margin-bottom: 16px; border: 1px solid rgba(159,178,207,.1); border-radius: 7px; background: #09121d; }
.native-automod-summary > div { min-height: 68px; display: flex; flex-direction: column; justify-content: center; padding: 12px 14px; border-right: 1px solid rgba(159,178,207,.08); }
.native-automod-summary > div:last-child { border-right: 0; }
.native-automod-summary span { color: #748297; font-size: 7px; }
.native-automod-summary strong { margin-top: 5px; overflow: hidden; color: #e1eaf3; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.native-rule-list { display: grid; margin-bottom: 14px; border: 1px solid rgba(159,178,207,.1); border-radius: 7px; background: #09111b; }
.native-rule-row { min-height: 66px; display: grid; grid-template-columns: 36px minmax(0,1fr) auto; align-items: center; gap: 12px; padding: 10px 13px; border-bottom: 1px solid rgba(159,178,207,.07); }
.native-rule-row:last-child { border-bottom: 0; }
.native-rule-row > span { width: 34px; height: 34px; display: grid; place-items: center; border: 1px solid rgba(101,116,247,.22); border-radius: 7px; background: rgba(101,116,247,.08); color: #8791ff; }
.native-rule-row > div { min-width: 0; }
.native-rule-row strong,.native-rule-row small { display: block; }
.native-rule-row strong { color: #dce6ef; font-size: 10px; }
.native-rule-row small { margin-top: 4px; color: #748297; font-size: 8px; }
.native-rule-row > b { display: inline-flex; align-items: center; gap: 6px; color: #f4c84d; font-size: 8px; font-weight: 600; }
.native-rule-row.synced > b { color: var(--green); }
.native-automod-limitations { margin-bottom: 15px; }
.broadcast-translation-note strong { color: var(--dashboard-accent-text, var(--accent-hover)); font-size: 9px; font-weight: 700; text-transform: uppercase; }

@media (max-width: 900px) {
  .health-hero { grid-template-columns: 110px minmax(0,1fr); gap: 20px; }
  .health-score { width: 104px; }
  .health-scan-meta { grid-column: 1 / -1; padding: 12px 0 0; border-top: 1px solid rgba(159,178,207,.08); border-left: 0; text-align: left; }
  .health-check-row { grid-template-columns: 38px minmax(0,1fr) 105px; }
  .health-action { grid-column: 2 / -1; justify-self: start; }
  .native-automod-summary { grid-template-columns: 1fr 1fr; }
  .native-automod-summary > div:nth-child(2) { border-right: 0; }
  .native-automod-summary > div:nth-child(-n+2) { border-bottom: 1px solid rgba(159,178,207,.08); }
}

@media (max-width: 620px) {
  .health-hero { grid-template-columns: 1fr; justify-items: center; padding: 18px; text-align: center; }
  .health-summary-copy > p { margin-inline: auto; }
  .health-counts { justify-content: center; }
  .health-scan-meta { width: 100%; text-align: center; }
  .health-check-row { grid-template-columns: 34px minmax(0,1fr); }
  .health-check-result { grid-column: 2; text-align: left; }
  .health-action { grid-column: 2; width: 100%; }
  .native-automod-summary { grid-template-columns: 1fr; }
  .native-automod-summary > div { border-right: 0; border-bottom: 1px solid rgba(159,178,207,.08); }
  .native-automod-summary > div:last-child { border-bottom: 0; }
  .native-rule-row { grid-template-columns: 34px minmax(0,1fr); }
  .native-rule-row > b { grid-column: 2; }
}

/* Shared dashboard feedback and permission simulator */
.topbar { grid-template-columns: minmax(150px,1fr) minmax(220px,300px) auto minmax(150px,1fr); }
.panel-change-status {
  min-width: 154px;
  max-width: 190px;
  height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 0 11px;
  border: 1px solid rgba(159,178,207,.12);
  border-radius: 6px;
  background: #0c141f;
  color: #8593a7;
  cursor: default;
  transition: border-color .18s ease, background-color .18s ease, color .18s ease, transform .18s ease;
}
.panel-change-status:not(:disabled):hover { border-color: rgba(var(--accent-rgb),.28); background: #111d2a; transform: translateY(-1px); }
.panel-change-status i { font-size: 9px; }
.panel-change-status span { overflow: hidden; font-size: 8px; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }
.panel-change-status.is-dirty { border-color: rgba(244,200,77,.3); background: rgba(244,200,77,.055); color: #f4d36d; cursor: pointer; }
.panel-change-status.is-saving,
.panel-change-status.is-loading { border-color: rgba(var(--accent-rgb),.28); color: var(--accent-hover); }
.panel-change-status.is-saving i,
.panel-change-status.is-loading i { animation: spin .75s linear infinite; }
.panel-change-status.is-success { border-color: rgba(var(--accent-rgb),.28); color: var(--green); }
.panel-change-status.is-error { border-color: rgba(237,66,69,.34); background: rgba(237,66,69,.06); color: #ff8f97; }

.view-stack { position: relative; transition: opacity .18s ease; }
.view-stack.is-loading { min-height: 420px; opacity: .72; filter: saturate(.74); pointer-events: none; }
.panel-loading-overlay {
  position: fixed;
  z-index: 19;
  inset: 68px 0 0 var(--sidebar-width);
  display: grid;
  place-items: center;
  background: rgba(5,9,15,.32);
  -webkit-backdrop-filter: blur(7px) saturate(.78);
  backdrop-filter: blur(7px) saturate(.78);
  animation: panel-loader-fade .16s ease both;
}
.panel-loading-core { display: grid; justify-items: center; gap: 16px; color: #9babc0; }
.panel-loading-core > strong { font-size: 10px; font-weight: 600; }
.panel-loading-logo { position: relative; width: 78px; height: 78px; display: grid; place-items: center; }
.panel-loading-logo::before,
.panel-loading-logo::after { position: absolute; inset: 0; border: 2px solid rgba(80,104,136,.2); border-radius: 50%; content: ""; }
.panel-loading-logo::before { border-top-color: var(--cyan); border-right-color: rgba(104,119,244,.82); animation: panel-logo-spin 1.05s linear infinite; }
.panel-loading-logo::after { inset: 7px; border-width: 1px; border-right-color: rgba(var(--accent-rgb),.34); border-bottom-color: rgba(104,119,244,.32); animation: panel-logo-spin 1.65s linear infinite reverse; }
.panel-loading-logo img { width: 54px; height: 54px; position: relative; z-index: 1; object-fit: contain; filter: drop-shadow(0 0 13px rgba(var(--accent-rgb),.2)); }
.boot-loading-logo { width: 92px; height: 92px; }
.boot-loading-logo img { width: 64px; height: 64px; }
@keyframes panel-loader-fade { from { opacity: 0; } }
@keyframes panel-logo-spin { to { transform: rotate(360deg); } }
.view { position: relative; }

.toast { display: flex; align-items: center; gap: 9px; }
.toast > i { color: var(--dashboard-accent-text, var(--accent-hover)); font-size: 12px; }
.toast.success > i { color: var(--green); }
.toast.error > i { color: #ff7e87; }
.toast > span { min-width: 0; line-height: 1.45; }

.panel-state,
.table-empty,
.member-list-empty,
.member-profile-empty,
.music-empty,
.analytics-empty,
.analytics-ranking-empty,
.developer-inspector.empty,
.panel-command-empty {
  min-height: 126px;
  display: grid;
  place-content: center;
  justify-items: center;
  gap: 8px;
  padding: 22px;
  border: 1px dashed rgba(159,178,207,.14);
  border-radius: 7px;
  background: rgba(10,17,27,.54);
  color: #748297;
  text-align: center;
}
.panel-state { grid-template-columns: 40px minmax(0,420px); justify-content: center; justify-items: start; text-align: left; }
.panel-state-icon { width: 38px; height: 38px; display: grid; place-items: center; border: 1px solid rgba(var(--accent-rgb),.18); border-radius: 7px; background: rgba(var(--accent-rgb),.06); color: var(--dashboard-accent-text, var(--accent-hover)); }
.panel-state strong { color: #d9e3ed; font-size: 10px; }
.panel-state p { margin: 4px 0 0; color: #758399; font-size: 8px; line-height: 1.55; }
.panel-state-loading .panel-state-icon i { animation: spin .75s linear infinite; }
.automation-register > .automation-empty { min-width: 0; width: 100%; margin: 0; border: 1px solid var(--panel-divider); }
.panel-state-error .panel-state-icon { border-color: rgba(237,66,69,.24); background: rgba(237,66,69,.06); color: #ff7881; }

.permission-hidden { display: none !important; }
.nav-item.permission-limited { color: #d8bd68; }
.nav-item.permission-limited > i:first-child { color: #f4c84d; }
.permission-gate-notice {
  display: grid;
  grid-template-columns: 38px minmax(0,1fr) auto;
  align-items: center;
  gap: 12px;
  margin: -3px 0 16px;
  padding: 12px 14px;
  border: 1px solid rgba(244,200,77,.2);
  border-radius: 7px;
  background: rgba(244,200,77,.045);
}
.permission-gate-notice > span { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 6px; background: rgba(244,200,77,.09); color: #f4c84d; }
.permission-gate-notice strong { display: block; color: #e9d995; font-size: 9px; }
.permission-gate-notice p { margin: 4px 0 0; color: #928a72; font-size: 8px; line-height: 1.5; }
.permission-gate-notice a { display: inline-flex; align-items: center; gap: 6px; color: #f4d66e; font-size: 8px; font-weight: 700; white-space: nowrap; }
.permission-gate-notice a:hover { color: #fff0ac; }

.permission-simulator-layout { display: grid; grid-template-columns: minmax(300px,.8fr) minmax(0,1.2fr); gap: 14px; margin-bottom: 14px; }
.permission-scenario-panel,
.permission-simulator-result { margin: 0; }
.permission-scenario-list { display: grid; gap: 5px; }
.permission-scenario {
  width: 100%;
  min-height: 62px;
  display: grid;
  grid-template-columns: 34px minmax(0,1fr) 16px;
  align-items: center;
  gap: 11px;
  padding: 9px 10px;
  border: 1px solid rgba(159,178,207,.09);
  border-radius: 6px;
  background: #0a121d;
  color: #aab5c4;
  text-align: left;
  cursor: pointer;
  transition: border-color .16s ease, background-color .16s ease, transform .16s ease;
}
.permission-scenario:hover { border-color: rgba(var(--accent-rgb),.2); background: #0e1926; transform: translateX(2px); }
.permission-scenario.active { border-color: rgba(var(--accent-rgb),.32); background: linear-gradient(90deg,rgba(var(--accent-rgb),.075),#0d1723); box-shadow: inset 2px 0 var(--cyan); }
.permission-scenario > span { width: 32px; height: 32px; display: grid; place-items: center; border-radius: 6px; background: rgba(101,116,247,.09); color: #8792ff; }
.permission-scenario div { min-width: 0; }
.permission-scenario strong,
.permission-scenario small { display: block; }
.permission-scenario strong { color: #dce5ef; font-size: 9px; }
.permission-scenario small { margin-top: 4px; color: #6f7d91; font-size: 7px; line-height: 1.4; }
.permission-scenario > i { font-size: 10px; }
.permission-scenario .ok { color: var(--green); }
.permission-scenario .bad { color: #ff6573; }

.permission-simulator-result { align-content: start; }
.permission-result-hero { display: grid; grid-template-columns: 54px minmax(0,1fr) auto; align-items: center; gap: 14px; padding: 16px; border: 1px solid rgba(159,178,207,.1); border-radius: 7px; background: #09121d; }
.permission-result-hero > span { width: 50px; height: 50px; display: grid; place-items: center; border: 1px solid rgba(var(--accent-rgb),.22); border-radius: 7px; background: rgba(var(--accent-rgb),.07); color: var(--green); font-size: 18px; }
.permission-result-hero.blocked > span { border-color: rgba(255,93,108,.24); background: rgba(255,93,108,.06); color: #ff6573; }
.permission-result-hero small { color: var(--dashboard-accent-text, var(--accent-hover)); font-size: 7px; font-weight: 700; text-transform: uppercase; }
.permission-result-hero h2 { margin: 4px 0 0; color: #edf5fc; font-size: 16px; }
.permission-result-hero p { margin: 5px 0 0; color: #77869a; font-size: 8px; line-height: 1.55; }
.permission-result-hero > b { padding: 6px 8px; border: 1px solid rgba(var(--accent-rgb),.22); border-radius: 5px; color: var(--green); font-size: 8px; white-space: nowrap; }
.permission-result-hero.blocked > b { border-color: rgba(255,93,108,.22); color: #ff7c86; }
.permission-result-list-heading { display: flex; align-items: center; justify-content: space-between; margin-top: 16px; padding: 0 2px 9px; border-bottom: 1px solid rgba(159,178,207,.09); }
.permission-result-list-heading strong { color: #cdd8e3; font-size: 10px; }
.permission-result-list-heading span { color: #718096; font-size: 8px; }
.permission-result-list { display: grid; }
.permission-result-item { min-height: 50px; display: grid; grid-template-columns: 28px minmax(0,1fr) auto; align-items: center; gap: 10px; border-bottom: 1px solid rgba(159,178,207,.07); }
.permission-result-item > span { width: 26px; height: 26px; display: grid; place-items: center; border-radius: 5px; background: rgba(var(--accent-rgb),.07); color: var(--green); font-size: 8px; }
.permission-result-item.missing > span { background: rgba(255,93,108,.07); color: #ff6573; }
.permission-result-item strong { color: #cbd6e1; font-size: 9px; }
.permission-result-item small { color: var(--green); font-size: 7px; }
.permission-result-item.missing small { color: #ff7881; }

@media (max-width: 1120px) {
  .topbar { grid-template-columns: minmax(140px,1fr) minmax(210px,270px) auto auto; }
  .panel-change-status { min-width: 36px; width: 36px; padding: 0; }
  .panel-change-status span { display: none; }
}

@media (max-width: 860px) {
  .topbar { grid-template-columns: minmax(0,1fr) auto auto; }
  .permission-simulator-layout { grid-template-columns: 1fr; }
  .panel-loading-overlay { inset: 64px 0 0; }
}

@media (max-width: 620px) {
  .panel-change-status { display: none; }
  .topbar { grid-template-columns: auto minmax(0,1fr) auto; }
  .permission-gate-notice { grid-template-columns: 34px minmax(0,1fr); }
  .permission-gate-notice a { grid-column: 2; }
  .permission-result-hero { grid-template-columns: 44px minmax(0,1fr); }
  .permission-result-hero > span { width: 42px; height: 42px; }
  .permission-result-hero > b { grid-column: 2; justify-self: start; }
}

/* Panel notification center */
.notification-anchor { position: relative; flex: 0 0 auto; }
.notification-button { position: relative; overflow: visible; }
.notification-button.has-unread { border-color: rgba(var(--accent-rgb),.32); color: var(--text-primary); background: rgba(var(--accent-rgb),.08); }
.notification-button.has-unread > i { animation: notificationBell 4.8s ease-in-out infinite; transform-origin: 50% 10%; }
.notification-count {
  position: absolute;
  z-index: 4;
  top: -5px;
  right: -5px;
  min-width: 17px;
  height: 17px;
  display: inline-grid;
  place-items: center;
  padding: 0 4px;
  border: 2px solid #07101a;
  border-radius: 9px;
  background: #ff5364;
  color: #fff;
  font-size: 7px;
  font-weight: 800;
  line-height: 1;
  box-shadow: 0 4px 14px rgba(255,83,100,.28);
  pointer-events: none;
}
@keyframes notificationBell {
  0%, 84%, 100% { transform: rotate(0); }
  87% { transform: rotate(13deg); }
  90% { transform: rotate(-11deg); }
  93% { transform: rotate(7deg); }
  96% { transform: rotate(-4deg); }
}
.notification-popover {
  position: absolute;
  z-index: 80;
  top: calc(100% + 11px);
  right: 0;
  width: min(390px, calc(100vw - 24px));
  overflow: hidden;
  border: 1px solid rgba(111,137,174,.24);
  border-radius: 8px;
  background: #08111c;
  box-shadow: 0 22px 70px rgba(0,0,0,.48), inset 0 1px rgba(255,255,255,.025);
  animation: notificationPopoverIn .16s ease-out;
}
@keyframes notificationPopoverIn { from { opacity: 0; transform: translateY(-6px) scale(.985); } to { opacity: 1; transform: none; } }
.notification-popover > header {
  min-height: 64px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 13px 15px;
  border-bottom: 1px solid rgba(159,178,207,.1);
  background: #0b1521;
}
.notification-popover > header strong,
.notification-popover > header small { display: block; }
.notification-popover > header strong { color: #eef6fd; font-size: 11px; }
.notification-popover > header small { margin-top: 4px; color: #748399; font-size: 7px; }
.notification-read-all { padding: 5px 0; border: 0; background: none; color: var(--dashboard-accent-text, var(--accent-hover)); font: inherit; font-size: 7px; font-weight: 700; cursor: pointer; }
.notification-read-all:hover { color: var(--text-primary); }
.notification-read-all:disabled { color: #526174; cursor: default; }
.notification-list { max-height: min(480px, calc(100vh - 150px)); overflow-y: auto; overscroll-behavior: contain; }
.notification-item {
  width: 100%;
  display: grid;
  grid-template-columns: 36px minmax(0,1fr) 8px;
  gap: 11px;
  align-items: start;
  padding: 13px 15px;
  border: 0;
  border-bottom: 1px solid rgba(159,178,207,.075);
  background: transparent;
  color: #aeb9c7;
  text-align: left;
  cursor: pointer;
  transition: background-color .16s ease, transform .16s ease;
}
.notification-item:hover { background: rgba(var(--accent-rgb),.045); }
.notification-item.unread { background: linear-gradient(90deg,rgba(var(--accent-rgb),.075),rgba(var(--accent-rgb),.018)); }
.notification-item-icon,
.notification-dialog-icon {
  display: grid;
  place-items: center;
  border: 1px solid rgba(91,111,246,.22);
  border-radius: 7px;
  background: rgba(91,111,246,.08);
  color: #8e9aff;
}
.notification-item-icon { width: 34px; height: 34px; font-size: 11px; }
.notification-item.type-update .notification-item-icon,
.notification-dialog-card.type-update .notification-dialog-icon { border-color: rgba(var(--accent-rgb),.25); background: rgba(var(--accent-rgb),.075); color: var(--dashboard-accent-text, var(--accent-hover)); }
.notification-item.type-warning .notification-item-icon,
.notification-dialog-card.type-warning .notification-dialog-icon { border-color: rgba(244,200,77,.25); background: rgba(244,200,77,.075); color: #f4c84d; }
.notification-item.type-maintenance .notification-item-icon,
.notification-dialog-card.type-maintenance .notification-dialog-icon { border-color: rgba(255,93,108,.25); background: rgba(255,93,108,.07); color: #ff6978; }
.notification-item-copy { min-width: 0; }
.notification-item-copy strong { display: block; overflow: hidden; color: #e0e9f2; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.notification-item-copy p { display: -webkit-box; overflow: hidden; margin: 5px 0 0; color: #76859a; font-size: 7px; line-height: 1.5; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.notification-item-copy time { display: block; margin-top: 6px; color: #59687c; font-size: 6px; }
.notification-item-dot { width: 7px; height: 7px; margin-top: 5px; border-radius: 50%; background: transparent; }
.notification-item.unread .notification-item-dot { background: var(--cyan); box-shadow: 0 0 10px rgba(var(--accent-rgb),.6); }
.notification-empty { min-height: 220px; display: grid; place-content: center; justify-items: center; padding: 28px; color: #68778b; text-align: center; }
.notification-empty i { margin-bottom: 10px; color: #526175; font-size: 24px; }
.notification-empty strong { color: #b7c2cf; font-size: 10px; }
.notification-empty p { max-width: 250px; margin: 6px 0 0; font-size: 7px; line-height: 1.55; }

.notification-dialog { position: fixed; z-index: 180; inset: 0; display: grid; place-items: center; padding: 18px; }
.notification-dialog-backdrop { position: absolute; inset: 0; border: 0; background: rgba(1,6,12,.78); backdrop-filter: blur(5px); cursor: default; }
.notification-dialog-card {
  position: relative;
  width: min(610px,100%);
  max-height: min(760px,calc(100vh - 36px));
  overflow: auto;
  border: 1px solid rgba(111,137,174,.24);
  border-radius: 8px;
  background: #09131f;
  box-shadow: 0 30px 90px rgba(0,0,0,.58);
  animation: notificationDialogIn .2s ease-out;
}
@keyframes notificationDialogIn { from { opacity: 0; transform: translateY(10px) scale(.98); } to { opacity: 1; transform: none; } }
.notification-dialog-card > header { display: grid; grid-template-columns: 48px minmax(0,1fr) 36px; gap: 13px; align-items: center; padding: 18px; border-bottom: 1px solid rgba(159,178,207,.1); background: #0c1724; }
.notification-dialog-icon { width: 46px; height: 46px; font-size: 16px; }
.notification-dialog-card header small { color: var(--dashboard-accent-text, var(--accent-hover)); font-size: 7px; font-weight: 750; text-transform: uppercase; }
.notification-dialog-card header h2 { margin: 4px 0 0; color: var(--text-primary); font-size: 17px; line-height: 1.25; }
.notification-dialog-card header time { display: block; margin-top: 5px; color: #68778b; font-size: 7px; }
.notification-dialog-message { padding: 20px; color: #b8c4d1; font-size: 10px; line-height: 1.75; overflow-wrap: anywhere; }
.notification-dialog-message p { margin: 0 0 10px; }
.notification-dialog-card > footer { display: flex; justify-content: flex-end; gap: 9px; padding: 14px 18px; border-top: 1px solid rgba(159,178,207,.1); background: rgba(7,14,23,.7); }

.notification-publisher-form .notification-source-language { display: grid; gap: 7px; width: 100%; max-width: 300px; padding-block: 12px; }
.notification-message-fields { display: grid; gap: 14px; min-width: 0; }
.developer-notification-list { display: grid; gap: 8px; }
.developer-notification-row { display: grid; grid-template-columns: 38px minmax(0,1fr) auto; align-items: center; gap: 12px; padding: 12px; border: 1px solid rgba(159,178,207,.1); border-radius: 7px; background: #09131f; }
.developer-notification-row > span { width: 36px; height: 36px; display: grid; place-items: center; border-radius: 6px; background: rgba(var(--accent-rgb),.075); color: var(--dashboard-accent-text, var(--accent-hover)); }
.developer-notification-row strong { display: block; color: #dce6ef; font-size: 9px; }
.developer-notification-row p { margin: 4px 0 0; color: #748297; font-size: 7px; line-height: 1.5; }
.developer-notification-row small { display: block; margin-top: 5px; color: #56657a; font-size: 6px; }
.developer-notification-row .button { min-height: 34px; }

@media (max-width: 720px) {
  .notification-popover { position: fixed; top: 64px; right: 10px; left: 10px; width: auto; }
  .notification-dialog-card > header { grid-template-columns: 42px minmax(0,1fr) 34px; }
  .notification-dialog-icon { width: 40px; height: 40px; }
  .developer-notification-row { grid-template-columns: 34px minmax(0,1fr); }
  .developer-notification-row .button { grid-column: 2; justify-self: start; }
}

@media (prefers-reduced-motion: reduce) {
  .notification-button.has-unread > i,
  .notification-popover,
  .notification-dialog-card { animation: none; }
}

/* Guided configuration system */
.settings-form.has-unsaved-changes {
  border-color: rgba(244,200,77,.3);
  box-shadow: inset 2px 0 rgba(244,200,77,.72);
}
.form-change-indicator {
  min-height: 30px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin-right: auto;
  padding: 6px 9px;
  border: 1px solid rgba(244,200,77,.18);
  border-radius: 5px;
  background: rgba(244,200,77,.055);
  color: #e7c96f;
  font-size: 7px;
  font-weight: 700;
  animation: form-change-in .16s ease both;
}
.form-change-indicator i { font-size: 8px; }
.form-reset-button { min-height: 36px; }
@keyframes form-change-in { from { opacity: 0; transform: translateY(3px); } to { opacity: 1; transform: none; } }

.field-character-count {
  display: block;
  min-height: 14px;
  margin-top: 5px;
  color: #66758a;
  font-size: 7px;
  line-height: 1;
  text-align: right;
  transition: color .15s ease;
}
.field-character-count.near-limit { color: #e9c55c; }
.field-character-count.at-limit { color: #ff7886; font-weight: 700; }
label:has(input[required],select[required],textarea[required]) > span:first-child::after {
  margin-left: 4px;
  color: #ff6978;
  content: "*";
}

.conditional-field-disabled,
.conditional-section-disabled {
  opacity: .45;
  filter: saturate(.68);
  transition: opacity .16s ease, filter .16s ease;
}
.conditional-field-disabled :is(input,select,textarea),
.conditional-section-disabled :is(input,select,textarea) { cursor: not-allowed; }
.message-builder-state {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 12px 0;
  padding: 10px 12px;
  border: 1px solid rgba(var(--accent-rgb),.16);
  border-radius: 6px;
  background: rgba(var(--accent-rgb),.045);
  color: #8aa0b8;
  font-size: 8px;
}
.message-builder-state i { color: var(--dashboard-accent-text, var(--accent-hover)); }

.configuration-preview {
  display: grid;
  grid-template-columns: 42px minmax(0,1fr) auto;
  align-items: center;
  gap: 13px;
  margin: 16px 0 2px;
  padding: 13px;
  border: 1px solid rgba(var(--accent-rgb),.14);
  border-radius: 7px;
  background: linear-gradient(110deg,rgba(var(--accent-rgb),.055),rgba(11,19,30,.9) 45%);
}
.configuration-preview-icon {
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(var(--accent-rgb),.2);
  border-radius: 6px;
  background: rgba(var(--accent-rgb),.07);
  color: var(--dashboard-accent-text, var(--accent-hover));
}
.configuration-preview small,
.configuration-preview strong,
.configuration-preview p { display: block; }
.configuration-preview small { color: var(--dashboard-accent-text, var(--accent-hover)); font-size: 6px; font-weight: 800; text-transform: uppercase; }
.configuration-preview strong { margin-top: 4px; color: #e5edf5; font-size: 10px; }
.configuration-preview p { margin: 3px 0 0; color: #728096; font-size: 7px; line-height: 1.45; }
.configuration-preview-meta { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 6px; }
.configuration-preview-meta span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 8px;
  border: 1px solid rgba(159,178,207,.12);
  border-radius: 5px;
  background: rgba(8,15,24,.75);
  color: #9ba9ba;
  font-size: 7px;
}
.configuration-preview-meta i { color: #8495aa; }

.ticket-preview-surface .discord-select-preview {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  align-items: center;
  gap: 8px;
  margin: 9px 10px 11px;
  padding: 9px 10px;
  border: 1px solid #252930;
  border-radius: 4px;
  background: #1e1f22;
  color: #dbdee1;
}
.ticket-preview-surface .discord-select-preview span { overflow: hidden; font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
.ticket-preview-surface .discord-select-preview i { color: #949ba4; font-size: 7px; }

.control-register-search { width: 100%; margin: 12px 0 9px; }
.control-register-search input { width: 100%; min-width: 0; }
.control-register .icon-button:disabled { opacity: .35; cursor: not-allowed; transform: none; }

.test-result.disabled { border-color: rgba(159,178,207,.14); background: rgba(159,178,207,.035); }
.test-result.disabled > i { background: rgba(159,178,207,.08); color: #76869b; }
.button.is-loading { cursor: wait; }
.button.is-loading i { animation: spin .7s linear infinite; }
.button.is-success { border-color: rgba(var(--accent-rgb),.35); background: rgba(var(--accent-rgb),.12); color: #bfdbfe; }

@media (max-width: 700px) {
  .form-change-indicator { width: 100%; justify-content: center; margin-right: 0; }
  .configuration-preview { grid-template-columns: 38px minmax(0,1fr); }
  .configuration-preview-meta { grid-column: 1 / -1; justify-content: flex-start; }
}

@media (prefers-reduced-motion: reduce) {
  .form-change-indicator,
  .button.is-loading i { animation: none; }
}
/* Team access */
.team-access-heading > div > p:last-child { max-width: 760px; }
.team-access-hero {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 20px;
  align-items: center;
  padding: 22px;
  margin-bottom: 20px;
  border: 1px solid rgba(var(--accent-rgb),.24);
  border-left: 3px solid var(--accent);
  background: linear-gradient(110deg, rgba(var(--accent-rgb),.08), rgba(79, 70, 229, .05) 56%, rgba(8, 15, 28, .2));
}
.team-access-hero-icon {
  display: grid;
  place-items: center;
  width: 52px;
  height: 52px;
  border: 1px solid rgba(var(--accent-rgb),.35);
  border-radius: 8px;
  color: var(--accent-hover);
  background: rgba(var(--accent-rgb),.14);
  font-size: 20px;
}
.team-access-hero span { color: var(--accent-hover); font-size: 11px; font-weight: 800; text-transform: uppercase; }
.team-access-hero h2 { margin: 5px 0 7px; font-size: 20px; }
.team-access-hero p { margin: 0; color: var(--text-muted); line-height: 1.55; }
.team-access-security-points { display: grid; gap: 8px; min-width: 220px; }
.team-access-security-points span { display: flex; gap: 9px; align-items: center; color: var(--text-secondary); text-transform: none; }
.team-access-security-points i { color: #60a5fa; }
.team-access-layout { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(360px, .92fr); gap: 20px; align-items: start; }
.team-role-field { display: grid; gap: 8px; margin-bottom: 20px; }
.team-role-field label, .team-scope-heading strong { font-size: 13px; font-weight: 800; }
.team-scope-heading { display: flex; justify-content: space-between; gap: 14px; align-items: end; margin-bottom: 12px; }
.team-scope-heading > div { display: grid; gap: 4px; }
.team-scope-heading small { color: var(--text-muted); }
.team-scope-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin-bottom: 18px; }
.team-scope-option { position: relative; display: flex; align-items: center; gap: 11px; min-height: 58px; padding: 10px 12px; border: 1px solid var(--border-color); border-radius: 7px; background: rgba(15, 25, 42, .72); cursor: pointer; transition: border-color .18s ease, background-color .18s ease, transform .18s ease; }
.team-scope-option:hover { border-color: rgba(var(--accent-rgb),.42); transform: translateY(-1px); }
.team-scope-option:has(input:checked) { border-color: rgba(var(--accent-rgb),.65); background: rgba(var(--accent-rgb),.12); box-shadow: inset 3px 0 var(--accent); }
.team-scope-option input { position: absolute; opacity: 0; pointer-events: none; }
.team-scope-icon { display: grid; place-items: center; width: 34px; height: 34px; flex: 0 0 34px; border-radius: 6px; color: #9aa9c4; background: rgba(83, 100, 132, .13); }
.team-scope-option:has(input:checked) .team-scope-icon { color: var(--accent-hover); background: rgba(var(--accent-rgb),.13); }
.team-scope-copy { display: grid; gap: 2px; min-width: 0; }
.team-scope-copy strong { font-size: 12px; }
.team-scope-copy small { overflow: hidden; color: var(--text-muted); font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.team-access-rules { display: grid; gap: 10px; }
.team-rule-counter { display: grid; place-items: center; min-width: 30px; height: 30px; border: 1px solid var(--border-color); border-radius: 6px; color: var(--accent-hover); background: rgba(var(--accent-rgb),.08); }
.team-rule { padding: 14px; border: 1px solid var(--border-color); border-radius: 7px; background: rgba(12, 20, 34, .7); }
.team-rule-header { display: flex; justify-content: space-between; gap: 12px; align-items: center; }
.team-rule-role { display: flex; gap: 10px; align-items: center; min-width: 0; }
.team-rule-role-color { width: 11px; height: 34px; border-radius: 3px; background: var(--team-role-color, #64748b); }
.team-rule-role strong { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.team-rule-role small { color: var(--text-muted); }
.team-rule-actions { display: flex; gap: 6px; }
.team-rule-actions button { width: 34px; height: 34px; }
.team-rule-scopes { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--border-color); }
.team-rule-scopes span { padding: 5px 7px; border: 1px solid rgba(136, 142, 181, .2); border-radius: 4px; color: #b9c3d8; background: rgba(136, 142, 181, .07); font-size: 10px; font-weight: 700; }
.team-access-empty { min-height: 220px; display: grid; place-items: center; align-content: center; gap: 8px; text-align: center; color: var(--text-muted); }
.team-access-empty i { margin-bottom: 5px; color: #60708e; font-size: 28px; }
.team-access-empty strong { color: var(--text-primary); }
.team-access-empty p { max-width: 300px; margin: 0; line-height: 1.5; }
.team-access-denied .team-access-composer { display: none; }
.nav-section.hidden { display: none; }

@media (max-width: 1080px) {
  .team-access-layout { grid-template-columns: 1fr; }
  .team-access-hero { grid-template-columns: auto 1fr; }
  .team-access-security-points { grid-column: 1 / -1; grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 680px) {
  .team-access-hero { grid-template-columns: 1fr; }
  .team-access-security-points { grid-template-columns: 1fr; min-width: 0; }
  .team-scope-grid { grid-template-columns: 1fr; }
  .team-scope-heading { align-items: start; flex-direction: column; }
}

/* Developer release controls */
.panel-feature-manager { border-top: 2px solid var(--accent); }
.panel-feature-heading { align-items: center; }
.panel-feature-summary {
  display: grid;
  grid-template-columns: repeat(2, minmax(112px, 1fr));
  gap: 8px;
}
.panel-feature-summary > span {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto auto;
  column-gap: 9px;
  min-width: 112px;
  padding: 10px 12px;
  border: 1px solid var(--border-color);
  border-radius: 7px;
  background: rgba(15, 25, 42, .72);
}
.panel-feature-summary i { grid-row: 1 / 3; align-self: center; color: var(--accent-hover); }
.panel-feature-summary b { font-size: 17px; line-height: 1; }
.panel-feature-summary small { color: var(--text-muted); font-size: 9px; }
.panel-feature-note { margin: 16px 0 18px; }
.panel-feature-groups { display: grid; gap: 14px; }
.panel-feature-group {
  overflow: hidden;
  border: 1px solid var(--border-color);
  border-radius: 7px;
  background: rgba(8, 15, 28, .48);
}
.panel-feature-group > header {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 11px;
  align-items: center;
  padding: 13px 14px;
  border-bottom: 1px solid var(--border-color);
  background: rgba(15, 25, 42, .64);
}
.panel-feature-group > header > span,
.panel-feature-icon {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  border: 1px solid rgba(var(--accent-rgb),.2);
  border-radius: 6px;
  color: var(--accent-hover);
  background: rgba(var(--accent-rgb),.08);
}
.panel-feature-group > header div { display: grid; gap: 2px; }
.panel-feature-group > header strong { font-size: 13px; }
.panel-feature-group > header small { color: var(--text-muted); font-size: 10px; }
.panel-feature-group > header b {
  min-width: 28px;
  padding: 5px 7px;
  border: 1px solid rgba(99, 102, 241, .25);
  border-radius: 5px;
  color: #c5ccff;
  background: rgba(99, 102, 241, .09);
  text-align: center;
  font-size: 10px;
}
.panel-feature-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.panel-feature-card {
  position: relative;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 11px;
  align-items: center;
  min-height: 76px;
  padding: 12px 14px;
  border-right: 1px solid var(--border-color);
  border-bottom: 1px solid var(--border-color);
  cursor: pointer;
  transition: background-color .18s ease, opacity .18s ease;
}
.panel-feature-card:nth-child(2n) { border-right: 0; }
.panel-feature-card:hover { background: rgba(var(--accent-rgb),.035); }
.panel-feature-card.is-hidden { background: rgba(244, 63, 94, .025); }
.panel-feature-card.is-hidden .panel-feature-icon { border-color: rgba(244, 63, 94, .2); color: #fb7185; background: rgba(244, 63, 94, .07); }
.panel-feature-copy { display: grid; gap: 2px; min-width: 0; }
.panel-feature-copy strong { overflow: hidden; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.panel-feature-copy small { overflow: hidden; color: var(--text-muted); font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.panel-feature-copy em { margin-top: 3px; color: #60a5fa; font-size: 9px; font-style: normal; font-weight: 700; }
.panel-feature-card.is-hidden .panel-feature-copy em { color: #fb7185; }
.nav-item.panel-feature-hidden-preview {
  border-color: rgba(251, 113, 133, .24);
  border-style: dashed;
  opacity: .68;
}
.nav-item.panel-feature-hidden-preview:hover,
.nav-item.panel-feature-hidden-preview.active { opacity: 1; }

@media (max-width: 800px) {
  .panel-feature-heading { align-items: stretch; flex-direction: column; }
  .panel-feature-summary { width: 100%; }
}
@media (max-width: 650px) {
  .panel-feature-grid { grid-template-columns: 1fr; }
  .panel-feature-card { border-right: 0; }
  .panel-feature-summary { grid-template-columns: 1fr 1fr; }
}

/* Unified panel system */
:root {
  --text-primary: var(--text);
  --text-secondary: #b5c0cf;
  --text-muted: #7f8da2;
  --border-color: rgba(191, 207, 228, .11);
  --panel-surface: #0b121c;
  --panel-surface-raised: #0e1723;
  --panel-surface-control: #111c2a;
  --panel-divider: rgba(191, 207, 228, .085);
  --panel-shadow: 0 16px 42px rgba(0, 0, 0, .16);
  --focus-ring: 0 0 0 3px rgba(var(--accent-rgb),.1);
}

.workspace-scroll {
  background-color: #070b12;
  background-image:
    linear-gradient(rgba(191,207,228,.016) 1px, transparent 1px),
    linear-gradient(90deg, rgba(191,207,228,.016) 1px, transparent 1px);
  background-size: 54px 54px;
}

.view-stack { width: min(1380px, 100%); }
.view { min-width: 0; }
.view > :first-child { margin-top: 0; }

.view-heading {
  min-height: 72px;
  align-items: center;
  gap: 24px;
  margin-bottom: 24px;
  padding-bottom: 19px;
}
.view-heading h1 { max-width: 820px; font-size: 25px; line-height: 1.2; }
.view-heading > div:first-child > p:last-child:not(.eyebrow) { max-width: 760px; margin: 7px 0 0; color: var(--text-muted); font-size: 10px; line-height: 1.6; }
.view-heading::after { width: 54px; }
.eyebrow { letter-spacing: 0; }

.tool-section { position: relative; min-width: 0; margin-top: 22px; border-top: 1px solid var(--panel-divider); }
.section-heading { min-height: 70px; align-items: center; padding: 22px 0 14px; }
.section-heading > div:first-child { min-width: 0; }
.section-heading h2 { color: #edf3f8; font-size: 15px; line-height: 1.3; }
.section-heading p { max-width: 760px; margin-top: 5px; color: var(--text-muted); font-size: 9px; line-height: 1.55; }
.section-heading .section-actions,
.section-heading .command-toolbar,
.view-heading .audit-actions { flex: 0 0 auto; }

.configuration-surface {
  position: relative;
  overflow: hidden;
  margin-top: 12px;
  padding: 5px 20px 20px;
  border: 1px solid var(--border-color);
  border-radius: 7px;
  background: rgba(10, 17, 27, .86);
  box-shadow: 0 10px 28px rgba(0, 0, 0, .08);
}
.configuration-surface::before {
  position: absolute;
  inset: 0 auto 0 0;
  width: 2px;
  background: rgba(var(--accent-rgb),.42);
  content: "";
  opacity: .45;
  transition: opacity .2s ease, background-color .2s ease;
}
.configuration-surface:focus-within::before,
.configuration-surface.has-unsaved-changes::before { opacity: 1; }
.configuration-surface.has-unsaved-changes::before { background: var(--yellow); }
.configuration-surface.compact-form { padding-top: 10px; }
.configuration-surface > .section-heading:first-child { padding-top: 14px; }

.configuration-surface .form-block {
  position: relative;
  margin: 0 -20px;
  padding: 4px 20px 22px;
  border-bottom: 1px solid var(--panel-divider);
}
.configuration-surface .form-block:last-of-type { border-bottom: 0; }
.configuration-surface .form-block > .section-heading { min-height: 58px; padding: 15px 0 8px; }
.configuration-surface .form-block > .section-heading h2 { font-size: 12px; }

.setting-row {
  min-height: 76px;
  margin: 0 -8px;
  padding: 15px 8px;
  border-bottom-color: var(--panel-divider);
}
.setting-row:last-of-type { border-bottom-color: transparent; }
.setting-row:hover { background: rgba(191,207,228,.022); }
.setting-row > div:first-child { min-width: 0; }
.setting-row label,
.form-grid > label > span,
.field-full > span,
.form-control-group > span,
.selection-heading > span { color: #dfe7ef; font-size: 10px; font-weight: 650; line-height: 1.45; }
.setting-row p,
.form-grid > label > small,
.field-full > small,
.form-control-group > small { color: var(--text-muted); font-size: 8px; line-height: 1.55; }

.form-grid { gap: 18px; padding-top: 17px; }
.form-grid > label,
.field-full,
.form-control-group { gap: 7px; }
.field-full { margin-top: 17px; }

input[type="text"],
input[type="number"],
input[type="search"],
input[type="url"],
input[type="email"],
input[type="date"],
select,
textarea {
  border-color: rgba(191,207,228,.13);
  border-radius: 6px;
  background: var(--panel-surface-control);
  color: #e9eef5;
}
input[type="text"],
input[type="number"],
input[type="search"],
input[type="url"],
input[type="email"],
input[type="date"],
select { min-height: 43px; padding-inline: 13px; }
textarea { min-height: 112px; line-height: 1.6; }
input:hover:not(:disabled),
select:hover:not(:disabled),
textarea:hover:not(:disabled) { border-color: rgba(191,207,228,.24); background: #132031; }
input:focus,
select:focus,
textarea:focus { border-color: rgba(var(--accent-rgb),.7); background: #132031; box-shadow: var(--focus-ring); }
input:disabled,
select:disabled,
textarea:disabled { border-color: rgba(191,207,228,.06); background: #0a111b; color: #647186; opacity: .7; }

.check-row { gap: 10px 18px; margin-top: 16px; }
.check-row label,
.privacy-option,
.switch-with-label {
  min-height: 32px;
  align-items: center;
  color: #9aa8b9;
}
.check-row label { padding: 4px 0; }
.check-row input[type="checkbox"],
.check-row input[type="radio"] { width: 16px; height: 16px; margin: 0; accent-color: var(--cyan); }
.switch { width: 40px; height: 23px; }
.switch > input {
  appearance: none;
  -webkit-appearance: none;
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0;
  border: 0;
  clip-path: inset(50%);
  overflow: hidden;
  white-space: nowrap;
}
.switch span::after { width: 17px; height: 17px; }
.switch input:checked + span::after { transform: translateX(17px); }
.switch input:disabled + span { cursor: not-allowed; opacity: .45; }

.module-activation-control {
  display: inline-flex;
  align-items: center;
  gap: 11px;
  min-height: 34px;
  padding: 5px 6px 5px 11px;
  border: 1px solid rgba(151,170,198,.12);
  border-radius: 6px;
  background: rgba(10,18,29,.72);
}
.module-activation-state {
  color: #7e8b9e;
  font-size: 8px;
  font-weight: 800;
  letter-spacing: 0;
  text-transform: uppercase;
  transition: color .18s ease;
}
.module-activation-state.is-enabled { color: var(--green); }

.settings-note,
.autosave-note,
.registry-notice {
  min-height: 44px;
  align-items: center;
  gap: 10px;
  border-color: rgba(var(--accent-rgb),.15);
  background: rgba(var(--accent-rgb),.045);
  color: #8fa0b3;
}
.settings-note > i,
.autosave-note > i,
.registry-notice > i { color: var(--dashboard-accent-text, var(--accent-hover)); }

.form-actions {
  min-height: 64px;
  align-items: center;
  gap: 9px;
  margin: 18px -4px -4px;
  padding: 15px 4px 0;
  border-top: 1px solid var(--panel-divider);
}
.form-actions > p { margin-right: auto; }
.form-change-indicator { margin-right: auto; }
.form-reset-button { order: 2; }
.form-actions .button-primary { order: 3; }
.button.is-pristine { box-shadow: none; }
.button:disabled { pointer-events: none; }
.button:focus-visible,
.icon-button:focus-visible,
.nav-item:focus-visible { outline: 2px solid rgba(var(--accent-rgb),.68); outline-offset: 2px; }

.segmented-control { padding: 3px; }
.segmented-control button { min-height: 31px; border-radius: 4px; }
.segmented-control button.active { color: var(--text-primary); }
.state-badge { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-height: 28px; white-space: nowrap; }

.multi-choice-search {
  position: relative;
  display: block;
}
.multi-choice-search > i {
  position: absolute;
  z-index: 2;
  left: 13px;
  top: 50%;
  width: 14px;
  color: #748399;
  font-size: 11px;
  line-height: 1;
  text-align: center;
  pointer-events: none;
  transform: translateY(-50%);
  transition: color .16s ease, transform .16s ease;
}
.multi-choice-search:focus-within > i {
  color: var(--dashboard-accent-text, var(--accent-hover));
  transform: translateY(-50%) scale(1.06);
}
.multi-choice-search input[type="search"] {
  min-height: 39px;
  padding-left: 39px;
  padding-right: 34px;
}
.multi-choice-search input[type="search"]::-webkit-search-cancel-button {
  opacity: .58;
  filter: invert(.75);
}
.multi-choice-list { min-height: 132px; border-color: var(--border-color); background: #0a111b; }
.multi-choice-item { border-radius: 5px; }
.multi-choice-empty { color: var(--text-muted); }

.table-wrap,
.analytics-ranking,
.incident-list,
.case-list,
.developer-category-list,
.guild-command-category-list,
.developer-guild-list,
.permission-list,
.member-case-list {
  overflow: hidden;
  border: 1px solid var(--border-color);
  border-radius: 7px;
  background: var(--panel-surface);
}

.developer-guild-list {
  min-height: 0;
  max-height: min(430px, calc(100dvh - 220px));
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
  touch-action: pan-y;
}

.command-availability-list {
  max-height: min(620px, calc(100dvh - 190px));
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
  border: 1px solid var(--border-color);
  border-radius: 7px;
  background: var(--panel-surface);
  touch-action: pan-y;
}

@media (max-width: 700px) {
  .command-availability-list { max-height: min(560px, calc(100dvh - 170px)); }
}
tr,
.analytics-ranking-row,
.incident-row,
.case-row,
.registry-row,
.developer-category-row,
.command-availability-row,
.permission-item,
.member-case-row { background: transparent; }
tbody tr:hover,
.analytics-ranking-row:hover,
.developer-category-row:hover,
.command-availability-row:hover { background: rgba(var(--accent-rgb),.025); }

.panel-state,
.table-empty,
.analytics-empty,
.analytics-ranking-empty,
.team-access-empty,
.automation-empty {
  min-height: 150px;
  place-items: center;
  align-content: center;
  gap: 9px;
  padding: 26px;
  border: 1px dashed rgba(191,207,228,.14);
  border-radius: 7px;
  background: rgba(8,14,23,.48);
  color: var(--text-muted);
  text-align: center;
}
.panel-state-icon,
.table-empty > i,
.analytics-empty > i,
.analytics-ranking-empty > i,
.automation-empty > i {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(var(--accent-rgb),.15);
  border-radius: 6px;
  background: rgba(var(--accent-rgb),.055);
  color: var(--dashboard-accent-text, var(--accent-hover));
}
.panel-state strong,
.analytics-empty strong,
.automation-empty strong { color: #dfe7ef; }
.panel-state p,
.analytics-empty span,
.automation-empty p { max-width: 420px; margin: 0; line-height: 1.55; }
.panel-state-loading .panel-state-icon i { animation: spin .75s linear infinite; }

/* Overview */
.overview-server-banner { box-shadow: 0 12px 32px rgba(0,0,0,.08); }
.stats-grid { gap: 10px; margin-bottom: 26px; }
.stat-card { min-height: 88px; padding: 14px; }
.stat-card:hover { transform: translateY(-1px); }
.overview-dashboard-grid { grid-template-columns: minmax(0,1fr) minmax(286px,310px); gap: 20px; }
.overview-side-column { position: sticky; top: 18px; }
.overview-side-panel { background: #0a121c; }
.overview-module-section .module-status { min-height: 82px; }
.overview-module-section .module-status-copy small { white-space: normal; }
.permission-list { box-shadow: 0 10px 28px rgba(0,0,0,.07); }

/* Analytics */
.analytics-heading { margin-bottom: 18px; }
.analytics-toolbar { padding: 3px; border: 1px solid var(--border-color); border-radius: 6px; background: #0a121c; }
.analytics-summary-grid { gap: 10px; margin-bottom: 24px; }
.analytics-stat {
  min-height: 104px;
  padding: 16px;
  border: 1px solid var(--border-color);
  border-radius: 7px;
  background: var(--panel-surface-raised);
}
.analytics-stat:hover { transform: translateY(-1px); }
.analytics-stat > i { width: 36px; height: 36px; border-radius: 6px; }
.analytics-stat strong { font-size: 19px; }
.analytics-chart-section { padding-bottom: 4px; }
.analytics-chart {
  min-height: 300px;
  overflow: hidden;
  padding: 16px 14px 6px;
  border: 1px solid var(--border-color);
  border-radius: 7px;
  background: linear-gradient(180deg, rgba(14,23,35,.94), rgba(8,14,23,.78));
}
.analytics-chart-grid { min-height: 248px; }
.analytics-ranking-grid { gap: 16px; }
.analytics-ranking-section .section-heading { min-height: 64px; }
.analytics-ranking-row { min-height: 56px; }
.analytics-command-ranking { gap: 8px; border: 0; background: transparent; }
.analytics-privacy-note { margin-top: 18px; }

/* Developer workspace */
.developer-tab-panel { min-width: 0; }
.developer-tab-panel.active { animation-duration: .2s; }
.developer-tab-panel > .tool-section:first-child { margin-top: 0; border-top: 0; }
.developer-tab-panel > .tool-section:first-child > .section-heading { padding-top: 4px; }
.developer-analytics-heading {
  min-height: 78px;
  align-items: center;
  margin-bottom: 18px;
  padding: 0 0 18px;
  border-bottom: 1px solid var(--panel-divider);
}
.developer-analytics-heading h2 { font-size: 20px; }
.developer-analytics-heading p:last-child { max-width: 700px; color: var(--text-muted); }
.developer-tab-panel .settings-form { margin-top: 10px; }
.developer-tab-panel .developer-guild-list,
.developer-tab-panel .configuration-timeline,
.developer-tab-panel .owner-delivery-list { box-shadow: 0 12px 32px rgba(0,0,0,.08); }
.developer-subnav-item { border-radius: 0 5px 5px 0; }
.developer-subnav-item.active { box-shadow: inset 2px 0 var(--cyan); }

@media (max-width: 1180px) {
  .overview-dashboard-grid { grid-template-columns: 1fr; }
  .overview-side-column { position: static; grid-template-columns: repeat(3,minmax(0,1fr)); }
  .overview-side-panel { min-width: 0; }
}

@media (max-width: 900px) {
  .overview-side-column { grid-template-columns: 1fr; }
  .section-heading { align-items: flex-start; }
  .tool-section.has-section-actions > .section-heading,
  .section-heading:has(.command-toolbar) { align-items: stretch; flex-direction: column; }
  .section-heading .command-toolbar { width: 100%; }
  .analytics-chart { min-height: 260px; }
}

@media (max-width: 700px) {
  .view-heading { min-height: 60px; align-items: flex-start; gap: 14px; margin-bottom: 20px; }
  .view-heading h1 { font-size: 21px; }
  .section-heading { min-height: 58px; padding: 18px 0 12px; }
  .configuration-surface { padding-inline: 14px; }
  .configuration-surface .form-block { margin-inline: -14px; padding-inline: 14px; }
  .setting-row { min-height: 68px; gap: 14px; }
  .form-actions { align-items: stretch; flex-direction: column; }
  .form-actions > p,
  .form-change-indicator { width: 100%; margin-right: 0; text-align: center; }
  .form-actions .button { width: 100%; }
  .analytics-summary-grid { grid-template-columns: 1fr 1fr; }
  .analytics-chart { min-height: 230px; padding-inline: 8px; }
  .analytics-chart-grid { min-height: 188px; }
  .analytics-command-ranking { grid-template-columns: 1fr; }
}

@media (max-width: 480px) {
  .analytics-summary-grid { grid-template-columns: 1fr; }
  .section-heading .section-actions,
  .section-heading .command-toolbar,
  .view-heading .audit-actions { width: 100%; flex-wrap: wrap; }
  .section-heading .section-actions > *,
  .section-heading .command-toolbar > *,
  .view-heading .audit-actions > * { min-width: 0; flex: 1 1 100%; }
}

@media (prefers-reduced-motion: reduce) {
  .view.active,
  .developer-tab-panel.active { animation-duration: .01ms; }
  .stat-card:hover,
  .analytics-stat:hover { transform: none; }
}

/* Quick access and shared panel navigation refinements */

.nav-item > i:first-child.nav-icon-activated::before,
.developer-subnav-item > i:first-child.nav-icon-activated::before {
  animation: nav-icon-pop .46s cubic-bezier(.22,.78,.24,1);
}
.nav-icon-activated.nav-motion-rise::before { animation-name: nav-icon-rise !important; }
.nav-icon-activated.nav-motion-bars::before { animation-name: nav-icon-bars !important; }
.nav-icon-activated.nav-motion-people::before { animation-name: nav-icon-people !important; }
.nav-icon-activated.nav-motion-note::before { animation-name: nav-icon-note !important; }
.nav-icon-activated.nav-motion-gear::before { animation-name: nav-icon-gear !important; }
.nav-icon-activated.nav-motion-terminal::before { animation-name: nav-icon-terminal !important; }
.nav-icon-activated.nav-motion-flow::before { animation-name: nav-icon-flow !important; }
.nav-icon-activated.nav-motion-progress::before { animation-name: nav-icon-progress !important; }
.nav-icon-activated.nav-motion-plug::before { animation-name: nav-icon-plug !important; }
.nav-icon-activated.nav-motion-check::before { animation-name: nav-icon-check !important; }
.nav-icon-activated.nav-motion-wave::before { animation-name: nav-icon-wave !important; }
.nav-icon-activated.nav-motion-add::before { animation-name: nav-icon-add !important; }
.nav-icon-activated.nav-motion-exit::before { animation-name: nav-icon-exit !important; }
.nav-icon-activated.nav-motion-ticket::before { animation-name: nav-icon-ticket !important; }
.nav-icon-activated.nav-motion-handshake::before { animation-name: nav-icon-handshake !important; }
.nav-icon-activated.nav-motion-idea::before { animation-name: nav-icon-idea !important; }
.nav-icon-activated.nav-motion-headset::before { animation-name: nav-icon-headset !important; }
.nav-icon-activated.nav-motion-signal::before { animation-name: nav-icon-signal !important; }
.nav-icon-activated.nav-motion-unlock::before { animation-name: nav-icon-unlock !important; }
.nav-icon-activated.nav-motion-shield::before { animation-name: nav-icon-shield !important; }
.nav-icon-activated.nav-motion-scan::before { animation-name: nav-icon-scan !important; }
.nav-icon-activated.nav-motion-alert::before { animation-name: nav-icon-alert !important; }
.nav-icon-activated.nav-motion-rewind::before { animation-name: nav-icon-rewind !important; }
.nav-icon-activated.nav-motion-folder::before { animation-name: nav-icon-folder !important; }
.nav-icon-activated.nav-motion-code::before { animation-name: nav-icon-code !important; }
.nav-icon-activated.nav-motion-chip::before { animation-name: nav-icon-chip !important; }
.nav-icon-activated.nav-motion-eye::before { animation-name: nav-icon-eye !important; }
.nav-icon-activated.nav-motion-gem::before { animation-name: nav-icon-gem !important; }
.nav-icon-activated.nav-motion-chat::before { animation-name: nav-icon-chat !important; }
.nav-icon-activated.nav-motion-bell::before { animation-name: nav-icon-bell !important; }
.nav-icon-activated.nav-motion-branch::before { animation-name: nav-icon-branch !important; }
.nav-icon-activated.nav-motion-megaphone::before { animation-name: nav-icon-megaphone !important; }
.nav-icon-activated.nav-motion-pie::before { animation-name: nav-icon-pie !important; }
.nav-icon-activated.nav-motion-server::before { animation-name: nav-icon-server !important; }
.nav-icon-activated.nav-motion-calendar::before { animation-name: nav-icon-calendar !important; }
.nav-icon-activated.nav-motion-window::before { animation-name: nav-icon-window !important; }

.nav-item > i:first-child.nav-icon-activated,
.developer-subnav-item > i:first-child.nav-icon-activated { color: var(--nav-accent, var(--cyan)); }

@keyframes nav-icon-pop {
  0%, 100% { transform: translateY(0) rotate(0); }
  38% { transform: translateY(-3px) rotate(-6deg); }
  72% { transform: translateY(1px) rotate(3deg); }
}
@keyframes nav-icon-rise { 38% { transform: translateY(-4px); } 72% { transform: translateY(1px); } }
@keyframes nav-icon-bars { 32% { transform: scaleY(1.24) translateY(-1px); } 68% { transform: scaleY(.9); } }
@keyframes nav-icon-people { 28% { transform: translateX(-2px); } 58% { transform: translateX(2px); } 82% { transform: translateX(-1px); } }
@keyframes nav-icon-note { 25% { transform: translate(-2px,-3px) rotate(-10deg); } 60% { transform: translate(2px,-1px) rotate(8deg); } }
@keyframes nav-icon-gear { to { transform: rotate(180deg); } }
@keyframes nav-icon-terminal { 45% { transform: translateX(3px); opacity: .45; } 70% { transform: translateX(0); opacity: 1; } }
@keyframes nav-icon-flow { 40% { transform: rotate(14deg) scale(1.15); } 72% { transform: rotate(-5deg); } }
@keyframes nav-icon-progress { to { transform: rotate(360deg); } }
@keyframes nav-icon-plug { 42% { transform: translateX(4px) scale(1.12); } 65% { transform: translateX(-1px); } }
@keyframes nav-icon-check { 38% { transform: scale(.72) rotate(-8deg); } 70% { transform: scale(1.18) rotate(3deg); } }
@keyframes nav-icon-wave { 25% { transform: rotate(18deg); } 55% { transform: rotate(-14deg); } 78% { transform: rotate(7deg); } }
@keyframes nav-icon-add { 45% { transform: scale(1.25) translateY(-2px); } }
@keyframes nav-icon-exit { 45% { transform: translateX(5px); opacity: .55; } }
@keyframes nav-icon-ticket { 35% { transform: rotate(-8deg) scale(1.14); } 65% { transform: rotate(7deg); } }
@keyframes nav-icon-handshake { 30%,70% { transform: translateX(-2px) rotate(-5deg); } 50% { transform: translateX(2px) rotate(5deg); } }
@keyframes nav-icon-idea { 35% { transform: scale(1.18); filter: brightness(1.8) drop-shadow(0 0 5px currentColor); } }
@keyframes nav-icon-headset { 35% { transform: scaleX(1.18) scaleY(.94); } 65% { transform: scaleX(.94) scaleY(1.08); } }
@keyframes nav-icon-signal { 24% { transform: translateY(-2px) skewX(-5deg); } 52% { transform: translateY(1px) skewX(4deg); } 78% { transform: translateY(-1px); } }
@keyframes nav-icon-unlock { 45% { transform: translateY(-2px) rotate(-13deg); } }
@keyframes nav-icon-shield { 38% { transform: scale(1.2); filter: brightness(1.55); } 70% { transform: scale(.96); } }
@keyframes nav-icon-scan { 30% { transform: scaleX(.72); filter: brightness(1.7); } 65% { transform: scaleX(1.2); } }
@keyframes nav-icon-alert { 20%,60% { transform: translateX(-2px) rotate(-4deg); } 40%,80% { transform: translateX(2px) rotate(4deg); } }
@keyframes nav-icon-rewind { to { transform: rotate(-300deg); } }
@keyframes nav-icon-folder { 42% { transform: perspective(30px) rotateX(-22deg) scale(1.12); } }
@keyframes nav-icon-code { 35% { transform: scaleX(1.25); } 65% { transform: scaleX(.9); } }
@keyframes nav-icon-chip { 35% { transform: scale(.85); filter: brightness(1.8); } 65% { transform: scale(1.16); } }
@keyframes nav-icon-eye { 45% { transform: scaleX(1.25) scaleY(.72); opacity: .55; } }
@keyframes nav-icon-gem { 35% { transform: translateY(-3px) rotate(10deg); filter: brightness(1.7) drop-shadow(0 0 4px currentColor); } }
@keyframes nav-icon-chat { 40% { transform: translateY(-3px) scale(1.12); } 72% { transform: translateY(0) scale(.96); } }
@keyframes nav-icon-bell { 20%,60% { transform: rotate(-16deg); } 40%,80% { transform: rotate(16deg); } }
@keyframes nav-icon-branch { 40% { transform: rotate(12deg) scale(1.12); } 70% { transform: rotate(-5deg); } }
@keyframes nav-icon-megaphone { 35% { transform: rotate(-10deg) scale(1.15); filter: brightness(1.6); } 70% { transform: rotate(5deg); } }
@keyframes nav-icon-pie { 38% { transform: rotate(105deg) scale(1.13); } 72% { transform: rotate(82deg) scale(.96); } }
@keyframes nav-icon-server { 28% { transform: translateY(-2px); filter: brightness(1.55); } 52% { transform: translateY(2px); } 76% { transform: translateY(-1px); } }
@keyframes nav-icon-calendar { 32% { transform: translateY(-2px) scaleY(.84); } 58% { transform: translateY(1px) scaleY(1.12); } }
@keyframes nav-icon-window { 35% { transform: perspective(40px) rotateY(-18deg) scale(.96); } 68% { transform: perspective(40px) rotateY(8deg) scale(1.08); } }

/* One-shot, click-only sidebar choreography. The tile, glyph and light wave move independently. */
.nav-item > i:first-child,
.developer-subnav-item > i:first-child { position: relative; isolation: isolate; }
.nav-item > i:first-child.nav-icon-activated,
.developer-subnav-item > i:first-child.nav-icon-activated {
  animation: none;
}
.nav-item > i:first-child.nav-icon-activated::before,
.developer-subnav-item > i:first-child.nav-icon-activated::before {
  animation-duration: var(--nav-motion-duration, .72s);
  animation-timing-function: cubic-bezier(.2,.78,.22,1);
  animation-fill-mode: both;
}
.nav-item > i:first-child.nav-icon-activated::after,
.developer-subnav-item > i:first-child.nav-icon-activated::after {
  display: none;
  content: none;
}

.nav-icon-activated.nav-motion-overview::before { animation-name: nav-icon-overview !important; }
.nav-icon-activated.nav-motion-subscription::before { animation-name: nav-icon-subscription !important; }
.nav-icon-activated.nav-motion-analytics::before { animation-name: nav-icon-analytics !important; }
.nav-icon-activated.nav-motion-reports::before { animation-name: nav-icon-reports !important; }
.nav-icon-activated.nav-motion-members::before { animation-name: nav-icon-members !important; }
.nav-icon-activated.nav-motion-music::before { animation-name: nav-icon-music !important; }
.nav-icon-activated.nav-motion-general::before { animation-name: nav-icon-general !important; }
.nav-icon-activated.nav-motion-team-access::before { animation-name: nav-icon-team-access !important; }
.nav-icon-activated.nav-motion-commands::before { animation-name: nav-icon-commands !important; }
.nav-icon-activated.nav-motion-automations::before { animation-name: nav-icon-automations !important; }
.nav-icon-activated.nav-motion-integrations::before { animation-name: nav-icon-integrations !important; }
.nav-icon-activated.nav-motion-public-page::before { animation-name: nav-icon-public-page !important; }
.nav-icon-activated.nav-motion-logs::before { animation-name: nav-icon-logs !important; }
.nav-icon-activated.nav-motion-counters::before { animation-name: nav-icon-counters !important; }
.nav-icon-activated.nav-motion-welcome::before { animation-name: nav-icon-welcome !important; }
.nav-icon-activated.nav-motion-autorole::before { animation-name: nav-icon-autorole !important; }
.nav-icon-activated.nav-motion-farewell::before { animation-name: nav-icon-farewell !important; }
.nav-icon-activated.nav-motion-tickets::before { animation-name: nav-icon-tickets !important; }
.nav-icon-activated.nav-motion-partnerships::before { animation-name: nav-icon-partnerships !important; }
.nav-icon-activated.nav-motion-suggestions::before { animation-name: nav-icon-suggestions !important; }
.nav-icon-activated.nav-motion-voice::before { animation-name: nav-icon-voice !important; }
.nav-icon-activated.nav-motion-health::before { animation-name: nav-icon-health !important; }
.nav-icon-activated.nav-motion-permissions::before { animation-name: nav-icon-permissions !important; }
.nav-icon-activated.nav-motion-automod::before { animation-name: nav-icon-automod !important; }
.nav-icon-activated.nav-motion-antiraid::before { animation-name: nav-icon-antiraid !important; }
.nav-icon-activated.nav-motion-warnings::before { animation-name: nav-icon-warnings !important; }
.nav-icon-activated.nav-motion-audit::before { animation-name: nav-icon-audit !important; }
.nav-icon-activated.nav-motion-cases::before { animation-name: nav-icon-cases !important; }
.nav-icon-activated.nav-motion-privacy::before { animation-name: nav-icon-privacy !important; }
.nav-icon-activated.nav-motion-developer::before { animation-name: nav-icon-developer !important; }
.nav-icon-activated.nav-motion-dev-analytics::before { animation-name: nav-icon-dev-analytics !important; }
.nav-icon-activated.nav-motion-dev-overview::before { animation-name: nav-icon-dev-overview !important; }
.nav-icon-activated.nav-motion-dev-activity::before { animation-name: nav-icon-dev-activity !important; }
.nav-icon-activated.nav-motion-dev-system::before { animation-name: nav-icon-dev-system !important; }
.nav-icon-activated.nav-motion-dev-services::before { animation-name: nav-icon-dev-services !important; }
.nav-icon-activated.nav-motion-dev-tasks::before { animation-name: nav-icon-dev-tasks !important; }
.nav-icon-activated.nav-motion-dev-history::before { animation-name: nav-icon-dev-history !important; }
.nav-icon-activated.nav-motion-dev-commands::before { animation-name: nav-icon-dev-commands !important; }
.nav-icon-activated.nav-motion-dev-features::before { animation-name: nav-icon-dev-features !important; }
.nav-icon-activated.nav-motion-dev-inspector::before { animation-name: nav-icon-dev-inspector !important; }
.nav-icon-activated.nav-motion-dev-plans::before { animation-name: nav-icon-dev-plans !important; }
.nav-icon-activated.nav-motion-dev-suggestions::before { animation-name: nav-icon-dev-suggestions !important; }
.nav-icon-activated.nav-motion-dev-live-chat::before { animation-name: nav-icon-dev-live-chat !important; }
.nav-icon-activated.nav-motion-dev-notifications::before { animation-name: nav-icon-dev-notifications !important; }
.nav-icon-activated.nav-motion-dev-releases::before { animation-name: nav-icon-dev-releases !important; }
.nav-icon-activated.nav-motion-dev-broadcast::before { animation-name: nav-icon-dev-broadcast !important; }

@keyframes nav-icon-overview { 0%,100%{transform:none} 18%{transform:translate(-2px,2px) scale(.88)} 45%{transform:translate(0,-2px) rotate(-5deg) scale(1.13)} 72%{transform:translate(2px,-1px) rotate(3deg) scale(1.04)} }
@keyframes nav-icon-subscription { 0%,100%{transform:none;filter:none} 22%{transform:translateY(2px) scale(.82)} 48%{transform:translateY(-3px) rotate(12deg) scale(1.18);filter:brightness(1.65) drop-shadow(0 0 5px currentColor)} 74%{transform:rotate(-5deg) scale(1.03);filter:brightness(1.18)} }
@keyframes nav-icon-analytics { 0%,100%{transform:none} 18%{transform:scaleY(.62) translateY(3px)} 42%{transform:scaleY(1.3) translateY(-1px)} 63%{transform:scaleX(1.12) scaleY(.9)} 82%{transform:scaleY(1.08)} }
@keyframes nav-icon-reports { 0%,100%{transform:none} 20%{transform:perspective(36px) rotateX(24deg) translateY(-1px)} 46%{transform:perspective(36px) rotateY(-18deg) scale(.94)} 68%{transform:translateY(-2px) rotate(4deg) scale(1.12)} 84%{transform:rotate(-2deg)} }
@keyframes nav-icon-members { 0%,100%{transform:none} 18%{transform:translateX(-2px) scale(.92)} 38%{transform:translateX(2px) scale(1.1)} 58%{transform:translateX(-1px) scale(1.04)} 78%{transform:translateY(-2px) scale(1.08)} }
@keyframes nav-icon-music { 0%,100%{transform:none} 16%{transform:translate(-2px,1px) rotate(-13deg)} 38%{transform:translate(1px,-3px) rotate(9deg) scale(1.13)} 62%{transform:translate(2px,-1px) rotate(-5deg)} 82%{transform:translateY(-1px) rotate(3deg)} }
@keyframes nav-icon-general { 0%,100%{transform:rotate(0) scale(1)} 22%{transform:rotate(78deg) scale(.9)} 50%{transform:rotate(176deg) scale(1.14)} 74%{transform:rotate(252deg) scale(.98)} 88%{transform:rotate(236deg)} }
@keyframes nav-icon-team-access { 0%,100%{transform:none} 20%{transform:perspective(35px) rotateY(-24deg) scale(.92)} 45%{transform:perspective(35px) rotateY(18deg) translateY(-2px) scale(1.12)} 70%{transform:translateX(2px) scale(1.03)} 86%{transform:translateX(-1px)} }
@keyframes nav-icon-commands { 0%,100%{transform:none;opacity:1} 18%{transform:translateX(-3px);opacity:.45} 38%{transform:translateX(3px) scaleX(1.16);opacity:1} 58%{transform:translateX(-1px) scaleX(.92)} 78%{transform:translateX(2px)} }
@keyframes nav-icon-automations { 0%,100%{transform:none} 18%{transform:rotate(-10deg) scale(.86)} 42%{transform:rotate(18deg) scale(1.16)} 64%{transform:rotate(-6deg) translateY(-2px)} 82%{transform:rotate(3deg) scale(1.04)} }
@keyframes nav-icon-integrations { 0%,100%{transform:none} 18%{transform:translateX(-4px) scale(.88)} 42%{transform:translateX(3px) scale(1.18)} 56%{transform:translateX(-1px) scale(.96)} 72%{transform:translateY(-2px) rotate(-6deg)} 86%{transform:rotate(3deg)} }
@keyframes nav-icon-public-page { 0%,100%{transform:none} 18%{transform:scaleX(.62) scaleY(.86)} 42%{transform:scaleX(1.2) scaleY(1.06)} 62%{transform:perspective(38px) rotateY(-16deg)} 82%{transform:perspective(38px) rotateY(6deg) scale(1.04)} }
@keyframes nav-icon-logs { 0%,100%{transform:none} 16%{transform:translateY(2px) scaleY(.82)} 38%{transform:translate(-1px,-2px) rotate(-7deg) scale(1.12)} 60%{transform:translateX(2px) rotate(4deg)} 80%{transform:scaleX(1.08)} }
@keyframes nav-icon-counters { 0%,100%{transform:none} 14%{transform:translateY(2px) scaleY(.72)} 34%{transform:translateY(-2px) scaleY(1.26)} 54%{transform:translateY(1px) scaleX(1.14)} 74%{transform:translateY(-1px) scale(.98)} 88%{transform:scaleY(1.08)} }
@keyframes nav-icon-welcome { 0%,100%{transform:none} 16%{transform:rotate(-15deg) translateY(1px)} 34%{transform:rotate(20deg) translateY(-2px) scale(1.12)} 52%{transform:rotate(-17deg)} 70%{transform:rotate(12deg)} 86%{transform:rotate(-5deg)} }
@keyframes nav-icon-autorole { 0%,100%{transform:none} 20%{transform:scale(.72) rotate(-18deg)} 45%{transform:scale(1.24) rotate(9deg) translateY(-2px)} 66%{transform:scale(.96) rotate(-4deg)} 82%{transform:scale(1.08)} }
@keyframes nav-icon-farewell { 0%,100%{transform:none;opacity:1} 18%{transform:translateX(-2px) scale(.94)} 46%{transform:translateX(7px) rotate(4deg);opacity:.3} 58%{transform:translateX(-4px);opacity:0} 76%{transform:translateX(2px) scale(1.08);opacity:1} }
@keyframes nav-icon-tickets { 0%,100%{transform:none} 18%{transform:rotate(-9deg) scale(.9)} 38%{transform:rotate(10deg) scale(1.15) translateY(-2px)} 58%{transform:scaleX(.88)} 76%{transform:rotate(-4deg) scale(1.06)} }
@keyframes nav-icon-partnerships { 0%,100%{transform:none} 16%{transform:translateX(-2px) rotate(-6deg)} 34%{transform:translateX(2px) rotate(6deg) scale(1.12)} 52%{transform:translateX(-1px) rotate(-4deg)} 70%{transform:translateX(1px) rotate(3deg)} 86%{transform:scale(1.06)} }
@keyframes nav-icon-suggestions { 0%,100%{transform:none;filter:none} 18%{transform:translateY(2px) scale(.8);filter:brightness(.75)} 44%{transform:translateY(-3px) scale(1.2);filter:brightness(1.8) drop-shadow(0 0 5px currentColor)} 64%{transform:rotate(7deg) scale(1.04);filter:brightness(1.3)} 82%{transform:rotate(-4deg)} }
@keyframes nav-icon-voice { 0%,100%{transform:none} 16%{transform:scaleX(.82) scaleY(1.08)} 36%{transform:scaleX(1.2) scaleY(.9) translateY(-1px)} 56%{transform:scaleX(.94) scaleY(1.12)} 76%{transform:scaleX(1.1) scaleY(.96)} }
@keyframes nav-icon-health { 0%,100%{transform:none;filter:none} 16%{transform:scale(.88)} 30%{transform:scale(1.22);filter:brightness(1.55)} 44%{transform:scale(.92)} 58%{transform:scale(1.14);filter:brightness(1.3)} 78%{transform:translateY(-1px) scale(1.03)} }
@keyframes nav-icon-permissions { 0%,100%{transform:none} 18%{transform:translateY(2px) rotate(0) scale(.9)} 42%{transform:translateY(-3px) rotate(-15deg) scale(1.12)} 62%{transform:translateX(2px) rotate(7deg)} 80%{transform:rotate(-3deg) scale(1.04)} }
@keyframes nav-icon-automod { 0%,100%{transform:none;filter:none} 18%{transform:scale(.76)} 38%{transform:scaleX(1.24) scaleY(1.12);filter:brightness(1.6)} 58%{transform:scaleX(.94) scaleY(1.04)} 76%{transform:translateY(-2px) scale(1.08)} }
@keyframes nav-icon-antiraid { 0%,100%{transform:none;filter:none} 16%{transform:scaleX(.58) scaleY(1.05)} 36%{transform:scaleX(1.24);filter:brightness(1.75)} 56%{transform:translateX(2px) scale(.96)} 74%{transform:translateX(-2px) scale(1.1)} 88%{transform:scaleX(1.04)} }
@keyframes nav-icon-warnings { 0%,100%{transform:none} 14%{transform:translateY(-2px) rotate(-6deg)} 28%{transform:translateX(2px) rotate(6deg) scale(1.12)} 42%{transform:translateX(-2px) rotate(-5deg)} 58%{transform:translateX(2px) rotate(4deg)} 76%{transform:translateY(-1px) scale(1.06)} }
@keyframes nav-icon-audit { 0%,100%{transform:rotate(0) scale(1)} 22%{transform:rotate(-84deg) scale(.9)} 48%{transform:rotate(-208deg) scale(1.12)} 70%{transform:rotate(-326deg) scale(.97)} 84%{transform:rotate(-346deg)} }
@keyframes nav-icon-cases { 0%,100%{transform:none} 18%{transform:perspective(34px) rotateX(18deg) scale(.92)} 42%{transform:perspective(34px) rotateX(-28deg) translateY(-2px) scale(1.15)} 64%{transform:perspective(34px) rotateY(10deg)} 82%{transform:rotate(-3deg) scale(1.04)} }
@keyframes nav-icon-privacy { 0%,100%{transform:none;filter:none} 18%{transform:translateY(-2px) scale(.9)} 40%{transform:translateY(2px) scale(1.16);filter:brightness(1.55)} 58%{transform:rotate(-7deg) scale(.96)} 78%{transform:rotate(4deg) scale(1.06)} }
@keyframes nav-icon-developer { 0%,100%{transform:none} 18%{transform:scaleX(.68) scaleY(1.08)} 40%{transform:scaleX(1.28) scaleY(.92) translateY(-1px)} 60%{transform:translateX(-2px) scaleX(.94)} 78%{transform:translateX(2px) scaleX(1.08)} }

@keyframes nav-icon-dev-analytics { 0%,100%{transform:none} 16%{transform:translate(-2px,2px) scale(.8)} 36%{transform:translate(-1px,-2px) scale(1.12)} 56%{transform:translate(2px,-3px) rotate(5deg) scale(1.16)} 78%{transform:translateY(-1px) rotate(-3deg)} }
@keyframes nav-icon-dev-overview { 0%,100%{transform:rotate(0) scale(1)} 18%{transform:rotate(35deg) scale(.84)} 44%{transform:rotate(132deg) scale(1.16)} 68%{transform:rotate(96deg) scale(.97)} 84%{transform:rotate(108deg)} }
@keyframes nav-icon-dev-activity { 0%,100%{transform:none;filter:none} 18%{transform:scaleX(.68)} 38%{transform:scaleX(1.24) scaleY(.86);filter:brightness(1.7)} 58%{transform:translateX(2px) scaleY(1.14)} 78%{transform:translateX(-1px) scale(.98)} }
@keyframes nav-icon-dev-system { 0%,100%{transform:none;filter:none} 16%{transform:scale(.72) rotate(-8deg)} 38%{transform:scale(1.22) rotate(7deg);filter:brightness(1.7)} 58%{transform:scale(.94) rotate(-3deg)} 76%{transform:scale(1.09)} }
@keyframes nav-icon-dev-services { 0%,100%{transform:none} 14%{transform:translateY(2px) scale(.86)} 28%{transform:translateY(-2px) scale(1.2)} 44%{transform:scale(.92)} 60%{transform:scale(1.13)} 78%{transform:translateX(2px) scale(1.02)} }
@keyframes nav-icon-dev-tasks { 0%,100%{transform:none} 16%{transform:translateX(-3px) scaleX(.8)} 34%{transform:translateX(2px) scaleX(1.2)} 52%{transform:translateX(-1px) scaleY(.84)} 70%{transform:translateY(-2px) scaleY(1.16)} 86%{transform:scale(.98)} }
@keyframes nav-icon-dev-history { 0%,100%{transform:none} 18%{transform:rotate(-14deg) translateX(-2px) scale(.88)} 42%{transform:rotate(16deg) translateX(2px) scale(1.15)} 62%{transform:rotate(-6deg) translateY(-2px)} 82%{transform:rotate(3deg)} }
@keyframes nav-icon-dev-commands { 0%,100%{transform:none;opacity:1} 16%{transform:translateX(-4px) scaleX(.78);opacity:.35} 36%{transform:translateX(3px) scaleX(1.2);opacity:1} 54%{transform:translateX(-1px) scaleY(.85)} 72%{transform:translateY(-2px) scaleY(1.13)} }
@keyframes nav-icon-dev-features { 0%,100%{transform:none;opacity:1} 18%{transform:scaleX(1.18) scaleY(.55);opacity:.45} 38%{transform:scaleX(.82) scaleY(.2);opacity:.2} 52%{transform:scaleX(1.24) scaleY(1.12);opacity:1} 76%{transform:scale(.96)} }
@keyframes nav-icon-dev-inspector { 0%,100%{transform:none} 16%{transform:translateY(-2px) scaleY(.86)} 34%{transform:translateY(2px) scaleY(1.14)} 52%{transform:translateY(-2px) scaleX(1.12)} 70%{transform:translateY(1px) scaleX(.94)} 86%{transform:translateY(-1px)} }
@keyframes nav-icon-dev-plans { 0%,100%{transform:none;filter:none} 18%{transform:rotate(-12deg) scale(.82)} 40%{transform:translateY(-3px) rotate(14deg) scale(1.2);filter:brightness(1.8) drop-shadow(0 0 5px currentColor)} 62%{transform:rotate(-7deg) scale(.96)} 80%{transform:rotate(3deg) scale(1.08)} }
@keyframes nav-icon-dev-suggestions { 0%,100%{transform:none;filter:none} 16%{transform:translateY(2px) scale(.78);filter:brightness(.7)} 38%{transform:translateY(-3px) scale(1.22);filter:brightness(1.85) drop-shadow(0 0 5px currentColor)} 58%{transform:rotate(-8deg) scale(1.02)} 78%{transform:rotate(6deg)} }
@keyframes nav-icon-dev-live-chat { 0%,100%{transform:none} 18%{transform:rotate(-8deg) translateY(1px) scale(.88)} 40%{transform:rotate(10deg) translateY(-3px) scale(1.16)} 60%{transform:rotate(-4deg) translateX(2px)} 80%{transform:rotate(2deg) scale(1.05)} }
@keyframes nav-icon-dev-notifications { 0%,100%{transform:none} 12%{transform:rotate(-14deg)} 26%{transform:rotate(16deg) scale(1.12)} 40%{transform:rotate(-13deg)} 56%{transform:rotate(10deg)} 72%{transform:rotate(-6deg) translateY(-2px)} 86%{transform:rotate(3deg)} }
@keyframes nav-icon-dev-releases { 0%,100%{transform:none} 16%{transform:rotate(-12deg) translateX(-2px)} 36%{transform:rotate(15deg) translateX(2px) scale(1.14)} 56%{transform:rotate(-5deg) scaleX(.9)} 74%{transform:translateY(-2px) scaleX(1.12)} 88%{transform:rotate(2deg)} }
@keyframes nav-icon-dev-broadcast { 0%,100%{transform:none;filter:none} 16%{transform:rotate(8deg) scale(.86)} 38%{transform:rotate(-13deg) translateX(2px) scale(1.18);filter:brightness(1.65)} 56%{transform:rotate(7deg) translateX(-1px)} 74%{transform:rotate(-4deg) scale(1.08)} }

/* Distinct glyph choreography without shared tile or halo effects. */
.nav-motion-overview { --nav-motion-duration: .7s; }
.nav-motion-subscription { --nav-motion-duration: .82s; }
.nav-motion-analytics { --nav-motion-duration: .76s; }
.nav-motion-reports { --nav-motion-duration: .9s; }
.nav-motion-members { --nav-motion-duration: .74s; }
.nav-motion-music { --nav-motion-duration: .86s; }
.nav-motion-general { --nav-motion-duration: .88s; }
.nav-motion-team-access { --nav-motion-duration: .8s; }
.nav-motion-commands { --nav-motion-duration: .78s; }
.nav-motion-automations { --nav-motion-duration: .86s; }
.nav-motion-integrations { --nav-motion-duration: .72s; }
.nav-motion-public-page { --nav-motion-duration: .82s; }
.nav-motion-logs { --nav-motion-duration: .74s; }
.nav-motion-counters { --nav-motion-duration: .76s; }
.nav-motion-welcome { --nav-motion-duration: .92s; }
.nav-motion-autorole { --nav-motion-duration: .72s; }
.nav-motion-farewell { --nav-motion-duration: .84s; }
.nav-motion-tickets { --nav-motion-duration: .78s; }
.nav-motion-partnerships { --nav-motion-duration: .86s; }
.nav-motion-suggestions { --nav-motion-duration: .82s; }
.nav-motion-voice { --nav-motion-duration: .8s; }
.nav-motion-health { --nav-motion-duration: .84s; }
.nav-motion-permissions { --nav-motion-duration: .82s; }
.nav-motion-automod { --nav-motion-duration: .7s; }
.nav-motion-antiraid { --nav-motion-duration: .9s; }
.nav-motion-warnings { --nav-motion-duration: .78s; }
.nav-motion-audit { --nav-motion-duration: .9s; }
.nav-motion-cases { --nav-motion-duration: .84s; }
.nav-motion-privacy { --nav-motion-duration: .76s; }
.nav-motion-developer { --nav-motion-duration: .8s; }
.nav-motion-welcome::before { transform-origin: 70% 85% !important; }
.nav-motion-music::before { transform-origin: 35% 85% !important; }
.nav-motion-general::before,
.nav-motion-audit::before,
.nav-motion-dev-overview::before { transform-origin: center !important; }
.nav-motion-integrations::before { transform-origin: 78% 50% !important; }
.nav-motion-public-page::before { transform-origin: 15% 50% !important; }
.nav-motion-farewell::before { transform-origin: 85% 50% !important; }
.nav-motion-tickets::before,
.nav-motion-cases::before { transform-origin: 50% 85% !important; }
.nav-motion-suggestions::before,
.nav-motion-dev-suggestions::before { transform-origin: 50% 100% !important; }
.nav-motion-dev-notifications::before { transform-origin: 50% 12% !important; }
.nav-motion-counters::before { animation-timing-function: cubic-bezier(.22,.7,.28,1) !important; }

@keyframes nav-icon-overview {
  0% { clip-path: inset(100% 0 0 0); transform: translate(-4px,4px); }
  45% { clip-path: inset(35% 0 0 0); transform: translate(-1px,1px); }
  72% { clip-path: inset(0); transform: translate(1px,-1px); }
  100% { clip-path: inset(0); transform: none; }
}
@keyframes nav-icon-subscription {
  0% { opacity: 0; transform: perspective(42px) rotateY(-90deg); }
  42% { opacity: 1; transform: perspective(42px) rotateY(24deg) translateY(-2px); }
  68% { transform: perspective(42px) rotateY(-12deg); }
  86% { transform: perspective(42px) rotateY(5deg); }
  100% { transform: none; }
}
@keyframes nav-icon-analytics {
  0% { clip-path: inset(100% 0 0 0); transform: translateY(4px); }
  28% { clip-path: inset(67% 0 0 0); transform: translateY(2px) skewX(-7deg); }
  55% { clip-path: inset(31% 0 0 0); transform: translateY(0) skewX(5deg); }
  80%,100% { clip-path: inset(0); transform: none; }
}
@keyframes nav-icon-reports {
  0% { opacity: 0; transform: perspective(38px) rotateX(-85deg) translateY(-4px); }
  38% { opacity: 1; transform: perspective(38px) rotateX(22deg) translateY(1px); }
  60% { transform: perspective(38px) rotateX(-10deg); }
  78% { transform: translateX(2px) rotate(3deg); }
  100% { transform: none; }
}
@keyframes nav-icon-members {
  0% { opacity: 0; transform: translateX(-7px); }
  30% { opacity: .55; transform: translateX(4px) skewX(-8deg); }
  52% { opacity: 1; transform: translateX(-2px) skewX(5deg); }
  75% { transform: translateY(-2px); }
  100% { transform: none; }
}
@keyframes nav-icon-music {
  0% { opacity: 0; transform: translateY(6px) rotate(-22deg); }
  30% { opacity: 1; transform: translate(-2px,-3px) rotate(14deg); }
  52% { transform: translate(2px,-1px) rotate(-10deg); }
  73% { transform: translate(-1px,-2px) rotate(6deg); }
  100% { transform: none; }
}
@keyframes nav-icon-general {
  0% { opacity: .25; transform: rotate(-140deg); }
  55% { opacity: 1; transform: rotate(220deg); }
  76% { transform: rotate(202deg); }
  100% { transform: rotate(360deg); }
}
@keyframes nav-icon-team-access {
  0% { opacity: 0; transform: perspective(45px) translateZ(-18px) rotateY(-38deg); }
  46% { opacity: 1; transform: perspective(45px) translateZ(5px) rotateY(12deg); }
  70% { transform: perspective(45px) translateZ(0) rotateY(-6deg) translateY(-2px); }
  100% { transform: none; }
}
@keyframes nav-icon-commands {
  0% { clip-path: inset(0 100% 0 0); transform: translateX(-4px); }
  32% { clip-path: inset(0 48% 0 0); transform: translateX(0); }
  58% { clip-path: inset(0 14% 0 0); transform: translateX(1px); }
  70% { opacity: .25; }
  79% { opacity: 1; clip-path: inset(0); }
  88% { opacity: .25; }
  100% { opacity: 1; clip-path: inset(0); transform: none; }
}
@keyframes nav-icon-automations {
  0% { opacity: 0; transform: rotate(-70deg) skewX(-12deg); }
  38% { opacity: 1; transform: rotate(24deg) skewX(5deg); }
  58% { transform: rotate(-13deg) translateY(-2px); }
  76% { transform: rotate(6deg); }
  100% { transform: none; }
}
@keyframes nav-icon-integrations {
  0% { opacity: 0; transform: translateX(-8px); }
  48% { opacity: 1; transform: translateX(4px); }
  61% { transform: translateX(-2px); }
  72% { transform: translateX(1px) rotate(-7deg); }
  100% { transform: none; }
}
@keyframes nav-icon-public-page {
  0% { opacity: 0; clip-path: inset(0 100% 0 0); transform: perspective(45px) rotateY(-52deg); }
  48% { opacity: 1; clip-path: inset(0); transform: perspective(45px) rotateY(13deg); }
  70% { transform: perspective(45px) rotateY(-6deg) translateX(1px); }
  100% { transform: none; }
}
@keyframes nav-icon-logs {
  0% { opacity: 0; clip-path: inset(0 0 100% 0); transform: translateY(-4px); }
  42% { opacity: 1; clip-path: inset(0 0 35% 0); transform: translateY(1px); }
  68% { clip-path: inset(0); transform: skewX(-9deg); }
  82% { transform: skewX(4deg); }
  100% { clip-path: inset(0); transform: none; }
}
@keyframes nav-icon-counters {
  0% { clip-path: inset(100% 0 0); transform: translateY(4px); }
  20% { clip-path: inset(78% 0 0); transform: translateY(3px); }
  40% { clip-path: inset(58% 0 0); transform: translateY(2px); }
  60% { clip-path: inset(38% 0 0); transform: translateY(1px); }
  80%,100% { clip-path: inset(0); transform: none; }
}
@keyframes nav-icon-welcome {
  0% { opacity: 0; transform: translateY(5px) rotate(-32deg); }
  24% { opacity: 1; transform: rotate(27deg); }
  43% { transform: rotate(-23deg); }
  61% { transform: rotate(18deg); }
  78% { transform: rotate(-10deg); }
  100% { transform: none; }
}
@keyframes nav-icon-autorole {
  0% { opacity: 0; transform: translateY(-9px) rotate(-18deg); }
  45% { opacity: 1; transform: translateY(2px) rotate(8deg); }
  66% { transform: translateY(-2px) rotate(-4deg); }
  82% { transform: translateY(1px); }
  100% { transform: none; }
}
@keyframes nav-icon-farewell {
  0% { opacity: 1; transform: none; }
  38% { opacity: 0; transform: translateX(10px) skewX(-12deg); }
  39% { opacity: 0; transform: translateX(-8px) skewX(12deg); }
  72% { opacity: 1; transform: translateX(2px) skewX(-4deg); }
  100% { transform: none; }
}
@keyframes nav-icon-tickets {
  0% { opacity: 0; transform: perspective(32px) rotateX(68deg) rotateZ(-14deg); }
  42% { opacity: 1; transform: perspective(32px) rotateX(-16deg) rotateZ(8deg) translateY(-2px); }
  68% { transform: rotateZ(-5deg); }
  84% { transform: rotateZ(2deg); }
  100% { transform: none; }
}
@keyframes nav-icon-partnerships {
  0% { opacity: 0; transform: translateX(-6px) rotate(-12deg); }
  34% { opacity: 1; transform: translateX(3px) rotate(8deg); }
  48% { transform: translateX(-2px) rotate(-5deg); }
  62% { transform: translateX(2px) rotate(4deg); }
  78% { transform: translateX(-1px) rotate(-2deg); }
  100% { transform: none; }
}
@keyframes nav-icon-suggestions {
  0% { opacity: 0; filter: brightness(.35); transform: translateY(6px); }
  44% { opacity: 1; filter: brightness(1.9) drop-shadow(0 0 4px currentColor); transform: translateY(-3px); }
  66% { filter: brightness(1.28); transform: rotate(8deg); }
  82% { transform: rotate(-4deg); }
  100% { filter: none; transform: none; }
}
@keyframes nav-icon-voice {
  0% { opacity: 0; transform: perspective(40px) rotateY(75deg) translateX(-4px); }
  42% { opacity: 1; transform: perspective(40px) rotateY(-17deg) translateX(1px); }
  66% { transform: perspective(40px) rotateY(8deg) translateY(-2px); }
  100% { transform: none; }
}
@keyframes nav-icon-health {
  0% { opacity: 0; clip-path: inset(0 100% 0 0); transform: translateX(-5px); }
  32% { opacity: 1; clip-path: inset(0 62% 0 0); transform: translateX(-2px) skewX(-12deg); }
  62% { clip-path: inset(0 18% 0 0); transform: translateX(1px) skewX(8deg); }
  82%,100% { clip-path: inset(0); transform: none; }
}
@keyframes nav-icon-permissions {
  0% { opacity: 0; transform: translateY(5px) rotate(22deg); }
  38% { opacity: 1; transform: translateY(-3px) rotate(-18deg); }
  58% { transform: translateX(2px) rotate(10deg); }
  78% { transform: translateX(-1px) rotate(-5deg); }
  100% { transform: none; }
}
@keyframes nav-icon-automod {
  0% { opacity: 0; transform: translateY(-9px); }
  48% { opacity: 1; transform: translateY(3px) skewX(-5deg); }
  64% { transform: translateY(-1px) skewX(3deg); }
  78% { transform: translateY(1px); }
  100% { transform: none; }
}
@keyframes nav-icon-antiraid {
  0% { opacity: .15; clip-path: inset(0 100% 0 0); transform: skewX(-15deg); }
  35% { opacity: .65; clip-path: inset(0 52% 0 0); transform: skewX(9deg) translateX(-2px); }
  68% { opacity: 1; clip-path: inset(0); transform: skewX(-4deg) translateX(2px); }
  84% { transform: translateX(-1px); }
  100% { clip-path: inset(0); transform: none; }
}
@keyframes nav-icon-warnings {
  0% { opacity: 0; transform: translateY(-10px); }
  38% { opacity: 1; transform: translateY(2px) rotate(7deg); }
  52% { transform: translateX(-3px) rotate(-6deg); }
  66% { transform: translateX(3px) rotate(5deg); }
  82% { transform: translateX(-1px) rotate(-2deg); }
  100% { transform: none; }
}
@keyframes nav-icon-audit {
  0% { opacity: .15; transform: rotate(0); }
  42% { opacity: 1; transform: rotate(-250deg); }
  67% { transform: rotate(-332deg); }
  82% { transform: rotate(-348deg); }
  100% { transform: rotate(-360deg); }
}
@keyframes nav-icon-cases {
  0% { opacity: 0; transform: perspective(34px) rotateX(-88deg); }
  42% { opacity: 1; transform: perspective(34px) rotateX(34deg) translateY(-2px); }
  64% { transform: perspective(34px) rotateX(-18deg); }
  82% { transform: perspective(34px) rotateX(7deg); }
  100% { transform: none; }
}
@keyframes nav-icon-privacy {
  0% { opacity: 0; clip-path: inset(50% 0 50% 0); transform: translateY(-3px); }
  45% { opacity: 1; clip-path: inset(0); transform: translateY(2px); }
  65% { transform: skewX(-7deg); }
  82% { transform: skewX(3deg); }
  100% { clip-path: inset(0); transform: none; }
}
@keyframes nav-icon-developer {
  0% { opacity: 0; clip-path: inset(0 50%); transform: skewX(-18deg); }
  42% { opacity: 1; clip-path: inset(0); transform: skewX(10deg); }
  62% { transform: translateX(-2px) skewX(-6deg); }
  80% { transform: translateX(2px) skewX(3deg); }
  100% { clip-path: inset(0); transform: none; }
}

.nav-motion-dev-analytics { --nav-motion-duration: .78s; }
.nav-motion-dev-overview { --nav-motion-duration: .86s; }
.nav-motion-dev-activity { --nav-motion-duration: .82s; }
.nav-motion-dev-system { --nav-motion-duration: .74s; }
.nav-motion-dev-services { --nav-motion-duration: .82s; }
.nav-motion-dev-tasks { --nav-motion-duration: .78s; }
.nav-motion-dev-history { --nav-motion-duration: .88s; }
.nav-motion-dev-commands { --nav-motion-duration: .76s; }
.nav-motion-dev-features { --nav-motion-duration: .72s; }
.nav-motion-dev-inspector { --nav-motion-duration: .84s; }
.nav-motion-dev-plans { --nav-motion-duration: .82s; }
.nav-motion-dev-suggestions { --nav-motion-duration: .8s; }
.nav-motion-dev-live-chat { --nav-motion-duration: .86s; }
.nav-motion-dev-notifications { --nav-motion-duration: .92s; }
.nav-motion-dev-releases { --nav-motion-duration: .86s; }
.nav-motion-dev-broadcast { --nav-motion-duration: .8s; }

@keyframes nav-icon-dev-analytics { 0%{opacity:0;clip-path:polygon(0 100%,0 100%,0 100%);transform:translate(-5px,4px)} 48%{opacity:1;clip-path:polygon(0 100%,55% 20%,58% 100%);transform:translate(-1px,0)} 78%,100%{clip-path:polygon(0 100%,100% 0,100% 100%);transform:none} }
@keyframes nav-icon-dev-overview { 0%{opacity:0;clip-path:circle(0 at 50% 50%);transform:rotate(-140deg)} 52%{opacity:1;clip-path:circle(75% at 50% 50%);transform:rotate(28deg)} 74%{transform:rotate(-12deg)} 100%{clip-path:none;transform:none} }
@keyframes nav-icon-dev-activity { 0%{opacity:0;clip-path:inset(45%);transform:translateX(-5px)} 38%{opacity:1;clip-path:inset(18%);transform:translateX(2px)} 64%{clip-path:inset(0);transform:translateY(-2px) skewX(-7deg)} 82%{transform:skewX(3deg)} 100%{clip-path:none;transform:none} }
@keyframes nav-icon-dev-system { 0%{opacity:0;transform:perspective(36px) rotateX(80deg)} 42%{opacity:1;transform:perspective(36px) rotateX(-18deg)} 62%{transform:translateY(-2px) rotate(7deg)} 80%{transform:rotate(-3deg)} 100%{transform:none} }
@keyframes nav-icon-dev-services { 0%{opacity:0;clip-path:inset(0 100% 0 0);transform:translateX(-5px)} 35%{opacity:1;clip-path:inset(0 58% 0 0);transform:skewX(-14deg)} 68%{clip-path:inset(0);transform:skewX(8deg) translateX(2px)} 84%{transform:skewX(-3deg)} 100%{clip-path:none;transform:none} }
@keyframes nav-icon-dev-tasks { 0%{opacity:0;clip-path:inset(0 100% 0 0)} 28%{opacity:1;clip-path:inset(0 68% 0 0);transform:translateX(-2px)} 52%{clip-path:inset(0 34% 0 0);transform:translateX(1px)} 76%,100%{clip-path:inset(0);transform:none} }
@keyframes nav-icon-dev-history { 0%{opacity:0;transform:translateY(7px) rotate(24deg)} 40%{opacity:1;transform:translateY(-3px) rotate(-17deg)} 61%{transform:translateX(3px) rotate(9deg)} 79%{transform:translateX(-1px) rotate(-4deg)} 100%{transform:none} }
@keyframes nav-icon-dev-commands { 0%{opacity:0;clip-path:inset(0 100% 0 0);transform:translateX(-5px)} 48%{opacity:1;clip-path:inset(0 10% 0 0);transform:translateX(1px)} 62%{opacity:.25} 72%{opacity:1;clip-path:inset(0)} 82%{opacity:.25} 100%{opacity:1;clip-path:none;transform:none} }
@keyframes nav-icon-dev-features { 0%{opacity:0;clip-path:inset(50% 0);transform:translateY(-2px)} 38%{opacity:1;clip-path:inset(8% 0);transform:skewX(-8deg)} 58%{clip-path:inset(46% 0);transform:none} 74%{clip-path:inset(0);transform:skewX(4deg)} 100%{clip-path:none;transform:none} }
@keyframes nav-icon-dev-inspector { 0%{opacity:0;clip-path:inset(0 0 100%);transform:translateY(-6px)} 36%{opacity:1;clip-path:inset(0 0 58%);transform:translateY(2px)} 64%{clip-path:inset(0 0 20%);transform:translateY(-1px)} 84%,100%{clip-path:inset(0);transform:none} }
@keyframes nav-icon-dev-plans { 0%{opacity:0;transform:perspective(38px) rotateY(-90deg) translateY(3px)} 45%{opacity:1;transform:perspective(38px) rotateY(26deg) translateY(-2px)} 68%{transform:perspective(38px) rotateY(-12deg)} 84%{transform:perspective(38px) rotateY(5deg)} 100%{transform:none} }
@keyframes nav-icon-dev-suggestions { 0%{opacity:0;filter:brightness(.35);transform:translateY(7px)} 46%{opacity:1;filter:brightness(1.8) drop-shadow(0 0 4px currentColor);transform:translateY(-3px)} 67%{filter:brightness(1.2);transform:rotate(-8deg)} 83%{transform:rotate(4deg)} 100%{filter:none;transform:none} }
@keyframes nav-icon-dev-live-chat { 0%{opacity:0;transform:translateX(-8px) rotate(-24deg)} 42%{opacity:1;transform:translateX(3px) rotate(12deg)} 62%{transform:translateY(-3px) rotate(-7deg)} 80%{transform:translateY(1px) rotate(3deg)} 100%{transform:none} }
@keyframes nav-icon-dev-notifications { 0%{opacity:0;transform:translateY(-6px) rotate(-28deg)} 30%{opacity:1;transform:rotate(24deg)} 47%{transform:rotate(-19deg)} 63%{transform:rotate(14deg)} 78%{transform:rotate(-7deg)} 90%{transform:rotate(3deg)} 100%{transform:none} }
@keyframes nav-icon-dev-releases { 0%{opacity:0;clip-path:inset(100% 0 0);transform:translateY(6px) rotate(-16deg)} 44%{opacity:1;clip-path:inset(15% 0 0);transform:translateY(-2px) rotate(11deg)} 66%{clip-path:inset(0);transform:translateX(2px) rotate(-6deg)} 83%{transform:translateX(-1px) rotate(2deg)} 100%{clip-path:none;transform:none} }
@keyframes nav-icon-dev-broadcast { 0%{opacity:0;transform:translateX(8px) rotate(18deg)} 38%{opacity:1;transform:translateX(-3px) rotate(-14deg);filter:brightness(1.55)} 57%{transform:translateX(2px) rotate(8deg);filter:brightness(1.2)} 76%{transform:translateX(-1px) rotate(-4deg)} 100%{filter:none;transform:none} }

/* Smooth pass for motions that need continuous interpolation at icon scale. */
.nav-item > i:first-child.nav-icon-activated::before,
.developer-subnav-item > i:first-child.nav-icon-activated::before {
  backface-visibility: hidden;
  clip-path: none !important;
  will-change: transform, opacity, filter;
}
.nav-motion-overview::before,
.nav-motion-analytics::before,
.nav-motion-logs::before,
.nav-motion-commands::before,
.nav-motion-voice::before,
.nav-motion-health::before { animation-timing-function: cubic-bezier(.22,.7,.28,1) !important; }
.nav-motion-general::before,
.nav-motion-audit::before { animation-timing-function: cubic-bezier(.42,0,.18,1) !important; }
.nav-motion-subscription::before { animation-timing-function: cubic-bezier(.2,.72,.22,1) !important; }

.nav-item > i:first-child.nav-motion-subscription.nav-icon-activated::after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2px;
  height: 2px;
  display: block;
  border-radius: 50%;
  background: currentColor;
  content: "";
  opacity: 0;
  pointer-events: none;
  transform: translate(-50%,-50%);
  animation: nav-icon-gem-particles .92s ease-out both;
}

@keyframes nav-icon-overview {
  0% { transform: translate(-4px,3px) rotate(-5deg); }
  34% { transform: translate(-1px,-2px) rotate(2deg); }
  62% { transform: translate(3px,-1px) rotate(5deg); }
  82% { transform: translate(1px,1px) rotate(-2deg); }
  100% { transform: none; }
}
@keyframes nav-icon-analytics {
  0% { transform: translateY(4px) skewX(-10deg); }
  32% { transform: translateY(-3px) skewX(6deg); }
  58% { transform: translateY(1px) skewX(-3deg); }
  78% { transform: translateY(-1px) skewX(1deg); }
  100% { transform: none; }
}
@keyframes nav-icon-logs {
  0% { transform: translateX(-5px) rotate(-7deg); }
  38% { transform: translateX(2px) rotate(4deg); }
  64% { transform: translateX(-1px) rotate(-2deg); }
  82% { transform: translateY(-1px) rotate(1deg); }
  100% { transform: none; }
}
@keyframes nav-icon-counters {
  0% { transform: translateY(5px) skewY(9deg); }
  30% { transform: translateY(-3px) skewY(-5deg); }
  55% { transform: translateY(2px) skewY(3deg); }
  77% { transform: translateY(-1px) skewY(-1deg); }
  100% { transform: none; }
}
@keyframes nav-icon-commands {
  0% { transform: translateX(-5px) skewX(-12deg); }
  36% { transform: translateX(3px) skewX(7deg); }
  58% { transform: translateX(-1px) skewX(-3deg); }
  76% { transform: translateX(2px); }
  100% { transform: none; }
}
@keyframes nav-icon-voice {
  0% { transform: perspective(42px) rotateY(58deg) translateX(-4px); }
  38% { transform: perspective(42px) rotateY(-22deg) translateX(3px) translateY(-3px); }
  62% { transform: perspective(42px) rotateY(10deg) translateY(2px); }
  81% { transform: perspective(42px) rotateY(-4deg) translateY(-1px); }
  100% { transform: none; }
}
@keyframes nav-icon-health {
  0%,100% { transform: scale(1); filter: none; }
  14% { transform: scale(.9); }
  27% { transform: scale(1.24); filter: brightness(1.45); }
  39% { transform: scale(.96); filter: brightness(1.12); }
  53% { transform: scale(1.16); filter: brightness(1.32); }
  68% { transform: scale(.98); filter: none; }
  82% { transform: scale(1.04); }
}
@keyframes nav-icon-general {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes nav-icon-audit {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(-360deg); }
}
@keyframes nav-icon-subscription {
  0% { transform: perspective(46px) rotateY(-42deg) translateY(2px); filter: brightness(.9); }
  38% { transform: perspective(46px) rotateY(18deg) translateY(-3px); filter: brightness(1.75) drop-shadow(0 0 4px currentColor); }
  64% { transform: perspective(46px) rotateY(-9deg) translateY(-1px); filter: brightness(1.3) drop-shadow(0 0 2px currentColor); }
  82% { transform: perspective(46px) rotateY(4deg); filter: brightness(1.08); }
  100% { transform: none; filter: none; }
}
@keyframes nav-icon-gem-particles {
  0% { opacity: 0; box-shadow: 0 0 currentColor,0 0 currentColor,0 0 currentColor,0 0 currentColor,0 0 currentColor; }
  28% { opacity: .9; }
  62% { opacity: .72; box-shadow: -7px -6px currentColor,7px -4px currentColor,-8px 4px currentColor,6px 7px currentColor,1px -9px currentColor; }
  100% { opacity: 0; box-shadow: -10px -9px currentColor,10px -7px currentColor,-11px 7px currentColor,9px 10px currentColor,2px -13px currentColor; }
}

/* Real bar icons let each column animate independently instead of moving one glyph. */
.nav-animated-bars {
  display: inline-flex !important;
  align-items: flex-end !important;
  justify-content: center;
  gap: 2px;
  padding: 7px 6px 6px;
  box-sizing: border-box;
}
.nav-animated-bars::before,
.nav-animated-bars::after {
  display: none !important;
  content: none !important;
  animation: none !important;
}
.nav-animated-bars > span {
  width: 3px;
  display: block;
  border-radius: 1px 1px 0 0;
  background: currentColor;
  opacity: .9;
  transform-origin: center bottom;
}
.nav-activity-bars > span:nth-child(1) { height: 5px; }
.nav-activity-bars > span:nth-child(2) { height: 9px; }
.nav-activity-bars > span:nth-child(3) { height: 13px; }
.nav-counter-bars { gap: 1px; }
.nav-counter-bars > span { width: 2px; }
.nav-counter-bars > span:nth-child(1) { height: 6px; }
.nav-counter-bars > span:nth-child(2) { height: 12px; }
.nav-counter-bars > span:nth-child(3) { height: 8px; }
.nav-counter-bars > span:nth-child(4) { height: 14px; }
.panel-command-icon > .nav-animated-bars {
  width: 14px;
  height: 14px;
  display: inline-flex;
  padding: 0;
}
.nav-icon-activated.nav-motion-analytics > span {
  animation: nav-activity-bar-load .58s cubic-bezier(.2,.72,.24,1) both;
}
.nav-icon-activated.nav-motion-analytics > span:nth-child(2) { animation-delay: .09s; }
.nav-icon-activated.nav-motion-analytics > span:nth-child(3) { animation-delay: .18s; }
.nav-icon-activated.nav-motion-counters > span {
  animation: nav-counter-bar-count .66s cubic-bezier(.25,.66,.28,1) both;
}
.nav-icon-activated.nav-motion-counters > span:nth-child(2) { animation-delay: .06s; }
.nav-icon-activated.nav-motion-counters > span:nth-child(3) { animation-delay: .12s; }
.nav-icon-activated.nav-motion-counters > span:nth-child(4) { animation-delay: .18s; }
@keyframes nav-activity-bar-load {
  0% { opacity: .2; transform: scaleY(.08) translateY(2px); }
  58% { opacity: 1; transform: scaleY(1.16) translateY(0); }
  78% { transform: scaleY(.92); }
  100% { opacity: .9; transform: scaleY(1); }
}
@keyframes nav-counter-bar-count {
  0% { opacity: .28; transform: scaleY(.12); }
  32% { opacity: .58; transform: scaleY(.42); }
  64% { opacity: .82; transform: scaleY(.73); }
  100% { opacity: .9; transform: scaleY(1); }
}

.topbar-actions .icon-button > i,
.topbar-actions .language-button > i { transition: color .18s ease, filter .18s ease, transform .18s ease; }
.topbar-action-notifications > i { color: #9da8ff; }
.topbar-action-home > i { color: #78aefa; }
.topbar-action-language > i { color: var(--accent-hover) !important; }
.topbar-action-refresh > i { color: #69d7ad; }
.topbar-actions .icon-button:hover > i,
.topbar-actions .language-button:hover > i { filter: brightness(1.22); transform: scale(1.06); }

@media (min-width: 861px) {
  .topbar { display: grid; grid-template-columns: minmax(0,1fr) minmax(140px,260px) auto auto; }
  .panel-search-trigger {
    position: static;
    width: 100%;
    min-width: 0;
    transform: none;
  }
  .panel-search-trigger:hover { transform: translateY(-1px); }
  .panel-change-status { margin-left: auto; }
  .topbar-actions { flex: 0 0 auto; }
}

.view-heading > div:first-child h1 { text-wrap: balance; }
.section-heading h2 { text-wrap: balance; }
.configuration-surface:focus-within { border-color: rgba(var(--accent-rgb),.1); }
.empty-state,
.panel-empty-state { border-color: rgba(159,178,207,.1); background: rgba(9,16,25,.56); }

@media (prefers-reduced-motion: reduce) {
  .topbar-actions .icon-button > i,
  .topbar-actions .language-button > i { transition: none !important; }
  .nav-item > i:first-child.nav-icon-activated,
  .developer-subnav-item > i:first-child.nav-icon-activated,
  .nav-item > i:first-child.nav-icon-activated::before,
  .developer-subnav-item > i:first-child.nav-icon-activated::before,
  .nav-item > i:first-child.nav-icon-activated::after,
  .developer-subnav-item > i:first-child.nav-icon-activated::after,
  .panel-loading-overlay,
  .panel-loading-logo::before,
  .panel-loading-logo::after { animation: none !important; }
}

/* Final responsive guardrails for every current and future dashboard module. */
.dashboard,
.workspace,
.workspace-scroll,
.view-stack,
.view,
.tool-section,
.configuration-surface { min-width: 0; }

@media (max-width: 760px) {
  html,
  body { width: 100%; max-width: 100%; overflow: hidden; }
  .dashboard { width: 100%; min-height: 100dvh; display: block; }
  .sidebar { width: min(292px, 86vw); max-width: 100%; }
  .workspace { width: 100%; height: 100dvh; margin-left: 0; }
  .topbar { width: 100%; min-width: 0; }
  .workspace-scroll { height: calc(100dvh - 64px); overflow-x: hidden; }
  .view-stack,
  .empty-state { width: 100%; max-width: 100%; }
  .tool-section,
  .configuration-surface,
  .settings-form,
  .analytics-card,
  .developer-card,
  .music-player-shell,
  .automation-register,
  .automation-builder { max-width: 100%; overflow-wrap: anywhere; }
  .music-layout,
  .automation-layout,
  .team-access-layout,
  .control-center-layout,
  .reports-layout,
  .suggestion-layout,
  .analytics-ranking-grid { grid-template-columns: minmax(0, 1fr); }
  .member-center-layout { display: block; min-height: 0; }
  .member-directory { border-right: 0; border-bottom: 1px solid var(--border); }
  .member-list { max-height: 390px; }
  .table-wrap,
  .analytics-table-wrap,
  .audit-table-wrap { max-width: 100%; overflow-x: auto; overscroll-behavior-inline: contain; }
  .panel-command-dialog,
  .modal-card { width: min(100%, calc(100vw - 24px)); max-width: calc(100vw - 24px); }
  img,
  canvas,
  video { max-width: 100%; }
}

@media (max-width: 480px) {
  .topbar { gap: 7px; padding-inline: 10px; }
  .topbar-actions { gap: 4px; }
  .topbar .icon-button,
  .topbar .language-button { min-width: 36px; height: 36px; padding-inline: 9px; }
  .topbar .language-button span { display: none; }
  .view-stack,
  .empty-state { padding-inline: 12px; }
  .stats-grid { grid-template-columns: minmax(0, 1fr); }
  .section-actions,
  .audit-actions,
  .heading-tools { min-width: 0; }
}

/* Original dashboard palette, shared by every newer module and developer view. */
:root {
  --bg: #070a12;
  --surface: rgba(17, 24, 39, .84);
  --surface-2: rgba(24, 34, 53, .82);
  --surface-3: rgba(35, 48, 72, .88);
  --border: rgba(255, 255, 255, .09);
  --border-color: rgba(255, 255, 255, .09);
  --border-strong: rgba(142, 160, 255, .3);
  --text: #f8fafc;
  --text-primary: #f8fafc;
  --text-secondary: #aab3c5;
  --text-muted: #737f96;
  --muted: #aab3c5;
  --primary: #5865f2;
  --primary-hover: #6874f5;
  --primary-light: #8ea0ff;
  --cyan: var(--accent);
  --green: #3ddc97;
  --yellow: #fee75c;
  --red: #ed4245;
  --panel-surface: rgba(17, 24, 39, .84);
  --panel-surface-raised: rgba(24, 34, 53, .82);
  --panel-surface-control: rgba(35, 48, 72, .88);
  --panel-divider: rgba(255, 255, 255, .075);
  --focus-ring: 0 0 0 3px rgba(88, 101, 242, .14);
}

.button-primary,
.button.primary,
.login-panel .button.primary,
.form-actions .button-primary,
.music-search-button,
.automation-save-button {
  color: #fff;
  border-color: rgba(142, 160, 255, .24);
  background: linear-gradient(135deg, var(--primary), var(--cyan));
  box-shadow: 0 10px 24px rgba(88, 101, 242, .18);
}

.button-primary:hover,
.button.primary:hover,
.login-panel .button.primary:hover,
.form-actions .button-primary:hover,
.music-search-button:hover,
.automation-save-button:hover {
  color: #fff;
  background: linear-gradient(135deg, var(--primary-hover), var(--accent, var(--accent)));
  box-shadow: 0 13px 30px rgba(88, 101, 242, .24);
}

/* Consistent button feedback and a clearer Plus plan without changing the panel palette. */
.button-primary,
.button.primary,
.login-panel .button.primary,
.form-actions .button-primary,
.music-search-button,
.automation-save-button {
  isolation: isolate;
  position: relative;
  overflow: hidden;
  background-size: 180% 180%;
  background-position: 0 50%;
  transition: color .18s ease, border-color .18s ease, background-position .42s ease, transform .18s ease, box-shadow .22s ease;
}
.button-primary::after,
.button.primary::after,
.music-search-button::after,
.automation-save-button::after {
  position: absolute;
  z-index: -1;
  inset: -35% auto -35% -48%;
  width: 38%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.3), transparent);
  content: "";
  transform: skewX(-18deg) translateX(-190%);
  transition: transform .68s ease;
}
.button-primary:hover,
.button.primary:hover,
.music-search-button:hover,
.automation-save-button:hover {
  background-position: 100% 50%;
  transform: translateY(-2px);
}
.button-primary:hover::after,
.button.primary:hover::after,
.music-search-button:hover::after,
.automation-save-button:hover::after { transform: skewX(-18deg) translateX(430%); }

.icon-button,
.language-button {
  box-shadow: inset 0 1px 0 rgba(255,255,255,.025);
  transition: color .18s ease, border-color .18s ease, background .18s ease, transform .18s ease, box-shadow .18s ease;
}
.icon-button:hover,
.language-button:hover {
  box-shadow: 0 8px 20px rgba(2,6,15,.24), inset 0 1px 0 rgba(255,255,255,.045);
}

.overview-plan-panel.is-plus {
  isolation: isolate;
  border-color: rgba(var(--accent-rgb),.48);
  background:
    radial-gradient(circle at 92% 4%, rgba(88,101,242,.15), transparent 38%),
    radial-gradient(circle at 0 100%, rgba(var(--accent-rgb),.08), transparent 38%),
    #0c1521;
  box-shadow: 0 14px 34px rgba(0,0,0,.24), 0 0 0 1px rgba(var(--accent-rgb),.055), 0 0 24px rgba(var(--accent-rgb),.055);
}
.overview-plan-panel.is-plus .overview-plan-icon {
  box-shadow: 0 0 18px rgba(var(--accent-rgb),.1), inset 0 1px 0 rgba(255,255,255,.04);
}
.overview-plan-panel.is-plus .state-badge {
  border-color: rgba(var(--accent-rgb),.38);
  background: rgba(var(--accent-rgb),.09);
  color: #93c5fd;
}

@media (prefers-reduced-motion: reduce) {
  .button-primary::after,
  .button.primary::after,
  .music-search-button::after,
  .automation-save-button::after { transition: none; }
}

/* Blue-first active states with restrained, consistent hover feedback. */
.button,
.icon-button,
.language-button {
  transition: color .18s ease, border-color .18s ease, background .18s ease, transform .18s ease, box-shadow .18s ease;
}
.button-primary,
.button.primary,
.login-panel .button.primary,
.form-actions .button-primary,
.music-search-button,
.automation-save-button {
  box-shadow: 0 8px 19px rgba(88,101,242,.15), 0 3px 9px rgba(var(--accent-rgb),.05);
}
.button:hover:not(:disabled),
.icon-button:hover:not(:disabled),
.language-button:hover:not(:disabled) { transform: translateY(-1px); }

.button-primary::after,
.button.primary::after,
.music-search-button::after,
.automation-save-button::after {
  inset: 0;
  width: auto;
  background: linear-gradient(110deg,transparent 36%,rgba(255,255,255,.13) 49%,transparent 62%);
  transform: translateX(-125%);
  transition: transform .52s ease;
}
.button-primary:hover::after,
.button.primary:hover::after,
.music-search-button:hover::after,
.automation-save-button:hover::after { transform: translateX(125%); }
.button-primary:hover,
.button.primary:hover,
.login-panel .button.primary:hover,
.form-actions .button-primary:hover,
.music-search-button:hover,
.automation-save-button:hover {
  transform: translateY(-1px);
  box-shadow: 0 11px 25px rgba(88,101,242,.18), 0 5px 14px rgba(var(--accent-rgb),.07);
}
.icon-button:hover,
.language-button:hover {
  box-shadow: 0 6px 15px rgba(2,6,15,.2), inset 0 1px 0 rgba(255,255,255,.035);
}
.overview-plan-panel.is-plus .state-badge {
  border-color: rgba(var(--accent-rgb),.3);
  color: #93c5fd;
  background: rgba(var(--accent-rgb),.085);
}
.music-billing-strip.is-plus {
  border-color: rgba(96,165,250,.32);
  background: linear-gradient(100deg,rgba(var(--accent-rgb),.075),rgba(88,101,242,.07) 48%,#0a121d);
}
.nav-item:focus-visible,
.button:focus-visible,
.icon-button:focus-visible,
.language-button:focus-visible {
  outline: 1px solid rgba(96,165,250,.55);
  outline-offset: 2px;
}

/* Semantic colors: category accents, actions and confirmed outcomes. */
.nav-item[data-view-target="overview"] { --nav-accent: var(--accent); }
.nav-item[data-view-target="analytics"] { --nav-accent: #60a5fa; }
.nav-item[data-view-target="reports"] { --nav-accent: #f5c85b; }
.nav-item[data-view-target="members"] { --nav-accent: #a78bfa; }
.nav-item[data-view-target="music"] { --nav-accent: #c084fc; }
.nav-item[data-view-target="general"] { --nav-accent: #60a5fa; }
.nav-item[data-view-target="team-access"] { --nav-accent: #818cf8; }
.nav-item[data-view-target="commands"] { --nav-accent: var(--accent); }
.nav-item[data-view-target="automations"] { --nav-accent: #a78bfa; }
.nav-item[data-view-target="integrations"] { --nav-accent: #f59e0b; }
.nav-item[data-view-target="logs"] { --nav-accent: #94a3b8; }
.nav-item[data-view-target="counters"] { --nav-accent: var(--accent); }
.nav-item[data-view-target="welcome"] { --nav-accent: #f59e0b; }
.nav-item[data-view-target="autorole"] { --nav-accent: #60a5fa; }
.nav-item[data-view-target="farewell"] { --nav-accent: #fb7185; }
.nav-item[data-view-target="tickets"] { --nav-accent: #a78bfa; }
.nav-item[data-view-target="partnerships"] { --nav-accent: #fbbf24; }
.nav-item[data-view-target="suggestions"] { --nav-accent: #facc15; }
.nav-item[data-view-target="voice"] { --nav-accent: #818cf8; }
.nav-item[data-view-target="health"] { --nav-accent: #fb7185; }
.nav-item[data-view-target="permissions"] { --nav-accent: #818cf8; }
.nav-item[data-view-target="automod"] { --nav-accent: var(--accent); }
.nav-item[data-view-target="antiraid"] { --nav-accent: var(--accent); }
.nav-item[data-view-target="warnings"] { --nav-accent: #f59e0b; }
.nav-item[data-view-target="audit"] { --nav-accent: #a78bfa; }
.nav-item[data-view-target="cases"] { --nav-accent: #f97316; }
.nav-item[data-view-target="privacy-center"] { --nav-accent: #60a5fa; }
.nav-item[data-view-target="developer"] { --nav-accent: #c084fc; }

.view { --view-accent: var(--accent); }
.view[data-view="analytics"],
.view[data-view="general"],
.view[data-view="autorole"],
.view[data-view="privacy-center"] { --view-accent: #60a5fa; }
.view[data-view="reports"] { --view-accent: #f5c85b; }
.view[data-view="members"],
.view[data-view="automations"],
.view[data-view="tickets"] { --view-accent: #a78bfa; }
.view[data-view="music"] { --view-accent: #c084fc; }
.view[data-view="integrations"],
.view[data-view="welcome"] { --view-accent: #f59e0b; }
.view[data-view="logs"] { --view-accent: #94a3b8; }
.view[data-view="farewell"] { --view-accent: #fb7185; }
.view[data-view="partnerships"],
.view[data-view="suggestions"],
.view[data-view="warnings"] { --view-accent: #fbbf24; }
.view[data-view="voice"],
.view[data-view="permissions"],
.view[data-view="audit"] { --view-accent: #818cf8; }
.view[data-view="health"] { --view-accent: #fb7185; }
.view[data-view="cases"] { --view-accent: #f97316; }
.view[data-view="developer"] { --view-accent: #c084fc; }
.view .configuration-surface::before { background: var(--view-accent); }
.view .settings-note,
.view .autosave-note,
.view .registry-notice {
  border-color: color-mix(in srgb,var(--view-accent) 18%,transparent);
  background: color-mix(in srgb,var(--view-accent) 5%,transparent);
}
.view .settings-note > i,
.view .autosave-note > i,
.view .registry-notice > i { color: var(--view-accent); }
.view .configuration-surface.has-unsaved-changes::before { background: var(--yellow); }

.developer-subnav-item { --item-accent: #8ea0ff; }
.developer-subnav-item[data-developer-tab-target="analytics"] { --item-accent: #60a5fa; }
.developer-subnav-item[data-developer-tab-target="overview"] { --item-accent: var(--accent); }
.developer-subnav-item[data-developer-tab-target="system"] { --item-accent: #818cf8; }
.developer-subnav-item[data-developer-tab-target="services"] { --item-accent: var(--accent); }
.developer-subnav-item[data-developer-tab-target="tasks"] { --item-accent: #f5c85b; }
.developer-subnav-item[data-developer-tab-target="history"] { --item-accent: #a78bfa; }
.developer-subnav-item[data-developer-tab-target="commands"] { --item-accent: var(--accent); }
.developer-subnav-item[data-developer-tab-target="features"] { --item-accent: #fb7185; }
.developer-subnav-item[data-developer-tab-target="inspector"] { --item-accent: #60a5fa; }
.developer-subnav-item[data-developer-tab-target="plans"] { --item-accent: #c084fc; }
.developer-subnav-item[data-developer-tab-target="suggestions"] { --item-accent: #facc15; }
.developer-subnav-item[data-developer-tab-target="live-chat"] { --item-accent: var(--accent); }
.developer-subnav-item[data-developer-tab-target="notifications"] { --item-accent: #818cf8; }
.developer-subnav-item[data-developer-tab-target="releases"] { --item-accent: #60a5fa; }
.developer-subnav-item[data-developer-tab-target="broadcast"] { --item-accent: #f97316; }
.developer-subnav-item > i:first-child { color: color-mix(in srgb,var(--item-accent) 76%,#8492a6); }
.developer-subnav-item:hover > i:first-child,
.developer-subnav-item.active > i:first-child { color: var(--item-accent); }
.developer-subnav-item.active { box-shadow: inset 2px 0 var(--item-accent); }

.status-dot { background: #3ddc97; box-shadow: 0 0 0 3px rgba(61,220,151,.1); }
.state-badge.on:not(.plan-plus-badge) {
  border-color: rgba(61,220,151,.28);
  color: #79e8b6;
  background: rgba(61,220,151,.08);
}
.state-badge.plan-plus-badge,
.overview-plan-panel.is-plus .state-badge {
  border-color: rgba(var(--accent-rgb),.3);
  color: #93c5fd;
  background: rgba(var(--accent-rgb),.085);
}
.background-task.status-completed .background-task-icon { color: #3ddc97; background: rgba(61,220,151,.07); }
.background-task.status-completed .task-progress span,
.owner-broadcast-progress.completed .progress-track span { background: #3ddc97; }
.owner-broadcast-progress.completed { border-color: rgba(61,220,151,.24); }
.module-status.is-enabled { border-color: rgba(61,220,151,.18); box-shadow: inset 2px 0 0 rgba(61,220,151,.68); }
.module-status.is-enabled .module-status-icon { border-color: rgba(61,220,151,.2); color: #3ddc97; background: rgba(61,220,151,.07); }
.music-add-status.is-success,
.test-result {
  border-color: rgba(61,220,151,.26);
  background: linear-gradient(110deg,rgba(61,220,151,.07),rgba(15,23,36,.84));
}
.music-add-status.is-success .music-add-status-badge,
.panel-change-status.is-success,
.toast.success > i,
.button.is-success { color: #3ddc97; }
.panel-change-status.is-success,
.button.is-success { border-color: rgba(61,220,151,.3); background: rgba(61,220,151,.09); }
.service-history-row span { background: #3ddc97; }

.command-availability-status.enabled,
.module-chip.on {
  border-color: rgba(61,220,151,.24);
  color: #79e8b6;
  background: rgba(61,220,151,.07);
}
.security-status.active > i,
.report-status-icon.active {
  border-color: rgba(61,220,151,.24);
  color: #3ddc97;
  background: rgba(61,220,151,.08);
}
.automation-readiness.is-ready {
  border-color: rgba(61,220,151,.22);
  background: rgba(61,220,151,.045);
}
.automation-readiness.is-ready .automation-readiness-icon {
  color: #3ddc97;
  background: rgba(61,220,151,.09);
}
.automation-readiness.is-ready .progress-track span { background: #3ddc97; }
.service-hero:not(.status-degraded):not(.status-outage) {
  border-color: rgba(61,220,151,.22);
  background: linear-gradient(110deg,rgba(61,220,151,.065),#0a121d 45%);
}
.service-hero:not(.status-degraded):not(.status-outage) .service-hero-icon {
  color: #3ddc97;
  background: rgba(61,220,151,.09);
}
.service-hero:not(.status-degraded):not(.status-outage)::after {
  background: linear-gradient(90deg,transparent,rgba(61,220,151,.4),transparent);
}
.panel-change-status.is-saved,
.panel-change-status.is-success {
  border-color: rgba(61,220,151,.27);
  color: #79e8b6;
  background: rgba(61,220,151,.065);
}
.overview-health-list strong.good i { box-shadow: 0 0 0 3px rgba(61,220,151,.09); }
.stat-card:nth-child(3) > i {
  color: #60a5fa;
  background: rgba(96,165,250,.1);
}
.analytics-stat-tickets > i {
  color: #a78bfa;
  background: rgba(167,139,250,.085);
}
.control-item-icon.provider-minecraft {
  border-color: rgba(245,200,91,.22);
  color: #f5c85b;
  background: rgba(245,200,91,.075);
}
.privacy-lock i { color: #60a5fa; }
.suggestion-guidance-note i { color: #f5c85b; }
.overview-quick-actions button:nth-child(3) > i:first-child {
  color: #60a5fa;
  background: rgba(96,165,250,.08);
}
.integration-overview article:nth-child(2) i {
  color: #818cf8;
  background: rgba(129,140,248,.08);
}
.music-add-heading > span {
  color: #c084fc;
  background: rgba(192,132,252,.09);
}
.music-mode-note.playlist-only i { color: #a78bfa; }
.health-check-icon {
  border-color: rgba(96,165,250,.2);
  color: #60a5fa;
  background: rgba(96,165,250,.07);
}
.health-check-row.good .health-check-icon {
  border-color: rgba(61,220,151,.22);
  color: #3ddc97;
  background: rgba(61,220,151,.07);
}
.permission-result-hero:not(.blocked) > span,
.permission-result-hero:not(.blocked) > b {
  border-color: rgba(61,220,151,.23);
  color: #3ddc97;
  background: rgba(61,220,151,.07);
}
.permission-result-item > span {
  color: #3ddc97;
  background: rgba(61,220,151,.07);
}
.module-status:not(.is-enabled) strong { color: #8794a6; }
.history-rollback {
  border-color: rgba(245,200,91,.24);
  color: #f5cf72;
  background: rgba(245,200,91,.065);
}
.history-rollback:hover {
  border-color: rgba(245,200,91,.42);
  color: #ffe6a3;
  background: rgba(245,200,91,.12);
}

.command-preset.active {
  border-color: rgba(var(--accent-rgb),.36);
  background: rgba(var(--accent-rgb),.07);
  box-shadow: inset 0 0 0 1px rgba(var(--accent-rgb),.06);
}
.command-preset.active > i { color: var(--accent-hover); background: rgba(var(--accent-rgb),.1); }

:is(.developer-plan-edit,button[data-edit-automation],button[data-edit-integration],button[data-edit-partnership],button[data-edit-plan]) {
  border-color: rgba(245,200,91,.26);
  color: #f5cf72;
  background: rgba(245,200,91,.075);
}
:is(.developer-plan-edit,button[data-edit-automation],button[data-edit-integration],button[data-edit-partnership],button[data-edit-plan]):hover {
  border-color: rgba(245,200,91,.45);
  color: #ffe6a3;
  background: rgba(245,200,91,.13);
}
:is(.delete-case,.suggestion-delete,.music-remove,button[data-delete-automation],button[data-delete-integration],button[data-delete-notification],button[data-delete-partnership],button[data-delete-suggestion],button[data-remove-automation-action],button[data-remove-music]) {
  border-color: rgba(239,104,107,.22);
  color: #ff8588;
  background: rgba(239,104,107,.065);
}
:is(.delete-case,.suggestion-delete,.music-remove,button[data-delete-automation],button[data-delete-integration],button[data-delete-notification],button[data-delete-partnership],button[data-delete-suggestion],button[data-remove-automation-action],button[data-remove-music]):hover {
  border-color: rgba(239,104,107,.4);
  color: #ffb0b2;
  background: rgba(239,104,107,.12);
}

.topbar-action-notifications > i { color: #a78bfa; }
.topbar-action-home > i { color: #60a5fa; }
.topbar-action-language > i { color: var(--accent-hover) !important; }
.topbar-action-refresh > i { color: #f5c85b; }

/* Sidebar accents are shared by functional groups, not individual entries. */
.dashboard-nav .nav-section-primary { --nav-accent: var(--accent); }
.dashboard-nav .nav-section-settings { --nav-accent: #818cf8; }
.dashboard-nav .nav-section-community { --nav-accent: #f3b75f; }
.dashboard-nav .nav-section-security { --nav-accent: var(--accent); }
.nav-section-primary .nav-item,
.nav-section-settings .nav-item,
.nav-section-community .nav-item,
.nav-section-security .nav-item { --nav-accent: inherit; }
.nav-section-primary .nav-section-label,
.nav-section-settings .nav-section-label,
.nav-section-community .nav-section-label,
.nav-section-security .nav-section-label { color: color-mix(in srgb,var(--nav-accent) 58%,#667489); }
.nav-section-primary .nav-section-label::after,
.nav-section-settings .nav-section-label::after,
.nav-section-community .nav-section-label::after,
.nav-section-security .nav-section-label::after {
  height: 1px;
  flex: 1 1 auto;
  margin-left: 4px;
  background: linear-gradient(90deg,color-mix(in srgb,var(--nav-accent) 25%,transparent),transparent);
  content: "";
}

.view[data-view="overview"],
.view[data-view="subscription"],
.view[data-view="analytics"],
.view[data-view="reports"],
.view[data-view="members"],
.view[data-view="music"] { --view-accent: var(--accent); }
.view[data-view="general"],
.view[data-view="team-access"],
.view[data-view="commands"],
.view[data-view="automations"],
.view[data-view="integrations"],
.view[data-view="logs"],
.view[data-view="counters"] { --view-accent: #818cf8; }

/* Dedicated server subscription workspace. */
.subscription-nav-item > i:first-child { color: var(--accent-hover); }
.subscription-heading .state-badge.plan-plus-badge { border-color: rgba(var(--accent-rgb),.3); color: var(--accent-hover); background: rgba(var(--accent-rgb),.09); }
.subscription-summary {
  min-height: 128px;
  display: grid;
  grid-template-columns: 52px minmax(0,1fr) minmax(220px,auto);
  align-items: center;
  gap: 17px;
  padding: 20px;
  border: 1px solid rgba(159,178,207,.13);
  border-left: 2px solid var(--accent);
  border-radius: 7px;
  background: #0c1521;
}
.subscription-summary.is-plus { border-left-color: var(--accent); background: #0c1721; }
.subscription-summary-icon {
  width: 52px;
  height: 52px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(var(--accent-rgb),.24);
  border-radius: 7px;
  background: rgba(var(--accent-rgb),.08);
  color: var(--accent-hover);
  font-size: 17px;
}
.subscription-summary.is-plus .subscription-summary-icon { border-color: rgba(var(--accent-rgb),.3); background: rgba(var(--accent-rgb),.1); color: var(--accent-hover); }
.subscription-summary-copy { min-width: 0; }
.subscription-summary-copy small { color: #6f7f94; font-size: 8px; font-weight: 700; text-transform: uppercase; }
.subscription-summary-copy h2 { margin: 5px 0 4px; font-size: 20px; }
.subscription-summary-copy p { max-width: 680px; margin: 0; color: #8c9aaf; font-size: 10px; line-height: 1.55; }
.subscription-summary-action { min-width: 220px; display: grid; justify-items: stretch; gap: 7px; }
.subscription-summary-action .button { width: 100%; justify-content: center; }
.subscription-summary-action small { max-width: 260px; color: #67768b; font-size: 8px; line-height: 1.45; text-align: center; }
.subscription-facts {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  margin-top: 12px;
  overflow: hidden;
  border: 1px solid rgba(159,178,207,.1);
  border-radius: 7px;
  background: #0a121d;
}
.subscription-facts > div { min-width: 0; display: grid; gap: 6px; padding: 13px 16px; }
.subscription-facts > div + div { border-left: 1px solid rgba(159,178,207,.08); }
.subscription-facts span { display: flex; align-items: center; gap: 7px; color: #718096; font-size: 8px; }
.subscription-facts span i { width: 12px; color: var(--accent-hover); text-align: center; }
.subscription-facts strong { overflow: hidden; color: #dbe6f2; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.subscription-plan-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; margin-top: 18px; }
.subscription-plan {
  min-width: 0;
  display: flex;
  flex-direction: column;
  padding: 18px;
  border: 1px solid rgba(159,178,207,.11);
  border-radius: 7px;
  background: #0b131e;
}
.subscription-plan-plus { border-color: rgba(var(--accent-rgb),.2); background: #0b1620; }
.subscription-plan header { display: grid; grid-template-columns: 39px minmax(0,1fr) auto; align-items: center; gap: 11px; }
.subscription-plan-icon { width: 39px; height: 39px; display: grid; place-items: center; border: 1px solid rgba(96,165,250,.19); border-radius: 6px; background: rgba(96,165,250,.07); color: #7db8f7; font-size: 12px; }
.subscription-plan-plus .subscription-plan-icon { border-color: rgba(var(--accent-rgb),.25); background: rgba(var(--accent-rgb),.08); color: var(--accent-hover); }
.subscription-plan header small { display: block; color: #64748b; font-size: 7px; font-weight: 700; text-transform: uppercase; }
.subscription-plan header h2 { margin: 3px 0 0; font-size: 14px; }
.subscription-plan-badge { min-width: 60px; padding: 5px 7px; border: 1px solid rgba(117,135,160,.16); border-radius: 4px; color: #7b899d; font-size: 7px; font-weight: 700; text-align: center; text-transform: uppercase; }
.subscription-plan-badge.current { border-color: rgba(61,220,151,.25); background: rgba(61,220,151,.075); color: #78e7b3; }
.subscription-plan > p { margin: 15px 0 14px; color: #7f8da2; font-size: 9px; line-height: 1.55; }
.subscription-plan ul { display: grid; gap: 10px; margin: 0 0 17px; padding: 0; list-style: none; }
.subscription-plan li { display: grid; grid-template-columns: 17px minmax(0,1fr); align-items: start; gap: 7px; color: #bac6d5; font-size: 9px; line-height: 1.45; }
.subscription-plan li i { margin-top: 2px; color: #60a5fa; font-size: 8px; text-align: center; }
.subscription-plan-plus li i { color: var(--accent-hover); }
.subscription-open-feature { align-self: flex-start; margin-top: auto; }
.subscription-note { margin-top: 14px; }
@media (max-width: 820px) {
  .subscription-summary { grid-template-columns: 46px minmax(0,1fr); }
  .subscription-summary-action { min-width: 0; grid-column: 1 / -1; justify-items: start; }
  .subscription-summary-action .button { width: auto; }
  .subscription-summary-action small { max-width: none; text-align: left; }
}
@media (max-width: 620px) {
  .subscription-facts,
  .subscription-plan-grid { grid-template-columns: 1fr; }
  .subscription-facts > div + div { border-top: 1px solid rgba(159,178,207,.08); border-left: 0; }
  .subscription-summary { padding: 15px; }
  .subscription-plan { padding: 15px; }
}
.view[data-view="welcome"],
.view[data-view="autorole"],
.view[data-view="farewell"],
.view[data-view="tickets"],
.view[data-view="partnerships"],
.view[data-view="suggestions"],
.view[data-view="voice"] { --view-accent: #f3b75f; }
.view[data-view="health"],
.view[data-view="permissions"],
.view[data-view="automod"],
.view[data-view="antiraid"],
.view[data-view="warnings"],
.view[data-view="audit"],
.view[data-view="cases"],
.view[data-view="privacy-center"] { --view-accent: var(--accent); }

/* Keep developer navigation in its established cyan treatment. */
.developer-nav-group .nav-item { --nav-accent: var(--accent); }
.view[data-view="developer"] { --view-accent: var(--accent); }
.developer-subnav .developer-subnav-item { --item-accent: var(--accent); }

/* Compact topbar controls share dimensions and the same light pass. */
.topbar-actions .icon-button,
.topbar-actions .language-button {
  position: relative;
  isolation: isolate;
  height: 38px;
  min-height: 38px;
  overflow: hidden;
}
.topbar-actions .icon-button { width: 38px; min-width: 38px; }
.topbar-actions .language-button { width: 58px; min-width: 58px; padding: 0 9px; }
.topbar-actions .icon-button::after,
.topbar-actions .language-button::after {
  position: absolute;
  z-index: 0;
  inset: -35% -65%;
  background: linear-gradient(108deg,transparent 43%,rgba(255,255,255,.13) 50%,transparent 57%);
  content: "";
  pointer-events: none;
  transform: translateX(-66%);
  transition: transform .58s cubic-bezier(.2,.72,.25,1);
}
.topbar-actions .icon-button > *,
.topbar-actions .language-button > * { position: relative; z-index: 1; }
.topbar-actions .icon-button:hover::after,
.topbar-actions .language-button:hover::after { transform: translateX(66%); }
.topbar-actions .icon-button:hover,
.topbar-actions .language-button:hover {
  border-color: rgba(96,165,250,.3);
  background: #132131;
  box-shadow: 0 7px 17px rgba(2,6,15,.23), 0 0 14px rgba(var(--accent-rgb),.07), inset 0 1px 0 rgba(255,255,255,.055);
}

.configuration-surface,
.overview-side-panel,
.stat-card,
.analytics-stat {
  box-shadow: 0 12px 28px rgba(0,0,0,.11), inset 0 1px 0 rgba(255,255,255,.018);
}

@media (prefers-reduced-motion: reduce) {
  .topbar-actions .icon-button::after,
  .topbar-actions .language-button::after { transition: none; }
}

@media (max-width: 480px) {
  .topbar-actions .icon-button,
  .topbar-actions .language-button {
    width: 36px;
    min-width: 36px;
    height: 36px;
    min-height: 36px;
    padding-inline: 8px;
  }
}

/* Compact language controls use the current language flag without a text label. */
.dashboard-language-flag {
  width: 22px;
  height: 16px;
  display: block;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 3px;
  object-fit: cover;
  box-shadow: 0 2px 6px rgba(0,0,0,.2);
}
.topbar-actions .language-button,
.topbar-actions .language-button.topbar-action-language {
  width: 38px;
  min-width: 38px;
  padding: 0;
}
.login-language-button {
  width: 42px;
  min-width: 42px;
  padding: 0;
}
@media (max-width: 480px) {
  .topbar-actions .language-button,
  .topbar-actions .language-button.topbar-action-language {
    width: 36px;
    min-width: 36px;
    padding: 0;
  }
  .login-language-button { width: 40px; min-width: 40px; padding: 0; }
}

/* Per-server OmniTrix Plus dashboard appearance. */
body {
  --dashboard-user-accent: var(--accent);
  --dashboard-user-accent-rgb: var(--accent-rgb);
}
body[data-dashboard-accent="blue"] { --dashboard-user-accent: #60a5fa; --dashboard-user-accent-rgb: 96,165,250; }
body[data-dashboard-accent="violet"] { --dashboard-user-accent: #a78bfa; --dashboard-user-accent-rgb: 167,139,250; }
body[data-dashboard-accent="amber"] { --dashboard-user-accent: #f4bd62; --dashboard-user-accent-rgb: 244,189,98; }
body[data-dashboard-accent="rose"] { --dashboard-user-accent: #f27da8; --dashboard-user-accent-rgb: 242,125,168; }
.workspace {
  --cyan: var(--dashboard-user-accent);
  --primary: color-mix(in srgb,var(--dashboard-user-accent) 64%,#5865f2);
  --primary-hover: color-mix(in srgb,var(--dashboard-user-accent) 76%,white);
  --border-strong: rgba(var(--dashboard-user-accent-rgb),.34);
  --border-color: rgba(var(--dashboard-user-accent-rgb),.13);
  --panel-divider: rgba(var(--dashboard-user-accent-rgb),.085);
  --panel-surface-control: color-mix(in srgb,var(--dashboard-user-accent) 4%,#111c2a);
  --focus-ring: 0 0 0 3px rgba(var(--dashboard-user-accent-rgb),.11);
}
.sidebar {
  --cyan: var(--accent);
  --primary: #5865f2;
  --primary-hover: #6874f5;
  --border-strong: rgba(142,160,255,.3);
  --focus-ring: 0 0 0 3px rgba(var(--accent-rgb),.1);
}
body[data-dashboard-sidebar="compact"] { --sidebar-width: 226px; }
body[data-dashboard-background="visible"] .workspace-scroll { background-image: linear-gradient(rgba(var(--dashboard-user-accent-rgb),.034) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--dashboard-user-accent-rgb),.034) 1px,transparent 1px); }
body[data-dashboard-background="subtle"] .workspace-scroll { background-image: linear-gradient(rgba(var(--dashboard-user-accent-rgb),.016) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--dashboard-user-accent-rgb),.016) 1px,transparent 1px); }
body[data-dashboard-background="off"] .workspace-scroll { background-image: none; }
body[data-dashboard-density="compact"] .view-stack { padding-top: 24px; }
body[data-dashboard-density="compact"] .view-heading { min-height: 60px; margin-bottom: 17px; padding-bottom: 14px; }
body[data-dashboard-density="compact"] .setting-row { min-height: 62px; padding-block: 10px; }
body[data-dashboard-density="compact"] .configuration-surface { padding-bottom: 14px; }
body[data-dashboard-density="compact"] .section-heading { min-height: 58px; padding-block: 15px 10px; }
body[data-dashboard-density="compact"] .nav-item { height: 37px; }
body[data-dashboard-density="compact"] .control-item,
body[data-dashboard-density="compact"] .automation-rule { min-height: 58px; padding-block: 9px; }
body[data-dashboard-density="compact"] .form-grid { gap: 9px; }
body[data-dashboard-motion="calm"] .view.active { animation-duration: .38s; }
body[data-dashboard-motion="calm"] .nav-icon-activated::before { animation-duration: 1s !important; }

/* OmniTrix Plus custom bot */
.custom-bot-heading { align-items: center; }
.custom-bot-identity { display: grid; grid-template-columns: 58px minmax(0,1fr) auto; align-items: center; gap: 16px; margin-bottom: 14px; padding: 15px 17px; border: 1px solid rgba(125,139,162,.16); border-radius: 7px; background: #0a131f; }
.custom-bot-avatar { width: 58px; height: 58px; display: grid; place-items: center; overflow: hidden; border: 1px solid rgba(93,171,255,.28); border-radius: 50%; background: #101c2a center/cover no-repeat; color: #7db7ff; font-size: 20px; }
.custom-bot-avatar.has-image i { display: none; }
.custom-bot-identity-copy { min-width: 0; display: grid; gap: 3px; }
.custom-bot-identity-copy small { color: #78869a; font-size: 8px; font-weight: 700; text-transform: uppercase; }
.custom-bot-identity-copy h2 { overflow: hidden; margin: 0; color: #f3f6fb; font-size: 15px; text-overflow: ellipsis; white-space: nowrap; }
.custom-bot-identity-copy p { margin: 0; color: #91a0b4; font-size: 9px; line-height: 1.5; }
.custom-bot-identity-actions { display: flex; align-items: center; gap: 8px; }
.custom-bot-layout { display: grid; grid-template-columns: minmax(0,1.55fr) minmax(280px,.75fr); align-items: start; gap: 14px; }
.custom-bot-form { padding: 18px; }
.custom-bot-secure { display: inline-flex; align-items: center; gap: 7px; padding: 6px 8px; border: 1px solid rgba(61,220,151,.2); border-radius: 4px; background: rgba(61,220,151,.055); color: #73dfa9; font-size: 8px; font-weight: 700; }
.custom-bot-token-row { padding: 15px 0 3px; border-top: 1px solid rgba(159,178,207,.09); }
.custom-bot-token-row > label { display: grid; gap: 7px; color: #edf2f8; font-size: 10px; font-weight: 600; }
.custom-bot-token-row small { color: #8492a5; font-size: 8px; font-weight: 400; }
.custom-bot-form :is(input[type="text"],input[type="password"],input[type="url"],select,textarea) { border-color: rgba(191,207,228,.13); background: #111c2a; color: #e9eef5; }
.custom-bot-form :is(input[type="text"],input[type="password"],input[type="url"],select,textarea):hover:not(:disabled) { border-color: rgba(191,207,228,.24); background: #132031; }
.custom-bot-form :is(input[type="text"],input[type="password"],input[type="url"],select,textarea):focus { border-color: rgba(var(--accent-rgb),.7); background: #132031; box-shadow: var(--focus-ring); }
.password-field { min-height: 43px; display: grid; grid-template-columns: minmax(0,1fr) 42px; overflow: hidden; border: 1px solid rgba(191,207,228,.13); border-radius: 6px; background: #111c2a; transition: border-color .15s ease,background-color .15s ease,box-shadow .15s ease; }
.password-field:hover { border-color: rgba(191,207,228,.24); background: #132031; }
.password-field:focus-within { border-color: rgba(var(--accent-rgb),.7); background: #132031; box-shadow: var(--focus-ring); }
.password-field input[type="password"],.password-field input[type="text"] { width: 100%; min-width: 0; height: 41px; min-height: 41px; padding: 0 13px; border: 0; border-radius: 0; outline: 0; background: transparent; box-shadow: none; }
.password-field input[type="password"]:hover,.password-field input[type="password"]:focus,.password-field input[type="text"]:hover,.password-field input[type="text"]:focus { border: 0; background: transparent; box-shadow: none; }
.password-field button { width: 42px; height: 41px; display: grid; place-items: center; align-self: center; padding: 0; border: 0; border-left: 1px solid rgba(191,207,228,.1); border-radius: 0; background: rgba(255,255,255,.018); color: #8290a4; cursor: pointer; transition: background-color .15s ease,color .15s ease; }
.password-field button:hover { background: rgba(125,139,162,.1); color: #dfe7f2; }
.password-field button:focus-visible { outline: 2px solid rgba(var(--accent-rgb),.62); outline-offset: -3px; }
.custom-bot-profile-grid { align-items: start; padding-top: 15px; }
.custom-bot-profile-grid > label { grid-template-rows: auto 42px minmax(25px,auto); align-content: start; }
.custom-bot-profile-grid > label:has(textarea) { grid-template-rows: auto auto minmax(18px,auto); }
.custom-bot-profile-grid textarea { min-height: 82px; resize: vertical; }
.custom-bot-form input:-webkit-autofill,
.custom-bot-form input:-webkit-autofill:hover,
.custom-bot-form input:-webkit-autofill:focus {
  -webkit-text-fill-color: #edf2f8 !important;
  caret-color: #edf2f8;
  box-shadow: 0 0 0 1000px #122333 inset !important;
  transition: background-color 9999s ease-out 0s;
}
.custom-bot-scope-note { margin-top: 16px; }
.custom-bot-form-actions { padding-top: 14px; border-top: 1px solid rgba(159,178,207,.09); }
.custom-bot-setup { padding: 18px; border: 1px solid rgba(125,139,162,.16); border-radius: 7px; background: #09121d; }
.custom-bot-steps { display: grid; gap: 0; margin: 12px 0 16px; padding: 0; list-style: none; }
.custom-bot-steps li { min-width: 0; display: grid; grid-template-columns: 28px minmax(0,1fr) 20px; align-items: center; gap: 10px; padding: 12px 0; border-bottom: 1px solid rgba(159,178,207,.08); }
.custom-bot-steps li > span { width: 25px; height: 25px; display: grid; place-items: center; border: 1px solid rgba(93,171,255,.25); border-radius: 50%; background: rgba(93,171,255,.07); color: #86bdff; font-size: 8px; font-weight: 800; }
.custom-bot-steps li > div { min-width: 0; display: grid; gap: 3px; }
.custom-bot-steps strong { color: #dfe7f2; font-size: 9px; }
.custom-bot-steps small { color: #7f8da1; font-size: 7px; line-height: 1.45; }
.custom-bot-steps li > i,.custom-bot-steps li > a { justify-self: center; color: #627188; font-size: 9px; }
.custom-bot-steps li > a:hover { color: #8cc4ff; }
.custom-bot-runtime { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); border: 1px solid rgba(159,178,207,.1); border-radius: 6px; background: #0d1723; }
.custom-bot-runtime > div { min-width: 0; display: grid; gap: 5px; padding: 10px; border-right: 1px solid rgba(159,178,207,.08); }
.custom-bot-runtime > div:last-child { border-right: 0; }
.custom-bot-runtime span { color: #728096; font-size: 7px; }
.custom-bot-runtime strong { overflow: hidden; color: #dce5f1; font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
.custom-bot-danger { display: flex; justify-content: flex-end; gap: 8px; margin-top: 14px; padding-top: 14px; border-top: 1px solid rgba(237,66,69,.12); }
.view.is-plus-preview .custom-bot-identity,.view.is-plus-preview .custom-bot-layout { opacity: .74; }
@media (max-width: 1050px) { .custom-bot-layout { grid-template-columns: 1fr; } }
@media (max-width: 700px) {
  .custom-bot-identity { grid-template-columns: 50px minmax(0,1fr); }
  .custom-bot-avatar { width: 50px; height: 50px; }
  .custom-bot-identity-actions { grid-column: 1 / -1; align-items: stretch; flex-direction: column; }
  .custom-bot-identity-actions .button { justify-content: center; }
  .custom-bot-runtime { grid-template-columns: 1fr; }
  .custom-bot-runtime > div { border-right: 0; border-bottom: 1px solid rgba(159,178,207,.08); }
  .custom-bot-runtime > div:last-child { border-bottom: 0; }
  .custom-bot-danger { align-items: stretch; flex-direction: column; }
}

/* Sidebar motion stays click-only; administrator tools intentionally remain static. */
#developer-nav > i:first-child,
.developer-subnav-item > i:first-child,
#developer-nav > i:first-child::before,
.developer-subnav-item > i:first-child::before,
#developer-nav > i:first-child::after,
.developer-subnav-item > i:first-child::after { animation: none !important; transform: none !important; filter: none !important; }
.nav-item > i:first-child.nav-icon-activated::before {
  --nav-motion-duration: .84s;
  transform-origin: 50% 55%;
  backface-visibility: hidden;
}
.nav-icon-activated.nav-motion-custom-bot::before { animation-name: nav-icon-custom-bot !important; }
.nav-item > i:first-child.nav-motion-custom-bot.nav-icon-activated::after {
  position: absolute;
  top: 45%;
  left: 42%;
  width: 2px;
  height: 2px;
  display: block;
  border-radius: 50%;
  background: currentColor;
  box-shadow: 5px 0 currentColor;
  content: "";
  pointer-events: none;
  animation: nav-icon-custom-bot-eyes .84s steps(1,end) both;
}
@keyframes nav-icon-custom-bot {
  0% { transform: translate3d(0,4px,0) scale(.72); opacity: .2; filter: brightness(.8); }
  24% { transform: translate3d(0,-2px,0) scale(1.12); opacity: 1; filter: brightness(1.45); }
  43% { transform: translate3d(-2px,0,0) rotate(-7deg) scale(1.03); }
  61% { transform: translate3d(2px,0,0) rotate(6deg) scale(1.06); filter: brightness(1.2); }
  79% { transform: translate3d(-1px,-1px,0) rotate(-2deg); }
  100% { transform: none; opacity: 1; filter: none; }
}
@keyframes nav-icon-custom-bot-eyes {
  0%,24% { opacity: 0; transform: scaleX(.2); }
  25%,47% { opacity: .95; transform: scaleX(1); }
  48%,57% { opacity: .25; transform: scaleY(.12); }
  58%,82% { opacity: .95; transform: scale(1); }
  83%,100% { opacity: 0; transform: scale(.5); }
}

/* Small semantic details make neighboring sidebar actions read differently. */
.nav-motion-reports.nav-icon-activated::after,
.nav-motion-members.nav-icon-activated::after,
.nav-motion-music.nav-icon-activated::after,
.nav-motion-general.nav-icon-activated::after,
.nav-motion-customization.nav-icon-activated::after,
.nav-motion-team-access.nav-icon-activated::after,
.nav-motion-commands.nav-icon-activated::after,
.nav-motion-integrations.nav-icon-activated::after,
.nav-motion-public-page.nav-icon-activated::after,
.nav-motion-logs.nav-icon-activated::after,
.nav-motion-voice.nav-icon-activated::after,
.nav-motion-audit.nav-icon-activated::after {
  position: absolute;
  display: block;
  content: "";
  pointer-events: none;
}
.nav-motion-reports.nav-icon-activated::after { right: 5px; bottom: 6px; width: 5px; height: 3px; border: solid currentColor; border-width: 0 0 1px 1px; transform: rotate(-45deg); animation: nav-detail-check .84s ease-out both; }
.nav-motion-members.nav-icon-activated::after { top: 7px; left: 7px; width: 3px; height: 3px; border-radius: 50%; background: currentColor; box-shadow: 10px 0 currentColor; animation: nav-detail-people .84s cubic-bezier(.2,.75,.25,1) both; }
.nav-motion-music.nav-icon-activated::after { right: 3px; top: 4px; width: 9px; height: 9px; border: 1px solid currentColor; border-left-color: transparent; border-bottom-color: transparent; border-radius: 50%; animation: nav-detail-sound .84s ease-out both; }
.nav-motion-general.nav-icon-activated::after { top: 3px; left: 50%; width: 2px; height: 2px; margin-left: -1px; border-radius: 50%; background: currentColor; transform-origin: 1px 12px; animation: nav-detail-orbit .84s linear both; }
.nav-motion-customization.nav-icon-activated::after { right: 5px; bottom: 5px; width: 3px; height: 6px; border-radius: 3px 3px 4px 4px; background: currentColor; animation: nav-detail-paint .84s cubic-bezier(.22,.72,.25,1) both; }
.nav-motion-team-access.nav-icon-activated::after { left: 50%; bottom: 4px; width: 8px; height: 1px; margin-left: -4px; background: currentColor; animation: nav-detail-access .84s ease-out both; }
.nav-motion-commands.nav-icon-activated::after { right: 5px; bottom: 7px; width: 6px; height: 1px; background: currentColor; animation: nav-detail-cursor .84s steps(1,end) both; }
.nav-motion-integrations.nav-icon-activated::after { top: 50%; left: 50%; width: 3px; height: 3px; margin: -1px 0 0 -1px; border-radius: 50%; background: currentColor; animation: nav-detail-connect .84s ease-out both; }
.nav-motion-public-page.nav-icon-activated::after { top: 7px; left: 6px; width: 15px; height: 1px; background: currentColor; animation: nav-detail-scan .84s cubic-bezier(.2,.72,.24,1) both; }
.nav-motion-logs.nav-icon-activated::after { left: 6px; top: 7px; width: 2px; height: 2px; border-radius: 50%; background: currentColor; box-shadow: 0 5px currentColor,0 10px currentColor; animation: nav-detail-list .84s ease-out both; }
.nav-motion-voice.nav-icon-activated::after { top: 6px; right: 3px; width: 8px; height: 12px; border: solid currentColor; border-width: 0 1px 0 0; border-radius: 50%; animation: nav-detail-voice .84s ease-out both; }
.nav-motion-audit.nav-icon-activated::after { top: 3px; left: 50%; width: 2px; height: 2px; margin-left: -1px; border-radius: 50%; background: currentColor; transform-origin: 1px 12px; animation: nav-detail-rewind .84s linear both; }
@keyframes nav-detail-check { 0%,44%{opacity:0;transform:translateY(3px) rotate(-45deg) scale(.3)} 65%{opacity:1;transform:translateY(-1px) rotate(-45deg) scale(1.18)} 100%{opacity:0;transform:rotate(-45deg) scale(1)} }
@keyframes nav-detail-people { 0%{opacity:0;transform:translateX(5px) scale(.4)} 40%{opacity:1;transform:translateX(0) scale(1.25)} 74%{opacity:.8;transform:translateY(5px) scale(1)} 100%{opacity:0;transform:translateY(7px)} }
@keyframes nav-detail-sound { 0%,24%{opacity:0;transform:scale(.25) rotate(-35deg)} 52%{opacity:.85;transform:scale(1.1) rotate(8deg)} 100%{opacity:0;transform:scale(1.45) rotate(16deg)} }
@keyframes nav-detail-orbit { 0%{opacity:0;transform:rotate(0)} 18%{opacity:1} 82%{opacity:.8} 100%{opacity:0;transform:rotate(360deg)} }
@keyframes nav-detail-paint { 0%,30%{opacity:0;transform:translateY(-7px) scaleY(.35)} 56%{opacity:1;transform:translateY(1px) scaleY(1.2)} 78%{opacity:.8;transform:translateY(3px) scale(.75)} 100%{opacity:0;transform:translateY(5px) scale(.4)} }
@keyframes nav-detail-access { 0%,30%{opacity:0;transform:scaleX(.1)} 58%{opacity:1;transform:scaleX(1.25)} 78%{opacity:.8;transform:translateY(-3px) scaleX(.9)} 100%{opacity:0;transform:translateY(-5px) scaleX(.5)} }
@keyframes nav-detail-cursor { 0%,24%,47%,70%,100%{opacity:0} 25%,46%,71%,88%{opacity:1} }
@keyframes nav-detail-connect { 0%{opacity:0;box-shadow:-8px 0 currentColor,8px 0 currentColor;transform:scale(.4)} 45%{opacity:1;box-shadow:-4px 0 currentColor,4px 0 currentColor;transform:scale(1.25)} 72%{opacity:.85;box-shadow:0 0 currentColor,0 0 currentColor;transform:scale(1)} 100%{opacity:0;transform:scale(1.8)} }
@keyframes nav-detail-scan { 0%{opacity:0;transform:translateY(0) scaleX(.25)} 30%{opacity:1;transform:translateY(0) scaleX(1)} 72%{opacity:.75;transform:translateY(12px) scaleX(.8)} 100%{opacity:0;transform:translateY(14px) scaleX(.4)} }
@keyframes nav-detail-list { 0%{opacity:0;transform:translateX(-4px)} 36%{opacity:1;transform:translateX(0)} 68%{opacity:.8;transform:translateX(4px)} 100%{opacity:0;transform:translateX(6px)} }
@keyframes nav-detail-voice { 0%{opacity:0;transform:scaleX(.15) translateX(-5px)} 42%{opacity:.9;transform:scaleX(1.1) translateX(0)} 72%{opacity:.65;transform:scaleX(1.45) translateX(2px)} 100%{opacity:0;transform:scaleX(1.8) translateX(4px)} }
@keyframes nav-detail-rewind { 0%{opacity:0;transform:rotate(0)} 18%{opacity:1} 82%{opacity:.8} 100%{opacity:0;transform:rotate(-360deg)} }

body[data-dashboard-accent] .view-heading::after,
body[data-dashboard-accent] .configuration-surface::before { background: var(--dashboard-user-accent); }
body[data-dashboard-accent] .topbar-title i,
body[data-dashboard-accent] .eyebrow { color: var(--dashboard-user-accent); }
body[data-dashboard-accent] .button-primary:not(.button-danger) {
  border-color: rgba(var(--dashboard-user-accent-rgb),.28);
  background: linear-gradient(135deg,color-mix(in srgb,var(--dashboard-user-accent) 62%,#5865f2),var(--dashboard-user-accent));
  box-shadow: 0 10px 25px rgba(var(--dashboard-user-accent-rgb),.14);
}
body[data-dashboard-accent] .segmented-control button.active {
  border-color: rgba(var(--dashboard-user-accent-rgb),.28);
  background: rgba(var(--dashboard-user-accent-rgb),.11);
  color: color-mix(in srgb,var(--dashboard-user-accent) 58%,white);
}
body[data-dashboard-accent] input:focus,
body[data-dashboard-accent] select:focus,
body[data-dashboard-accent] textarea:focus { border-color: rgba(var(--dashboard-user-accent-rgb),.44); box-shadow: var(--focus-ring); }
body[data-dashboard-accent] .topbar-actions .icon-button:hover,
body[data-dashboard-accent] .topbar-actions .language-button:hover { border-color: rgba(var(--dashboard-user-accent-rgb),.34); box-shadow: 0 7px 17px rgba(2,6,15,.23),0 0 14px rgba(var(--dashboard-user-accent-rgb),.1),inset 0 1px 0 rgba(255,255,255,.055); }

body[data-dashboard-accent] .workspace .view { --view-accent: var(--dashboard-user-accent); }
body[data-dashboard-accent] .workspace .configuration-surface {
  border-color: rgba(var(--dashboard-user-accent-rgb),.14);
  background: linear-gradient(145deg,rgba(var(--dashboard-user-accent-rgb),.018),transparent 38%),var(--panel-surface);
}
body[data-dashboard-accent] .workspace .configuration-surface:focus-within { border-color: rgba(var(--dashboard-user-accent-rgb),.24); }
body[data-dashboard-accent] .workspace :is(.multi-choice-item,.team-scope-option,.automation-builder .check-option):has(input:checked),
body[data-dashboard-accent] .workspace :is(.command-preset,.permission-scenario,.integration-provider-strip button,.case-view-tabs button).active {
  border-color: rgba(var(--dashboard-user-accent-rgb),.34);
  background: rgba(var(--dashboard-user-accent-rgb),.075);
  color: color-mix(in srgb,var(--dashboard-user-accent) 42%,white);
  box-shadow: inset 2px 0 var(--dashboard-user-accent);
}
body[data-dashboard-accent] .workspace .report-section-grid input:checked + span {
  border-color: rgba(var(--dashboard-user-accent-rgb),.34);
  background: rgba(var(--dashboard-user-accent-rgb),.065);
  box-shadow: inset 2px 0 var(--dashboard-user-accent);
}
body[data-dashboard-accent] .workspace .report-section-grid input:checked + span i,
body[data-dashboard-accent] .workspace .team-scope-option:has(input:checked) .team-scope-icon,
body[data-dashboard-accent] .workspace .ticket-section-heading i { color: var(--dashboard-user-accent); }

.customization-heading::after,
.view[data-view="customization"] .configuration-surface::before { background: var(--dashboard-user-accent); }
.view[data-view="customization"] .button-primary {
  border-color: rgba(var(--dashboard-user-accent-rgb),.28);
  background: linear-gradient(135deg,color-mix(in srgb,var(--dashboard-user-accent) 74%,#5865f2),var(--dashboard-user-accent));
  box-shadow: 0 10px 25px rgba(var(--dashboard-user-accent-rgb),.14);
}
#customization-form .button-primary.is-success {
  border-color: rgba(var(--dashboard-user-accent-rgb),.32);
  background: linear-gradient(135deg,color-mix(in srgb,var(--dashboard-user-accent) 62%,#5865f2),var(--dashboard-user-accent));
  color: #fff;
  box-shadow: 0 10px 25px rgba(var(--dashboard-user-accent-rgb),.16);
}
.customization-layout { display: grid; grid-template-columns: minmax(0,1.45fr) minmax(280px,.7fr); gap: 18px; align-items: start; }
.customization-controls { margin-top: 0; }
.customization-group { margin: 0; padding: 16px 0 20px; border: 0; border-bottom: 1px solid var(--panel-divider); }
.customization-group legend { margin-bottom: 11px; color: #b9c6d6; font-size: 9px; font-weight: 700; }
.accent-options { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 7px; }
.accent-option { --swatch: var(--accent); min-width: 0; cursor: pointer; }
.accent-option.accent-blue { --swatch: #60a5fa; }
.accent-option.accent-violet { --swatch: #a78bfa; }
.accent-option.accent-amber { --swatch: #f4bd62; }
.accent-option.accent-rose { --swatch: #f27da8; }
.accent-option input { position: absolute; opacity: 0; pointer-events: none; }
.accent-option > span { min-height: 54px; display: flex; align-items: center; gap: 8px; padding: 9px; border: 1px solid rgba(159,178,207,.12); border-radius: 6px; background: #0d1723; color: #8c9aaf; transition: border-color .18s ease,background-color .18s ease,color .18s ease; }
.accent-option > span > i { width: 17px; height: 17px; flex: 0 0 auto; border: 4px solid rgba(255,255,255,.1); border-radius: 50%; background: var(--swatch); box-shadow: 0 0 9px color-mix(in srgb,var(--swatch) 35%,transparent); }
.accent-option b { overflow: hidden; font-size: 8px; font-weight: 650; text-overflow: ellipsis; white-space: nowrap; }
.accent-option input:checked + span { border-color: color-mix(in srgb,var(--swatch) 45%,transparent); background: color-mix(in srgb,var(--swatch) 9%,#0d1723); color: var(--text-primary); box-shadow: inset 0 0 0 1px color-mix(in srgb,var(--swatch) 8%,transparent); }
.accent-option input:focus-visible + span { outline: 0; box-shadow: 0 0 0 3px color-mix(in srgb,var(--swatch) 13%,transparent); }
.customization-select-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; padding-top: 18px; }
.customization-select-grid label { display: grid; gap: 7px; color: #aebaca; font-size: 9px; font-weight: 600; }
.customization-preview { position: sticky; top: 14px; min-height: 294px; overflow: hidden; border: 1px solid rgba(var(--dashboard-user-accent-rgb),.2); border-radius: 7px; background: #08101a; box-shadow: 0 17px 38px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.025); }
.customization-preview-top { height: 34px; display: flex; align-items: center; gap: 5px; padding: 0 11px; border-bottom: 1px solid rgba(159,178,207,.09); background: #0d1723; }
.customization-preview-top span { width: 5px; height: 5px; border-radius: 50%; background: #45546a; }
.customization-preview-top span:first-child { background: var(--dashboard-user-accent); }
.customization-preview-body { min-height: 260px; display: grid; grid-template-columns: 70px 1fr; }
.customization-preview-body nav { display: grid; align-content: start; gap: 9px; padding: 18px 12px; border-right: 1px solid rgba(159,178,207,.08); background: #09121d; }
.customization-preview-body nav i { height: 8px; border-radius: 2px; background: #1b2a3c; }
.customization-preview-body nav i:nth-child(2) { background: color-mix(in srgb,var(--dashboard-user-accent) 25%,#1b2a3c); box-shadow: inset 2px 0 var(--dashboard-user-accent); }
.customization-preview-body main { padding: 23px 18px; background-image: linear-gradient(rgba(var(--dashboard-user-accent-rgb),.018) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--dashboard-user-accent-rgb),.018) 1px,transparent 1px); background-size: 28px 28px; }
.customization-preview-body small { display: block; color: var(--dashboard-user-accent); font-size: 7px; font-weight: 700; text-transform: uppercase; }
.customization-preview-body strong { display: block; margin-top: 6px; color: #e5edf6; font-size: 13px; }
.customization-preview-body main > div { display: grid; grid-template-columns: repeat(3,1fr); gap: 6px; margin-top: 20px; }
.customization-preview-body main > div span { height: 42px; border: 1px solid rgba(159,178,207,.1); border-radius: 4px; background: #101c2a; }
.customization-preview-body main p { height: 7px; margin: 12px 0 0; border-radius: 2px; background: #182638; }
.customization-preview-body main p:last-child { width: 67%; }
.report-export-surface { margin-top: 18px; padding-top: 0; }
.report-export-surface .section-heading { gap: 16px; }
.report-export-icon { width: 38px; height: 38px; display: grid; place-items: center; flex: 0 0 auto; border: 1px solid rgba(var(--dashboard-user-accent-rgb),.24); border-radius: 6px; background: rgba(var(--dashboard-user-accent-rgb),.075); color: var(--dashboard-user-accent); }
.report-export-actions { display: flex; align-items: center; gap: 9px; padding-top: 14px; border-top: 1px solid var(--panel-divider); }
.report-export-actions small { max-width: 430px; margin-left: auto; color: #718096; font-size: 8px; line-height: 1.5; text-align: right; }
.analytics-export { min-height: 36px; }
#team-access-count,
.team-rule-counter {
  width: auto;
  min-width: 62px;
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 11px;
  border: 1px solid rgba(var(--dashboard-user-accent-rgb),.2);
  border-radius: 5px;
  background: rgba(var(--dashboard-user-accent-rgb),.07);
  color: color-mix(in srgb,var(--dashboard-user-accent) 64%,white);
  font-size: 9px;
  font-variant-numeric: tabular-nums;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
}

.nav-icon-activated.nav-motion-customization::before { animation-name: nav-icon-customization !important; }
.nav-motion-customization { --nav-motion-duration: .86s; }
@keyframes nav-icon-customization {
  0% { opacity: .25; transform: rotate(-35deg) scale(.78); }
  34% { opacity: 1; transform: rotate(16deg) scale(1.16); }
  62% { transform: rotate(-8deg) translateY(-2px) scale(1.05); }
  82% { transform: rotate(4deg) scale(.98); }
  100% { opacity: 1; transform: none; }
}

@media (max-width: 900px) {
  .customization-layout { grid-template-columns: 1fr; }
  .customization-preview { position: static; }
}
@media (max-width: 650px) {
  .accent-options { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .customization-select-grid { grid-template-columns: 1fr; }
  .report-export-actions { align-items: stretch; flex-direction: column; }
  .report-export-actions .button { width: 100%; }
  .report-export-actions small { max-width: none; margin: 3px 0 0; text-align: left; }
  .analytics-toolbar { align-items: stretch; flex-wrap: wrap; }
  .analytics-export { order: 3; width: 100%; }
}
@media (max-width: 760px) {
  body[data-dashboard-sidebar="compact"] { --sidebar-width: 272px; }
}