/* New visual layer for the real PHP admin. No replacement forms or mock data. */
html.beon-v2{--bl-bg:#f2f5f4;--bl-panel:#ffffff;--bl-panel-2:#f7f9f8;--bl-sidebar:#0e1a17;--bl-text:#132420;--bl-muted:#5c6e69;--bl-dim:#7c8d88;--bl-cyan:#0f8a7c;--bl-blue:#0f8a7c;--bl-emerald:#2f9e56;--bl-gold:#b8842e;--bl-accent:#c9463a;--bl-purple:#0f8a7c;--bl-stroke:#e1e8e5;--bl-stroke-light:#d2ddd8;--bl-radius-sm:8px;--bl-radius-md:10px;--bl-radius-lg:14px;--bl-border-glow:#bfe8de}
.beon-v2 body{background:var(--bl-bg);font-family:"Tajawal","Cairo","Segoe UI",sans-serif}
.beon-v2 h1,.beon-v2 h2,.beon-v2 h3,.beon-v2 h4,.beon-v2 .bl-brand .t{font-family:"Cairo","Tajawal",sans-serif}

/* Sidebar */
.beon-v2 .bl-sidebar{width:246px;flex-basis:246px;background:var(--bl-sidebar);border:0;scrollbar-color:#2b423c #0e1a17}
.beon-v2 .bl-brand{padding:22px 20px;border-bottom:1px solid #ffffff0d;min-height:auto;gap:11px}
.beon-v2 .bl-brand .mark{background:linear-gradient(155deg,#1bb39d,#0a6f63 75%);color:#eafff9;box-shadow:0 4px 14px -4px #0a6f6380;border-radius:10px;width:36px;height:36px;font-weight:800}
.beon-v2 .bl-brand .t{color:#f2fbf8;letter-spacing:.2px;font-size:17px;font-weight:700}
.beon-v2 .bl-brand .s{color:#5f8079;font-size:10.5px;margin-top:5px}
.beon-v2 .bl-brand .s::before{background:#3fceac;box-shadow:0 0 6px #3fceac}
.beon-v2 .bl-nav-switcher{background:#0a1512;border:1px solid #1c2e29;padding:3px;margin:16px 14px 8px;border-radius:9px}
.beon-v2 .bl-tab-btn{color:#7d9691;font-size:11px;border-radius:6px}
.beon-v2 .bl-tab-btn.active{background:#163430;color:#5be0c0;border-color:transparent;box-shadow:none;font-weight:700}
.beon-v2 .bl-tab-btn:hover{color:#eafff9}
.beon-v2 .bl-group{color:#5f766f;font-weight:700;font-size:10px;border-color:#ffffff08;margin-top:14px;padding:12px 12px 6px;letter-spacing:.05em}
.beon-v2 .bl-item{color:#a9c0b9;font-size:12.5px;font-weight:600;border-radius:8px;padding:9px 12px;white-space:normal;line-height:1.7}
.beon-v2 .bl-item:hover{background:#132521;color:#eafff9;transform:none}
.beon-v2 .bl-item.active{background:linear-gradient(90deg,#163430,transparent);color:#5be0c0;border-right:3px solid #1bb39d;font-weight:700;box-shadow:none}
.beon-v2 .bl-item .ic{font-size:14px;opacity:.9}
.beon-v2 .bl-foot{background:#0a1512;border-color:#1c2e29;gap:8px;flex-wrap:wrap}
.beon-v2 .bl-foot a{color:#9fb6b0;font-size:11px}
.beon-v2 .bl-foot a:hover{background:#132521;color:#eafff9}
.beon-v2 .v2-nav-search{padding:6px 15px 4px}
.beon-v2 .v2-nav-search label{font-size:10px;color:#6c847e;margin-bottom:7px}
.beon-v2 .v2-nav-search input{width:100%;border:1px solid #1e332e;background:#0a1512;color:#dcece7;border-radius:8px;padding:9px 11px;font-size:11px;outline-offset:2px}
.beon-v2 .v2-nav-search input::placeholder{color:#5f766f}
.beon-v2 .v2-nav-search p{font-size:11px;color:#a9c0b9;margin-top:9px}

/* Topbar */
.beon-v2 .bl-main{min-width:0}
.beon-v2 .bl-topbar{padding:18px 30px;min-height:70px;box-shadow:none;border-bottom:1px solid var(--bl-stroke);background:rgba(255,255,255,.92)}
.beon-v2 .bl-topbar h1{font-size:16.5px;font-weight:700;color:var(--bl-text)}
.beon-v2 .bl-server-pill{background:var(--bl-panel-2);border:1px solid var(--bl-stroke);color:#1f7a68;font-size:10px;box-shadow:none;font-weight:700}
.beon-v2 .bl-pulsing-dot{animation:blPulse 1.8s infinite;background:#e05a4e;box-shadow:0 0 6px #e05a4e}
.beon-v2 .bl-content{padding:26px 30px;max-width:1760px;width:100%;margin-inline:auto}

/* Cards / panels: flat, bordered, one soft shadow — not glass */
.beon-v2 .bl-content .card,.beon-v2 .dash-panel,.beon-v2 .dash-stat-card,.beon-v2 .c2-stat{
  box-shadow:0 1px 2px #16332810,0 8px 20px -14px #16332830!important;border:1px solid var(--bl-stroke)!important;
  border-radius:var(--bl-radius-lg);backdrop-filter:none;background:var(--bl-panel)!important;
}
.beon-v2 .dash-panel-head{border-color:var(--bl-stroke)}
.beon-v2 .dash-panel-head h3{color:var(--bl-text)}

/* Stat cards: semantic accent stripe, tabular numerals */
.beon-v2 .dash-topline h1{background:none;-webkit-text-fill-color:var(--bl-text);font-size:22px;letter-spacing:-.2px;font-weight:800}
.beon-v2 .dash-topline p{color:var(--bl-muted)}
.beon-v2 .dash-stat-card::before{opacity:.9}
.beon-v2 .dash-stat-card:hover{transform:none;border-color:var(--card-accent,var(--bl-cyan))!important;box-shadow:0 1px 2px #16332810,0 10px 22px -12px #16332840!important}
.beon-v2 .dash-stat-label{color:var(--bl-muted);font-weight:700}
.beon-v2 .dash-stat-value{color:var(--bl-text);font-size:27px;font-variant-numeric:tabular-nums;font-family:"JetBrains Mono","Cairo",monospace}
.beon-v2 .dash-stat-icon{background:var(--bl-panel-2);color:var(--card-accent,var(--bl-cyan))}
.beon-v2 .dash-stat-sub{color:var(--bl-dim)}

/* Buttons */
.beon-v2 .bl-content .btn{font-size:12.5px;border-radius:8px;box-shadow:none!important;transform:none!important;font-weight:700}
.beon-v2 .bl-content .btn-primary{background:#0f8a7c;color:#fff;border:1px solid #0f8a7c}
.beon-v2 .bl-content .btn-primary:hover{background:#0c7266;border-color:#0c7266}
.beon-v2 .bl-content .btn-outline-primary{color:#0f8a7c;border-color:#a9d8ce}
.beon-v2 .bl-content .btn-outline-primary:hover{background:#0f8a7c;border-color:#0f8a7c;color:#fff}
.beon-v2 .bl-content .btn-outline-success{color:#2f9e56;border-color:#bfe3cb}
.beon-v2 .bl-content .btn-outline-success:hover{background:#2f9e56;border-color:#2f9e56}
.beon-v2 .bl-content .btn-outline-secondary{color:var(--bl-muted);border-color:var(--bl-stroke-light)}

/* Forms */
.beon-v2 .bl-content .form-control,.beon-v2 .bl-content .form-select{border-radius:8px;background:#fff;color:var(--bl-text);border-color:#d9e2df}
.beon-v2 .bl-content .form-control:focus,.beon-v2 .bl-content .form-select:focus{border-color:#1bb39d;box-shadow:0 0 0 3px #1bb39d22}
.beon-v2 .choices__inner{background:#fff!important;border-color:#d9e2df!important;color:var(--bl-text)!important}
.beon-v2 .choices.is-focused .choices__inner,.beon-v2 .choices.is-open .choices__inner{border-color:#1bb39d!important;box-shadow:0 0 0 3px #1bb39d22!important}
.beon-v2 .choices__list--dropdown,.beon-v2 .choices__list[aria-expanded]{background:#fff!important;border-color:var(--bl-stroke-light)!important;color:var(--bl-text)!important;box-shadow:0 12px 28px -12px #16332840!important}

/* Table */
.beon-v2 .bl-content .table thead th{background:var(--bl-panel-2);color:var(--bl-muted);font-size:10.5px;text-transform:none;font-weight:700;letter-spacing:.03em;border-color:var(--bl-stroke)}
.beon-v2 .bl-content .table tbody td{font-size:12.5px;border-color:var(--bl-stroke);color:var(--bl-text)}
.beon-v2 .bl-content .table tbody tr:hover{background:var(--bl-panel-2)}

/* Badges: semantic colors kept separate from the teal brand accent */
.beon-v2 .badge{font-weight:700;font-size:10.5px;border-radius:999px;padding:.32em .7em}
.beon-v2 .badge.bg-success{background:#dcf3e3!important;color:#237a44!important}
.beon-v2 .badge.bg-primary{background:#d8f0ec!important;color:#0c6a5f!important}
.beon-v2 .badge.bg-danger{background:#fbe1de!important;color:#a83226!important}
.beon-v2 .badge.bg-warning{background:#faead2!important;color:#93630f!important}
.beon-v2 .badge.bg-secondary{background:var(--bl-panel-2)!important;color:var(--bl-muted)!important}

.beon-v2 .c2-notice{background:#eaf6f3;color:#1f6d5e;border-color:#c8e8e0}
.beon-v2 .v2-footer{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;border-top:1px solid var(--bl-stroke);margin:10px 30px 0;padding:18px 0;color:var(--bl-dim);font-size:10.5px}
.beon-v2 .v2-footer a{color:#1f7a68;text-decoration:none;font-weight:700}
.beon-v2 a:focus-visible,.beon-v2 button:focus-visible,.beon-v2 input:focus-visible{outline:3px solid #1bb39d;outline-offset:3px}
.beon-v2 .choices{min-width:0}
.beon-v2 [hidden]{display:none!important}

/* ===== channels.php — sources/editor slide-over, was authored dark-only (hardcoded #fff text,
   neon rgba pills); this reskins it to the light teal identity via higher-specificity .beon-v2
   selectors so channels.php itself needs no markup changes. ===== */
.beon-v2 .c2-stat-value,.beon-v2 .c2-group-title,.beon-v2 .c2-ch-name,.beon-v2 .c2-modal-title,.beon-v2 .c2-sheet-head h3{color:var(--bl-text)!important}
.beon-v2 .c2-stat-value.live{color:#2f9e56!important}.beon-v2 .c2-stat-value.warn{color:#b8842e!important}.beon-v2 .c2-stat-value.danger{color:#c9463a!important}

.beon-v2 .c2-pill-live{background:#dcf3e3!important;color:#237a44!important}
.beon-v2 .c2-pill-live .c2-pill-dot{background:#2f9e56!important;box-shadow:0 0 0 2.5px #2f9e5630!important}
.beon-v2 .c2-pill-warn{background:#faead2!important;color:#93630f!important}
.beon-v2 .c2-pill-danger{background:#fbe1de!important;color:#a83226!important}
.beon-v2 .c2-pill-off{background:var(--bl-panel-2)!important;color:var(--bl-muted)!important}
.beon-v2 .c2-pill-outline{border-color:var(--bl-stroke-light)!important;color:var(--bl-muted)!important}

.beon-v2 .c2-group{border-color:var(--bl-stroke)!important;border-radius:12px!important;box-shadow:0 1px 2px #16332810}
.beon-v2 .c2-group-head:hover{background:var(--bl-panel-2)!important}
.beon-v2 .c2-ch{border-color:var(--bl-stroke)!important}
.beon-v2 .c2-ch-main:hover{background:var(--bl-panel-2)!important}
.beon-v2 .c2-ch-logo{background:var(--bl-panel-2)!important;border-color:var(--bl-stroke)!important}
.beon-v2 .c2-icon-btn:hover{background:var(--bl-panel-2)!important;border-color:var(--bl-stroke)!important;color:var(--bl-text)!important}
.beon-v2 .c2-icon-btn.danger:hover{color:#c9463a!important}
.beon-v2 .c2-maint-select{background:var(--bl-panel-2)!important;border-color:var(--bl-stroke)!important;color:var(--bl-muted)!important}

/* per-source rows read as cards, matching the new mockup's source-card component */
.beon-v2 .c2-src-panel{background:var(--bl-panel-2)!important;border-top:1px solid var(--bl-stroke)!important;border-radius:0 0 12px 12px}
.beon-v2 .c2-src-table-wrap{border-color:var(--bl-stroke)!important;background:var(--bl-panel)!important;border-radius:10px!important}
.beon-v2 table.c2-src-table th{background:var(--bl-panel-2)!important;color:var(--bl-muted)!important;border-color:var(--bl-stroke)!important}
.beon-v2 table.c2-src-table td{border-color:var(--bl-stroke)!important;color:var(--bl-text)!important}
.beon-v2 table.c2-src-table tr:hover td{background:var(--bl-panel-2)}
.beon-v2 .c2-src-url{color:var(--bl-muted)!important}
.beon-v2 .c2-src-type-tag{background:var(--bl-panel-2)!important;border-color:var(--bl-stroke)!important;color:var(--bl-muted)!important}
.beon-v2 .c2-add-source-btn{border-color:var(--bl-stroke-light)!important;color:var(--bl-muted)!important;border-radius:10px!important}
.beon-v2 .c2-add-source-btn:hover{border-color:#b8842e!important;color:#93630f!important;background:#faead208!important}

/* add-source slide-over + modals: light surface instead of the dark glass original */
.beon-v2 .c2-sheet{background:var(--bl-panel)!important;border-color:var(--bl-stroke)!important;box-shadow:-24px 0 60px -24px #16332830}
.beon-v2 .c2-sheet-head{border-color:var(--bl-stroke)!important}
.beon-v2 .c2-sheet-head p{color:var(--bl-muted)!important}
.beon-v2 .c2-sheet-foot{border-color:var(--bl-stroke)!important}
.beon-v2 .c2-field-label{color:var(--bl-text)!important}
.beon-v2 .c2-hint{color:var(--bl-muted)!important}
.beon-v2 .c2-advanced-toggle{color:#0f8a7c!important}
.beon-v2 .c2-modal{background:var(--bl-panel)!important;border-color:var(--bl-stroke)!important}
.beon-v2 .c2-modal-poster{background:var(--bl-panel-2)!important;border-color:var(--bl-stroke)!important;color:var(--bl-dim)!important}
.beon-v2 .c2-modal-meta .c2-pill-outline{color:var(--bl-muted)!important}
.beon-v2 .c2-modal-desc{color:var(--bl-muted)!important}
.beon-v2 .bl-view-toggle{border-color:var(--bl-stroke)!important}
.beon-v2 .bl-view-toggle button{background:var(--bl-panel)!important;color:var(--bl-muted)!important;border-color:var(--bl-stroke)!important}
.beon-v2 .bl-view-toggle button.active{background:var(--bl-panel-2)!important;color:var(--bl-text)!important}

/* ===== matches.php — score badge and inline kickoff-time text were hardcoded #fff-on-neon-glass
   for the old dark theme; same fix pattern as channels.php above. ===== */
.beon-v2 .match-score-badge{background:#d8f0ec!important;border-color:#bfe3dc!important;color:#0c6a5f!important}
.beon-v2 .match-featured-btn.active{background:#faead2!important;border-color:#f0d9ab!important;color:#93630f!important;box-shadow:none}
.beon-v2 .match-featured-btn:hover{border-color:#b8842e!important;color:#93630f!important}
.beon-v2 td strong[style*="color:#fff"],.beon-v2 td strong[style*="color: #fff"]{color:var(--bl-text)!important}

/* ===== movies.php / series.php — poster grid captions and source-label cells, same
   hardcoded-white-on-dark leftover as the pages above. Quick-action buttons floating over the
   poster thumbnail itself are left as dark chips on purpose — they sit on an image, not the page
   background, so they read fine in both themes. ===== */
.beon-v2 .c2-poster-title,.beon-v2 .c2-episode-title{color:var(--bl-text)!important}
.beon-v2 .c2-poster-card .c2-poster-thumb{background:var(--bl-panel-2)!important;border-color:var(--bl-stroke)!important}
.beon-v2 .c2-poster-card:hover .c2-poster-thumb{border-color:#0f8a7c!important}
.beon-v2 td[style*="color:#fff"],.beon-v2 td[style*="color: #fff"]{color:var(--bl-text)!important}

/* ===== Global content-area fixes — the shared dark theme in lib/bootstrap.php hardcodes
   #fff for headings, hovers, table-hover text, dropdown/list-group/nav-tab hover states, and
   focused form fields, all invisible once the surface underneath is light. Fixing it once here
   (higher specificity than the plain .bl-content rules, so it wins regardless of source order)
   covers every remaining admin page instead of patching each one individually. ===== */
.beon-v2 .bl-content h1,.beon-v2 .bl-content h2,.beon-v2 .bl-content h3,.beon-v2 .bl-content h4,.beon-v2 .bl-content h5,.beon-v2 .bl-content h6{color:var(--bl-text)}
.beon-v2 .bl-content a:hover{color:#0c7266}
.beon-v2 .bl-content .card-header{color:var(--bl-text)}
.beon-v2 .bl-content .form-control:focus,.beon-v2 .bl-content .form-select:focus{color:var(--bl-text)!important}
.beon-v2 .bl-content .table{--bs-table-hover-color:var(--bl-text)}
.beon-v2 .bl-content .dropdown-item:hover,.beon-v2 .bl-content .dropdown-item:focus{color:var(--bl-text)}
.beon-v2 .bl-content .list-group-item strong{color:var(--bl-text)}
.beon-v2 .bl-content .nav-tabs .nav-link:hover{color:var(--bl-text)}
.beon-v2 .bl-content .btn-outline-secondary:hover{color:var(--bl-text)}
.beon-v2 .choices__list[aria-expanded] .choices__item--selectable.is-highlighted{background:var(--bl-panel-2)!important;color:var(--bl-text)!important}

/* index.php dashboard — same leftover hardcoded whites on now-light cards/hovers */
.beon-v2 .dash-team-name,.beon-v2 .dash-score{color:var(--bl-text)}
.beon-v2 .dash-quick-card:hover{background:var(--bl-panel-2)!important;color:var(--bl-text)!important}
.beon-v2 .dash-match-card{background:linear-gradient(135deg,#fbe1de,#f6e8f9)!important;border-color:#f0c9c4!important}

/* Any remaining inline style="color:#fff" left in individual pages (table cells, titles,
   kickoff-time strongs) across archive_matches/ads/custom_lists/news/summaries/reels/screens/
   import_filgoal/import_ysscores_matches — one rule instead of touching each file. */
.beon-v2 .bl-content [style*="color:#fff"],.beon-v2 .bl-content [style*="color: #fff"]{color:var(--bl-text)!important}

/* ===== Bootstrap's .text-white utility is used everywhere in this codebase as the "primary
   text" convention from the old dark theme (channel/team/match names, card titles...) — not
   just on genuinely-dark chips. Recolor it site-wide, then explicitly restore white on the few
   spots that really do sit on a dark surface (bg-dark/bg-black modals, inputs, the live-status
   pill), so those don't go invisible from the generic fix. ===== */
.beon-v2 .bl-content .text-white{color:var(--bl-text)!important}
.beon-v2 .bl-content .border-secondary{border-color:var(--bl-stroke)!important}

.beon-v2 .bl-content .modal-content.bg-dark{background:var(--bl-panel)!important;color:var(--bl-text)!important}
.beon-v2 .bl-content .modal-content.bg-dark .text-white{color:var(--bl-text)!important}
.beon-v2 .bl-content .card.bg-dark,.beon-v2 .bl-content .card.bg-dark .card-header{background:var(--bl-panel)!important;color:var(--bl-text)!important}
.beon-v2 .bl-content .form-control.bg-black,.beon-v2 .bl-content .form-select.bg-black{background:var(--bl-panel-2)!important;color:var(--bl-text)!important;border-color:var(--bl-stroke)!important}
.beon-v2 .bl-content .form-control.bg-black::placeholder{color:var(--bl-dim)}
.beon-v2 .bl-content .badge.bg-dark{background:#12211d!important;color:#eafff9!important;border-color:transparent!important}

/* faint white progress/bar tracks meant for a dark card — invisible on the new light cards */
.beon-v2 .bl-content .server-bar-wrap,.beon-v2 .bl-content .progress{background:var(--bl-panel-2)!important}
.beon-v2 .bl-content [style*="rgba(255,255,255,0.06)"],.beon-v2 .bl-content [style*="rgba(255,255,255,0.08)"],.beon-v2 .bl-content [style*="rgba(255,255,255,.06)"],.beon-v2 .bl-content [style*="rgba(255,255,255,.08)"]{background:var(--bl-panel-2)!important}

/* live_viewers.php recommendation card — soft neon-on-dark gradient reworked as a soft teal/gold tint on light */
.beon-v2 .bl-content .card[style*="rgba(0, 242, 254"]{background:linear-gradient(135deg,#e8f6f3,#faf1de)!important;border-color:#cdeae2!important}

/* categories.php uses its own page-scoped class name for the row title */
.beon-v2 .c2-cat-name{color:var(--bl-text)!important}

/* ===== general.php / import_*.php — same bg-dark leftover, on plain boxes this time rather
   than .card (a form-switch wrapper, a settings toggle strip). Deliberately NOT touching
   pre.bg-dark: those are cron/cURL command snippets, meant to look like a terminal in either
   theme, and text-light on them is correct as-is. ===== */
.beon-v2 .bl-content .form-check.bg-dark,.beon-v2 .bl-content .form-switch.bg-dark,.beon-v2 .bl-content div.bg-dark:not(.card):not(pre){background:var(--bl-panel-2)!important;border-color:var(--bl-stroke)!important}

/* ===== Final sweep: the shared dark theme's hover/focus glows are literal old cyan-blue
   rgba(0,242,254,x) values, not derived from --bl-cyan — so redefining that variable earlier
   (blue → teal) never touched them. Harmless on a light background (just a faint blue tint) but
   off-brand next to the new teal identity everywhere else. Re-tinted teal, one place. ===== */
.beon-v2 .bl-content .badge.bg-primary{background:#d8f0ec!important;color:#0c6a5f!important;border-color:#bfe3dc!important}
.beon-v2 .bl-content code{background:#eaf6f3!important;color:#0c6a5f!important;border-color:#cdeae2!important}
.beon-v2 .bl-content .dropdown-item:hover,.beon-v2 .bl-content .dropdown-item:focus{background:#eaf6f3!important}
.beon-v2 .bl-content .page-link:hover{background:#eaf6f3!important;color:#0f8a7c!important;border-color:#0f8a7c!important}
.beon-v2 .bl-content .c2-group-count{color:#0f8a7c!important;background:#eaf6f3!important;border-color:#cdeae2!important}
.beon-v2 .bl-content .c2-icon-btn:hover{background:#eaf6f3!important}
.beon-v2 .bl-content .c2-ch-main:hover{background:var(--bl-panel-2)!important}
.beon-v2 .bl-content .btn-primary{background:#0f8a7c!important;box-shadow:0 4px 14px rgba(15,138,124,.25)!important}
.beon-v2 .bl-content .btn-primary:hover{box-shadow:0 6px 20px rgba(15,138,124,.35)!important}
.beon-v2 .bl-content .alert-info{background:#eaf6f3!important;color:#0c6a5f!important;border-color:#cdeae2!important}
.beon-v2 .choices.is-focused .choices__inner,.beon-v2 .choices.is-open .choices__inner{box-shadow:0 0 0 3px rgba(15,138,124,.18)!important}
.beon-v2 .ext-platform-pill:hover,.beon-v2 .ext-platform-pill.active{background:#eaf6f3!important;box-shadow:none!important}
.beon-v2 .dash-stat-card:hover{box-shadow:0 1px 2px #16332810,0 10px 22px -12px #16332840,0 0 0 1px #cdeae260!important}
.beon-v2 .bl-content [style*="background: rgba(0, 242, 254"]{background:#eaf6f3!important}
.beon-v2 .bl-content [style*="border: 1px dashed rgba(0, 242, 254"]{border-color:#cdeae2!important}
.beon-v2 .bl-content [style*="box-shadow:0 0 10px rgba(0, 242, 254"]{box-shadow:0 0 10px rgba(15,138,124,.3)!important}

@media(max-width:1000px){.beon-v2 .bl-content{padding:18px}.beon-v2 .bl-topbar{padding:16px 18px}.beon-v2 .bl-topbar h1{font-size:14px}}
@media(max-width:768px){.beon-v2 .bl-sidebar{width:246px;flex-basis:246px}.beon-v2 .bl-content{padding:16px 12px}.beon-v2 .bl-topbar{padding:13px 12px;gap:10px}.beon-v2 .bl-topbar h1{font-size:12.5px;line-height:1.9}.beon-v2 .bl-top-badges{gap:6px}.beon-v2 .bl-server-pill{display:none}.beon-v2 .v2-footer{margin-inline:12px}.beon-v2 .bl-content .row{--bs-gutter-x:1rem}.beon-v2 .bl-content .table-responsive{max-width:100%}.beon-v2 .dash-topline h1{font-size:19px}}
@media(prefers-reduced-motion:reduce){.beon-v2 *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}