/* QuadraBay control panel · Consult One CMS theme */
:root{--qb-navy:#041C33;--qb-navy2:#0A2A4A;--qb-blue:#0061A5;--qb-sky:#5FB4F0;--qb-ink:#0F172A;--qb-r:16px}
.fi-body{background:#F4F7FB}
.dark .fi-body{background:#06111F}

/* ---------- sidebar: deep navy ---------- */
.fi-sidebar{background:linear-gradient(180deg,var(--qb-navy) 0%,#062645 100%)!important;border-inline-end:0!important}
.fi-sidebar .fi-sidebar-header{background:transparent!important;box-shadow:none!important;border-bottom:1px solid rgba(255,255,255,.08)}
.fi-sidebar .fi-logo img{filter:brightness(0) invert(1)}
.fi-sidebar-group-label,.fi-sidebar-group-btn .fi-sidebar-group-label{color:rgba(169,191,214,.75)!important;font-size:.7rem!important;letter-spacing:.12em;text-transform:uppercase}
.fi-sidebar-group-btn svg,.fi-sidebar-group-collapse-btn svg{color:rgba(169,191,214,.6)!important}
.fi-sidebar-item-btn{border-radius:10px!important;transition:background .2s}
.fi-sidebar-item-label{color:#D7E3F0!important;font-weight:500}
.fi-sidebar-item-icon{color:#7FA3C6!important}
.fi-sidebar-item-btn:hover{background:rgba(255,255,255,.06)!important}
.fi-sidebar-item.fi-active .fi-sidebar-item-btn{background:linear-gradient(90deg,rgba(95,180,240,.22),rgba(95,180,240,.06))!important;box-shadow:inset 3px 0 0 var(--qb-sky)}
.fi-sidebar-item.fi-active .fi-sidebar-item-label{color:#fff!important;font-weight:600}
.fi-sidebar-item.fi-active .fi-sidebar-item-icon{color:var(--qb-sky)!important}
.fi-sidebar .fi-badge{background:rgba(95,180,240,.18)!important;color:#CFE7FA!important;--tw-ring-color:transparent!important}
.fi-sidebar-close-overlay{background:rgba(4,28,51,.6)}
.fi-sidebar .fi-icon-btn{color:#A9BFD6}
.qb-side-foot{margin:12px;padding:12px;border-radius:12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08)}
.qb-side-foot__site{display:flex;gap:10px;align-items:center;text-decoration:none;color:#fff}
.qb-side-foot__ic{width:22px;height:22px;color:var(--qb-sky)}
.qb-side-foot__site b{display:block;font-size:.85rem}
.qb-side-foot__site small{display:block;font-size:.72rem;color:#7FA3C6;max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.qb-side-foot__by{margin-top:10px;font-size:.68rem;color:#5E7E9E;letter-spacing:.02em}
.qb-side-foot__by span{color:#7FA3C6}
.fi-sidebar-nav-groups{gap:1.25rem}

/* ---------- topbar ---------- */
.fi-topbar{background:rgba(255,255,255,.82)!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 1px 0 rgba(15,23,42,.06)!important}
.dark .fi-topbar{background:rgba(6,17,31,.82)!important}
.fi-global-search-field .fi-input-wrp{border-radius:12px!important;background:#F1F5F9!important;box-shadow:none!important;min-width:min(420px,40vw)}
.dark .fi-global-search-field .fi-input-wrp{background:rgba(255,255,255,.06)!important}

/* ---------- surfaces ---------- */
.fi-section,.fi-wi-stats-overview-stat,.fi-ta-ctn,.fi-wi-chart .fi-section{border-radius:var(--qb-r)!important;box-shadow:0 1px 2px rgba(15,23,42,.04),0 8px 24px -16px rgba(15,23,42,.18)!important;--tw-ring-color:rgba(15,23,42,.06)!important}
.fi-header-heading{letter-spacing:-.02em;font-weight:700}
.fi-btn{border-radius:10px!important}
.fi-wi-stats-overview-stat{position:relative;overflow:hidden;transition:transform .2s,box-shadow .2s}
.fi-wi-stats-overview-stat:hover{transform:translateY(-2px);box-shadow:0 2px 4px rgba(15,23,42,.05),0 18px 34px -20px rgba(0,97,165,.45)!important}
.fi-wi-stats-overview-stat-value{letter-spacing:-.03em;font-weight:800!important}
.fi-wi-stats-overview-stat::before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--qb-blue),var(--qb-sky))}
.fi-ta-header-heading,.fi-section-header-heading{font-weight:700!important;letter-spacing:-.01em}

/* ---------- command centre ---------- */
.qb-cc__card{position:relative;overflow:hidden;border-radius:22px;padding:28px 30px;color:#fff;background:radial-gradient(120% 140% at 100% 0%,rgba(95,180,240,.35),transparent 55%),linear-gradient(135deg,#041C33 0%,#0A2A4A 55%,#0061A5 130%);display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center;box-shadow:0 30px 60px -36px rgba(4,28,51,.9)}
.qb-cc__glow{position:absolute;inset:auto -10% -60% auto;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(95,180,240,.22),transparent 60%);pointer-events:none}
.qb-cc__card::after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.16) 1px,transparent 1px);background-size:18px 18px;-webkit-mask-image:linear-gradient(90deg,transparent 40%,#000);mask-image:linear-gradient(90deg,transparent 40%,#000);opacity:.35;pointer-events:none}
.qb-cc__main,.qb-cc__side{position:relative;z-index:1}
.qb-cc__date{font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--qb-sky);font-weight:600}
.qb-cc__hello{font-size:clamp(1.6rem,2.6vw,2.2rem);font-weight:800;letter-spacing:-.03em;margin-top:6px;line-height:1.1}
.qb-cc__sub{color:#A9BFD6;margin-top:6px;font-size:.95rem}
.qb-cc__sub b{color:#fff;font-weight:600}
.qb-cc__chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.qb-chip{display:inline-flex;align-items:center;gap:7px;font-size:.78rem;font-weight:600;padding:5px 11px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);color:#E2ECF6}
.qb-chip i{width:7px;height:7px;border-radius:50%;background:#34D399;box-shadow:0 0 0 3px rgba(52,211,153,.2)}
.qb-chip.is-warn i{background:#FBBF24;box-shadow:0 0 0 3px rgba(251,191,36,.2)}
.qb-cc__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.qb-cc__btn{display:inline-flex;align-items:center;gap:8px;padding:10px 15px;border-radius:12px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);color:#fff;font-weight:600;font-size:.88rem;text-decoration:none;transition:background .2s,transform .2s}
.qb-cc__btn:hover{background:rgba(255,255,255,.18);transform:translateY(-1px)}
.qb-cc__btn:first-child{background:#fff;color:var(--qb-navy);border-color:#fff}
.qb-cc__btn:first-child .qb-cc__btn-ic{color:var(--qb-blue)}
.qb-cc__btn-ic{width:18px;height:18px;color:var(--qb-sky)}
.qb-cc__side{display:flex;gap:26px;align-items:center}
.qb-ring{position:relative;width:132px;height:132px;display:grid;place-items:center;text-decoration:none;color:#fff;flex:none}
.qb-ring svg{position:absolute;inset:0;transform:rotate(-90deg)}
.qb-ring circle{fill:none;stroke-width:10}
.qb-ring__bg{stroke:rgba(255,255,255,.1)}
.qb-ring__fg{stroke:var(--c);stroke-linecap:round;stroke-dasharray:326.7;stroke-dashoffset:calc(326.7 - 326.7 * var(--v) / 100);animation:qbRing 1.4s cubic-bezier(.2,.9,.2,1) both}
@keyframes qbRing{from{stroke-dashoffset:326.7}}
.qb-ring__v{font-size:2.1rem;font-weight:800;letter-spacing:-.04em;line-height:1;margin-top:-10px}
.qb-ring__v small{font-size:.8rem;color:#A9BFD6;font-weight:600;margin-inline-start:2px}
.qb-ring__l{position:absolute;bottom:30px;font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:#A9BFD6;font-weight:600}
.qb-cc__kpis{display:grid;gap:10px}
.qb-cc__kpis div{display:flex;align-items:baseline;gap:10px;padding:10px 14px;border-radius:12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);min-width:170px}
.qb-cc__kpis b{font-size:1.4rem;font-weight:800;letter-spacing:-.02em;min-width:36px}
.qb-cc__kpis span{color:#A9BFD6;font-size:.82rem}
.qb-cc__content{min-width:220px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:2px}
.qb-cc__content-h{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--qb-sky);font-weight:600;margin-bottom:4px}
.qb-cc__content-row{display:flex;align-items:center;gap:10px;color:#DCE7F3;text-decoration:none;padding:6px 4px;border-radius:8px;font-size:.9rem}
.qb-cc__content-row:hover{background:rgba(255,255,255,.08);color:#fff}
.qb-cc__content-row b{margin-left:auto;font-size:1.15rem;font-weight:800;color:#fff;font-variant-numeric:tabular-nums}
.qb-cc__content-ic{width:18px;height:18px;color:var(--qb-sky)}
@media (max-width:1100px){.qb-cc__card{grid-template-columns:1fr}.qb-cc__side{flex-wrap:wrap}}
@media (max-width:640px){.qb-cc__card{padding:22px}.qb-cc__kpis{grid-template-columns:repeat(3,1fr);width:100%}.qb-cc__kpis div{min-width:0;flex-direction:column;gap:2px}}

/* ---------- authority network ---------- */
.qb-net__ctry{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}
.qb-net__ctry span{font-size:.75rem;font-weight:600;padding:4px 9px;border-radius:999px;background:#EEF5FC;color:#0A2A4A}
.dark .qb-net__ctry span{background:rgba(95,180,240,.12);color:#CFE7FA}
.qb-net__ctry b{color:var(--qb-blue);margin-inline-start:3px}
.qb-net{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;list-style:none;padding:0;margin:0}
.qb-net li{position:relative}
.qb-net a{display:grid;place-items:center;height:64px;border-radius:12px;background:#fff;border:1px solid #E6ECF3;padding:8px;transition:border-color .2s,transform .2s,box-shadow .2s}
.qb-net a:hover{border-color:var(--qb-sky);transform:translateY(-2px);box-shadow:0 10px 20px -14px rgba(0,97,165,.5)}
.qb-net img{max-height:44px;max-width:100%;object-fit:contain}
.qb-net__abbr{font-weight:800;color:var(--qb-blue)}
.qb-net li i,.qb-net__foot i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#34D399}
.qb-net li i{position:absolute;top:6px;inset-inline-end:6px;box-shadow:0 0 0 2px #fff}
.qb-net i.off,.qb-net__foot i.off{background:#CBD5E1}
.qb-net__foot{margin-top:12px;font-size:.75rem;color:#64748B;display:flex;align-items:center;gap:6px}
.qb-net__foot i.off{margin-inline-start:10px}

/* ---------- sign-in ---------- */
.fi-simple-layout{background:radial-gradient(80% 90% at 85% 10%,rgba(95,180,240,.35),transparent 60%),radial-gradient(60% 70% at 0% 100%,rgba(0,97,165,.55),transparent 65%),linear-gradient(135deg,#041C33,#0A2A4A)!important;position:relative}
.fi-simple-layout::before{content:"";position:fixed;inset:0;background-image:radial-gradient(rgba(255,255,255,.14) 1px,transparent 1px);background-size:22px 22px;-webkit-mask-image:radial-gradient(70% 70% at 50% 50%,#000,transparent);mask-image:radial-gradient(70% 70% at 50% 50%,#000,transparent);pointer-events:none}
.fi-simple-main{border-radius:22px!important;box-shadow:0 40px 80px -30px rgba(0,0,0,.6)!important;position:relative}

/* ---------- needs attention ---------- */
.qb-todo{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.qb-todo a{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;border:1px solid #E6ECF3;text-decoration:none;transition:border-color .2s,background .2s}
.dark .qb-todo a{border-color:rgba(255,255,255,.08)}
.qb-todo a:hover{border-color:var(--qb-sky);background:#F7FBFF}
.dark .qb-todo a:hover{background:rgba(95,180,240,.06)}
.qb-todo__ic{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;flex:none;background:#ECFDF5;color:#059669}
.qb-todo__ic svg{width:18px;height:18px}
.qb-todo .is-warn .qb-todo__ic{background:#FFFBEB;color:#D97706}
.qb-todo .is-info .qb-todo__ic{background:#EFF6FF;color:var(--qb-blue)}
.qb-todo__t{flex:1;min-width:0}
.qb-todo__t b{display:block;font-size:.88rem;color:#0F172A}
.dark .qb-todo__t b{color:#fff}
.qb-todo__t small{display:block;font-size:.78rem;color:#64748B;line-height:1.35}
.qb-todo__go{width:16px;height:16px;color:#94A3B8}
