:root{--bg:#f6f7f4;--yta:#fff;--text:#1d2a22;--dampad:#5b6b60;--linje:#d9ded6;--grn:#2f5d3a;--grn-ljus:#e6efe7;--rod:#a4262c;--rod-ljus:#fbeaea;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.45}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}h1{margin:0 0 .5rem;font-size:1.6rem}h2{margin:0 0 .5rem;font-size:1.15rem}h3{margin:1rem 0 .2rem;font-size:1rem}p{margin:.4rem 0 .8rem}.liten{color:var(--dampad);font-size:.85rem}.mitt{max-width:34rem;margin:3rem auto;padding:0 1rem}.mitt.bred{max-width:46rem}.ingress{color:var(--dampad)}.ruta{background:var(--yta);border:1px solid var(--linje);border-radius:8px;margin:1rem 0;padding:1rem 1.2rem}.text-ruta{border:1px solid var(--linje);background:#fbfbf9;border-radius:6px;max-height:18rem;margin-bottom:1rem;padding:.2rem 1rem;overflow:auto}label{margin-bottom:.7rem;font-size:.9rem;display:block}input,select,button{font:inherit}input:not([type=checkbox]),select{border:1px solid var(--linje);background:#fff;border-radius:6px;width:100%;margin-top:.2rem;padding:.45rem .55rem;display:block}input.smal{width:5.5rem}.kryss{align-items:flex-start;gap:.55rem;display:flex}.kryss input{margin-top:.2rem}fieldset{border:1px solid var(--linje);border-radius:6px;margin:0 0 .8rem;padding:.5rem .8rem}button{background:var(--grn);color:#fff;cursor:pointer;border:0;border-radius:6px;padding:.5rem .9rem}button:disabled{opacity:.5;cursor:not-allowed}button.sekundar{color:var(--grn);border:1px solid var(--grn);background:0 0}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline-offset:1px;outline:3px solid #7aa885}.rad{flex-wrap:wrap;align-items:flex-end;gap:.8rem;display:flex}.rad>label{flex:14rem}.fel{background:var(--rod-ljus);color:var(--rod);border-radius:6px;padding:.5rem .7rem}.ok{background:var(--grn-ljus);color:var(--grn);border-radius:6px;padding:.5rem .7rem}.ram{flex-direction:column;min-height:100vh;display:flex}.topp{background:var(--yta);border-bottom:1px solid var(--linje);flex-wrap:wrap;align-items:center;gap:1rem;padding:.5rem 1rem;display:flex}.logga{color:var(--grn);font-size:1.1rem}.topp nav{flex:1;gap:.3rem;display:flex}.flik{color:var(--text);background:0 0;border-radius:6px;padding:.4rem .8rem}.flik.aktiv{background:var(--grn-ljus);color:var(--grn);font-weight:600}.anv{color:var(--dampad);align-items:center;gap:.7rem;font-size:.9rem;display:flex}.innehall{flex:1;width:100%;max-width:96rem;margin:0 auto;padding:1rem}.ko{grid-template-columns:minmax(18rem,26rem) 1fr;align-items:start;gap:1rem;display:grid}.kolumn{background:var(--yta);border:1px solid var(--linje);border-radius:8px;padding:1rem}.filter{gap:.5rem;margin-bottom:.8rem;display:grid}.filter input,.filter select{margin:0}.arenden{gap:.4rem;margin:0;padding:0;list-style:none;display:grid}button.arende{text-align:left;width:100%;color:var(--text);border:1px solid var(--linje);background:#fff;gap:.1rem;padding:.55rem .7rem;display:grid}button.arende.vald{border-color:var(--grn);background:var(--grn-ljus)}.arende .rubrik{font-weight:600}.arende .meta{color:var(--dampad);font-size:.8rem}.tomt{color:var(--dampad)}.falt{grid-template-columns:repeat(auto-fill,minmax(12rem,1fr));gap:.6rem 1rem;margin:1rem 0;display:grid}.falt dt{color:var(--dampad);text-transform:uppercase;letter-spacing:.03em;font-size:.75rem}.falt dd{margin:0}table{border-collapse:collapse;width:100%;font-size:.9rem}th,td{text-align:left;border-bottom:1px solid var(--linje);vertical-align:middle;padding:.4rem .5rem}th{color:var(--dampad);font-size:.78rem;font-weight:600}.skrollbar{overflow-x:auto}@media (width<=800px){.ko{grid-template-columns:1fr}.topp nav{flex-wrap:wrap;flex-basis:100%;order:3}}.segment{border:1px solid var(--grn);border-radius:6px;display:flex;overflow:hidden}button.seg{color:var(--grn);background:0 0;border-radius:0;flex:1;padding:.4rem .5rem}button.seg.aktiv{background:var(--grn);color:#fff}.markning{vertical-align:middle;border-radius:4px;padding:.05rem .35rem;font-size:.7rem;font-weight:700}.markning.ny{background:var(--grn);color:#fff}.markning.borta{color:var(--dampad);background:#eee}.ok-gul{color:#6a5200;background:#fff6dd;border-radius:6px;padding:.5rem .7rem}label.liten{margin:0;font-size:.85rem}.kryss.liten input{margin-top:.15rem}.delruta{border-top:1px solid var(--linje);margin-top:1.2rem;padding-top:.8rem}.delruta h3{margin-top:0}.ny-post{gap:.5rem;margin-bottom:.8rem;display:grid}textarea{font:inherit;border:1px solid var(--linje);resize:vertical;border-radius:6px;width:100%;padding:.5rem .6rem}.poster{gap:.7rem;margin:.5rem 0 0;padding:0;list-style:none;display:grid}.poster li{border:1px solid var(--linje);background:#fbfbf9;border-radius:6px;padding:.6rem .8rem}.post-huvud{color:var(--dampad);margin-bottom:.2rem;font-size:.82rem}.brodtext{white-space:pre-wrap;margin:.2rem 0 .4rem}.utdrag{color:var(--dampad)}button.lank{color:var(--grn);text-align:left;background:0 0;padding:0;font-weight:600;text-decoration:underline}.meta.hos-oss{color:var(--grn);font-weight:600}select:disabled,input:disabled{background:#f0f1ee}.karta-rutnat{grid-template-columns:1fr;align-items:start;gap:1rem;display:grid}.karta-rutnat.med-kort{grid-template-columns:minmax(20rem,1fr) minmax(22rem,32rem)}.karta-kolumn{min-width:0}.karta-verktyg{flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:.6rem;display:flex}.karta-verktyg input[type=search],.karta-verktyg select{width:12rem;margin:0}.karta-verktyg .segment{min-width:18rem}.karta-ram{position:relative}.karta{border:1px solid var(--linje);z-index:0;border-radius:8px;height:calc(100vh - 12rem);min-height:26rem}.karta-panel{z-index:500;border:1px solid var(--linje);background:#fffffff2;border-radius:8px;gap:.25rem;max-width:17rem;padding:.6rem .8rem;display:grid;position:absolute;top:.6rem;right:.6rem}.karta-panel hr{border:0;border-top:1px solid var(--linje);width:100%;margin:.2rem 0}.ruta-farg{vertical-align:middle;opacity:.85;border-radius:2px;width:.8rem;height:.8rem;margin-right:.3rem;display:inline-block}@media (width<=800px){.karta-rutnat.med-kort{grid-template-columns:1fr}.karta{height:60vh}}.symboler{gap:.15rem;margin:.1rem 0 .3rem 1.55rem;display:grid}.symbolrad{color:var(--dampad);align-items:center;gap:.4rem;font-size:.8rem;display:flex}.symbol{border:1px solid var(--linje);flex:none;width:20px;height:20px}.symbol.saknas{background:#f0f1ee;justify-content:center;align-items:center;font-size:.7rem;display:inline-flex}.markning.minne{background:var(--grn-ljus);color:var(--grn)}.karta-panel{max-height:calc(100% - 1.2rem);overflow:auto}.minnespost{margin-top:.5rem}.filter-rutnat{grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:0 .8rem;display:grid}.visuellt-dold{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.process h4{margin:1rem 0 .2rem;font-size:.95rem}.lage{border-left:6px solid var(--dampad);background:#f0f0ec;border-radius:8px;gap:.15rem;padding:.7rem .9rem;display:grid}.lage strong{font-size:1.05rem}.lage-oppet{border-left-color:var(--grn);background:var(--grn-ljus)}.lage-stangt{border-left-color:var(--rod);background:var(--rod-ljus)}.lage-saknas,.lage-kommer,.lage-okant{background:#fff6dd;border-left-color:#b58a00}.skal{grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:.6rem;margin-top:.4rem;display:grid}.skalruta{border:1px solid var(--linje);background:#fbfbf9;border-radius:6px;padding:.5rem .7rem}.skalruta ul{margin:.3rem 0 0;padding-left:1.1rem}.skalruta li{margin-bottom:.25rem;font-size:.9rem}.skal-for{border-color:var(--grn)}.skal-emot{border-color:var(--rod)}.snabb{align-items:center}.steg{gap:.4rem;margin:.4rem 0 0;padding:0;list-style:none;display:grid}.steg li{border:1px solid var(--linje);background:#fff;border-radius:6px;padding:.4rem .7rem}.steg summary{cursor:pointer;flex-wrap:wrap;align-items:center;gap:.3rem .5rem;display:flex}.steg-aktuellt{border-color:var(--grn);background:var(--grn-ljus)}.steg-klart .steg-rubrik{color:var(--dampad)}.markor{text-align:center;width:1.2rem;font-weight:700;display:inline-block}.markning.mojlighet{color:var(--text);background:#eee;font-weight:600}.markning.mojlighet-oppen,.markning.mojlighet-formell{background:var(--grn-ljus);color:var(--grn)}.markning.mojlighet-sakagare{color:#6a5200;background:#fff6dd}.markning.fonster{background:var(--grn);color:#fff}.start{--v-yta:#fcfcfb;--v-text:#0b0b0b;--v-text2:#52514e;--v-grid:#e1e0d9;--v-axel:#c3c2b7;--s1:#2a78d6;--s2:#eb6834;--s3:#1baf7a;--seq-mork:#1c5cab;--seq-ljus:#86b6ef;--track:#e1e0d9;gap:1rem;display:grid}.start h2{margin:0 0 .3rem;font-size:1.05rem}.start .kort-ruta{background:var(--yta);border:1px solid var(--linje);border-radius:8px;min-width:0;padding:1rem 1.2rem}.start-topp{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.start-topp h1{margin:0}.hero{grid-template-columns:minmax(12rem,18rem) 1fr;align-items:center;gap:1.5rem;display:grid}.hero-tal{color:var(--text);font-size:3.4rem;font-weight:700;line-height:1}.hero-text{color:var(--dampad);margin-top:.3rem}.matare{gap:2px;height:1.1rem;margin:.4rem 0 .5rem;display:flex}.matare span{min-width:3px;display:block}.matare .arbetar{background:var(--seq-mork);border-radius:4px 0 0 4px}.matare .bevakas{background:var(--seq-ljus)}.matare .ingen{background:var(--track);border-radius:0 4px 4px 0}.matare span:only-child{border-radius:4px}.forklaring{flex-wrap:wrap;gap:.3rem 1.2rem;font-size:.9rem;display:flex}.forklaring span{align-items:center;gap:.4rem;display:inline-flex}.nyckel{border-radius:2px;flex:none;width:.8rem;height:.8rem;display:inline-block}.tva-kol{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.start-lista{gap:.5rem;margin:.5rem 0 0;padding:0;list-style:none;display:grid}.start-lista li{border-top:1px solid var(--linje);padding-top:.5rem}.start-lista li:first-child{border-top:0;padding-top:0}.tiles{grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:.6rem;display:grid}.tile{border:1px solid var(--linje);background:var(--v-yta);border-radius:8px;padding:.6rem .8rem}.tile .tile-etikett{color:var(--v-text2);font-size:.82rem}.tile .tile-varde{font-size:1.8rem;font-weight:600;line-height:1.2}.tile.uppmarksamma{border-color:var(--seq-mork)}.grafer{grid-template-columns:3fr 2fr;gap:1rem;display:grid}.graf-yta{min-width:30rem;position:relative}.graf-yta svg{width:100%;height:auto;display:block;overflow:visible}.graf-yta text{fill:var(--v-text2);font-family:inherit;font-size:11px}.graf-band{fill:#0000;cursor:default;outline:none}.graf-band:focus-visible{stroke:var(--seq-mork);stroke-width:2px}.graf-tips{z-index:5;pointer-events:none;background:var(--v-yta);border:1px solid var(--v-axel);white-space:nowrap;border-radius:6px;padding:.4rem .6rem;font-size:.82rem;position:absolute;box-shadow:0 2px 8px #0000001f}.graf-tips strong{font-weight:600}.graf-tips .tips-rad{align-items:center;gap:.4rem;display:flex}.graf-tips .tips-linje{border-radius:2px;flex:none;width:.9rem;height:3px}.lan-rad{grid-template-columns:minmax(6rem,9rem) 1fr;align-items:center;gap:.6rem;padding:.15rem 0;font-size:.88rem;display:grid}.lan-spar{align-items:center;gap:.5rem;display:flex}.lan-stapel{background:var(--s1);border-radius:0 4px 4px 0;min-width:2px;height:16px}.lan-rad:hover .lan-stapel,.lan-rad:focus-within .lan-stapel{filter:brightness(1.12)}.milstolpar{grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:.5rem;margin:.4rem 0 0;padding:0;list-style:none;display:grid}.milstolpar li{border:1px solid var(--linje);background:var(--v-yta);border-radius:8px;align-items:flex-start;gap:.6rem;padding:.5rem .7rem;display:flex}.milstolpar .klar{border-color:var(--seq-mork);background:#eef4fc}.milstolpar .bock{border:2px solid var(--v-axel);width:1.4rem;height:1.4rem;color:var(--v-text2);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:.8rem;font-weight:700;display:inline-flex}.milstolpar .klar .bock{background:var(--seq-mork);border-color:var(--seq-mork);color:#fff}.milstolpar .gemensam{color:var(--dampad);font-size:.72rem}details.tabell-vy{margin-top:.5rem;font-size:.85rem}details.tabell-vy summary{cursor:pointer;color:var(--grn)}@media (width<=800px){.hero,.tva-kol,.grafer{grid-template-columns:1fr}.hero-tal{font-size:3rem}.lan-rad{grid-template-columns:6.5rem 1fr}}.kommunverktyg{margin-top:1.25rem}.kommunverktyg .steg{margin-top:.5rem}.kommunverktyg summary .markning{margin-left:.4rem}.ansokan-lista{margin:.5rem 0 0;padding-left:1.2rem}.ansokan-lista li{margin-bottom:.6rem}.ansokan-lista button.liten{padding:.1rem .5rem;font-size:.85rem}
