/* Verus mirror branding. Layout remains shared with the BOBfarm Warthog site. */
:root,:root[data-theme="warthog"]{
  --bg:#050914;--panel:#0b1425;--panel2:#101d34;--border:rgba(75,126,229,.30);
  --text:#f7f9ff;--muted:rgba(224,233,255,.72);--muted2:rgba(207,220,250,.50);
  --accent:#3165D4;--accent2:#6f9bff;--chartSecondary:#8fb3ff;
  --glow1:rgba(49,101,212,.22);--glow2:rgba(67,119,230,.12);
  --accentSoftA:rgba(49,101,212,.34);--accentSoftB:rgba(49,101,212,.10);
  --accentSoftC:rgba(49,101,212,.22);--accentSoftD:rgba(49,101,212,.06);
  --accentGlow:rgba(49,101,212,.55);--accentBorder:rgba(77,128,235,.55);
  --accentHoverBg:rgba(49,101,212,.13);--accentRing:rgba(49,101,212,.23);
}
:root[data-theme="light"]{
  --bg:#f2f6ff;--panel:#ffffff;--panel2:#eaf0fd;--border:rgba(49,101,212,.20);
  --text:#09152b;--muted:rgba(9,21,43,.68);--muted2:rgba(9,21,43,.48);
  --accent:#3165D4;--accent2:#1749b5;--chartSecondary:#173f92;
  --glow1:rgba(49,101,212,.15);--glow2:rgba(49,101,212,.07);
  --accentSoftA:rgba(49,101,212,.23);--accentSoftB:rgba(49,101,212,.06);
  --accentSoftC:rgba(49,101,212,.15);--accentSoftD:rgba(49,101,212,.035);
  --accentGlow:rgba(49,101,212,.30);--accentBorder:rgba(49,101,212,.40);
  --accentHoverBg:rgba(49,101,212,.09);--accentRing:rgba(49,101,212,.18);
}

body{background:radial-gradient(900px 620px at 2% 0%,var(--glow1),transparent 60%),radial-gradient(800px 540px at 96% 12%,var(--glow2),transparent 62%),var(--bg)}
body::before{background-image:linear-gradient(rgba(49,101,212,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(49,101,212,.035) 1px,transparent 1px)}
.sidebar{background:#050914;border-right-color:rgba(49,101,212,.42)}
:root[data-theme="light"] .sidebar{background:#fff;border-right-color:rgba(49,101,212,.18)}
.brandLogo{width:190px;filter:none!important}
.brandMark{filter:none!important}
.brandMarkDark,.brandMarkLight{display:none}
:root[data-theme="light"] .brandLogoDark{display:none}
:root[data-theme="light"] .brandLogoLight{display:block}
.sidebarFooter{color:rgba(143,179,255,.68)}

.navItem .ico{border-color:rgba(49,101,212,.20)}
.navItem.active{color:#fff;background:linear-gradient(100deg,rgba(49,101,212,.34),rgba(49,101,212,.10));border-color:rgba(85,138,245,.58)}
:root[data-theme="light"] .navItem.active{color:#09152b}
.navItem.active::after{background:linear-gradient(180deg,#6f9bff,#3165D4)}
.topbar{border-bottom-color:#3165D4}
:root[data-theme="light"] .topbar{border-bottom-color:#3165D4}

.card::before{background:linear-gradient(90deg,#6f9bff,#3165D4,#1749b5)}
.card:hover{border-color:rgba(91,143,248,.56)}
.metricSecondary,.estimateItem small{color:#79a3ff}
:root[data-theme="light"] .metricSecondary,:root[data-theme="light"] .estimateItem small{color:#1749b5}
.hero{
  background:linear-gradient(105deg,rgba(2,7,18,.96) 0%,rgba(5,16,42,.86) 52%,rgba(18,57,145,.56) 100%),url("brand/desktop-wallpaper-verus-logo-dark.png") center 50%/cover no-repeat;
  border-color:rgba(80,132,238,.42)
}
.hero::after{content:"VRSC";color:rgba(111,155,255,.10)}
.btn:not(.btnGhost){color:#fff;background:linear-gradient(135deg,#3165D4,#1749b5);border-color:#5f8df0}
.btnGhost:hover{border-color:rgba(91,143,248,.60);background:rgba(49,101,212,.12)}
.seg.active{background:#3165D4;border-color:#6f9bff;color:#fff}
.badge,.workerTag{color:#8fb3ff;background:rgba(49,101,212,.10);border-color:rgba(49,101,212,.30)}
.progressTrack>div,.progressTrack span{background:linear-gradient(90deg,#1749b5,#3165D4,#8fb3ff)}
.workerStatus.active{color:#8fb3ff;border-color:rgba(49,101,212,.45);background:rgba(49,101,212,.12)}
:root[data-theme="light"] .workerStatus.active{color:#1749b5}
th{background:rgba(49,101,212,.08)}
tbody tr:hover{background:rgba(49,101,212,.08)}
:root[data-theme="light"] th{background:#eaf0fd}
:root[data-theme="light"] tbody tr:hover{background:rgba(49,101,212,.10)}

.externalDataBanner{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px;padding:13px 15px;border:1px solid rgba(111,155,255,.48);border-left:4px solid #3165D4;border-radius:12px;background:rgba(49,101,212,.10);color:var(--muted);font-size:13px;line-height:1.55}
.externalDataBanner strong{display:block;color:var(--text);margin-bottom:2px}
.externalDataBanner a{color:#8fb3ff}
:root[data-theme="light"] .externalDataBanner a{color:#1749b5}
.previewBadge{display:inline-flex;align-items:center;gap:7px;padding:6px 9px;border:1px solid rgba(111,155,255,.48);border-radius:999px;background:rgba(49,101,212,.12);color:#8fb3ff;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
:root[data-theme="light"] .previewBadge{color:#1749b5}

@media(max-width:1100px){
  .brandLogo{display:none!important}
  :root:not([data-theme="light"]) .brandMarkDark{display:block;width:50px;height:50px;object-fit:contain}
  :root[data-theme="light"] .brandMarkLight{display:block;width:50px;height:50px;object-fit:contain}
}
@media(max-width:680px){
  html,body{max-width:100%;overflow-x:hidden}
  .externalDataBanner{font-size:12px;overflow-wrap:anywhere}
  .previewBadge{display:none}
  .topbar .left{min-width:0;flex-wrap:wrap}
  .topbar .right{display:grid;grid-template-columns:minmax(0,1fr) auto auto;width:100%;align-items:end}
  .topbar .field{min-width:0}
  .topbar .btn{white-space:nowrap}
  .content,.grid,.card,.hero{min-width:0;max-width:100%}
  .hero{padding:22px 18px}
  .heroCtas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .heroCtas .btn{min-width:0;white-space:normal}
  .heroCtas .btn:first-child{grid-column:1/-1}
  .hero .card{overflow-wrap:anywhere}
  .hero .card .metric,.hero .card strong{white-space:normal;overflow-wrap:anywhere}
}
@media(max-width:430px){
  .topbar .right{grid-template-columns:minmax(0,1fr) auto}
  .topbar .right .btn:last-child{grid-column:2}
}