/* themeV3 (2026-10-16) - المرحلة 3: التصميم الاحترافي. ينحمّل بس لما يكون themeV3 شغال (Extras/themeV3.js يحقنه بعد theme-v2.css
   ويحط data-theme-v3 على <html>). كل القواعد تحت [data-theme-v3] - العلم مطفّي = ولا قاعدة هنا تأثر.
   الهوية: أحمر #5D0505 / #8F1010 (اللون الوحيد للتمييز)، فضي #C9CCD1 / #EEF0F2 للأيقونات والنصوص، خلفية شبه سوداء. الداكن افتراضي.
   الخط: IBM Plex Sans Arabic، و Tajawal احتياط. */
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&display=swap');

/* ============ الألوان: داكن (الافتراضي) ============ */
:root[data-theme-v3] {
    --bg: #0C0909; --surface: #151011; --surface-2: #1C1617; --surface-3: #241C1D;
    --border-subtle: #2A2122; --border-strong: #4A3D3E;
    --text: #EEF0F2; --text-muted: #A7A2A3; --text-heading: #FFFFFF;
    --primary: #8F1010; --primary-hover: #A31616; --primary-strong: #5D0505; --primary-soft: rgba(143, 16, 16, .18);
    --primary-text: #E7A3A0; --on-primary: #FFFFFF; --focus-ring: #C9CCD1;
    --icon: #C9CCD1; --icon-active: #E7A3A0;
    --success-fg: #7FCF9E; --danger-fg: #F08B84; --warning-fg: #E8C27A;
    --v3-radius: 14px;
    --v3-font: 'IBM Plex Sans Arabic', 'Tajawal', system-ui, -apple-system, 'Segoe UI', sans-serif;
    --bg-body: var(--bg); --card-inner: var(--surface-2); --border-ui: var(--border-subtle);
}
/* ============ الألوان: فاتح ============ */
:root[data-theme-v3][data-theme="light"] {
    --bg: #F4F4F5; --surface: #FFFFFF; --surface-2: #F7F7F8; --surface-3: #EEF0F2;
    --border-subtle: #E3E4E7; --border-strong: #B9BCC2;
    --text: #1B1516; --text-muted: #5E5859; --text-heading: #120D0E;
    --primary-soft: rgba(143, 16, 16, .08); --primary-text: #8F1010; --focus-ring: #8F1010;
    --icon: #6B6567; --icon-active: #8F1010;   /* الأيقونات بالفاتح: رمادي غامق بدل الفضي (الفضي باهت على الأبيض) */
    --success-fg: #1C7A44; --danger-fg: #A3201A; --warning-fg: #8A5300;
}

/* ============ الأساس ============ */
[data-theme-v3] body { font-family: var(--v3-font) !important; background: var(--bg) !important; color: var(--text) !important; font-size: 15px; line-height: 1.65; }
[data-theme-v3] h1, [data-theme-v3] h2, [data-theme-v3] h3, [data-theme-v3] h4, [data-theme-v3] h5, [data-theme-v3] h6,
[data-theme-v3] .btn, [data-theme-v3] .form-control, [data-theme-v3] .form-select, [data-theme-v3] .nav-link,
[data-theme-v3] input, [data-theme-v3] select, [data-theme-v3] textarea, [data-theme-v3] button { font-family: var(--v3-font) !important; }
[data-theme-v3] .text-white { color: var(--text-heading) !important; }
[data-theme-v3] .text-secondary, [data-theme-v3] .form-text, [data-theme-v3] .text-muted { color: var(--text-muted) !important; }
[data-theme-v3] code { color: var(--primary-text); background: var(--surface-3); padding: 1px 6px; border-radius: 6px; font-size: .9em; }
[data-theme-v3] :focus-visible { outline: 2px solid var(--focus-ring) !important; outline-offset: 2px; }
[data-theme-v3] hr { border-color: var(--border-subtle); opacity: 1; }

