/* ============================================================
   MyTrafficBuzz Admin/CRM v3 — "night signal" SaaS skin.
   Loaded by layout_head() AFTER Bootstrap + the inline block,
   so equal-specificity rules here win. Zero logic changes —
   pure reskin of every CMS/CRM screen. Linked as ?v=2.
   Shares the site's v3 system (css/style.css): deep ink chrome,
   red actions, honey highlights, aurora fields on dark panels.
   ============================================================ */
:root{
  --a-ink:#0A1830;--a-navy:#10264D;--a-acc:#E23A4E;--a-acc-deep:#C22437;
  --a-gold:#F4B63F;--a-iris:#7B5BF5;--a-az:#3E63DD;
  --a-bg:#F1F5FB;--a-card:#fff;--a-line:#E4EAF4;--a-txt:#1A2A44;--a-txtl:#5A6A85;
  --a-r:16px;--a-sh:0 1px 2px rgba(10,24,48,.05),0 10px 28px rgba(10,24,48,.07);
  --a-shh:0 2px 6px rgba(10,24,48,.07),0 24px 56px rgba(10,24,48,.16);
  --a-aur:radial-gradient(52% 68% at 82% -6%,rgba(123,91,245,.34),transparent 62%),
          radial-gradient(46% 62% at 2% 100%,rgba(62,99,221,.32),transparent 60%),
          radial-gradient(36% 46% at 62% 112%,rgba(244,182,63,.15),transparent 65%),
          radial-gradient(28% 38% at 102% 74%,rgba(226,58,78,.18),transparent 60%);
}
.cms-main{background:
  radial-gradient(900px 380px at 90% -8%,rgba(123,91,245,.06),transparent 60%),
  radial-gradient(700px 320px at -4% 0%,rgba(62,99,221,.05),transparent 55%),
  var(--a-bg)!important;
  padding:26px 0 40px}
