.brand-image { width:34px;height:34px;object-fit:contain;border-radius:5px; }
.unread-count { display:inline-grid;place-items:center;width:16px;height:16px;border-radius:50%;background:var(--blue);color:#fff;margin-left:4px;font-size:8px; }
.panel-heading-row { display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:14px; }
.panel-heading-row .subheading { margin-bottom:0; }
.processing-controls { display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 14px;background:#f4f8fc;border:1px solid #e7edf4;margin-bottom:15px; }
.processing-controls>div { display:flex;flex-direction:column;gap:5px; }
.processing-controls strong { font-size:10px;color:#263b52; }
.processing-controls small { color:#7e8b9b;font-size:8px;line-height:1.5; }
.processing-controls button:disabled { opacity:.56;cursor:not-allowed; }
.history-hint { color:#8794a3;font-size:8px;margin-left:5px; }
.subtle-arrow { color:#9caaba;padding-inline:3px; }
.security-actions { display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap; }
.security-actions label { display:flex;flex-direction:column;gap:6px;font-size:9px;color:#627288; }
.security-actions input { border:1px solid #dfe6ee;border-radius:3px;min-height:37px;padding:8px 10px;width:150px; }
.totp-secret { display:flex;flex-direction:column;gap:8px;background:#f5f8fb;border:1px solid #e4ebf2;padding:13px;margin:14px 0; }
.totp-secret small { color:#8a97a6;font:8px var(--mono);letter-spacing:.4px; }
.totp-secret code { color:#173456;font:14px var(--mono);letter-spacing:1px;overflow-wrap:anywhere; }
.program-full { margin-top:30px; }
.system-errors { margin-top:15px; }
.demo-chip { display:inline-flex;vertical-align:middle;padding:3px 5px;border-radius:3px;background:#fff4dc;color:#9c711e;font:7px var(--mono);letter-spacing:.5px;font-style:normal; }
.config-preview { padding:14px;background:linear-gradient(115deg,#0c1e32,#132f4d);color:#fff;margin:16px 0; }
.config-preview>.eyebrow { color:#7ccfe5;font-size:8px; }
.config-preview>div { display:flex;align-items:center;gap:12px;margin-top:12px; }
.config-preview img,.preview-mark { width:42px;height:42px;object-fit:contain;border-radius:5px;background:rgba(255,255,255,.08);display:grid;place-items:center;color:#64d8ee;padding:7px; }
.config-preview strong { font-size:12px; }
.config-preview p { color:#b1c2d5;font-size:9px;margin:5px 0; }
.config-preview small,.preview-status { color:#83a0bc;font-size:8px; }
.preview-status { display:block;text-align:right;margin-top:9px; }
@media (max-width:650px) { .panel-heading-row { flex-direction:column; }.processing-controls { align-items:flex-start;flex-direction:column; }.security-actions { align-items:stretch;flex-direction:column; }.security-actions input { width:100%; }.program-full .schedule-row { grid-template-columns:36px .8fr 1.5fr; }.program-full .schedule-time { grid-column:2/4; }.program-full .schedule-day { grid-column:2; }.program-full .schedule-name { grid-column:3; }.program-full .schedule-arrow { display:none; } }

/* Dark colors for team panels */
html[data-theme="dark"] .panel-shell { background:#0d1929; }
html[data-theme="dark"] .panel-top h1,html[data-theme="dark"] .panel-card h2,html[data-theme="dark"] .stat-card strong,html[data-theme="dark"] .radio-status strong,html[data-theme="dark"] .dedication-admin-head strong { color:#e5edf7; }
html[data-theme="dark"] .panel-top p,html[data-theme="dark"] .panel-user,html[data-theme="dark"] .panel-card .subheading,html[data-theme="dark"] .stat-card span,html[data-theme="dark"] .panel-loading { color:#a2b1c4; }
html[data-theme="dark"] .panel-card,html[data-theme="dark"] .stat-card,html[data-theme="dark"] .dedication-admin-card { background:#101d2e;border-color:#293b52; }
html[data-theme="dark"] .panel-tabs { border-color:#293b52; }
html[data-theme="dark"] .panel-tabs button { color:#9aabc0; }
html[data-theme="dark"] .panel-tabs button.active { color:#69a4ff; }
html[data-theme="dark"] .button-outline { background:#142338;color:#d4e1f0;border-color:#344960; }
html[data-theme="dark"] .panel-form label,html[data-theme="dark"] .security-actions label { color:#bdcada; }
html[data-theme="dark"] .panel-form input,html[data-theme="dark"] .panel-form textarea,html[data-theme="dark"] .panel-form select,html[data-theme="dark"] .toolbar input,html[data-theme="dark"] .toolbar select,html[data-theme="dark"] .security-actions input { background:#0b1625;color:#e5edf7;border-color:#304258; }
html[data-theme="dark"] .panel-table th,html[data-theme="dark"] .panel-table td,html[data-theme="dark"] .user-row { border-color:#293b52; }
html[data-theme="dark"] .panel-table td,html[data-theme="dark"] .dedication-admin-card>p { color:#c0cede; }
html[data-theme="dark"] .dedication-admin-head small,html[data-theme="dark"] .dedication-admin-card small,html[data-theme="dark"] .user-row small { color:#91a2b7; }
html[data-theme="dark"] .processing-controls,html[data-theme="dark"] .totp-secret,html[data-theme="dark"] .radio-status,html[data-theme="dark"] .notice { background:#142338;border-color:#2b4058;color:#c5d2e1; }
html[data-theme="dark"] .processing-controls strong,html[data-theme="dark"] .totp-secret code { color:#e3edf8; }
html[data-theme="dark"] .processing-controls small,html[data-theme="dark"] .totp-secret small { color:#9daec2; }
html[data-theme="dark"] .notice-warning { background:#352c1a;color:#f0d397; }
html[data-theme="dark"] .notice-success { background:#142f2a;color:#a7e2c9; }
html[data-theme="dark"] .status-pill { background:#223247;color:#c3d0df; }
html[data-theme="dark"] .pill-pending { background:#3b321b;color:#f0d489; }
html[data-theme="dark"] .pill-approved { background:#172f49;color:#9bc9ff; }
html[data-theme="dark"] .pill-rejected,html[data-theme="dark"] .pill-cancelled { background:#3a2027;color:#ffb4bb; }
html[data-theme="dark"] .pill-played { background:#16332c;color:#9ce0c3; }
html[data-theme="dark"] .demo-chip { background:#3b321b;color:#f0d489; }
html[data-theme="dark"] .listener-stat { background:linear-gradient(145deg,#122a2b,#102322);border-color:#24504a; }
html[data-theme="dark"] .listener-stat span,html[data-theme="dark"] .listener-stat small { color:#a3cfc3; }
html[data-theme="dark"] .listener-stat strong { color:#81ddb8; }