/* ============ الشريط العلوي: نحيف، خط أحمر تحت، مرتب بالجوال ============ */
[data-theme-v3] .navbar-main { background: var(--surface) !important; border-bottom: 1px solid var(--border-subtle) !important; padding: 12px 28px !important; position: sticky; top: 0; z-index: 1030; box-shadow: none !important; margin-bottom: 24px !important; }
[data-theme-v3] .navbar-main::after { content: ''; position: absolute; inset-inline: 0; bottom: -1px; height: 2px; background: linear-gradient(90deg, transparent, #8F1010 30%, #5D0505 70%, transparent); }
[data-theme-v3] .navbar-main h4 { font-size: 17px !important; color: var(--text-heading) !important; }
[data-theme-v3] .navbar-main .text-secondary { font-size: 12.5px; }
[data-theme-v3] .server-avatar { width: 40px !important; height: 40px !important; border-radius: 12px !important; border: 1px solid var(--border-strong); object-fit: cover; }
[data-theme-v3] .navbar-main .btn, [data-theme-v3] .theme-toggle-btn { border-radius: 10px !important; border: 1px solid var(--border-strong) !important; color: var(--text) !important; background: transparent !important; }
[data-theme-v3] .navbar-main .btn:hover, [data-theme-v3] .theme-toggle-btn:hover { background: var(--surface-3) !important; }
[data-theme-v3] .navbar-main .btn-outline-danger { color: var(--danger-fg) !important; }
[data-theme-v3] .theme-toggle-btn { width: 34px; height: 34px; display: inline-flex; align-items: center; justify-content: center; }
@media (max-width: 991.98px) {
    [data-theme-v3] .navbar-main { padding: 10px 14px !important; margin-bottom: 14px !important; flex-wrap: nowrap !important; gap: 8px; }
    [data-theme-v3] .navbar-main .text-secondary { display: none; }
    [data-theme-v3] .navbar-main h4 { font-size: 15px !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 40vw; }
    [data-theme-v3] .navbar-main > div { min-width: 0; flex-wrap: nowrap !important; }
    [data-theme-v3] .navbar-main .btn { font-size: 0 !important; padding: 7px 9px !important; }
    [data-theme-v3] .navbar-main .btn .bi { font-size: 16px !important; margin: 0 !important; }
    [data-theme-v3] .container-fluid { padding-inline: 12px !important; }
}

/* ============ القائمة الجانبية: مضغوطة، ثابتة، العنصر المفتوح = خط أحمر ============ */
[data-theme-v3] .ui-sidebar .glass-panel { background: var(--surface) !important; border: 1px solid var(--border-subtle) !important; border-radius: var(--v3-radius) !important; padding: 8px !important; }
@media (min-width: 992px) { [data-theme-v3] .ui-sidebar { position: sticky; top: 84px; max-height: calc(100vh - 100px); overflow-y: auto; } }
[data-theme-v3] .ui-sidebar.offcanvas-lg { background: var(--surface) !important; }
[data-theme-v3] .sidebar-group-title { font-size: 11.5px !important; font-weight: 600 !important; color: var(--text-muted) !important; letter-spacing: 0 !important; text-transform: none !important; padding: 14px 12px 4px !important; margin: 0 !important; opacity: .9 !important; }
[data-theme-v3] .ui-sidebar .nav-link { display: flex !important; align-items: center; gap: 10px; padding: 8px 12px !important; margin: 1px 0 !important; border-radius: 10px !important; color: var(--text) !important; font-weight: 500 !important; font-size: 14px !important; background: transparent !important; border: 0 !important; position: relative; min-height: 38px; box-shadow: none !important; }
[data-theme-v3] .ui-sidebar .nav-link .bi { color: var(--icon) !important; font-size: 16px !important; width: 18px; text-align: center; margin: 0 !important; }
[data-theme-v3] .ui-sidebar .nav-link:hover { background: var(--surface-2) !important; }
[data-theme-v3] .ui-sidebar .nav-link.active { background: var(--primary-soft) !important; color: var(--text-heading) !important; font-weight: 600 !important; }
[data-theme-v3] .ui-sidebar .nav-link.active::before { content: ''; position: absolute; inset-inline-start: 0; top: 8px; bottom: 8px; width: 3px; border-radius: 3px; background: #8F1010; }
[data-theme-v3] .ui-sidebar .nav-link.active .bi { color: var(--icon-active) !important; }
[data-theme-v3] .v3-count { margin-inline-start: auto; font-size: 11.5px; font-weight: 600; color: var(--text-muted); background: var(--surface-3); border-radius: 999px; padding: 1px 8px; font-variant-numeric: tabular-nums; }
[data-theme-v3] .v3-ext { margin-inline-start: auto; font-size: 12px !important; opacity: .7; }
[data-theme-v3] .ui-sidebar .offcanvas-header { border-bottom: 1px solid var(--border-subtle) !important; }

/* ============ البطاقات والأقسام: شكل واحد بكل مكان ============ */
[data-theme-v3] .glass-panel { background: var(--surface) !important; border: 1px solid var(--border-subtle) !important; border-radius: var(--v3-radius) !important; box-shadow: none !important; padding: 22px !important; backdrop-filter: none !important; }
[data-theme-v3] .section-header { padding-bottom: 14px !important; margin-bottom: 18px !important; border-bottom: 1px solid var(--border-subtle) !important; }
[data-theme-v3] .section-header > i.bi { width: 38px; height: 38px; display: inline-flex !important; align-items: center; justify-content: center; border-radius: 10px; background: var(--primary-soft); color: var(--icon-active) !important; font-size: 18px !important; flex: 0 0 38px; }
[data-theme-v3] .section-header h5 { font-size: 17px !important; font-weight: 700 !important; color: var(--text-heading) !important; }
[data-theme-v3] .rounded-4[style*="card-inner"], [data-theme-v3] .p-4.rounded-4, [data-theme-v3] .p-3.rounded-4, [data-theme-v3] .protection-card, [data-theme-v3] .health-stat-card { background: var(--surface-2) !important; border: 1px solid var(--border-subtle) !important; border-radius: 12px !important; box-shadow: none !important; }
/* العناوين بلون واحد (كانت أزرق/أخضر/ذهبي/برتقالي) - الأيقونة جنبها فضية */
[data-theme-v3] h5.text-info, [data-theme-v3] h6.text-info, [data-theme-v3] h5.text-success, [data-theme-v3] h6.text-success, [data-theme-v3] h5.text-warning, [data-theme-v3] h6.text-warning,
[data-theme-v3] h5.text-danger, [data-theme-v3] h6.text-danger, [data-theme-v3] h6.text-primary, [data-theme-v3] label.text-warning, [data-theme-v3] label.text-info,
[data-theme-v3] .fw-bold.text-warning, [data-theme-v3] .fw-bold.text-info, [data-theme-v3] .fw-bold.text-success { color: var(--text-heading) !important; }
[data-theme-v3] h5 > .bi, [data-theme-v3] h6 > .bi, [data-theme-v3] label > .bi, [data-theme-v3] .section-header h5 .bi { color: var(--icon) !important; }
[data-theme-v3] .form-label, [data-theme-v3] label.small, [data-theme-v3] label.form-label { color: var(--text) !important; font-weight: 600 !important; font-size: 13.5px !important; }
/* وصف الخيار (المرحلة 3): تحت كل خيار سطر قصير يوضح وش يسوي */
[data-theme-v3] .opt-desc { display: block; color: var(--text-muted) !important; font-size: 12.8px; line-height: 1.55; margin-top: 4px; font-weight: 400; }
/* الصناديق الوردية الفاضية (حاويات الرتب/الرومات المختارة) */
[data-theme-v3] [id^="tags-"]:empty, [data-theme-v3] .tags-container:empty { display: none !important; }
[data-theme-v3] [id^="tags-"] { background: transparent !important; border: 0 !important; padding: 0 !important; min-height: 0 !important; }

/* ============ الحقول ============ */
[data-theme-v3] .form-control, [data-theme-v3] .form-select { background-color: var(--bg) !important; border: 1px solid var(--border-strong) !important; border-radius: 10px !important; color: var(--text) !important; min-height: 42px; font-size: 14.5px; }
[data-theme-v3][data-theme="light"] .form-control, [data-theme-v3][data-theme="light"] .form-select { background-color: #FFFFFF !important; }
[data-theme-v3] .form-control-sm, [data-theme-v3] .form-select-sm { min-height: 34px; font-size: 13.5px; }
[data-theme-v3] .form-control:focus, [data-theme-v3] .form-select:focus { border-color: var(--focus-ring) !important; box-shadow: 0 0 0 3px rgba(201, 204, 209, .18) !important; }
[data-theme-v3] .form-control::placeholder { color: var(--text-muted) !important; opacity: .75; }
[data-theme-v3] .form-control-color { padding: 6px !important; }
[data-theme-v3] .input-group-text { background: var(--surface-3) !important; border-color: var(--border-strong) !important; color: var(--text) !important; }

/* ============ المفاتيح: أحمر الهوية لما تكون شغالة ============ */
[data-theme-v3] .form-switch .form-check-input, [data-theme-v3] :not(.form-switch) > input.form-check-input[type="checkbox"] { width: 2.6em !important; height: 1.4em !important; border-radius: 2em !important; background-color: var(--surface-3) !important; border: 1px solid var(--border-strong) !important; cursor: pointer; }
[data-theme-v3] .form-switch .form-check-input:checked, [data-theme-v3] :not(.form-switch) > input.form-check-input[type="checkbox"]:checked { background-color: #8F1010 !important; border-color: #8F1010 !important; }
[data-theme-v3] .form-check-input[type="radio"] { background-color: var(--surface-3) !important; border: 1px solid var(--border-strong) !important; }
[data-theme-v3] .form-check-input[type="radio"]:checked { background-color: #8F1010 !important; border-color: #8F1010 !important; }

/* ============ الأزرار: أحمر للأساسي، إطار فضي للثانوي ============ */
[data-theme-v3] .btn { border-radius: 10px !important; font-weight: 600 !important; }
[data-theme-v3] .btn-primary, [data-theme-v3] .btn-danger, [data-theme-v3] .btn-success { background: #8F1010 !important; border-color: #8F1010 !important; color: #FFFFFF !important; }
[data-theme-v3] .btn-primary:hover, [data-theme-v3] .btn-danger:hover, [data-theme-v3] .btn-success:hover { background: #A31616 !important; border-color: #A31616 !important; }
[data-theme-v3] [class*="btn-outline-"] { background: transparent !important; border: 1px solid var(--border-strong) !important; color: var(--text) !important; }
[data-theme-v3] [class*="btn-outline-"]:hover { border-color: var(--focus-ring) !important; background: var(--surface-3) !important; color: var(--text-heading) !important; }
[data-theme-v3] .btn-outline-danger { color: var(--danger-fg) !important; }

/* ============ الجداول والقوائم ============ */
[data-theme-v3] .table { --bs-table-bg: transparent; --bs-table-color: var(--text); --bs-table-border-color: var(--border-subtle); color: var(--text) !important; }
[data-theme-v3] .table th { color: var(--text-muted) !important; font-weight: 600; }
[data-theme-v3] .badge { font-weight: 600; border-radius: 8px; }

/* ============ شريط «تعديلات غير محفوظة» والرسائل ============ */
[data-theme-v3] .ui-unsaved-inner { background: var(--surface-3) !important; border: 1px solid var(--border-strong) !important; border-radius: 14px !important; color: var(--text) !important; }
[data-theme-v3] .ui-unsaved-text .bi { color: var(--warning-fg) !important; }
[data-theme-v3] .ui-toast { border-radius: 12px !important; font-family: var(--v3-font); }
[data-theme-v3] .ui-toast-ok { background: #1C6B3E !important; }
[data-theme-v3] .ui-toast-error { background: #8F1010 !important; }
[data-theme-v3] .ui-toast-warn { background: #8a5a00 !important; } /* 2026-10-18 */

/* ============ «الرئيسية» ============ */
[data-theme-v3] .v3-home { display: grid; gap: 16px; }
[data-theme-v3] .v3-hero { display: flex; align-items: center; gap: 16px; padding: 22px; border-radius: 16px; background: linear-gradient(135deg, #2A0606 0%, #160C0D 60%); border: 1px solid #3A2526; color: #EEF0F2; flex-wrap: wrap; }
[data-theme-v3][data-theme="light"] .v3-hero { background: linear-gradient(135deg, #5D0505 0%, #8F1010 100%); border: 0; }
[data-theme-v3] .v3-hero img { width: 64px; height: 64px; border-radius: 16px; border: 1px solid rgba(255, 255, 255, .25); }
[data-theme-v3] .v3-hero-text { min-width: 0; }
[data-theme-v3] .v3-hero h2 { font-size: 22px; margin: 0; font-weight: 700; color: #FFFFFF; }
[data-theme-v3] .v3-hero p { margin: 2px 0 0; color: #D9C9C9; font-size: 13.5px; }
[data-theme-v3] .v3-prefix { font-weight: 700; color: #FFFFFF; }
[data-theme-v3] .v3-status { display: inline-flex; align-items: center; gap: 8px; padding: 5px 12px; border-radius: 999px; font-size: 13px; font-weight: 600; margin-inline-start: auto; white-space: nowrap; }
[data-theme-v3] .v3-status::before { content: ''; width: 8px; height: 8px; border-radius: 50%; }
[data-theme-v3] .v3-status.ok { background: rgba(127, 207, 158, .14); color: #A6E6BE; }
[data-theme-v3] .v3-status.ok::before { background: #5BD08A; box-shadow: 0 0 0 4px rgba(91, 208, 138, .2); }
[data-theme-v3] .v3-status.bad { background: rgba(240, 139, 132, .16); color: #FFC4BF; }
[data-theme-v3] .v3-status.bad::before { background: #F08B84; }
[data-theme-v3] .v3-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
@media (max-width: 991.98px) { [data-theme-v3] .v3-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
[data-theme-v3] .v3-stat { background: var(--surface); border: 1px solid var(--border-subtle); border-radius: 14px; padding: 16px; min-width: 0; }
[data-theme-v3] .v3-stat .k { color: var(--text-muted); font-size: 13px; display: flex; align-items: center; gap: 6px; }
[data-theme-v3] .v3-stat .k .bi { color: var(--icon); }
[data-theme-v3] .v3-stat .v { font-size: 26px; font-weight: 700; color: var(--text-heading); margin-top: 4px; font-variant-numeric: tabular-nums; }
[data-theme-v3] .v3-stat .v .of { font-size: 15px; font-weight: 500; color: var(--text-muted); }
[data-theme-v3] .v3-stat .s { font-size: 12.5px; color: var(--text-muted); }
[data-theme-v3] .v3-cols { display: grid; grid-template-columns: 1.4fr 1fr; gap: 16px; }
@media (max-width: 991.98px) { [data-theme-v3] .v3-cols { grid-template-columns: 1fr; } }
[data-theme-v3] .v3-list { list-style: none; margin: 0; padding: 0; }
[data-theme-v3] .v3-list li { display: flex; align-items: center; gap: 12px; padding: 11px 0; border-bottom: 1px solid var(--border-subtle); font-size: 14px; }
[data-theme-v3] .v3-list li:last-child { border-bottom: 0; }
[data-theme-v3] .v3-list .ic { width: 32px; height: 32px; border-radius: 9px; display: inline-flex; align-items: center; justify-content: center; background: var(--primary-soft); color: var(--icon-active); flex: 0 0 32px; }
[data-theme-v3] .v3-list .when { margin-inline-start: auto; color: var(--text-muted); font-size: 12.5px; white-space: nowrap; }
[data-theme-v3] .v3-chips { display: flex; flex-wrap: wrap; gap: 6px; }
[data-theme-v3] .v3-chip { display: inline-flex; align-items: center; gap: 6px; padding: 6px 10px; border-radius: 10px; background: var(--surface-2); border: 1px solid var(--border-subtle); font-size: 13px; color: var(--text) !important; text-decoration: none; }
[data-theme-v3] .v3-chip.on .bi { color: #5BD08A; }
[data-theme-v3] .v3-chip.off { opacity: .65; }
[data-theme-v3] .v3-quick { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin-top: 14px; }
[data-theme-v3] .v3-quick a { display: flex; align-items: center; gap: 8px; padding: 12px; border-radius: 12px; background: var(--surface-2); border: 1px solid var(--border-subtle); color: var(--text) !important; text-decoration: none; font-weight: 600; font-size: 14px; }
[data-theme-v3] .v3-quick a:hover, [data-theme-v3] .v3-chip:hover { border-color: var(--border-strong); }
[data-theme-v3] .v3-quick a .bi { color: var(--icon); }
[data-theme-v3] .v3-opt { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; padding: 12px 0; }
[data-theme-v3] .v3-opt + .v3-opt { border-top: 1px solid var(--border-subtle); }
[data-theme-v3] .v3-opt .t { display: block; font-weight: 600; color: var(--text-heading); font-size: 14.5px; }
[data-theme-v3] .v3-opt .d { color: var(--text-muted); font-size: 13px; margin-top: 2px; }
[data-theme-v3] .v3-opt .c { flex: 0 0 auto; width: 220px; }
@media (max-width: 575.98px) { [data-theme-v3] .v3-opt { flex-direction: column; } [data-theme-v3] .v3-opt .c { width: 100%; } }
[data-theme-v3] .v3-health > summary { display: flex; align-items: center; justify-content: space-between; gap: 12px; cursor: pointer; font-weight: 700; color: var(--text-heading); list-style: none; flex-wrap: wrap; }
[data-theme-v3] .v3-health > summary::-webkit-details-marker { display: none; }
[data-theme-v3] .v3-health > summary .bi { color: var(--icon); }
[data-theme-v3] .v3-health[open] > summary { margin-bottom: 16px; }
[data-theme-v3] .v3-health .glass-panel { border: 0 !important; padding: 0 !important; background: transparent !important; }

/* ============ صفحة اختيار السيرفر وصفحة الدخول ============ */
[data-theme-v3] .server-card, [data-theme-v3] .card { background: var(--surface) !important; border: 1px solid var(--border-subtle) !important; border-radius: var(--v3-radius) !important; color: var(--text) !important; }
[data-theme-v3] .v3-times { display: inline-block; font-size: 12px; font-weight: 600; color: var(--text-muted); background: var(--surface-3); border-radius: 999px; padding: 0 7px; margin-inline-start: 4px; }
[data-theme-v3] .ui-sidebar.offcanvas-lg { border: 0 !important; }
@media (max-width: 991.98px) { [data-theme-v3] .ui-sidebar.offcanvas-lg { box-shadow: -12px 0 32px rgba(0, 0, 0, .45); } }
[data-theme-v3] .navbar-main .text-secondary, [data-theme-v3] .navbar-main span.small { color: var(--text-muted) !important; }

/* code chips with Arabic text: monospace fonts break Arabic letter joining, so code uses the main font */
[data-theme-v3] code { font-family: var(--v3-font) !important; letter-spacing: 0; }

/* checkboxes/switches: switch beside its label (bootstrap's float layout broke once labels got a description line),
   and several checks crammed in one flex row stack vertically */
[data-theme-v3] .form-check { display: flex; align-items: flex-start; gap: 10px; padding-inline-start: 0 !important; min-height: 0; }
[data-theme-v3] .form-check > .form-check-input { float: none !important; margin: 2px 0 0 !important; flex: 0 0 auto; }
[data-theme-v3] .form-check > .form-check-label { flex: 1 1 auto; min-width: 0; }
[data-theme-v3] .form-check.form-switch:not(:has(> .form-check-label)) { display: inline-flex; }
[data-theme-v3] .d-flex:has(> .form-check + .form-check):not(:has(> .form-check > input[type="radio"])) { flex-direction: column; align-items: flex-start !important; gap: 10px !important; }
/* selected roles/channels boxes: hidden while nothing is picked (they contain whitespace, so :empty never matched) */
[data-theme-v3] .selected-badge-box:not(:has(*)), [data-theme-v3] [id^="tags-"]:not(:has(*)) { display: none !important; }
[data-theme-v3] .selected-badge-box { background: transparent !important; border: 0 !important; padding: 0 !important; min-height: 0 !important; display: flex; flex-wrap: wrap; gap: 6px; }
[data-theme-v3] .item-tag, [data-theme-v3] .tag-item, [data-theme-v3] .badge-tag { background: var(--surface-3) !important; border: 1px solid var(--border-strong) !important; color: var(--text) !important; border-radius: 999px !important; padding: 3px 10px !important; font-size: 13px; }
/* section icons nested one level deeper (e.g. commands header) - same chip as the direct ones */
[data-theme-v3] .section-header > div > i.bi.fs-4 { width: 38px; height: 38px; display: inline-flex !important; align-items: center; justify-content: center; border-radius: 10px; background: var(--primary-soft); color: var(--icon-active) !important; font-size: 18px !important; flex: 0 0 38px; }
/* plain checkboxes (no bootstrap class, e.g. log event lists): brand red */
[data-theme-v3] input[type="checkbox"]:not(.form-check-input), [data-theme-v3] input[type="radio"]:not(.form-check-input) { accent-color: #8F1010; width: 16px; height: 16px; }
/* old inline blue panels (Discord blurple) → surface + brand border */
[data-theme-v3] [style*="rgba(88,101,242"], [data-theme-v3] [style*="rgba(88, 101, 242"] { background: var(--surface-2) !important; border: 1px solid var(--border-strong) !important; }