@font-face{font-family:Inter;src:url(/static/InterVariable.woff2) format('woff2');font-weight:100 900;font-display:swap}
:root{--bg:#f7f7f6;--card:#fff;--text:#171717;--muted:#5f5f5f;--border:#e2e2df;--primary:#171717;--primary-text:#fff;--attention:#a33a00;--attention-bg:#fff3e8;--attention-border:#f0c39b;--ok:#1d6b3a;--ok-bg:#e8f5ec;--plan-bg:#eef2fb;--plan:#2b4a8b;--danger:#b42318;--focus:#2b6cd4}
@media (prefers-color-scheme:dark){:root{--bg:#121212;--card:#1c1c1c;--text:#ededed;--muted:#a8a8a8;--border:#333;--primary:#ededed;--primary-text:#171717;--attention:#ffb37a;--attention-bg:#2d1f14;--attention-border:#6b4220;--ok:#8fd6a8;--ok-bg:#15291c;--plan-bg:#1a2333;--plan:#a9c1f0;--danger:#ff8a80;--focus:#8ab4ff}}
*{box-sizing:border-box}
body{margin:0;font-family:Inter,system-ui,sans-serif;font-size:15px;line-height:1.5;background:var(--bg);color:var(--text)}
a{color:inherit;text-underline-offset:3px}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
h1{font-size:26px;margin:4px 0 12px;letter-spacing:-.01em}h2{font-size:17px;margin:0 0 10px}h3{margin:0}
.top{display:flex;align-items:center;gap:24px;padding:0 24px;height:56px;background:var(--card);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:5;flex-wrap:wrap}
.brand{font-weight:750;text-decoration:none;font-size:17px}.brand span{font-weight:450;color:var(--muted)}
.top nav{display:flex;gap:4px;flex:1;overflow-x:auto}
.top nav a,.me a{text-decoration:none;padding:6px 10px;border-radius:6px;white-space:nowrap;color:var(--muted)}
.top nav a:hover,.me a:hover{background:var(--bg);color:var(--text)}
.top nav a[aria-current],.me a[aria-current]{color:var(--text);background:var(--bg);font-weight:600}
.me{display:flex;gap:8px;align-items:center}.me form{margin:0}
main{max-width:1180px;margin:0 auto;padding:24px}
/* Menyraden följer samma spalt som innehållet, så att inget sprider sig över hela skärmen. */
.top{padding-inline:max(24px,calc((100% - 1132px)/2))}
.muted{color:var(--muted)}.small{font-size:13px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.card{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:18px 20px;margin:0 0 18px}
.narrow{max-width:440px;margin:40px auto}
.two{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:18px;align-items:start}.two .card{margin:0}
.two+*{margin-top:18px}
.section-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin:22px 0 10px}.card .section-head{margin-top:0}
.warnings{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-bottom:8px}
.warn{background:var(--attention-bg);border:1px solid var(--attention-border);border-radius:10px;padding:12px 14px}
.warn h2{font-size:15px;margin:0 0 6px;color:var(--attention)}.warn ul{margin:0;padding-left:18px;font-size:14px}.warn li{margin:2px 0}
.warn.calm{background:var(--card);border-color:var(--border)}.warn.calm h2{color:var(--ok);font-weight:550}
.table-wrap{overflow-x:auto;background:var(--card);border:1px solid var(--border);border-radius:10px}
table{border-collapse:collapse;width:100%;font-size:14px}
th,td{text-align:left;padding:9px 12px;border-bottom:1px solid var(--border);vertical-align:top}
th{font-size:12.5px;font-weight:600;color:var(--muted);background:var(--bg);white-space:nowrap}
tbody tr:last-child td{border-bottom:0}td.num,th.num{text-align:right}td.text{max-width:320px;white-space:pre-line}
.row-actions{white-space:nowrap;text-align:right}.row-actions>*{display:inline-block;vertical-align:middle;margin:0 0 0 10px}.row-actions details.remove[open]{display:inline-block}
.pill{display:inline-block;padding:1px 9px;border-radius:999px;font-size:12.5px;font-weight:550;background:var(--bg);border:1px solid var(--border);white-space:nowrap}
.pill.avtal,.pill.aktivt{background:var(--ok-bg);color:var(--ok);border-color:transparent}
.pill.demo,.pill.planerat{background:var(--plan-bg);color:var(--plan);border-color:transparent}
.pill.varning,.pill.fel{background:var(--attention-bg);color:var(--attention);border-color:var(--attention-border)}
.pill.pausad,.pill.avslutad,.pill.slut{color:var(--muted)}
.attention{color:var(--attention);font-weight:550}.done{color:var(--ok);font-weight:550}
.title-row{display:flex;gap:12px;align-items:center}.title-row h1{margin:0}
.crumbs{margin:0;font-size:14px;color:var(--muted)}
.tabs{display:flex;gap:2px;border-bottom:1px solid var(--border);margin:16px 0 18px;overflow-x:auto}
.tabs a{text-decoration:none;padding:9px 12px;color:var(--muted);border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap}
.tabs a[aria-current]{color:var(--text);border-color:var(--text);font-weight:600}
.count{font-size:12px;background:var(--bg);border:1px solid var(--border);border-radius:999px;padding:0 6px;color:var(--muted)}
.facts{display:grid;grid-template-columns:max-content 1fr;gap:6px 16px;margin:0}.facts dt{color:var(--muted)}.facts dd{margin:0;white-space:pre-line}
ul.plain{list-style:none;padding:0;margin:0 0 16px}ul.plain li{padding:6px 0;border-bottom:1px solid var(--border)}ul.plain li:last-child{border:0}
.log{list-style:none;padding:0;margin:0}
.log li{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:12px 16px;margin-bottom:10px}
.card .log li{border-width:0 0 1px;border-radius:0;padding:10px 0;margin:0}.card .log li:last-child{border:0}
.log-head{display:flex;gap:10px;flex-wrap:wrap;align-items:baseline;font-size:14px}.log-head time{font-weight:650}
.log p{margin:4px 0}.log-foot{display:flex;gap:12px;align-items:center;font-size:13.5px;flex-wrap:wrap}.log-foot form{margin:0}
.tag{font-size:12.5px;padding:0 8px;border-radius:5px;background:var(--bg);border:1px solid var(--border)}
.history{margin-top:6px;font-size:13px}.history summary{cursor:pointer;color:var(--muted)}
.grid-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px 16px}
.stack{display:grid;gap:14px}
.field{display:grid;gap:4px;font-size:14px;align-content:start}.field>span:first-child{font-weight:550}.field.wide{grid-column:1/-1}.field b{color:var(--attention)}
.field small{color:var(--muted);font-size:12.5px}
input,select,textarea{font:inherit;color:inherit;background:var(--card);border:1px solid #b9b9b4;border-radius:7px;padding:7px 10px;width:100%}
@media (prefers-color-scheme:dark){input,select,textarea{border-color:#555}}
textarea{resize:vertical}
input:not([type=checkbox]),select{height:38px}
.table-wrap{margin-bottom:18px}
.suffix{display:flex;align-items:center;gap:6px}.suffix span{color:var(--muted);white-space:nowrap}
.actions{grid-column:1/-1;display:flex;gap:10px;align-items:center}
button,.button{font:inherit;font-weight:550;border:1px solid #b9b9b4;background:var(--card);color:var(--text);border-radius:7px;padding:7px 14px;cursor:pointer;text-decoration:none;display:inline-block;font-size:14px}
button.primary,.button.primary{background:var(--primary);color:var(--primary-text);border-color:var(--primary)}
button.danger{background:var(--danger);border-color:var(--danger);color:#fff}
button.link{border:0;background:none;padding:6px 10px;color:var(--muted);font-weight:450}button.link:hover{color:var(--text)}
.small-btn{padding:2px 10px;font-size:13px}
.filters{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin:0 0 16px}.filters .field{min-width:180px}
.check{display:flex;gap:6px;align-items:center;font-size:14px;padding-bottom:8px}.check input{width:auto}
details.remove{display:inline-block}details.remove summary{cursor:pointer;color:var(--danger);font-size:13.5px;list-style:none}
details.remove[open]{display:block}details.remove form{margin-top:6px}
.kommun-remove{margin-top:24px}.kommun-remove form{display:flex;gap:8px;flex-wrap:wrap;align-items:center;max-width:640px}.kommun-remove p{margin:0;flex-basis:100%;font-size:14px}.kommun-remove input{max-width:260px}
.flash{background:var(--ok-bg);color:var(--ok);padding:9px 14px;border-radius:8px;font-weight:550}
.error{background:var(--attention-bg);color:var(--attention);border:1px solid var(--attention-border);padding:9px 14px;border-radius:8px;font-weight:550}
.note{background:var(--plan-bg);color:var(--text);padding:10px 14px;border-radius:8px;font-size:14px}
.lage{max-width:900px}.lage h2{margin-top:0}.lage p{max-width:72ch}.lage ul{padding-left:20px;margin:6px 0}.lage li{margin:4px 0}.lage .table-wrap{margin:8px 0 12px}
.kod{display:grid;grid-template-columns:max-content 1fr;gap:6px 16px;margin:0}.kod dt{font-weight:600}.kod dd{margin:0}.kod code{font-family:ui-monospace,monospace;font-size:13px;background:var(--bg);padding:2px 6px;border-radius:4px;word-break:break-all}
@media (max-width:640px){.kod{grid-template-columns:1fr}.kod dd{margin-bottom:6px}}
.totp{background:var(--bg);border-radius:8px;padding:10px 14px}.qr{margin:10px 0}.qr svg{display:block;max-width:100%;height:auto;border-radius:4px}.totp p{margin:4px 0}.key{font-family:ui-monospace,monospace;font-size:18px;letter-spacing:.05em;font-weight:600}
.steps{margin:0;padding-left:20px;font-size:14px}.steps li{margin-bottom:6px}
.popup-preview{position:relative;border-radius:8px;overflow:hidden;padding:28px 16px;background:repeating-linear-gradient(45deg,var(--bg),var(--bg) 10px,var(--card) 10px,var(--card) 20px)}
.popup-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.35)}
.popup{position:relative;max-width:380px;margin:0 auto;background:#fff;color:#171717;border-radius:12px;padding:20px 22px;box-shadow:0 12px 32px rgba(0,0,0,.25)}
.popup-from{font-size:12.5px;color:#5f5f5f;margin:0 0 4px;font-weight:550}.popup h3{font-size:18px;margin-bottom:8px}.popup-text{margin:0 0 16px;white-space:pre-line}
.popup-actions{display:flex;justify-content:flex-end}.popup .button.primary{background:#171717;color:#fff;border-color:#171717}
@media (max-width:640px){main{padding:16px}.top{padding:8px 16px;height:auto;gap:8px}.top nav{order:3;flex-basis:100%}.facts{grid-template-columns:1fr}.facts dd{margin-bottom:6px}}
.note-form{display:flex;gap:6px;min-width:220px}.note-form input{height:30px;font-size:13.5px;padding:4px 8px}
.nowrap{white-space:nowrap}
@media (max-width:640px){.demo-tabell{overflow:visible}.demo-tabell thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.demo-tabell tr{display:block;padding:10px 12px;border-bottom:1px solid var(--border)}.demo-tabell tbody tr:last-child{border-bottom:0}.demo-tabell td{display:block;border:0;padding:3px 0;max-width:none}.demo-tabell td a{word-break:break-all}.demo-tabell .row-actions{text-align:left;padding-top:8px}.demo-tabell .row-actions>*{margin:0}.note-form{min-width:0}.note-form input{flex:1}}
/* Dokument från mallar: ser ut som ett papper även i mörkt läge, och bara dokumentet kommer med vid utskrift */
.notice{background:var(--attention-bg);border:1px solid var(--attention-border);color:var(--text);padding:9px 14px;border-radius:8px}
.dok-verktyg{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;margin:0 0 18px}.dok-verktyg form,.dok-verktyg p{margin:0}
.dok-lankar{columns:2;margin:0;padding-left:18px}.dok-lankar li{margin:3px 0}
.dokmatris td{white-space:nowrap}.dokmatris a{text-decoration:none}.dok{font-weight:550}.dok.signerat{color:var(--ok)}.dok.skickat{color:var(--plan)}.dok.uppsagt{color:var(--muted)}.dok small{font-weight:400;color:var(--muted)}
.dokument{background:#fff;color:#171717;max-width:820px;margin:0 auto 24px;padding:56px 64px;border:1px solid var(--border);border-radius:4px;box-shadow:0 1px 3px rgba(0,0,0,.08);font-size:14.5px;line-height:1.55}
.dokument h1{font-size:26px;margin:0 0 4px}.dokument h2{font-size:18px;margin:28px 0 8px}.dokument h3{font-size:15.5px;margin:20px 0 6px}
.dokument p{margin:0 0 10px}.dokument ul,.dokument ol{margin:0 0 12px;padding-left:22px}.dokument li{margin:2px 0}
.dokument table{margin:6px 0 16px;font-size:13.5px;border:1px solid #d6d6d2}.dokument th{background:#f2f2ef;color:#333;white-space:normal}.dokument th,.dokument td{border-bottom:1px solid #d6d6d2}
.dokument .muted{color:#5f5f5f}
.dokument mark.falt{background:#fff1a8;color:#5a4300;padding:0 3px;border-radius:3px}
.dokument ul.kryss{list-style:none;padding-left:0}.dokument .ruta{font-size:17px}
.dok-huvud{border-bottom:2px solid #171717;padding-bottom:12px;margin-bottom:22px}.dok-avsandare{font-size:13px;font-weight:650;letter-spacing:.04em;text-transform:uppercase;margin:0 0 6px}
.card.internt{border-color:var(--attention-border);background:var(--attention-bg)}.card.internt h2{font-size:15px;margin-top:12px}
@media (max-width:640px){.dokument{padding:24px 18px}.dok-lankar{columns:1}}
@media print{
 .top,.skarm-bara,.flash,.crumbs{display:none!important}
 body{background:#fff}main{padding:0;max-width:none}
 .dokument{border:0;box-shadow:none;padding:0;max-width:none;margin:0;font-size:11pt}
 .dokument mark.falt{background:none;color:inherit;border-bottom:1px dotted #555}
 .dokument table,.dokument tr{break-inside:avoid}.dokument h2,.dokument h3{break-after:avoid}
 @page{size:A4;margin:20mm 18mm}
}
ul.kryss{list-style:none;padding-left:0}.card.internt mark.falt{background:none;color:var(--attention);font-weight:650;padding:0}
/* Mobil (iPhone): meny som fälls ut, tabeller som kort, listan före formuläret och textfält som inte zoomar */
.mobilmeny,.mobil-ny{display:none}
@media (max-width:640px){
 .top{flex-wrap:nowrap;height:56px;padding:0 16px;gap:12px;justify-content:space-between}
 .dator{display:none!important}
 .mobilmeny{display:block;position:static}
 .mobilmeny summary{list-style:none;cursor:pointer;font-weight:600;padding:8px 12px;border:1px solid var(--border);border-radius:8px;display:flex;gap:8px;align-items:center;min-height:44px}
 .mobilmeny summary::-webkit-details-marker{display:none}
 .mobilmeny .pil{width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px)}
 .mobilmeny[open] .pil{transform:rotate(-135deg) translateY(-1px)}
 .mobilmeny[open]>nav{position:absolute;left:0;right:0;top:56px;background:var(--card);display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:12px 16px 14px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);box-shadow:0 8px 16px rgba(0,0,0,.08)}
 .mobilmeny>nav a{text-decoration:none;padding:12px;border-radius:8px;background:var(--bg);color:var(--text)}
 .mobilmeny>nav a[aria-current]{font-weight:650;outline:2px solid var(--text);outline-offset:-2px}
 .mobilmeny nav form{grid-column:1/-1;margin:4px 0 0}.mobilmeny nav form button{width:100%}
 .top{position:sticky}
 h1{font-size:23px}
 input,select,textarea{font-size:16px}
 button,.button{min-height:44px}
 .tabs{flex-wrap:wrap;overflow:visible;gap:4px;border-bottom:0}
 .tabs a{border:1px solid var(--border);border-radius:999px;margin:0;padding:6px 12px}
 .tabs a[aria-current]{border-color:var(--text);background:var(--card)}
 .flik,.two{display:flex;flex-direction:column}.flik>.ny,.two>.ny{order:2}
 .two>.card{margin:0 0 18px}
 .mobil-ny{display:block;margin:0 0 12px}
 .table-wrap{overflow:visible;background:none;border:0}
 table.staplad{font-size:15px}
 table.staplad thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
 table.staplad tbody,table.staplad tr{display:block}
 table.staplad tr{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:10px 14px;margin:0 0 10px}
 table.staplad td{display:grid;grid-template-columns:38% 1fr;gap:10px;border:0;padding:4px 0;max-width:none;white-space:normal;text-align:left}
 table.staplad td:first-child{display:block;font-weight:650;font-size:16px;padding-bottom:6px}
 table.staplad td[data-label]::before{content:attr(data-label);color:var(--muted);font-size:13.5px;overflow-wrap:anywhere;hyphens:auto}
 table.staplad td>.v{min-width:0;overflow-wrap:anywhere}
 table.staplad td.lang{display:block}table.staplad td.lang::before{display:block;margin-bottom:2px}
 table.staplad td:first-child::before{content:none}
 table.staplad td:empty{display:none}
 table.staplad td.row-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-start;padding-top:8px}
 table.staplad td.row-actions::before{content:none}
 table.staplad td.row-actions>*{margin:0}
 .dokmatris td{white-space:normal}
}
/* Menyn: fem val och Mer (details, ingen JavaScript) */
.top nav .mer{position:relative}
.mer summary{list-style:none;cursor:pointer;padding:6px 10px;border-radius:6px;color:var(--muted);display:flex;gap:8px;align-items:center;white-space:nowrap}
.mer summary::-webkit-details-marker{display:none}
.mer summary:hover,.mer summary.aktiv{background:var(--bg);color:var(--text)}.mer summary.aktiv{font-weight:600}
.pil{width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);display:inline-block}
.mer[open] .pil{transform:rotate(-135deg) translateY(-1px)}
.mer-lista{position:absolute;right:0;top:calc(100% + 6px);background:var(--card);border:1px solid var(--border);border-radius:10px;padding:6px;min-width:200px;display:grid;gap:2px;box-shadow:0 8px 20px rgba(0,0,0,.1);z-index:10}
.mer-lista a{padding:8px 10px!important}.mer-lista form{margin:0;border-top:1px solid var(--border);padding-top:4px;margin-top:2px}.mer-lista button.link{width:100%;text-align:left;padding:8px 10px}
.top nav{overflow:visible}
.rubrik{margin-top:0}.rubrik h1{margin:0}
/* I dag */
.kpi-rad{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 22px}
.kpi{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:12px 16px;display:flex;flex-direction:column;gap:2px;text-decoration:none;min-width:0}
a.kpi:hover{border-color:var(--muted)}
.kpi b{font-size:22px;font-weight:700;letter-spacing:-.01em;font-variant-numeric:tabular-nums}.kpi span{font-size:13px;color:var(--muted)}
.idag-grupp{margin:0 0 20px}.idag-grupp h2{font-size:14px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0 0 8px;display:flex;gap:8px;align-items:center}
.idag-grupp.forsenat h2{color:var(--attention)}
details.idag-grupp summary{list-style:none;cursor:pointer}details.idag-grupp summary::-webkit-details-marker{display:none}
details.idag-grupp summary h2::after{content:'Visa';font-size:12px;text-transform:none;letter-spacing:0;text-decoration:underline;font-weight:450}
details.idag-grupp[open] summary h2::after{content:'Dölj'}
ol.idag{list-style:none;margin:0;padding:0;background:var(--card);border:1px solid var(--border);border-radius:10px}
.idag-rad{display:grid;grid-template-columns:110px minmax(0,1fr) auto;gap:14px;align-items:center;padding:10px 14px;border-top:1px solid var(--border)}
.idag-rad:first-child{border-top:0}
.nar{font-size:13.5px;font-weight:600;white-space:nowrap}.nar.sen{color:var(--attention)}
.vad a{font-weight:600;text-decoration:none}.vad a:hover{text-decoration:underline}.vad small{display:block;color:var(--muted);font-size:13px}
.knappar{display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.knappar form{margin:0}
form.uppdatera{justify-content:flex-start;margin:0}form.uppdatera label{display:flex;gap:4px;align-items:center}
a.small-btn{padding:2px 10px;font-size:13px}
.skjut{position:relative}.skjut summary{list-style:none;cursor:pointer;font-size:13px;color:var(--muted);padding:2px 6px;border-radius:6px}.skjut summary::-webkit-details-marker{display:none}.skjut summary:hover{color:var(--text)}
.skjut[open]>div{position:absolute;right:0;top:calc(100% + 4px);display:flex;gap:6px;background:var(--card);border:1px solid var(--border);border-radius:8px;padding:6px;box-shadow:0 6px 16px rgba(0,0,0,.1);z-index:4}
.card.tom{text-align:center;padding:28px}
/* Kundkortet */
.title-row{flex-wrap:wrap}.title-row .logga{margin-left:auto}
.kund-fakta{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;background:var(--border);border:1px solid var(--border);border-radius:10px;overflow:hidden;margin:14px 0 0}
.kund-fakta>div{background:var(--card);padding:10px 14px;min-width:0}
.kund-fakta dt{font-size:12.5px;color:var(--muted)}.kund-fakta dd{margin:0;font-weight:600}.kund-fakta small{display:block;font-weight:400;font-size:13px;color:var(--muted);overflow-wrap:anywhere}
/* Formulär bakom en knapp */
details.ny-form{margin:0 0 18px;padding:0;border:0;background:none}
details.ny-form>summary{list-style:none;cursor:pointer;display:inline-block}details.ny-form>summary::-webkit-details-marker{display:none}
details.ny-form[open]{background:var(--card);border:1px solid var(--border);padding:18px 20px}
details.ny-form[open]>summary{margin-bottom:14px}details.ny-form[open]>summary .button{background:var(--card);color:var(--text);border-color:#b9b9b4}
.mallar{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.mallar .vald{outline:2px solid var(--text);outline-offset:-1px}
.narrow-wide{max-width:780px}
@media (max-width:900px){.kpi-rad{grid-template-columns:repeat(2,minmax(0,1fr))}.kund-fakta{grid-template-columns:repeat(2,minmax(0,1fr))}.kund-fakta>div:last-child{grid-column:1/-1}}
@media (max-width:640px){
 .idag-rad{grid-template-columns:1fr;gap:4px}.knappar{justify-content:flex-start;margin-top:4px}
 .title-row .logga{margin-left:0;width:100%;text-align:center}
 .mobilmeny[open]>nav button{width:100%}
}
.nar.etikett{font-weight:500;color:var(--muted)}
@media (max-width:640px){a.button{display:inline-flex;align-items:center;justify-content:center}}
/* Kundkortet: snabbkontakt, dokumentkoll, kontaktkoll, tidslinje */
.snabbkontakt{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:8px 0 0}.snabbkontakt .button{padding:4px 12px;font-size:13.5px}
.dokkoll{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:8px}
.dokkoll a{display:flex;gap:10px;align-items:flex-start;text-decoration:none;padding:8px 10px;border:1px solid var(--border);border-radius:8px;height:100%}
.dokkoll a:hover{border-color:var(--muted)}.dokkoll small{display:block;color:var(--muted);font-size:12.5px}
.dokkoll .bock{font-weight:700;width:1.1em;text-align:center}.dokkoll .signerat .bock{color:var(--ok)}.dokkoll .skickat .bock{color:var(--plan)}.dokkoll .saknas .bock{color:var(--muted)}
.kontaktkoll{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;background:var(--card);border:1px solid var(--border);border-radius:10px;padding:10px 14px;margin:0 0 18px;font-size:14px}
.kontaktkoll p{margin:0}.kontaktkoll form{margin:0}.kontaktkoll.varna{background:var(--attention-bg);border-color:var(--attention-border)}
.card .kontaktkoll{margin:12px 0 0}
.del{margin:0 0 26px}.del h2{display:flex;gap:8px;align-items:center}
.verktyg{display:flex;gap:10px;align-items:flex-start;flex-wrap:wrap;margin:0 0 14px}.verktyg details.ny-form{margin:0;flex:1 1 auto}.verktyg details.ny-form:not([open]){flex:0 0 auto}
.filter-rad{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 12px}.filter-rad a{text-decoration:none;font-size:13.5px;padding:4px 12px;border:1px solid var(--border);border-radius:999px;color:var(--muted);background:var(--card)}
.filter-rad a[aria-current]{color:var(--text);border-color:var(--text);font-weight:600}
.tidslinje .hand .log-head b{font-weight:600}
.mobil-logga{display:none}
@media (max-width:640px){
 .title-row .logga{display:none}
 .mobil-logga{display:block;position:sticky;bottom:0;margin:18px -16px -16px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:var(--card);border-top:1px solid var(--border);z-index:4}
 .mobil-logga .button{width:100%}
 .snabbkontakt .button{flex:1 1 auto;min-height:44px}
}
/* Sök */
.top nav .sok{margin-left:auto;margin-right:4px}.sok input{height:34px;width:230px;font-size:14px;padding:5px 10px;border-radius:8px}
.sokform{display:flex;gap:8px;max-width:560px;margin:0 0 18px}.sokform input{flex:1}
@media (max-width:1100px){.sok.dator input{width:160px}}
@media (max-width:640px){.mobilmeny .sok{grid-column:1/-1}.mobilmeny .sok input{width:100%;height:44px}}
/* Kundlistan i mobilen: korta rader med namn, läge och nästa steg */
@media (max-width:640px){
 table.kundlista td:nth-child(3),table.kundlista td:nth-child(5),table.kundlista td:nth-child(6),table.kundlista td:nth-child(8){display:none}
 table.kundlista tr{padding:8px 12px;margin:0 0 6px}
 table.kundlista td:first-child{font-size:15.5px;padding-bottom:2px}
}
.stapel{display:grid;gap:18px}.dokkoll a>span:last-child{min-width:0;overflow-wrap:break-word;hyphens:auto}
@media (max-width:640px){table.kundlista td:nth-child(7){display:none}table.kundlista td:nth-child(4) .small{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}table.kundlista td:nth-child(4) br{display:none}table.kundlista td:nth-child(4) .small::before{content:' · '}}
/* Säljtavlan */
.tavla{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;align-items:start;margin:0 0 12px}
.kolumn{background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:10px}
.kolumn h2{font-size:14px;margin:0;display:flex;gap:6px;align-items:center}.kolumn .summa{margin:2px 0 8px;font-weight:650;font-variant-numeric:tabular-nums}
.kolumn ol{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.saljkort{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:9px 11px;display:grid;gap:3px;font-size:14px}
.saljkort.rott{border-color:var(--attention-border);box-shadow:inset 3px 0 0 var(--attention)}
.saljkort a{text-decoration:none}.saljkort .belopp{font-variant-numeric:tabular-nums}.saljkort .belopp small{color:var(--muted);font-size:12px}
.flytta summary{list-style:none;cursor:pointer;font-size:12.5px;color:var(--muted)}.flytta summary::-webkit-details-marker{display:none}
.flytta>div{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.flytta form{margin:0}
@media (max-width:1000px){.tavla{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.tavla{grid-template-columns:1fr}}
.pill.halsa.gron{background:var(--ok-bg);color:var(--ok);border-color:transparent}.pill.halsa.gul{background:#fdf3d0;color:#7a5600;border-color:#ecd48a}.pill.halsa.rod{background:#fde8e6;color:var(--danger);border-color:#f3b9b3}
@media (prefers-color-scheme:dark){.pill.halsa.gul{background:#2e2610;color:#f0c45c;border-color:#5a4a1c}.pill.halsa.rod{background:#331a18;color:var(--danger);border-color:#6b2a24}}
a.halsa-lank{text-decoration:none}.halsa-kort h2 .pill{vertical-align:2px;margin-left:4px}
.signaler{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:6px}.signaler li{padding-left:18px;position:relative}.signaler li::before{content:'';position:absolute;left:2px;top:.55em;width:9px;height:9px;border-radius:50%;background:var(--border)}
.signaler li.gron::before{background:var(--ok)}.signaler li.gul::before{background:#d9a400}.signaler li.rod::before{background:var(--danger)}
.bedomning{margin:0 0 12px}
tr.tyst td:first-child{box-shadow:inset 3px 0 0 var(--attention)}
table.drift tr.allvar-2 td:first-child{box-shadow:inset 3px 0 0 var(--danger)}table.drift tr.allvar-1 td:first-child{box-shadow:inset 3px 0 0 #d9a400}
@media (max-width:640px){table.staplad.drift tr td:first-child,table.staplad tr.tyst td:first-child{box-shadow:none}table.staplad tr.tyst,table.drift tr.allvar-2{border-left:3px solid var(--danger)}table.staplad tr.tyst{border-left-color:var(--attention)}table.drift tr.allvar-1{border-left:3px solid #d9a400}}
.kpi.rott b{color:var(--danger)}
/* Serverns disk på Drift. Bredden i steg om 5 %, eftersom sidan inte tillåter inline-stil. */
.disk-stapel .w0{width:0%}.disk-stapel .w1{width:5%}.disk-stapel .w2{width:10%}.disk-stapel .w3{width:15%}.disk-stapel .w4{width:20%}.disk-stapel .w5{width:25%}.disk-stapel .w6{width:30%}.disk-stapel .w7{width:35%}.disk-stapel .w8{width:40%}.disk-stapel .w9{width:45%}.disk-stapel .w10{width:50%}.disk-stapel .w11{width:55%}.disk-stapel .w12{width:60%}.disk-stapel .w13{width:65%}.disk-stapel .w14{width:70%}.disk-stapel .w15{width:75%}.disk-stapel .w16{width:80%}.disk-stapel .w17{width:85%}.disk-stapel .w18{width:90%}.disk-stapel .w19{width:95%}.disk-stapel .w20{width:100%}
.card.disk{max-width:640px}.card.disk p{margin:6px 0 0}
.disk-stapel{height:10px;border-radius:5px;background:var(--bg);border:1px solid var(--border);overflow:hidden;margin-top:4px}
.disk-stapel span{display:block;height:100%;background:var(--plan)}
.card.disk.full .disk-stapel span{background:var(--attention)}
/* ---------- Inkorg, versioner och återkoppling ---------- */
:root{--app-vk:#f26722;--app-vk-bg:#fdeee5;--app-ik:#2c6e9b;--app-ik-bg:#e7f0f7;--app-kk:#1e6b3a;--app-kk-bg:#e8f5ec;--app-nk:#5f5f5f;--app-nk-bg:#f0f0ee}
@media (prefers-color-scheme:dark){:root{--app-vk:#ff8a4c;--app-vk-bg:#2d1f14;--app-ik:#8cc4ec;--app-ik-bg:#14222d;--app-kk:#9ee0b4;--app-kk-bg:#12301e;--app-nk:#c9c9c9;--app-nk-bg:#262626}}
.inkorg-huvud{align-items:flex-start}.inkorg-huvud h1{margin-bottom:2px}.inkorg-huvud p{margin:0}
.verktyg{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.verktyg form{margin:0}
.inkorg-topp{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:16px;align-items:stretch;margin:16px 0 6px}
.inkorg-kpi{margin:0;grid-template-columns:repeat(4,minmax(0,1fr))}
.kpi[aria-current]{border-color:var(--text);box-shadow:inset 0 0 0 1px var(--text)}
.kpi.rott b{color:var(--attention)}.kpi.gront b{color:var(--ok)}
.kpi:hover{border-color:#b9b9b4}
.inflode{margin:0;background:var(--card);border:1px solid var(--border);border-radius:10px;padding:10px 14px 8px;display:flex;flex-direction:column;justify-content:flex-end}
.inflode svg{width:100%;height:64px;display:block}
.inflode figcaption{font-size:12px;color:var(--muted);margin-top:6px}
.s-bugg{fill:var(--text)}.s-onskemal{fill:var(--app-vk)}.s-ovrigt{fill:#c8c8c4}
.nyckel{display:inline-block;width:9px;height:9px;border-radius:2px;margin:0 3px 0 8px;vertical-align:baseline}.nyckel:first-child{margin-left:0}
.nyckel.s-bugg{background:var(--text)}.nyckel.s-onskemal{background:var(--app-vk)}.nyckel.s-ovrigt{background:#c8c8c4}
.mejlrad{margin:4px 0 14px}
.appchip{display:inline-block;padding:1px 9px;border-radius:6px;font-size:12px;font-weight:650;letter-spacing:.01em;white-space:nowrap}
.app-vikariekollen{color:var(--app-vk);background:var(--app-vk-bg)}.app-inventariekollen{color:var(--app-ik);background:var(--app-ik-bg)}
.app-klassrumskollen{color:var(--app-kk);background:var(--app-kk-bg)}.app-nyttokod{color:var(--app-nk);background:var(--app-nk-bg)}
.pill.typ-bugg{background:var(--text);color:var(--card);border-color:transparent}.pill.typ-onskemal{background:var(--app-vk-bg);color:var(--app-vk);border-color:transparent}
.pill.typ-berom{background:var(--ok-bg);color:var(--ok);border-color:transparent}
.pill.status-ny{background:var(--attention-bg);color:var(--attention);border-color:var(--attention-border)}
.pill.status-planerad{background:var(--plan-bg);color:var(--plan);border-color:transparent}
.pill.status-atgardad,.pill.status-besvarad{background:var(--ok-bg);color:var(--ok);border-color:transparent}
.pill.status-arkiverad{color:var(--muted)}
.pill.plus{background:var(--app-vk);color:#fff;border-color:transparent}
.inkorgslista{list-style:none;margin:0;padding:0;background:var(--card);border:1px solid var(--border);border-radius:10px;overflow:hidden}
.inkorgslista li+li{border-top:1px solid var(--border)}
.inkorgsrad{display:grid;grid-template-columns:14px minmax(0,1fr);gap:4px 10px;padding:12px 16px;text-decoration:none;color:inherit;align-items:start}
.inkorgsrad:hover{background:var(--bg)}
.olastprick{width:8px;height:8px;border-radius:50%;margin-top:7px;background:transparent}
.olast .olastprick{background:var(--app-vk)}.olast .rad-rubrik{font-weight:700}
.prio-akut .inkorgsrad{box-shadow:inset 3px 0 0 var(--danger)}.prio-hog .inkorgsrad{box-shadow:inset 3px 0 0 var(--attention)}
.rad-huvud{display:flex;gap:6px;align-items:center;flex-wrap:wrap;min-width:0}
.rad-rubrik{font-weight:550;overflow-wrap:anywhere}
.rad-fakta{grid-column:2;display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:13.5px}
.rad-fakta .nar{margin-left:auto}
.tom-inkorg{text-align:center;padding:40px}
.post-huvud h1{margin:8px 0 4px}.post-huvud p{margin:0 0 14px}
.post-rutnat{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px;align-items:start}
.post-sida .card{margin-bottom:14px}.post-sida .stack{gap:10px}
.trad{list-style:none;margin:0 0 18px;padding:0;display:grid;gap:12px}
.trad-in,.trad-ut,.trad-notering{border:1px solid var(--border);border-radius:12px;padding:12px 16px;background:var(--card);max-width:92%}
.trad-in{border-top-left-radius:4px}
.trad-ut{justify-self:end;background:var(--app-vk-bg);border-color:transparent;border-top-right-radius:4px}
.trad-notering{background:var(--plan-bg);border-color:transparent;justify-self:center;max-width:80%}
.trad li p.small{margin:0 0 6px}
.trad-handelse{text-align:center;font-size:13px;color:var(--muted)}
.trad-handelse span:first-child{display:inline-block;padding:2px 10px;border-radius:999px;background:var(--bg);border:1px solid var(--border)}
.radbryt{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}
.mallval{display:flex;gap:8px;align-items:end;margin:0 0 12px}.mallval .field{flex:1}
.svar textarea{min-height:180px}
.enkel{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.kod{font-family:ui-monospace,monospace;font-size:12.5px;overflow-wrap:anywhere}
progress.andel{width:80px;height:8px;vertical-align:middle;accent-color:var(--ok)}
.mellan{margin-top:22px}
.aterlista{list-style:none;margin:0;padding:0;display:grid;gap:10px}.aterrad{margin:0}.aterrad p{margin:6px 0}
.aterrad details summary{cursor:pointer;font-weight:550}
.steg-lista{margin:0;padding-left:22px;display:grid;gap:12px}.steg-lista code{overflow-wrap:anywhere}
@media (max-width:900px){.inkorg-topp,.post-rutnat{grid-template-columns:1fr}.inkorg-kpi{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.rad-fakta .nar{margin-left:0}.trad-in,.trad-ut,.trad-notering{max-width:100%}.mallval{flex-wrap:wrap}}
/* Nå ut: kommunerna som rutor per län, adressboken, utskicken och undersökningarna */
.vyval{display:flex;gap:4px;margin:0 0 10px}.vyval a{text-decoration:none;padding:5px 12px;border-radius:6px;border:1px solid var(--border);background:var(--card);color:var(--muted);font-size:14px}
.vyval a[aria-current]{color:var(--text);border-color:var(--text);font-weight:600}
.forklaring{list-style:none;margin:0 0 14px;padding:0;display:flex;flex-wrap:wrap;gap:6px 16px;font-size:13.5px}
.forklaring li{display:flex;align-items:center;gap:6px}
.lanskarta{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:12px;align-items:start}
.lan{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:10px 12px}.lan h2{font-size:14px;margin:0 0 8px}
.rutor{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px}
.ruta,.ruta-nyckel{display:inline-block;border:1px solid var(--border);border-radius:6px;background:var(--card);color:var(--muted)}
.ruta{padding:1px 7px;font-size:12.5px;text-decoration:none;line-height:1.6}.ruta:hover{border-color:var(--text);color:var(--text)}
.ruta-nyckel{width:14px;height:14px}
.ruta.kund,.ruta-nyckel.kund{background:var(--ok);color:var(--card);border-color:var(--ok)}.ruta.kund::before{content:"✓ "}
.ruta.egen,.ruta-nyckel.egen{background:var(--ok-bg);color:var(--ok);border-color:var(--ok)}.ruta.egen::before{content:"★ "}
.ruta.vald,.ruta-nyckel.vald{background:var(--plan);color:var(--card);border-color:var(--plan)}.ruta.vald::before{content:"◆ "}
.ruta.annat,.ruta.kant,.ruta-nyckel.annat,.ruta-nyckel.kant{background:var(--plan-bg);color:var(--plan);border-color:transparent}
.ruta.intresse,.ruta-nyckel.intresse{background:var(--attention-bg);color:var(--attention);border-color:var(--attention-border)}
.kolumner{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px;align-items:start}
.kryss{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:0 10px}.kryss .check{padding-bottom:2px}
fieldset.field{border:0;padding:0;margin:0}fieldset.field legend{font-weight:550;font-size:14px;padding:0;margin-bottom:4px}
pre.mejl{white-space:pre-wrap;font-family:inherit;font-size:14px;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:12px 14px;margin:0 0 12px}
.publik-ram{max-width:680px}.publik .top{justify-content:center}.publik-fot{max-width:680px;margin:0 auto;padding:0 24px 32px}
.fraga{border:0;padding:0;margin:0 0 18px}.fraga legend{font-weight:600;margin-bottom:6px;padding:0}.fraga .check{padding-bottom:4px}
.indrag{margin:0 0 6px 26px}
.skala{display:flex;gap:6px}.skala label{display:block}.skala input{position:absolute;opacity:0;width:1px;height:1px}
.skala span{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--border);border-radius:8px;background:var(--card);font-weight:600;cursor:pointer}
.skala input:checked+span{background:var(--text);color:var(--card);border-color:var(--text)}.skala input:focus-visible+span{outline:3px solid var(--focus);outline-offset:2px}
@media (max-width:560px){.lanskarta{grid-template-columns:1fr}.skala span{width:40px;height:40px}}
/* Marknaden: kommentarer, fakta om en skola och sidbläddring */
.kommentarlista{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:10px}
.kommentarlista li{border-top:1px solid var(--border);padding-top:10px}.kommentarlista p{margin:0 0 2px}
dl.fakta{display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px 14px;margin:0;font-size:14px}dl.fakta dt{color:var(--muted)}dl.fakta dd{margin:0;overflow-wrap:anywhere}
.sidval{display:flex;gap:14px;align-items:center;margin:10px 0 0}
/* Webbkollen: förslagen med knappar */
.fyndlista{display:grid;gap:8px}.fyndlista li{overflow-wrap:anywhere}
.knapprad{display:inline-flex;gap:6px;margin-left:6px;vertical-align:middle}.knapprad form{margin:0}