/* Shared dashboard design. Never loaded by an OBS/browser-source renderer. */
body.admin-panel {
  --bg:#101214; --sidebar:#17191b; --panel:#1b1d20; --panel-soft:#212326;
  --surface:#1b1d20; --input:#141619; --line:#34373b; --line-soft:#2a2d31;
  --text:#e9ebed; --muted:#a6aab2; --quiet:#9096a0; --accent:#ebbb90;
  --accent-hover:#f5cda8; --accent-dark:#342a23; --radius:2px;
  --ap-bg:#101214; --ap-panel:#1b1d20; --ap-panel-raised:#222529;
  --ap-line:#34373b; --ap-muted:#a6aab2; --ap-copper:#ebbb90;
  font-size:13px;
}
body.admin-panel .main-content { width:100%; max-width:none; min-width:0; margin:0; padding:22px 24px 16px; }
body.admin-panel .page-heading { margin:0 0 20px; padding:0; gap:16px; align-items:end; }
body.admin-panel .page-heading h1 { font-size:24px; line-height:1.25; letter-spacing:-.035em; margin:0 0 6px; }
body.admin-panel .page-heading .eyebrow { margin-bottom:5px; font-size:9px; }
body.admin-panel .page-heading p { margin:0; font-size:12px; }
body.admin-panel #clock { font-size:10px; color:var(--quiet); white-space:nowrap; }
body.admin-panel .panel { border-radius:2px; padding:18px; border-color:var(--line); box-shadow:none; }
body.admin-panel .panel + .panel { margin-top:16px; }
body.admin-panel .panel-heading { margin-bottom:14px; gap:10px; }
body.admin-panel .panel-heading h2 { font-size:15px; margin:0; }
body.admin-panel .panel-heading p { margin:5px 0 0; font-size:12px; }
body.admin-panel h2 { font-size:16px; }
body.admin-panel h3 { font-size:13px; }
body.admin-panel .field { gap:6px; }
body.admin-panel label { font-size:12px; }
body.admin-panel input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),
body.admin-panel select, body.admin-panel textarea { min-height:36px; border-radius:2px; padding:7px 10px; font-size:13px; }
body.admin-panel input[type=color] { border-radius:2px; }
body.admin-panel :is(.button,.icon-button,.badge,.count-tag,code,.feature-icon,.platform-emblem,.notice,.dialog,.login-card) { border-radius:2px; }
body.admin-panel .button { min-height:34px; padding:7px 12px; font-size:12px; gap:7px; }
body.admin-panel .button.secondary { background:#25282c; border-color:#3b3f45; }
body.admin-panel .toggle, body.admin-panel .toggle::after { border-radius:2px; }
body.admin-panel .icon-button { width:32px; height:32px; }
body.admin-panel .help-text, body.admin-panel .form-footer p { font-size:11px; }
body.admin-panel .form-grid { gap:14px 16px; }
body.admin-panel .form-footer { margin-top:18px; padding-top:14px; border-color:var(--line-soft); }
body.admin-panel .dialog { border:1px solid #484a50; background:#1b1d20; box-shadow:0 24px 90px #0008; max-height:calc(100dvh - 32px); overflow:auto; padding:22px; }
body.admin-panel dialog::backdrop { background:#080a0dc9; }
body.admin-panel .dialog-actions { gap:8px; }
body.admin-panel .login-card { border-top:3px solid var(--accent); }
body.admin-panel .login-card .wordmark { font-size:22px; }
body.admin-panel .login-card h1 { font-size:23px; }
body.admin-panel .page-tabs { gap:0; margin-bottom:16px; border-bottom:1px solid var(--line); }
body.admin-panel .page-tabs a { padding:10px 14px; font-size:12px; border-bottom-width:2px; }
body.admin-panel .page-tabs a.active { background:#ebbb9007; }
body.admin-panel details > summary { font-size:12px; }
body.admin-panel .notice { font-size:12px; padding:12px 14px; }
body.admin-panel .inventory-list { border-top:1px solid var(--line-soft); }
body.admin-panel .inventory-item { padding:10px 0; }
body.admin-panel .stat-grid { gap:12px; margin-bottom:16px; }
body.admin-panel .stat-card { padding:16px 18px; border-radius:2px; }
body.admin-panel .stat-value { margin-top:14px; font-size:24px; }
body.admin-panel .stat-bottom { margin-top:14px; padding-top:10px; }
body.admin-panel .dashboard-grid { gap:16px; }
body.admin-panel footer { margin-top:24px; padding-top:14px; font-size:10px; }
body.admin-panel .upload-zone { border-radius:2px; background:#ebbb9006; padding:18px; }
body.admin-panel .platform-banner { background:var(--panel); }
body.admin-panel .toast { border-radius:2px; }
body.admin-panel .layout-editor { max-width:100%; }
@container (max-width:1100px) {
  body.admin-panel .layout-editor { grid-template-columns:minmax(0,1fr) 270px; }
}
@container (max-width:700px) {
  body.admin-panel .layout-editor { grid-template-columns:minmax(0,1fr); }
  body.admin-panel .layout-viewport { min-height:220px; }
}
body.admin-panel .layout-stage-wrap { border-radius:2px; }
body.admin-panel :is(.web-studio-canvas-tools,.web-studio-property-tabs,.web-studio-property-tabs button,.web-studio-mixer-row,.web-studio-stream-key) { border-radius:2px; }
body.admin-panel :is(.layout-toolbar,.layout-addbar,.layout-card-more summary,.layout-box-types,.layout-shortcut-row,.layout-help-dialog) { border-radius:2px; }
body.admin-panel .route-page { animation:none; }
body.admin-panel .soundboard-pad { border-radius:2px; }
body.admin-panel .music-now-playing { border-radius:2px; }
body.admin-panel .management-quicklinks { margin:0 0 14px; }
body.admin-panel .ui-task-tabs { border-radius:2px; padding:3px; gap:3px; }
body.admin-panel .ui-task-tab { border-radius:2px; min-height:32px; font-size:12px; }
/* A full-width workspace does not require full-width actions or search fields. */
body.admin-panel #pageTitle[tabindex="-1"]:focus { outline:none; }
body.admin-panel :is(.collection-toolbar,.inventory-tools) { align-items:end; }
body.admin-panel .collection-toolbar > input[type=search] { flex:0 1 420px; width:100%; }
body.admin-panel .collection-toolbar > select { flex:0 1 220px; }
body.admin-panel .inventory-tools > input { max-width:480px; }
body.admin-panel :is(.form-footer,.save-row,.dialog-actions,.management-quicklinks,.onboarding-actions) > .button { flex:none; width:auto; max-width:100%; }
body.admin-panel :is(.form-grid,.settings-fields,.overlay-fields,.onboarding-form) :is(input,select,textarea) { box-sizing:border-box; }
body.admin-panel .onboarding-form > .button { width:auto; justify-self:start; }
body.admin-panel :is(.two-columns,.account-layout,.moderation-layout,.playlist-layout,.overview-columns,.dashboard-grid) > .panel + .panel { margin-top:0; }
body.admin-panel :is(.panel-heading,.dialog-actions,.collection-actions) > .button { flex-shrink:0; }
body.admin-panel :is(.collection-copy,.panel-heading > div,.form-footer > p) { overflow-wrap:anywhere; }
body.admin-panel .form-footer > p { max-width:80ch; }
body.admin-panel .form-dialog > form.panel > .panel-heading h2 { display:none; }
body.admin-panel .form-dialog > form.panel > .panel-heading p { margin:0; }
body.admin-panel dialog, body.admin-panel .task-tab { border-radius:2px; }
body.admin-panel .button:focus-visible, body.admin-panel summary:focus-visible { outline:2px solid var(--accent); outline-offset:3px; }
body.admin-panel .icon-button { width:36px; height:36px; flex:none; }
@media (max-width:600px) {
  body.admin-panel .collection-toolbar > input[type=search],
  body.admin-panel .collection-toolbar > select { flex:1 1 100%; }
  body.admin-panel .dialog-actions > .button { flex:1 1 auto; }
  body.admin-panel .form-footer { align-items:start; }
  body.admin-panel .form-footer > p { flex-basis:100%; margin:0; }
}
@media (min-width:2200px) { body.admin-panel .main-content { padding:26px 30px 20px; } }
@media (max-width:1100px) { body.admin-panel .main-content { padding:18px; } }
@media (max-width:780px) { body.admin-panel .main-content { padding:16px 12px; } body.admin-panel .page-heading h1 { font-size:22px; } body.admin-panel #clock { display:none; } body.admin-panel .panel { padding:14px; } body.admin-panel .form-footer { flex-wrap:wrap; } }