*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg)}
body{font-family:'Archivo',system-ui,-apple-system,sans-serif}
a{color:var(--info);text-decoration:none}
a:hover{color:var(--signal)}
button,input,select,textarea{font:inherit;color:inherit}
.ms{font-family:'Material Symbols Outlined';font-weight:300;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;direction:ltr;-webkit-font-feature-settings:'liga';font-feature-settings:'liga'}
@keyframes liPulse{0%,100%{opacity:1}50%{opacity:.2}}
@keyframes liRing{0%{box-shadow:0 0 0 0 rgba(238,114,24,.45)}100%{box-shadow:0 0 0 7px rgba(238,114,24,0)}}
@keyframes liUp{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
@keyframes liIn{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}
@keyframes liShim{0%{background-position:-320px 0}100%{background-position:320px 0}}
@keyframes liSlide{from{opacity:0;transform:translateX(16px)}to{opacity:1;transform:none}}
@keyframes liBar{from{transform:scaleX(1)}to{transform:scaleX(0)}}
@keyframes liGlowA{0%,100%{transform:translate3d(-12%,-8%,0) scale(1)}50%{transform:translate3d(10%,12%,0) scale(1.22)}}
@keyframes liGlowB{0%,100%{transform:translate3d(8%,14%,0) scale(1.12)}50%{transform:translate3d(-10%,-10%,0) scale(.9)}}
@keyframes liGlowC{0%,100%{opacity:.5}50%{opacity:.85}}
@keyframes liDash{to{stroke-dashoffset:-240}}
@keyframes liTravel{0%{left:-34%;opacity:0}12%{opacity:1}88%{opacity:1}100%{left:104%;opacity:0}}
@keyframes liSubIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
*{scrollbar-width:thin;scrollbar-color:var(--nav3) transparent}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:transparent}
/* A transparent border plus padding-box clipping leaves a 4px thumb that widens on hover. Navy
   family (not grey) so every scroller - including body during load transitions - stays on-brand. */
::-webkit-scrollbar-thumb{background:var(--nav3);border:3px solid transparent;background-clip:padding-box;border-radius:99px}
::-webkit-scrollbar-thumb:hover{background:var(--nav3);background:color-mix(in srgb,var(--nav3) 60%,#fff);border-width:2px;background-clip:padding-box}
::-webkit-scrollbar-corner{background:transparent}

/* Rebrand addition: style.bundle.css forces body background/color with !important
   (Metronic's own dark-mode support needs that). This file loads after it, but
   !important always beats a normal-priority rule regardless of order, so these
   two properties need it too - everything else here already wins on source order. */
body{background:var(--bg)!important;color:var(--ink)!important}