/* Design "Puls": energisk og professionelt. Marineblå menu, koralrød accent, moderne grotesk. */
@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:300 700;font-display:swap;src:url(../fonts/space-grotesk.woff2) format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;src:url(../fonts/inter.woff2) format('woff2')}
:root:root:root{
  --bg:#F2F3F8; --surface:#FFFFFF; --sunk:#ECEEF6; --line:#E0E3EE; --fg:#0F1733; --muted:#5B6380;
  --accent:#FF5A4E; --accent-ink:#D63A2F; --accent-soft:#FFE6E3; --accent-soft-ink:#9C2219;
  --good:#12A16B; --good-soft:#DFF6EC; --warn:#C27400; --inv:#101B3B; --inv-fg:#FFFFFF; --nav:#101B3B;
  --display:'Space Grotesk',system-ui,sans-serif; --body:'Inter',system-ui,sans-serif}
@media (prefers-color-scheme:dark){:root:root:root:not([data-theme="light"]){
  --bg:#0A0F22; --surface:#121A33; --sunk:#1A2342; --line:#26304F; --fg:#EEF1FA; --muted:#9AA3C2;
  --accent:#FF6B60; --accent-ink:#FF9C94; --accent-soft:#3A1A22; --accent-soft-ink:#FFC9C3;
  --good:#34D399; --good-soft:#0F2A26; --inv:#EEF1FA; --inv-fg:#0A0F22; --nav:#060A18; color-scheme:dark}}
h1,h2{font-weight:700;letter-spacing:-.6px}h1{font-size:30px}
.brand{font-weight:700;letter-spacing:-.8px}
.top{background:var(--nav);border-bottom:0;color:#fff}.top a.brand{color:#fff}.top .small{color:#AEB6D4!important}
.top .btn.ghost{background:rgba(255,255,255,.08);color:#fff;border-color:rgba(255,255,255,.16)}
.side{background:var(--nav);border-right:0}
.side a{color:#AEB6D4}.side a:hover{background:rgba(255,255,255,.07);color:#fff}
.side a[aria-current="page"]{background:var(--accent);color:#fff}
.card,.acard,.chat{border-radius:16px;border-color:var(--line);box-shadow:0 1px 3px rgba(16,27,59,.06)}
.btn{border-radius:12px}.btn.accent{box-shadow:0 6px 16px rgba(255,90,78,.3)}
.msg.me .b{background:var(--accent);color:#fff}
.kpi{background:linear-gradient(135deg,var(--accent-soft),var(--sunk))}
.av{border-radius:12px}
@media (max-width:760px){.side a[aria-current="page"]{background:transparent;color:#fff}.side a[aria-current="page"] svg{color:var(--accent)}}