.cms-main .container{max-width:1200px}
.cms-main a{color:#1A4794}
.cms-main h1,.cms-main h2,.cms-main h3{letter-spacing:-.02em;color:var(--a-ink)}
.cms-main ::selection{background:rgba(226,58,78,.85);color:#fff}

/* scrollbar — quiet, rounded */
.cms-main ::-webkit-scrollbar{width:10px;height:10px}
.cms-main ::-webkit-scrollbar-thumb{background:#C8D4E6;border-radius:8px;border:2px solid var(--a-bg)}
.cms-main ::-webkit-scrollbar-thumb:hover{background:#A9BAD3}

/* topbar (adminNav) — glass ink, aurora sheen. NOT sticky: the site header
   above it is already sticky and two sticky bars overlap while scrolling. */
.container.pt-3 .navbar{background:rgba(7,15,31,.86)!important;backdrop-filter:blur(16px) saturate(1.5);-webkit-backdrop-filter:blur(16px) saturate(1.5);border:1px solid rgba(255,255,255,.09);border-radius:16px!important;box-shadow:0 12px 34px rgba(6,13,29,.32);position:relative;overflow:visible}
.container.pt-3 .navbar::before{content:'';position:absolute;left:0;right:0;bottom:-1px;height:1px;border-radius:1px;background:linear-gradient(90deg,transparent,rgba(226,58,78,.7) 25%,rgba(244,182,63,.7) 50%,rgba(123,91,245,.7) 75%,transparent);pointer-events:none}
#adminNav .nav-link{border-radius:9px;transition:all .2s ease}
#adminNav .nav-link.active{background:var(--a-acc)!important;box-shadow:0 4px 12px rgba(226,58,78,.35)}
#adminNav .dropdown-menu{background:rgba(10,26,52,.96);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.09);border-radius:14px;padding:6px;box-shadow:0 22px 52px rgba(4,10,22,.55)}
#adminNav .dropdown-item{border-radius:9px;padding:.45rem .7rem;font-size:.9rem;transition:all .15s ease}
#adminNav .dropdown-item:hover{background:var(--a-acc)!important;transform:translateX(2px)}
/* Logout button sits on the dark bar: .cms-main a's navy would make it unreadable */
.cms-main .navbar .btn-outline-light{color:#fff;border-color:rgba(255,255,255,.45);border-radius:9px}
.cms-main .navbar .btn-outline-light:hover{background:var(--a-acc);border-color:var(--a-acc);color:#fff}

/* cards — crisp, layered, gradient hairline on hover */
.cms-main .card{border:1px solid var(--a-line)!important;border-radius:var(--a-r)!important;box-shadow:var(--a-sh)!important;background:var(--a-card);transition:box-shadow .25s ease,transform .25s ease,border-color .25s ease}
.cms-main .card:hover{box-shadow:var(--a-shh)!important}
.cms-main .card .card-img-top{border-radius:var(--a-r) var(--a-r) 0 0!important}
.cms-main .card h5 a:hover{color:var(--a-acc)}
.cms-main .card .card-header{background:transparent;border-bottom:1px solid var(--a-line);font-weight:600;color:var(--a-ink)}
.cms-main .card .card-footer{background:#FAFCFE;border-top:1px solid var(--a-line)}

/* KPI dashboard cards: display numerals + a signal tick under the label */
.cms-main .card h2,.cms-main .card .display-6{font-family:'Outfit',sans-serif;font-weight:800;letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:var(--a-ink)}
.cms-main .card h2{background:linear-gradient(120deg,var(--a-ink),#1A4794 85%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}

/* hero panel on blog/admin screens — the aurora signal field */
.hero-cms{background:linear-gradient(150deg,#081326,#0F2348 55%,#16336B)!important;border-radius:18px!important;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.07)}
.hero-cms::before{content:'';position:absolute;inset:-12%;background:var(--a-aur);pointer-events:none;animation:aAurora 16s ease-in-out infinite}
.hero-cms>*{position:relative}
@keyframes aAurora{0%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(-4%,3%,0) scale(1.14)}100%{transform:translate3d(0,0,0) scale(1)}}
@media (prefers-reduced-motion:reduce){.hero-cms::before{animation:none}}

/* brand button */
.btn-mtb{background:linear-gradient(135deg,#E9485C,#C22437)!important;border-radius:11px!important;box-shadow:0 4px 16px rgba(226,58,78,.32);border:none;transition:all .2s ease}
.btn-mtb:hover{transform:translateY(-1px);box-shadow:0 8px 22px rgba(226,58,78,.42)}

/* bootstrap buttons re-tinted to the system */
.cms-main .btn{border-radius:11px;transition:all .2s ease}
.cms-main .btn-primary{background:#1A4794;border-color:#1A4794}
.cms-main .btn-primary:hover{background:#10264D;border-color:#10264D;transform:translateY(-1px)}
.cms-main .btn-outline-dark{border-radius:11px}
.cms-main .btn-dark{background:var(--a-ink);border-color:var(--a-ink)}
.cms-main .btn-danger{background:var(--a-acc);border-color:var(--a-acc)}
.cms-main .btn-danger:hover{background:var(--a-acc-deep);border-color:var(--a-acc-deep)}
.cms-main .btn-success{background:#158A54;border-color:#158A54}
.cms-main .btn-sm{border-radius:9px}

/* tables — airy rows, quiet uppercase headers, hover lift tint */
.cms-main table{--bs-table-hover-bg:#F5F9FE}
.cms-main .table thead th{font-size:.72rem;text-transform:uppercase;letter-spacing:.07em;color:var(--a-txtl);border-bottom:1px solid var(--a-line);background:#FAFCFE;font-weight:700}
.cms-main .table td{border-color:#EEF2F9;vertical-align:middle}
.cms-main .table>:not(caption)>*>*{padding:.68rem .75rem}
.cms-main .table tbody tr{transition:background .15s ease}

/* forms — brand focus ring, rounded fields */
.cms-main .form-control,.cms-main .form-select{border:1.5px solid var(--a-line);border-radius:11px;padding:.55rem .8rem;transition:border-color .2s ease,box-shadow .2s ease}
.cms-main .form-control:focus,.cms-main .form-select:focus{border-color:var(--a-acc);box-shadow:0 0 0 4px rgba(226,58,78,.1)}
.cms-main label.form-label,.cms-main .form-label{font-weight:600;font-size:.82rem;color:var(--a-ink)}
.cms-main .form-check-input:checked{background-color:var(--a-acc);border-color:var(--a-acc)}
.cms-main .form-check-input:focus{box-shadow:0 0 0 3px rgba(226,58,78,.15);border-color:var(--a-acc)}
.cms-main .input-group-text{border-radius:11px;border:1.5px solid var(--a-line);background:#FAFCFE;color:var(--a-txtl)}

/* badges & alerts — soft chips */
.cms-main .badge{border-radius:9px;font-weight:600;letter-spacing:.02em;padding:.38em .6em}
.cms-main .alert{border-radius:13px;border:1px solid var(--a-line)}
.cms-main .alert-info{background:#EEF4FF;color:#1A4794;border-color:#D8E4FA}
.cms-main .alert-success{background:#E9F7EE;color:#166534;border-color:#CBEBD7}
.cms-main .alert-danger{background:#FDF0F1;color:#B3261E;border-color:#F5D5D8}
.cms-main .alert-warning{background:#FDF7E7;color:#946200;border-color:#F2E4BC}

/* nav pills / tabs used on admin.php?tab=... */
.cms-main .nav-pills .nav-link{border-radius:11px;color:var(--a-ink);font-weight:600;transition:all .2s ease}
.cms-main .nav-pills .nav-link:hover{background:rgba(26,71,148,.08)}
.cms-main .nav-pills .nav-link.active{background:var(--a-ink);box-shadow:0 4px 14px rgba(10,24,48,.25)}
.cms-main .nav-tabs{border-color:var(--a-line)}
.cms-main .nav-tabs .nav-link{border-radius:11px 11px 0 0;color:var(--a-txtl);font-weight:600}
.cms-main .nav-tabs .nav-link.active{color:var(--a-ink);border-color:var(--a-line) var(--a-line) #fff}

/* dropdowns, modals, pagination */
.cms-main .dropdown-menu{border:1px solid var(--a-line);border-radius:13px;box-shadow:0 20px 48px rgba(10,24,48,.16);padding:6px}
.cms-main .dropdown-item{border-radius:9px;padding:.45rem .7rem}
.cms-main .dropdown-item:hover{background:#F1F5FB}
.cms-main .modal-content{border:1px solid var(--a-line);border-radius:18px;box-shadow:0 28px 70px rgba(10,24,48,.3)}
.cms-main .modal-header{border-bottom:1px solid var(--a-line)}
.cms-main .modal-footer{border-top:1px solid var(--a-line)}
.cms-main .page-link{border-radius:9px;margin:0 2px;border-color:var(--a-line);color:var(--a-ink)}
.cms-main .page-link:hover{background:#F1F5FB;border-color:var(--a-line)}
.cms-main .page-item.active .page-link{background:var(--a-acc);border-color:var(--a-acc);box-shadow:0 4px 12px rgba(226,58,78,.3)}

/* progress bars, list groups, misc polish */
.cms-main .progress{border-radius:8px;background:#E8EEF7;height:.6rem}
.cms-main .progress-bar{background:linear-gradient(90deg,var(--a-acc),var(--a-gold))}
.cms-main .list-group{border-radius:13px}
.cms-main .list-group-item{border-color:#EEF2F9}
.cms-main .list-group-item:first-child{border-top-left-radius:13px;border-top-right-radius:13px}
.cms-main .list-group-item:last-child{border-bottom-left-radius:13px;border-bottom-right-radius:13px}
.cms-main hr{border-color:var(--a-line);opacity:1}
.cms-main .text-muted{color:var(--a-txtl)!important}
.cms-main .breadcrumb{background:transparent;font-size:.85rem}
.cms-main .breadcrumb-item.active{color:var(--a-txtl)}
.cms-main .toast{border-radius:13px;border:1px solid var(--a-line);box-shadow:var(--a-shh)}
.cms-main .accordion-item{border-color:var(--a-line)}
.cms-main .accordion-button{font-weight:600;color:var(--a-ink);border-radius:13px}
.cms-main .accordion-button:not(.collapsed){background:#F1F5FB;color:var(--a-ink);box-shadow:none}
.cms-main .accordion-button:focus{box-shadow:0 0 0 3px rgba(226,58,78,.12);border-color:var(--a-acc)}
.cms-main img.rounded,.cms-main .img-thumbnail{border-radius:12px!important;border-color:var(--a-line)}