/* Skyloov Brand Guidelines 2025, v1: pp. 8–9, 12–20, 24–25.
   Official logo pixels are unmodified. Clear space is reserved around the full bilingual mark.
   Poppins is bundled locally; no font requests leave the application. */
@font-face{font-family:Poppins;src:url('/static/brand/Poppins-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Poppins;src:url('/static/brand/Poppins-Medium.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:Poppins;src:url('/static/brand/Poppins-SemiBold.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:Poppins;src:url('/static/brand/Poppins-Bold.ttf') format('truetype');font-weight:700;font-display:swap}
:root{--blue:#006bec;--navy:#022859;--ink:#022859;--bg:#f4f7f9;--muted:#61738a;--green:#03a679;--red:#ce2127;--purple:#3b6ab3}
body{font-family:Poppins,'Segoe UI',Arial,sans-serif}
aside{background:var(--navy);padding-top:8px;overflow-y:auto}
.brand{display:block;margin:0 0 18px;padding:20px 32px;flex-shrink:0}
.brand-logo{display:block;width:112px;height:auto;max-width:none}
.login-art{background:var(--navy)}
.login-art .brand{margin:0 0 64px -62px;padding:38px 62px}
.login-art .brand-logo{width:220px}
.login-art h1{font-size:42px;font-weight:600}
h1{font-size:32px;font-weight:600}h2{font-weight:600}
nav button.active{background:var(--blue);box-shadow:none}
.avatar{background:var(--blue)}
/* Main calls to action use the guide's black/white treatment. Blue signals selection and links. */
.primary{background:#000;color:#fff;border-color:#000;box-shadow:none}
.primary:hover{background:#022859;border-color:#022859}
.kpi .icon.purple{background:#eef3fa;color:#3b6ab3}
.kpi .icon.gold{background:#fff9ea;color:#9b6800}
.kpi .icon.green{background:#e6f6ef;color:#007b58}
.kpi .icon.red{background:#fceced;color:#ce2127}
.badge.blue{background:#e7f0fd;color:#033e8c}
.badge.purple{background:#eef3fa;color:#3b6ab3}
.badge.green{background:#e6f6ef;color:#007b58}
.badge.red{background:#fceced;color:#ce2127}
.badge.gold,.badge.orange{background:#fff9ea;color:#956200}
.danger,.error{color:#ce2127}
.agency-logo{background:#022859}
main{background:var(--bg)}
.tabs button{color:#61738a}
.page-head p{font-size:14px}
@media(max-width:1250px){.brand{padding-left:26px;padding-right:26px}.login-art .brand{margin-left:-62px}.kpi strong{font-size:22px}}
@media(max-height:820px){.login-art .brand{margin-bottom:30px}.sidebar-bottom{padding-top:8px}}

.field-edit{padding:3px 5px;margin-left:7px;vertical-align:middle}.field-edit svg{width:16px;height:16px}.remember{display:flex;align-items:center;gap:9px}.remember input{width:auto;margin:0}.hero-meta .field-edit{display:inline-block}.hero-meta .field-edit span{display:inline}.info-row strong{display:flex;align-items:center;flex-wrap:wrap;gap:4px}