/* Alerta Security: official website palette, logo and Poppins typography.
   All assets are served locally. Keep operational warning colors distinct. */
@font-face{font-family:Poppins;font-style:normal;font-weight:400;font-display:swap;src:url('/static/brand/poppins-regular.ttf') format('truetype')}
@font-face{font-family:Poppins;font-style:normal;font-weight:500;font-display:swap;src:url('/static/brand/poppins-medium.ttf') format('truetype')}
@font-face{font-family:Poppins;font-style:normal;font-weight:600;font-display:swap;src:url('/static/brand/poppins-semibold.ttf') format('truetype')}
@font-face{font-family:Poppins;font-style:normal;font-weight:700;font-display:swap;src:url('/static/brand/poppins-bold.ttf') format('truetype')}
:root{
  --brand:#ae1d1c;
  --brand-dark:#8c1717;
  --brand-soft:#fbefee;
  --navy:#111827;
  --navy2:#1f2937;
  --ink:#22252c;
  --muted:#707783;
  --line:#e9e9ec;
  --bg:#f7f7f8;
  --green:#16836c;
  --blue:#526b89;
  --danger:#bd253b;
  --shadow:0 3px 18px #20202804;
}
body{font-family:Poppins,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
h1{font-weight:600;letter-spacing:-1px}
.sidebar{background:white;color:#59616e;border-right:1px solid var(--line);padding-top:22px}
.brand{margin:0 4px 28px;display:block;line-height:0}
.brand img{display:block;width:100%;height:auto;max-width:208px;margin:auto}
.workspace-label{color:#8b8c95;letter-spacing:1.5px}
.workspace-label span{border-color:#e8dddd;color:#98625f}
nav a{color:#656975;font-weight:400;border-radius:6px}
nav a:hover{background:#f7f4f4;color:var(--brand)}
nav a.active{background:var(--brand-soft);color:var(--brand);box-shadow:inset 3px 0 var(--brand);font-weight:600}
nav a.active svg{opacity:1}
nav .nav-section{color:#97939a;letter-spacing:1.3px}
.source-status{color:#4c515a}
.source-status>i{background:#c58b2b;box-shadow:0 0 0 4px #c58b2b12}
.source-status small,.user small{color:#8b8d96}
.user{border-top-color:var(--line)}
.user b{color:#363941}
.user .icon-button{color:#8b7c7d}
.avatar,.top-avatar{background:var(--brand-soft);color:var(--brand)}
.topbar{border-top:3px solid var(--brand)}
.breadcrumb b{color:#51545d}
.eyebrow{color:var(--brand);font-weight:500;letter-spacing:1.5px}
.eyebrow span{color:#c9b6b5}
.button{color:#555963;border-color:#dedee3;transition:background .15s,border-color .15s}
.button:hover{background:#f7f4f4;border-color:#d4c8c8}
.button.primary{background:var(--brand);border-color:var(--brand);color:white}
.button.primary:hover{background:var(--brand-dark);border-color:var(--brand-dark)}
.button.dark:hover{background:#303541}
.section-kicker>span{background:var(--brand)}
.kpi-value{font-weight:600;font-variant-numeric:tabular-nums}
.kpi.highlight{background:var(--brand-soft);border-color:#edd4d2}
.kpi.highlight .kpi-icon{background:#f3dcd9;color:var(--brand)}
.kpi.highlight:after{content:'';position:absolute;right:-30px;bottom:-35px;width:110px;height:110px;border:19px solid #ae1d1c06;border-radius:50%}
.kpi-icon{background:#f4f3f5;color:#85818b}
.chart .bar,.legend i{fill:var(--brand);background:var(--brand)}
.chart .bar:hover{fill:var(--brand-dark)}
.bar-row:nth-child(1) .track i{background:var(--brand)}
.panel h2{color:#34343c}
.subtabs button.active{border-bottom-color:var(--brand);color:var(--brand);font-weight:500}
.step-number{background:var(--brand-soft);color:var(--brand)}
.table-link,.annual-client-link{color:var(--brand);text-decoration-color:#e2bab7}
.annual-client-link:hover{color:var(--brand-dark)}
.annual-dot.blue,.legend i.blue{background:var(--blue)}
.annual-dot.red,.annual-legend i.red,.progress.danger i{background:var(--danger)}
.annual-dot.gray,.annual-legend i.gray{background:#c6cedb}
.annual-cell.over-limit{color:#aa1930;background:#fff0f2;border-color:#edc0c8}
.annual-kpis.has-excess .kpi:nth-child(3){background:#fff0f2;border-color:#edc0c8}
.annual-kpis.has-excess .kpi:nth-child(3) .kpi-value{color:var(--danger)}
.login-logo{display:block;width:min(270px,100%);height:auto;margin:0 0 40px -20px}
.login-card h1{font-weight:600}
.login-card h1::after{content:'';display:block;width:54px;height:4px;background:var(--brand);margin-top:26px;border-radius:2px}
.login-art{background:linear-gradient(145deg,#111827 10%,#261b24 68%,#501f26);border-top:4px solid var(--brand)}
.login-art>span{color:#f0aaa4}
.login-art strong{font-weight:500}
.art-bars i{background:linear-gradient(0deg,var(--brand),#df6962)}
.orb{border-color:#ffffff0d;box-shadow:0 0 0 90px #ffffff02,0 0 0 180px #ffffff02}
::selection{background:#eed0cd;color:#651211}
:focus-visible{outline:2px solid var(--brand)}
@media(max-width:950px){.brand{margin:0 0 25px}.sidebar{padding-top:20px}}
@media(max-width:680px){.brand{margin:0 3px 25px}.brand img{max-width:198px}.login-logo{margin-left:-15px;margin-bottom:30px}.login-card{padding:35px}.breadcrumb{color:#61636b}}
