/* Generated by WS-GTM/portal/sync.sh — do not hand-edit.
   Source: agents/demo/prototypes/index.html's <style> block (.tile/.profil/.filter/.calc/.who rules).
   ev.css (copied alongside) carries the shared tokens and .card/.act/.badge/.grid/.ikon. */
.tile .drift { font-size:var(--fs-xs); color:var(--muted); display:flex; align-items:center; gap:var(--sp-1); margin-bottom:var(--sp-1); }
.tile .dot { width:8px; height:8px; border-radius:50%; background:var(--turkis); display:inline-block; }
.tile.add { background:var(--bg); border:2px dashed var(--turkis); color:var(--navy); display:grid; place-items:center; text-align:center; min-height:150px; }
.profil { background:var(--bg); padding:var(--sp-4) var(--sp-5) 4px; margin:0 0 var(--sp-4); }
.profil summary { cursor:pointer; color:var(--navy); }
.profil .felter { display:grid; grid-template-columns:repeat(5, 1fr); gap:12px; margin:var(--sp-4) 0 0; }
.profil label { display:block; font-size:var(--fs-small); color:var(--navy); margin:0 0 4px; }
.profil input { width:100%; box-sizing:border-box; }
.profil .act { margin-left:8px; padding:var(--sp-1) var(--sp-4); }
.calc .kilde { margin:2px 0 8px; }
.calc > * { min-width:0; }
.calc select { width:100%; }
.calc .faste { margin:16px 0 0; }
.calc .faste p { margin:4px 0 8px; }
@media (max-width:800px) { .profil .felter { grid-template-columns:1fr 1fr; } }
.filter { display:flex; gap:12px; align-items:center; flex-wrap:wrap; margin:0 0 var(--sp-4); }
.tile .status { margin-top:12px; color:var(--muted); font-size:var(--fs-xs); }
.tile .tile-act { margin-top:auto; padding-top:16px; }
.tile .tile-act .act { padding:var(--sp-2) var(--sp-4); }
.tile { background:var(--bg); border-bottom:4px solid transparent; padding:var(--sp-4) var(--sp-5); text-decoration:none; color:var(--ink); display:flex; flex-direction:column; }
.tile[hidden], .mere-knap[hidden] { display:none; }
.tile:hover { border-bottom-color:var(--turkis); }
.tile.plan { background:transparent; border:1px solid var(--grey); padding-bottom:var(--sp-4); }
.tile.plan:hover { background:var(--bg); }
.tile:has(.tile-link) { position:relative; }
.tile .tile-link { color:inherit; text-decoration:none; }
.tile .tile-link::after { content:""; position:absolute; inset:0; }
.tile:has(.tile-link) .tile-act { position:relative; }
.tile h3 { margin:0 0 4px; font-size:var(--fs-h3); text-transform:none; letter-spacing:0; }
.tile .big { font-size:var(--fs-h1); margin:var(--sp-2) 0 2px; }
.tile .kpi3 > div { display:grid; grid-template-columns:1fr auto; column-gap:12px; padding:8px 0; border-top:1px solid var(--line); }
.tile .kpi3 > div:first-child { border-top:0; margin-top:var(--sp-2); }
.tile .kpi3 .lbl { font-size:var(--fs-xs); color:var(--navy); font-weight:700; align-self:end; }
.tile .kpi3 b { font-size:var(--fs-h3); color:var(--navy); text-align:right; white-space:nowrap; line-height:1.1; }
.tile .kpi3 .note { grid-column:1 / -1; font-size:12px; margin-top:2px; }
.tile table { margin-top:var(--sp-2); }
.tile td { padding:4px 0; border:0; font-size:var(--fs-small); }
.tile td:last-child { text-align:right; font-weight:700; white-space:nowrap; }
.who { display:flex; justify-content:space-between; align-items:baseline; flex-wrap:wrap; gap:8px; margin-bottom:var(--sp-4); }
.calc { display:grid; grid-template-columns:1fr 1fr; gap:24px; }
.calc label { display:block; margin:var(--sp-2) 0 4px; }
.calc input { width:160px; }
.calc .result { border-top:4px solid var(--turkis); }
.calc .result .big { font-size:var(--fs-display); color:var(--navy); }
@media (max-width:640px) { .calc { grid-template-columns:1fr; } }
.tile .top { display:flex; justify-content:space-between; align-items:center; margin-bottom:16px; }
.tile .top .drift { margin:0; }
.tile h3 { font-size:var(--fs-h3); }
.tile .linje { margin:var(--sp-2) 0 16px; }
.tile .tal b { display:block; font-size:var(--fs-h2); font-weight:700; color:var(--navy); line-height:1.15; }
.tile .tal span { font-size:var(--fs-small); color:var(--muted); }