/* ─── CSS VARIABLES ──────────────────────────────────────────────────────────── */
:root {
  --tblr-font-sans-serif: 'Golos Text', sans-serif;
  --brand: #0054a6;
  --brand-light: #dbeafe;
  --brand-mid: #206bc4;
  --brand-dark: #003d7a;
  --sidebar-bg: #0f1c2e;
  --sidebar-hover: rgba(255,255,255,.08);
  --sidebar-active: rgba(32,107,196,.35);
  --sidebar-text: rgba(255,255,255,.75);
  --sidebar-text-muted: rgba(255,255,255,.4);
  --sidebar-width: 240px;
  --top-bar-h: 64px;
}

/* ─── RESET & BASE ───────────────────────────────────────────────────────────── */
html { scrollbar-gutter: stable; }
*, *::before, *::after { box-sizing: border-box; }
button, input, select, textarea { font-family: inherit; }
body { font-family: var(--tblr-font-sans-serif); background: #f0f4fa; color: #1a2540; margin: 0; }

/* ─── UTILITIES ──────────────────────────────────────────────────────────────── */
.d-none{display:none!important}.d-block{display:block!important}.d-inline{display:inline!important}.d-flex{display:flex!important}.d-inline-flex{display:inline-flex!important}
@media(min-width:576px){.d-sm-none{display:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-flex{display:inline-flex!important}}
@media(min-width:768px){.d-md-none{display:none!important}.d-md-block{display:block!important}.d-md-flex{display:flex!important}.d-md-grid{display:grid!important}}
@media(min-width:992px){.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:flex!important}.d-lg-none{display:none!important}}
.flex-fill{flex:1 1 auto!important}.flex-wrap{flex-wrap:wrap!important}.flex-shrink-0{flex-shrink:0!important}.flex-column{flex-direction:column!important}
.align-items-center{align-items:center!important}.align-items-start{align-items:flex-start!important}
.justify-content-between{justify-content:space-between!important}.justify-content-center{justify-content:center!important}.justify-content-end{justify-content:flex-end!important}
.text-center{text-align:center!important}.text-end{text-align:right!important}.text-muted{color:#8a9bbf!important}.text-success{color:#22c55e!important}.text-danger{color:#ef4444!important}.text-warning{color:#f97316!important}
.fw-semibold{font-weight:600!important}.fw-bold{font-weight:700!important}.text-uppercase{text-transform:uppercase!important}
.m-0{margin:0!important}
.mt-1{margin-top:4px!important}.mt-2{margin-top:8px!important}.mt-3{margin-top:12px!important}
.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:4px!important}.mb-2{margin-bottom:8px!important}.mb-3{margin-bottom:16px!important}.mb-4{margin-bottom:24px!important}
.ms-1{margin-left:4px!important}.ms-2{margin-left:8px!important}.ms-3{margin-left:12px!important}.ms-auto{margin-left:auto!important}
.me-1{margin-right:4px!important}.me-2{margin-right:8px!important}.me-auto{margin-right:auto!important}
.py-2{padding-top:8px!important;padding-bottom:8px!important}.py-3{padding-top:12px!important;padding-bottom:12px!important}.py-4{padding-top:16px!important;padding-bottom:16px!important}.py-5{padding-top:24px!important;padding-bottom:24px!important}
.px-1{padding-left:4px!important;padding-right:4px!important}.px-3{padding-left:12px!important;padding-right:12px!important}.p-0{padding:0!important}.p-2{padding:8px!important}
.gap-1{gap:4px!important}.gap-2{gap:8px!important}.gap-3{gap:12px!important}.w-100{width:100%!important}.min-w-0{min-width:0!important}
.overflow-hidden{overflow:hidden}
.row{display:flex;flex-wrap:wrap;margin-left:-8px;margin-right:-8px}.row>*{padding-left:8px;padding-right:8px;box-sizing:border-box}
.g-3{row-gap:12px}.col{flex:1 0 0;min-width:0}.col-auto{flex:0 0 auto;width:auto}.col-12{flex:0 0 100%;max-width:100%}
@media(min-width:576px){.col-sm-6{flex:0 0 50%;max-width:50%}}
@media(min-width:768px){.col-md-3{flex:0 0 25%;max-width:25%}.col-md-6{flex:0 0 50%;max-width:50%}}
.form-label{display:block;margin-bottom:5px;font-size:.875rem;font-weight:500;color:#1a2540}.form-label-sm{font-size:.78rem}
.spinner-border{display:inline-block;width:1.5rem;height:1.5rem;vertical-align:text-bottom;border:.2em solid;border-right-color:transparent;border-radius:50%;animation:_sb .75s linear infinite}
.spinner-border-sm{width:1rem;height:1rem;border-width:.15em}
@keyframes _sb{to{transform:rotate(360deg)}}
.avatar{width:32px;height:32px;border-radius:50%;background:var(--brand-mid);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;flex-shrink:0;overflow:hidden}
.avatar img{width:100%;height:100%;object-fit:cover}.avatar-sm{width:26px;height:26px;font-size:.68rem}.avatar-xs{width:20px;height:20px;font-size:.6rem}
.btn{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;font-size:.875rem;font-weight:500;border-radius:7px;border:1px solid transparent;cursor:pointer;transition:all .15s;font-family:inherit;text-decoration:none!important;background:none}
.btn-sm{padding:4px 8px;font-size:.8rem}.btn-link{color:#8a9bbf;border-color:transparent;padding:6px 4px}.btn-link:hover{color:#1a2540}

/* ─── SIDEBAR ────────────────────────────────────────────────────────────────── */
.v2-sidebar {
  position: fixed; left: 0; top: 0; bottom: 0;
  width: var(--sidebar-width);
  background: var(--sidebar-bg);
  display: flex; flex-direction: column;
  z-index: 100;
  box-shadow: 4px 0 24px rgba(0,0,0,.18);
  transition: transform .3s;
}
.v2-sidebar-brand {
  display: flex; align-items: center;
  padding: 0 20px; height: var(--top-bar-h);
  border-bottom: 1px solid rgba(255,255,255,.07); flex-shrink: 0;
}
.v2-sidebar-brand img { height: 28px; width: auto; }
.v2-sidebar-nav { flex: 1; overflow-y: auto; padding: 12px 0; scrollbar-width: none; }
.v2-sidebar-nav::-webkit-scrollbar { display: none; }
.v2-nav-label {
  font-size: .67rem; font-weight: 700; letter-spacing: .1em;
  text-transform: uppercase; color: var(--sidebar-text-muted); padding: 16px 20px 6px;
}
.v2-nav-item {
  display: flex; align-items: center; gap: 10px;
  padding: 9px 20px; margin: 2px 8px; border-radius: 8px;
  color: var(--sidebar-text); text-decoration: none !important;
  font-size: .875rem; font-weight: 500;
  transition: background .15s, color .15s; position: relative; cursor: pointer;
}
.v2-nav-item:hover { background: var(--sidebar-hover); color: #fff; }
.v2-nav-item.active { background: var(--sidebar-active); color: #fff; }
.v2-nav-item.active::before {
  content: ''; position: absolute; left: -8px; top: 50%; transform: translateY(-50%);
  width: 3px; height: 20px; border-radius: 0 3px 3px 0; background: #4da3ff;
}
.v2-nav-item i { font-size: 1.1rem; flex-shrink: 0; }
.v2-nav-badge {
  margin-left: auto; background: #d63939; color: #fff;
  font-size: .65rem; font-weight: 700; min-width: 18px; height: 18px; border-radius: 9px;
  display: flex; align-items: center; justify-content: center; padding: 0 4px;
}
.v2-sidebar-footer { padding: 16px 20px; border-top: 1px solid rgba(255,255,255,.07); flex-shrink: 0; }
.v2-profile-row { display: flex; align-items: center; gap: 10px; }
.v2-profile-avatar {
  width: 36px; height: 36px; border-radius: 50%;
  background: var(--brand-mid); color: #fff;
  display: flex; align-items: center; justify-content: center;
  font-size: .75rem; font-weight: 700; flex-shrink: 0;
}
.v2-profile-name { font-size: .82rem; font-weight: 600; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; flex: 1; }
.v2-profile-company { font-size: .72rem; color: var(--sidebar-text-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.v2-logout-btn {
  color: var(--sidebar-text-muted); background: none; border: none; padding: 4px;
  cursor: pointer; border-radius: 6px; transition: color .15s, background .15s; flex-shrink: 0;
}
.v2-logout-btn:hover { color: #fff; background: rgba(255,255,255,.1); }

/* ─── MAIN LAYOUT ────────────────────────────────────────────────────────────── */
.v2-main { min-height: 100vh; display: flex; flex-direction: column; }
@media (min-width: 992px) { .v2-main { margin-left: var(--sidebar-width) !important; } }

/* ─── MOBILE SIDEBAR TOGGLE ──────────────────────────────────────────────────── */
.v2-mob-toggle {
  display: none; width: 38px; height: 38px;
  background: none; border: 1px solid #e5eaf2; border-radius: 8px;
  align-items: center; justify-content: center;
  cursor: pointer; color: #5c7299; font-size: 1.1rem;
}
.v2-sidebar-overlay { display: none; position: fixed; inset: 0; background: rgba(0,0,0,.4); z-index: 99; }
@media (max-width: 991px) {
  .v2-sidebar { transform: translateX(-100%); }
  .v2-sidebar.open { transform: translateX(0); }
  .v2-sidebar-overlay.show { display: block; }
  .v2-main { margin-left: 0 !important; }
  .v2-mob-toggle { display: flex; }
}

/* ─── TOPBAR ─────────────────────────────────────────────────────────────────── */
.v2-topbar {
  height: var(--top-bar-h); background: #fff; border-bottom: 1px solid #e5eaf2;
  display: flex; align-items: center; padding: 0 24px; gap: 16px;
  position: sticky; top: 0; z-index: 50; box-shadow: 0 1px 4px rgba(0,0,0,.06);
}
.v2-topbar-greeting,
.v2-topbar-left { flex: 1; min-width: 0; }
.v2-topbar-pretitle { font-size: .7rem; font-weight: 600; text-transform: uppercase; letter-spacing: .07em; color: #8a9bbf; }
.v2-topbar-title { font-size: 1.1rem; font-weight: 700; color: #1a2540; margin: 0; }
.v2-topbar-actions { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }

/* ─── THEME BUTTON ───────────────────────────────────────────────────────────── */
.v2-theme-btn {
  width:36px;height:36px;flex-shrink:0;background:none;
  border:1px solid #e5eaf2;border-radius:8px;
  display:flex;align-items:center;justify-content:center;
  cursor:pointer;color:#5c7299;font-size:1.05rem;transition:all .15s;
}
.v2-theme-btn:hover { background:var(--brand-light);border-color:var(--brand);color:var(--brand); }

/* ─── CARD ───────────────────────────────────────────────────────────────────── */
.v2-card { background:#fff;border-radius:12px;box-shadow:0 1px 6px rgba(0,0,0,.06);overflow:hidden;margin-bottom:16px; }
.v2-card:last-child { margin-bottom:0; }
.v2-card-header { display:flex;align-items:center;gap:10px;padding:13px 16px;border-bottom:1px solid #f0f4fa; }
.v2-card-header-icon { width:28px;height:28px;border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:.88rem;flex-shrink:0; }
.v2-card-title { font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#5c7299;flex:1; }
.v2-card-badge { background:#f0f4fa;color:#5c7299;border-radius:20px;padding:2px 9px;font-size:.72rem;font-weight:700; }
.v2-card-body { padding:14px 16px; }

/* ─── CONTENT ────────────────────────────────────────────────────────────────── */
.v2-content { padding:24px; }
.v2-narrow { max-width:680px; }
@media (max-width:767px) { .v2-content { padding:16px; } }

/* ─── BUTTONS ────────────────────────────────────────────────────────────────── */
.v2-btn-primary {
  display:inline-flex;align-items:center;gap:6px;
  padding:9px 20px;background:var(--brand);color:#fff;
  border:none;border-radius:8px;font-size:.875rem;font-weight:600;
  cursor:pointer;text-decoration:none!important;
  transition:background .15s,box-shadow .15s;
  box-shadow:0 2px 8px rgba(0,84,166,.2);
}
.v2-btn-primary:hover { background:var(--brand-mid); }
.v2-btn-primary:disabled { opacity:.6;cursor:default; }
.v2-btn-back {
  display:inline-flex;align-items:center;gap:6px;padding:7px 14px;
  border:1px solid #e5eaf2;border-radius:8px;
  background:#fff;color:#5c7299;
  font-size:.875rem;font-weight:500;text-decoration:none!important;transition:all .15s;
}
.v2-btn-back:hover { background:#f5f7fc;border-color:#c8d1e8;color:#1a2540; }

/* ─── FORM ELEMENTS ──────────────────────────────────────────────────────────── */
.v2-form-label { font-size:.78rem;font-weight:600;color:#5c7299;margin-bottom:5px;display:block; }
.v2-input {
  width:100%;border:1.5px solid #e5eaf2;border-radius:8px;
  padding:9px 12px;font-size:.875rem;font-family:inherit;color:#1a2540;
  outline:none;transition:border-color .15s;background:#fff;
}
.v2-input:focus { border-color:var(--brand);box-shadow:0 0 0 3px rgba(0,84,166,.08); }
.v2-textarea { resize:vertical;min-height:110px; }
.v2-alert { border-radius:8px;padding:10px 14px;font-size:.85rem;margin-bottom:14px;display:none;align-items:center;gap:8px; }
.v2-alert.show { display:flex; }
.v2-alert.danger  { background:#fff1f2;color:#b91c1c;border:1px solid #fca5a5; }
.v2-alert.success { background:#f0fdf4;color:#15803d;border:1px solid #86efac; }

/* ─── SUPPORT ITEMS ──────────────────────────────────────────────────────────── */
.v2-support-item { display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #f5f7fc; }
.v2-support-item:last-child { border-bottom:none; }
.v2-support-icon { width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0;background:var(--brand-light);color:var(--brand); }
.v2-support-label { font-size:.67rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#8a9bbf; }
.v2-support-val   { font-size:.875rem;font-weight:600;color:#1a2540; }

/* ─── EMPTY STATE ────────────────────────────────────────────────────────────── */
.v2-empty-state { text-align:center;padding:40px 24px; }
.v2-empty-state-icon { width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.8rem;margin:0 auto 14px; }
.v2-empty-state-title { font-size:1rem;font-weight:700;color:#1a2540;margin-bottom:6px; }
.v2-empty-state-sub   { font-size:.85rem;color:#8a9bbf;margin-bottom:18px; }
.v2-empty-btn { display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;text-decoration:none!important;transition:all .15s; }
.v2-empty-btn-primary { background:var(--brand);color:#fff;border:none;box-shadow:0 2px 8px rgba(0,84,166,.2); }
.v2-empty-btn-primary:hover { background:var(--brand-mid);color:#fff; }
.v2-empty-btn-outline { background:#fff;color:#5c7299;border:1px solid #e5eaf2; }
.v2-empty-btn-outline:hover { background:var(--brand-light);border-color:var(--brand);color:var(--brand); }
.v2-empty-icon { width:64px;height:64px;border-radius:16px;background:#f0f4fa;display:inline-flex;align-items:center;justify-content:center;font-size:1.8rem;color:#8a9bbf;margin-bottom:16px; }
.v2-empty-title { font-size:1.05rem;font-weight:700;color:#1a2540;margin-bottom:6px; }
.v2-empty-desc  { font-size:.875rem;color:#8a9bbf; }

/* ─── TOAST ──────────────────────────────────────────────────────────────────── */
#toast-wrap { position:fixed;bottom:1.5rem;right:1.5rem;z-index:9999;display:flex;flex-direction:column;gap:.5rem;pointer-events:none; }
.toast-item { background:#fff;border:1px solid #e5eaf2;border-radius:10px;padding:10px 14px;font-size:.875rem;box-shadow:0 6px 24px rgba(0,0,0,.13);display:flex;align-items:center;gap:.5rem;min-width:240px;pointer-events:auto;animation:toast-in .22s ease; }
.toast-item.info    { border-left:4px solid #3b82f6; }
.toast-item.success { border-left:4px solid #22c55e; }
.toast-item.error   { border-left:4px solid #ef4444; }
@keyframes toast-in { from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none} }

/* ─── REPORTS (shared between reports.html and boss/index.html) ──────────────── */
.rpt-card{background:#fff;border-radius:14px;box-shadow:0 2px 12px rgba(0,0,0,.07);padding:20px 24px;margin-bottom:20px}
@media(max-width:767px){.rpt-card{padding:16px}}
.rpt-tabs{display:inline-flex;gap:3px;background:#f0f4fa;border-radius:10px;padding:4px}
.rpt-tab{padding:7px 16px;border:none;border-radius:7px;background:none;font-size:.85rem;font-weight:500;color:#5c7299;cursor:pointer;transition:all .15s;white-space:nowrap;display:inline-flex;align-items:center;gap:6px;font-family:inherit}
.rpt-tab.active{background:#fff;color:var(--brand);font-weight:600;box-shadow:0 1px 4px rgba(0,0,0,.1)}
.rpt-sep{border:none;border-top:1px solid #f0f4fa;margin:14px 0}
.rpt-section-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#8a9bbf;margin-bottom:8px}
.rpt-period{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.rpt-date-pair{display:inline-flex;align-items:center;gap:6px;flex-shrink:0}
.rpt-input{padding:7px 10px;border:1.5px solid #e5eaf2;border-radius:8px;font-size:.875rem;color:#1a2540;background:#fff;transition:border-color .15s;outline:none;font-family:inherit}
.rpt-input:focus{border-color:var(--brand)}
.rpt-date-sep{color:#b0bdd6;font-size:.9rem;flex-shrink:0}
.rpt-quick-btns{display:inline-flex;flex-wrap:wrap;gap:5px}
.rpt-quick-btn{padding:5px 10px;border:1.5px solid #e5eaf2;border-radius:6px;background:#fff;font-size:.78rem;font-weight:500;color:#5c7299;cursor:pointer;transition:all .15s;font-family:inherit;white-space:nowrap}
.rpt-quick-btn:hover{border-color:var(--brand);color:var(--brand);background:#f5f9ff}
.rpt-quick-btn.active{border-color:var(--brand);background:var(--brand-light);color:var(--brand);font-weight:600}
.rpt-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.rpt-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border-radius:8px;border:none;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .15s;font-family:inherit;white-space:nowrap}
.rpt-btn-primary{background:var(--brand);color:#fff;box-shadow:0 2px 8px rgba(0,84,166,.22)}
.rpt-btn-primary:hover{background:var(--brand-mid);box-shadow:0 4px 12px rgba(0,84,166,.32);transform:translateY(-1px)}
.rpt-btn-outline{background:#fff;color:#5c7299;border:1.5px solid #e5eaf2}
.rpt-btn-outline:hover{border-color:var(--brand);color:var(--brand);background:#f5f9ff}
.rpt-btn:disabled{opacity:.45;pointer-events:none}
@media(max-width:600px){.rpt-tabs{display:flex;width:100%}.rpt-tab{flex:1;justify-content:center}.rpt-date-pair{width:100%}.rpt-date-pair .rpt-input{flex:1;min-width:0}}

/* ─── DARK THEME ─────────────────────────────────────────────────────────────── */
[data-theme="dark"] { color-scheme:dark; }
[data-theme="dark"] body { background:#111622;color:#e8eaf0; }
[data-theme="dark"] .v2-topbar { background:#1b2231;border-color:#242f41;box-shadow:0 1px 4px rgba(0,0,0,.4); }
[data-theme="dark"] .v2-topbar-pretitle { color:#8791b0; }
[data-theme="dark"] .v2-topbar-title { color:#f0f2fa; }
[data-theme="dark"] .v2-theme-btn { border-color:#242f41;color:#8791b0; }
[data-theme="dark"] .v2-theme-btn:hover { background:rgba(88,166,255,.12);border-color:#58a6ff;color:#58a6ff; }
[data-theme="dark"] .v2-card { background:#1b2231;box-shadow:0 1px 6px rgba(0,0,0,.4); }
[data-theme="dark"] .v2-card-header { border-color:#2e3a52; }
[data-theme="dark"] .v2-card-title { color:#8791b0; }
[data-theme="dark"] .v2-card-body { background:#1b2231; }
[data-theme="dark"] .v2-btn-back { background:#1b2231;border-color:#242f41;color:#8791b0; }
[data-theme="dark"] .v2-btn-back:hover { background:#16202f;color:#f0f2fa; }
[data-theme="dark"] .form-label { color:#e8eaf0; }
[data-theme="dark"] .v2-form-label { color:#8791b0; }
[data-theme="dark"] .v2-input { background:#0c0f18;border-color:#242f41;color:#e8eaf0; }
[data-theme="dark"] .v2-input:focus { border-color:var(--brand);box-shadow:0 0 0 3px rgba(0,84,166,.15); }
[data-theme="dark"] .v2-alert.danger  { background:rgba(239,68,68,.1);border-color:rgba(252,165,165,.3);color:#f87171; }
[data-theme="dark"] .v2-alert.success { background:rgba(34,197,94,.1);border-color:rgba(134,239,172,.3);color:#4ade80; }
[data-theme="dark"] .v2-support-item { border-color:#2e3a52; }
[data-theme="dark"] .v2-support-icon { background:rgba(0,84,166,.15);color:#58a6ff; }
[data-theme="dark"] .v2-support-label { color:#8791b0; }
[data-theme="dark"] .v2-support-val   { color:#e8eaf0; }
[data-theme="dark"] .v2-empty-state-title { color:#f0f2fa; }
[data-theme="dark"] .v2-empty-btn-outline { background:#16202f;border-color:#242f41;color:#8791b0; }
[data-theme="dark"] .v2-empty-btn-outline:hover { background:rgba(0,84,166,.2);border-color:var(--brand);color:#58a6ff; }
[data-theme="dark"] .v2-empty-title { color:#f0f2fa; }
[data-theme="dark"] .v2-empty-icon  { background:#16202f;color:#8791b0; }
[data-theme="dark"] .v2-sidebar-overlay { background:rgba(0,0,0,.6); }
[data-theme="dark"] .toast-item { background:#1b2231;border-color:#242f41;color:#e8eaf0;box-shadow:0 6px 24px rgba(0,0,0,.5); }
[data-theme="dark"] .rpt-card { background:#1b2231;box-shadow:0 2px 12px rgba(0,0,0,.4); }
[data-theme="dark"] .rpt-sep { border-color:#2e3a52; }
[data-theme="dark"] .rpt-section-label { color:#8791b0; }
[data-theme="dark"] .rpt-tabs { background:#0c0f18; }
[data-theme="dark"] .rpt-tab { color:#8791b0; }
[data-theme="dark"] .rpt-tab.active { background:#1b2231;color:#58a6ff;box-shadow:0 1px 4px rgba(0,0,0,.3); }
[data-theme="dark"] .rpt-input { background:#0c0f18;border-color:#242f41;color:#e8eaf0; }
[data-theme="dark"] .rpt-input:focus { border-color:var(--brand); }
[data-theme="dark"] .rpt-date-sep { color:#525775; }
[data-theme="dark"] .rpt-quick-btn { background:#1b2231;border-color:#242f41;color:#8791b0; }
[data-theme="dark"] .rpt-quick-btn:hover { border-color:var(--brand);color:#58a6ff;background:rgba(0,84,166,.1); }
[data-theme="dark"] .rpt-quick-btn.active { border-color:var(--brand);background:rgba(0,84,166,.2);color:#58a6ff; }
[data-theme="dark"] .rpt-btn-outline { background:#16202f;border-color:#242f41;color:#8791b0; }
[data-theme="dark"] .rpt-btn-outline:hover { border-color:var(--brand);color:#58a6ff;background:rgba(0,84,166,.15); }