:root{color-scheme:light dark;--bg:#F8FAFC;--surface:#FFFFFF;--surface-alt:#E7EEF4;--fg:#0F172A;--muted:#475569;--link:#0E7490;--danger:#B91C1C;--button:#082A3A;--button-text:#FFFFFF;--border:#CAD7E2;--field-border:#64748B;--warn:#92400E;--warn-bg:#FFFBEB;--success:#166534;--success-bg:#F0FDF4;--code-bg:#EEF2F6;--error-bg:#FFF5F5}
@media (prefers-color-scheme:dark){:root{--bg:#04141E;--surface:#082A3A;--surface-alt:#102C3B;--fg:#F8FAFC;--muted:#C0D0DC;--link:#93C5FD;--danger:#F87171;--button:#F8FAFC;--button-text:#082A3A;--border:#294957;--field-border:#93AABA;--warn:#FDE68A;--warn-bg:#352B16;--success:#86EFAC;--success-bg:#10382D;--code-bg:#0D3547;--error-bg:#3B2026}}
*{box-sizing:border-box}html{scroll-padding-top:6rem}
body{margin:0;font:16px/1.5 Inter,Arial,system-ui,sans-serif;color:var(--fg);background:var(--bg);overflow-wrap:break-word;-webkit-font-smoothing:antialiased}
.top{max-width:44rem;margin:0 auto;padding:.85rem 1rem .25rem;display:flex;flex-wrap:wrap;align-items:center;gap:.25rem .9rem}
.brand{display:inline-flex;max-width:100%}.brand svg{width:112px;max-width:100%;height:auto}.logo-dark{display:none}
@media (prefers-color-scheme:dark){.logo-light{display:none}.logo-dark{display:block}}
.sub{margin:0;color:var(--muted);font-size:.8125rem}
main{max-width:44rem;margin:0 auto;padding:.5rem 1rem 1rem}
h1{font-family:"Playfair Display",Georgia,serif;font-size:1.5rem;line-height:1.2;letter-spacing:-.02em;font-weight:500;margin:.35rem 0}h2{font-size:1rem;line-height:1.35;margin:1rem 0 .4rem}
p{margin:.5rem 0}a{color:var(--link);text-underline-offset:.2em}
.foot{max-width:44rem;margin:1rem auto 1.25rem;padding:.75rem 1rem;color:var(--muted);font-size:.8125rem;border-top:1px solid var(--border)}.foot p{margin:.3rem 0}.foot-mer{margin:0}.foot-mer summary{min-height:44px;padding:.3rem 0;display:flex;align-items:center}
.skip{position:absolute;top:.5rem;left:1rem;padding:.6rem 1rem;background:var(--surface);border:1px solid var(--link);border-radius:.5rem;transform:translateY(-200%)}.skip:focus{transform:translateY(0)}
button,.knapp{display:inline-flex;align-items:center;justify-content:center;font:inherit;font-weight:600;font-size:.9375rem;padding:.55rem 1.1rem;border-radius:999px;border:1px solid var(--button);background:var(--button);color:var(--button-text);text-decoration:none;cursor:pointer;min-height:44px;max-width:100%}
button.sekundar,.knapp.sekundar{background:transparent;color:var(--fg);border-color:var(--field-border)}
button:hover,.knapp:hover{box-shadow:0 0 0 3px var(--surface-alt)}
:focus-visible{outline:3px solid #0E7490;outline-offset:3px}
@media (prefers-color-scheme:dark){:focus-visible{outline-color:#93C5FD}}
.kod{font-family:ui-monospace,Consolas,monospace;word-break:break-all;background:var(--code-bg);padding:.1rem .35rem;border-radius:4px;font-size:.9375em}
.tabell{overflow-x:auto;margin:.6rem 0}table{border-collapse:collapse;width:100%}caption{text-align:left;font-weight:600;padding:.3rem 0;font-size:.9375rem}
th,td{padding:.4rem .5rem .4rem 0;text-align:left;vertical-align:top;border-top:1px solid var(--border)}thead th{border-top:0;padding-top:0;font-size:.8125rem;color:var(--muted);font-weight:600}tbody th{font-weight:500;color:var(--muted);width:40%}td{overflow-wrap:anywhere}th{hyphens:auto}
.varning{color:var(--warn)}.liten{font-size:.875rem;color:var(--muted)}.hjalp a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0 .75rem}.kvitto{margin:.25rem 0}.kvitto dt{font-weight:600;font-size:.8125rem;color:var(--muted)}.kvitto dd{margin:0 0 .5rem 0}
.modullista{list-style:none;padding:0;margin:.25rem 0}.modullista li{margin:0}.modullista label{display:block;min-height:44px;padding:.3rem 0}fieldset.moduler{border:1px solid var(--border);border-radius:12px;padding:.4rem .9rem;margin:.6rem 0}fieldset.moduler legend{font-weight:600;padding:0 .4rem}
input[type=checkbox],input[type=radio]{width:1.125rem;height:1.125rem;accent-color:var(--link);vertical-align:-.15em;margin-right:.4rem}
details{margin:.4rem 0}summary{cursor:pointer;min-height:44px;padding:.5rem 0}details.exakt summary{font-weight:600}.mottagare{font-size:1rem}
details.exakt,details.oforandrade{background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:0 .9rem}details.exakt>:last-child,details.oforandrade>:last-child{margin-bottom:.8rem}details.oforandrade>summary{font-weight:600}
details.exakt>summary,details.oforandrade>summary,details.manuell>summary{list-style:none;display:flex;align-items:center;gap:.6rem}details.exakt>summary::-webkit-details-marker,details.oforandrade>summary::-webkit-details-marker,details.manuell>summary::-webkit-details-marker{display:none}details.exakt>summary::after,details.oforandrade>summary::after,details.manuell>summary::after{content:"";margin-left:auto;width:.5rem;height:.5rem;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:translateY(-.15rem) rotate(45deg);flex-shrink:0}details.exakt[open]>summary::after,details.oforandrade[open]>summary::after,details.manuell[open]>summary::after{transform:translateY(.1rem) rotate(-135deg)}
ul.rader{list-style:none;padding:0;margin:.4rem 0}ul.rader li{margin:0;padding:.5rem 0;border-top:1px solid var(--border)}ul.rader li:first-child{border-top:0;padding-top:.1rem}ul.rader form{margin-top:.3rem}
.forhandsvisning{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:.75rem 1rem}.forhandsvisning h2{margin:.25rem 0 .35rem}.forhandsvisning>p{margin:.4rem 0}
.oversikt{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:.9rem 1rem;margin:.25rem 0 .6rem}.oversikt>:first-child{margin-top:0}.oversikt>:last-child{margin-bottom:0}.oversikt h2{margin:.7rem 0 .3rem}.oversikt p{margin:.3rem 0}
.meta{color:var(--muted);font-size:.9375rem}.status{display:inline-block;padding:.05rem .6rem;border-radius:999px;border:1px solid var(--border);background:var(--bg);color:var(--fg);font-size:.875rem;font-weight:600}.status.ok{border-color:var(--success);background:var(--success-bg);color:var(--success)}.status.obs{border-color:var(--warn);background:var(--warn-bg);color:var(--warn)}
.skrivstatus{border-left:3px solid var(--warn);background:var(--warn-bg);border-radius:8px;padding:.5rem .85rem;margin:.5rem 0}.skrivstatus p{margin:.25rem 0}
.primar-rad{margin:.75rem 0 .25rem}.primar-rad form{display:block}.knapp.primar,button.primar{min-height:56px;padding:.75rem 1.5rem;font-size:1.0625rem;width:100%}
.atgardsrad{display:flex;flex-wrap:wrap;gap:.5rem;align-items:flex-start;margin:.25rem 0 .5rem}.atgardsrad form{margin:0}.atgardsrad button,.atgardsrad .knapp{padding:.45rem 1rem;font-size:.875rem}
.meny{flex:0 1 auto}.meny[open]{flex:1 1 100%}.meny>summary{list-style:none;padding:.45rem 1rem;min-height:44px;display:inline-flex}.meny>summary::-webkit-details-marker{display:none}.meny>summary::after{content:"▾";margin-left:.4rem}
.menyinnehall{display:flex;flex-wrap:wrap;gap:.5rem;align-items:flex-start;margin-top:.5rem;padding:.75rem;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.menyinnehall form{margin:0}.menyinnehall>form.full{flex:1 1 100%}.menyinnehall>p,.menyinnehall>div{flex:1 1 100%}.menyinnehall>div{margin-top:.25rem;padding-top:.5rem;border-top:1px solid var(--border)}
.panel{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:0 .9rem;margin:.4rem 0}.panel>summary{font-weight:600;list-style:none;display:flex;align-items:center;gap:.6rem}.panel>summary::-webkit-details-marker{display:none}.panel>summary::after{content:"";margin-left:auto;width:.5rem;height:.5rem;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:translateY(-.15rem) rotate(45deg);flex-shrink:0;transition:transform .15s}.panel>summary:has(.rakning)::after{margin-left:0}.panel[open]>summary::after{transform:translateY(.1rem) rotate(-135deg)}.panel[open]>summary{border-bottom:1px solid var(--border);margin-bottom:.5rem}.panel>:last-child{margin-bottom:.8rem}
.panel.huvud{background:none;border:0;padding:0;margin:0}.panel.huvud>summary.primar{min-height:56px;padding:.75rem 1.5rem;border-radius:999px;background:var(--button);color:var(--button-text);border:1px solid var(--button);font-size:1.0625rem;justify-content:center;text-align:center}.panel.huvud>summary.primar::after{border-color:var(--button-text);margin-left:.5rem}.panel.huvud[open]>summary{border-bottom:1px solid var(--button);margin-bottom:.5rem}.panel.huvud>form{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:0 1rem;margin:0}.panel.huvud>form>button{margin-bottom:.8rem}
.veck{display:flex;flex-direction:column;gap:.5rem;margin:.75rem 0}.veck>details,.veck>.panel,.veck>form{margin:0}
.rakning{margin-left:auto;font-weight:600;font-size:.8125rem;line-height:1.4;padding:.1rem .6rem;border-radius:999px;background:var(--surface-alt);color:var(--fg);white-space:nowrap}.rakning.varning{background:var(--warn-bg);color:var(--warn)}.rakning.ok{background:var(--success-bg);color:var(--success)}
.tagg{display:inline-flex;align-items:center;padding:.05rem .55rem;border-radius:999px;border:1px solid var(--border);background:var(--surface);font-size:.8125rem;font-weight:600;white-space:nowrap;color:var(--fg)}.tagg.ok{border-color:var(--success);background:var(--success-bg);color:var(--success)}.tagg.varning{border-color:var(--warn);background:var(--warn-bg);color:var(--warn)}.tagg.gra{color:var(--muted);background:var(--bg)}
.utfall-rad{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;margin:.75rem 0 .25rem;font-weight:600}.utfall-rad .liten{font-weight:400}
.nyckel{margin:.25rem 0;display:flex;flex-direction:column}.nyckel>div{display:grid;grid-template-columns:7.5rem minmax(0,1fr);gap:.2rem .75rem;padding:.4rem 0;border-top:1px solid var(--border)}.nyckel>div:first-child{border-top:0;padding-top:.1rem}.nyckel dt{color:var(--muted);font-size:.875rem;font-weight:500}.nyckel dd{margin:0;overflow-wrap:anywhere}
.postlista{list-style:none;margin:0;padding:0}.postlista li{display:flex;flex-wrap:wrap;gap:.6rem;align-items:flex-start;padding:.5rem 0;border-top:1px solid var(--border)}.postlista li:first-child{border-top:0}.post-nr{flex:0 0 2.2rem;color:var(--muted);font-variant-numeric:tabular-nums;font-size:.8125rem;padding-top:.15rem}.post-text{min-width:0;flex:1;display:flex;flex-direction:column;gap:.1rem}.post-text .liten{display:block}.postlista label{display:flex;gap:.6rem;align-items:flex-start;min-height:44px;flex:1;cursor:pointer;padding:.1rem 0}.postlista label input{margin-top:.2rem;flex-shrink:0}.postlista .manuell{flex:1 1 100%;margin:0 0 .25rem 2.2rem}
.steg{list-style:none;margin:.25rem 0 .75rem;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;font-size:.8125rem}.steg li{display:flex;align-items:center;gap:.5rem;color:var(--muted)}.steg li>span{width:22px;height:22px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:.75rem;flex-shrink:0;background:var(--surface-alt);color:var(--fg)}.steg li.klart{color:var(--success);font-weight:500}.steg li.klart>span{background:var(--success);color:var(--surface)}.steg li.nu{color:var(--fg);font-weight:600}.steg li.nu>span{background:var(--button);color:var(--button-text)}
.samtycke{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:1rem}.samtycke h1{margin:.5rem 0 .25rem}.samtycke .meta{margin:0 0 .75rem;font-size:.875rem}.par{display:flex;align-items:center;gap:.75rem;margin:0}.par .app,.par .bolag{width:44px;height:44px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;font-weight:700;background:var(--surface-alt);color:var(--fg)}.par .bolag{background:var(--button);color:var(--button-text)}.par .pil{color:var(--muted);font-size:1.25rem}
.rad,details.rad-rutan>summary{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.6rem .9rem;border:1px solid var(--border);border-radius:12px;background:var(--bg);margin:.5rem 0}.rad-text{min-width:0}
details.rad-rutan{margin:0}details.rad-rutan>summary{list-style:none;min-height:44px;cursor:pointer}details.rad-rutan>summary::-webkit-details-marker{display:none}.andra{font-weight:600;font-size:.875rem;padding:.55rem .9rem;min-height:44px;display:inline-flex;align-items:center;border-radius:999px;border:1px solid var(--field-border);background:var(--surface);white-space:nowrap}.las-oppen,.las-andrat{display:none}details.rad-rutan[open] .las-oppen{display:inline}details.rad-rutan[open] .las-stangd,details.rad-rutan[open] .las-andrat{display:none!important}.rad-rutan[data-m-kunder-fakturor]:has(input[value="kunder-fakturor"]:not(:checked)) .las-andrat,.rad-rutan:not([data-m-kunder-fakturor]):has(input[value="kunder-fakturor"]:checked) .las-andrat,.rad-rutan[data-m-leverantorer]:has(input[value="leverantorer"]:not(:checked)) .las-andrat,.rad-rutan:not([data-m-leverantorer]):has(input[value="leverantorer"]:checked) .las-andrat,.rad-rutan[data-m-order-offert]:has(input[value="order-offert"]:not(:checked)) .las-andrat,.rad-rutan:not([data-m-order-offert]):has(input[value="order-offert"]:checked) .las-andrat,.rad-rutan[data-m-artiklar-priser]:has(input[value="artiklar-priser"]:not(:checked)) .las-andrat,.rad-rutan:not([data-m-artiklar-priser]):has(input[value="artiklar-priser"]:checked) .las-andrat,.rad-rutan[data-m-bokforing]:has(input[value="bokforing"]:not(:checked)) .las-andrat,.rad-rutan:not([data-m-bokforing]):has(input[value="bokforing"]:checked) .las-andrat,.rad-rutan[data-m-bank]:has(input[value="bank"]:not(:checked)) .las-andrat,.rad-rutan:not([data-m-bank]):has(input[value="bank"]:checked) .las-andrat,.rad-rutan[data-m-projekt-kostnadsstallen]:has(input[value="projekt-kostnadsstallen"]:not(:checked)) .las-andrat,.rad-rutan:not([data-m-projekt-kostnadsstallen]):has(input[value="projekt-kostnadsstallen"]:checked) .las-andrat,.rad-rutan[data-m-ovrigt]:has(input[value="ovrigt"]:not(:checked)) .las-andrat,.rad-rutan:not([data-m-ovrigt]):has(input[value="ovrigt"]:checked) .las-andrat{display:inline}.rad-rutan[data-m-kunder-fakturor]:has(input[value="kunder-fakturor"]:not(:checked)) .las-stangd,.rad-rutan:not([data-m-kunder-fakturor]):has(input[value="kunder-fakturor"]:checked) .las-stangd,.rad-rutan[data-m-leverantorer]:has(input[value="leverantorer"]:not(:checked)) .las-stangd,.rad-rutan:not([data-m-leverantorer]):has(input[value="leverantorer"]:checked) .las-stangd,.rad-rutan[data-m-order-offert]:has(input[value="order-offert"]:not(:checked)) .las-stangd,.rad-rutan:not([data-m-order-offert]):has(input[value="order-offert"]:checked) .las-stangd,.rad-rutan[data-m-artiklar-priser]:has(input[value="artiklar-priser"]:not(:checked)) .las-stangd,.rad-rutan:not([data-m-artiklar-priser]):has(input[value="artiklar-priser"]:checked) .las-stangd,.rad-rutan[data-m-bokforing]:has(input[value="bokforing"]:not(:checked)) .las-stangd,.rad-rutan:not([data-m-bokforing]):has(input[value="bokforing"]:checked) .las-stangd,.rad-rutan[data-m-bank]:has(input[value="bank"]:not(:checked)) .las-stangd,.rad-rutan:not([data-m-bank]):has(input[value="bank"]:checked) .las-stangd,.rad-rutan[data-m-projekt-kostnadsstallen]:has(input[value="projekt-kostnadsstallen"]:not(:checked)) .las-stangd,.rad-rutan:not([data-m-projekt-kostnadsstallen]):has(input[value="projekt-kostnadsstallen"]:checked) .las-stangd,.rad-rutan[data-m-ovrigt]:has(input[value="ovrigt"]:not(:checked)) .las-stangd,.rad-rutan:not([data-m-ovrigt]):has(input[value="ovrigt"]:checked) .las-stangd{display:none}
.etikett{display:inline-block;padding:0 .5rem;border-radius:999px;border:1px solid var(--warn);background:var(--warn-bg);color:var(--warn);font-size:.75rem;font-weight:600;vertical-align:.1em}
.vaxel{position:relative;display:inline-flex;align-items:center;gap:.5rem;min-height:44px;min-width:44px;cursor:pointer;flex-shrink:0}.vaxel input{position:absolute;inset:0;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.vaxel-spar{position:relative;width:46px;height:26px;border-radius:999px;background:var(--field-border);transition:background .15s}.vaxel-spar::after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:var(--surface);transition:transform .15s}.vaxel input:checked~.vaxel-spar{background:var(--button)}.vaxel input:checked~.vaxel-spar::after{transform:translateX(20px)}.vaxel-text::before{content:"Av";font-size:.875rem;color:var(--muted)}.vaxel input:checked~.vaxel-text::before{content:"På";color:var(--fg);font-weight:600}.vaxel:has(:focus-visible) .vaxel-spar{outline:3px solid #0E7490;outline-offset:3px}
.neka-rad{text-align:center;margin:.25rem 0}.neka-rad button{background:none;border-color:transparent;color:var(--muted);text-decoration:underline;text-underline-offset:3px;min-height:44px;min-width:44px;padding:0 1rem}.neka-rad button:hover{box-shadow:none;color:var(--fg)}.skrivnot{border-left:3px solid var(--warn);padding-left:.75rem}
.fragor{list-style:none;padding:0;margin:0}.fraga{padding:.6rem .8rem;margin:.4rem 0;background:var(--bg);border:1px solid var(--border);border-radius:12px}.fraga strong{display:block;user-select:all;-webkit-user-select:all}.fraga .liten{display:block}.fragor-steg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;list-style:none;padding:0;margin:.5rem 0 0;font-size:.875rem}.fragor-steg li{display:flex;gap:.5rem;align-items:flex-start}.fragor-steg li>span:first-child{width:24px;height:24px;border-radius:999px;background:var(--surface-alt);font-weight:700;font-size:.75rem;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
.panel.huvud>.fraga-innehall{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:0 1rem;margin:0}.panel.huvud>.fraga-innehall>:last-child{margin-bottom:.8rem}
#stopp button{border-color:var(--danger);color:var(--danger)}
details.fara{border:1px solid var(--danger);border-radius:14px;padding:0 .9rem;background:var(--surface);margin:.4rem 0}details.fara>summary{font-weight:600;color:var(--danger);list-style:none;display:flex;align-items:center;gap:.6rem}details.fara>summary::-webkit-details-marker{display:none}details.fara>summary::after{content:"";margin-left:auto;width:.5rem;height:.5rem;border-right:2px solid var(--danger);border-bottom:2px solid var(--danger);transform:translateY(-.15rem) rotate(45deg);flex-shrink:0}details.fara[open]>summary::after{transform:translateY(.1rem) rotate(-135deg)}details.fara>:last-child{margin-bottom:.8rem}
.kort{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:1.25rem 1rem;display:flex;flex-direction:column;align-items:center;gap:.6rem;text-align:center;margin:.5rem auto;max-width:28rem}.kort>*{margin:0;max-width:100%}.kort .knapp,.kort button{width:100%}.kort.vanster{align-items:stretch;text-align:left}.kort.vanster .par{justify-content:flex-start}
.kort.status{max-width:none;align-items:stretch;text-align:left;padding:1rem;gap:.4rem;margin:.5rem 0}.status-rad{display:flex;align-items:center;gap:.75rem}.kort.status .ikon{width:44px;height:44px;flex-shrink:0}.kort.status .ikon svg{width:22px;height:22px}.kort.status h1{margin:0}.kort.status .knapp,.kort.status button{width:auto;align-self:flex-start}.kort.status .knapp.primar{width:100%}
.nasta-steg{border-top:1px solid var(--border);padding-top:.6rem;margin-top:.3rem}.nasta-steg h2{margin:0 0 .2rem;font-size:.9375rem}.nasta-steg p{margin:.25rem 0}
.ikon{width:56px;height:56px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;border:2px solid var(--warn);background:var(--warn-bg);color:var(--warn);flex-shrink:0}.ikon.ok{border-color:var(--success);background:var(--success-bg);color:var(--success)}.ikon.gra{border-color:var(--field-border);background:var(--bg);color:var(--muted)}.ikon.last{border-color:var(--border);background:var(--surface);color:var(--link)}.ikon svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.etiketter{display:flex;flex-wrap:wrap;gap:.4rem;margin:.5rem 0}.etikett.lugn{border-color:var(--field-border);background:var(--bg);color:var(--fg)}
.eyebrow{margin:0;font-size:.8125rem;font-weight:600;letter-spacing:.04em;color:var(--link)}.intro h1{font-size:1.75rem}.intro .meta{margin:.5rem 0 0}.mitt{text-align:center}
.tre-steg{list-style:none;margin:.75rem 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.tre-steg li{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:.7rem .6rem;display:flex;flex-direction:column;gap:.3rem;font-size:.9375rem}.tre-steg li>span:first-child{width:26px;height:26px;border-radius:999px;background:var(--surface-alt);color:var(--fg);font-weight:700;font-size:.8125rem;display:inline-flex;align-items:center;justify-content:center}
.adress{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:.75rem .9rem;display:flex;flex-direction:column;gap:.4rem;margin:.6rem 0}.adress-rubrik{display:block;font-size:.75rem;font-weight:600;color:var(--muted);letter-spacing:.04em;text-transform:uppercase}.adress-falt{display:block;width:100%;box-sizing:border-box;min-height:72px;padding:.6rem .75rem;border:1px solid var(--field-border);border-radius:12px;background:var(--bg);color:var(--fg);font-family:ui-monospace,Consolas,monospace;font-size:.875rem;resize:none;overflow-wrap:anywhere}.adress-tips{font-size:.75rem;color:var(--muted)}.panel .adress{border:0;padding:.25rem 0 .5rem;margin:0;background:none}
.utfall{display:flex;flex-direction:column;gap:.5rem;margin:.75rem 0}.utfall .panel{margin:0}
.appval{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;padding:0;margin:.75rem 0}.appval a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;min-height:68px;border:1px solid var(--border);border-radius:14px;background:var(--surface);color:var(--fg);font-weight:600;text-decoration:none;padding:.4rem}.appval a[aria-current="true"]{border:2px solid var(--button)}.appval small{font-size:.75rem;color:var(--muted);font-weight:500;text-align:center}.appval .appval-primar{grid-column:1/-1}.appval .appval-primar a{min-height:80px;background:var(--button);border-color:var(--button);color:var(--button-text);font-size:1.0625rem}.appval .appval-primar small{color:var(--button-text);opacity:.85}
.steglista{list-style:none;counter-reset:s;padding:0;margin:.5rem 0;display:flex;flex-direction:column;gap:.75rem}.steglista>li{counter-increment:s;display:flex;gap:.8rem}.steglista>li::before{content:counter(s);width:28px;height:28px;border-radius:999px;background:var(--button);color:var(--button-text);font-weight:700;font-size:.875rem;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.krav{display:flex;gap:.75rem;align-items:flex-start;padding:.7rem .9rem;background:var(--surface);border:1px solid var(--border);border-radius:12px;margin:.6rem 0}
.chips{display:flex;flex-wrap:wrap;gap:.5rem;margin:.6rem 0}.chip{display:inline-flex;align-items:center;min-height:44px;padding:0 1rem;border-radius:999px;border:1px solid var(--field-border);background:var(--surface);color:var(--fg);text-decoration:none;font-size:.9375rem;font-weight:600}.chip[aria-current="true"]{background:var(--button);color:var(--button-text);border-color:var(--button)}
.dag{font-size:.8125rem;font-weight:600;color:var(--muted);margin:1rem 0 .3rem;text-transform:none}.tidslinje{list-style:none;padding:0;margin:0;background:var(--surface);border:1px solid var(--border);border-radius:14px}.tidslinje li{display:flex;gap:.75rem;justify-content:space-between;align-items:flex-start;padding:.6rem .85rem;margin:0;border-top:1px solid var(--border)}.tidslinje li:first-child{border-top:0}.tidslinje .tid{color:var(--muted);font-size:.8125rem;white-space:nowrap}
.atgard{position:sticky;top:0;z-index:2;background:var(--bg);padding:.5rem 0 .55rem;margin:.3rem 0 .6rem;border-bottom:1px solid var(--border)}.atgard-vad{margin:0 0 .35rem;font-size:.8125rem;line-height:1.3;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.atgard-knappar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.5rem .75rem;align-items:center}.atgard-knappar .primar{width:100%}.atgard .sekundar{background:none;border-color:transparent;color:var(--muted);text-decoration:underline;text-underline-offset:3px;min-height:44px;min-width:44px;padding:0 1rem}.atgard .sekundar:hover{box-shadow:none;color:var(--fg)}.atgard-not{margin:0 0 .5rem}.samtycke .atgard{background:var(--surface)}.spara-rad{margin:.25rem 0 .5rem}.klart-ruta{display:flex;align-items:center;gap:.75rem;margin:0 0 .6rem;padding:.6rem .85rem;border:1px solid var(--success);background:var(--success-bg);border-radius:12px}.klart-ruta .ikon{width:40px;height:40px}.klart-ruta .ikon svg{width:20px;height:20px}.textlank{display:inline-flex;align-items:center;min-height:44px;padding:0 .5rem;color:var(--muted)}
.nasta{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:.8rem 1rem;margin:.6rem 0}.nasta h2{margin:0 0 .3rem}.nasta p{margin:.3rem 0}.nasta ol{margin:.3rem 0;padding-left:1.25rem}.nasta .primar{width:100%}.markera{font-weight:600;user-select:all;-webkit-user-select:all;padding:.55rem .75rem;background:var(--bg);border:1px solid var(--border);border-radius:12px}
.byt{text-align:right;margin:.25rem 0 0}.byt a{display:inline-flex;align-items:center;min-height:44px;color:var(--muted);text-decoration:none;padding:0 .25rem}.sedan{margin:.25rem 0 .6rem;padding-left:1.25rem;display:flex;flex-direction:column;gap:.35rem;font-size:.9375rem}.stegtext{display:flex;flex-direction:column;gap:.6rem;min-width:0;flex:1}.stegtext .knapp.primar{margin:0}.manuell{background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:0 .75rem}.manuell>summary{min-height:44px;display:flex;align-items:center;font-size:.875rem;font-weight:600;cursor:pointer}.manuell .adress{border:0;padding:.25rem 0 .5rem;margin:0;background:none}.forstafragor{list-style:none;padding:0;margin:.5rem 0;display:flex;flex-direction:column;gap:.4rem}.forstafragor li{padding:.5rem .75rem;background:var(--bg);border-radius:10px;user-select:all;-webkit-user-select:all}.panel-ruta{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:.9rem 1rem;margin:.6rem 0}.panel-ruta h2{margin:.25rem 0 .5rem}.krav-punkt{width:10px;height:10px;border-radius:999px;background:var(--warn);margin-top:.5rem;flex-shrink:0}
.lagesrutor{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin:.6rem 0 0}.lagesrutor a{display:flex;flex-direction:column;justify-content:space-between;gap:.15rem;min-height:56px;padding:.45rem .65rem;border:1px solid var(--border);border-radius:12px;background:var(--bg);text-decoration:none;font-size:.75rem;line-height:1.25;color:var(--muted)}.lagesrutor.fyra{grid-template-columns:repeat(2,minmax(0,1fr))}
.lagesrutor strong{font-size:1.05rem;color:var(--fg)}
.stopptext{border-left:3px solid var(--warn);background:var(--warn-bg);border-radius:8px;padding:.5rem .85rem;margin:.5rem 0}
.rad-status{margin:.6rem 0 0;padding:.5rem .75rem;border:1px solid var(--border);border-radius:12px;background:var(--bg);font-size:.9375rem}.rad-status p{margin:.2rem 0}.rad-status-rubrik{margin:0;font-size:.8125rem;font-weight:600;color:var(--muted)}.rad-status .skrivstatus{margin:.25rem 0 0}
.forlopp-kort{align-items:stretch;text-align:left}.forlopp-kort .ikon{align-self:center}.forlopp-kort h1{text-align:center}.forlopp-kort .knapp{align-self:center;width:auto}
.forlopp-block{display:flex;flex-direction:column;gap:.5rem;font-variant-numeric:tabular-nums}.forlopp-rubrik{margin:0;font-size:1.125rem;font-weight:600;min-height:1.6em}
progress.forlopp{-webkit-appearance:none;appearance:none;display:block;width:100%;height:14px;border:0;border-radius:999px;overflow:hidden;background:var(--surface-alt);color:var(--button)}progress.forlopp::-webkit-progress-bar{background:var(--surface-alt);border-radius:999px}progress.forlopp::-webkit-progress-value{background:var(--button);border-radius:999px}progress.forlopp::-moz-progress-bar{background:var(--button);border-radius:999px}
.forlopp-tal{display:flex;justify-content:space-between;gap:.75rem;margin:0;min-height:1.5rem;font-size:.9375rem;color:var(--muted)}
@media (max-width:480px){h1{font-size:1.375rem}.samtycke{padding:.9rem}.fragor-steg{grid-template-columns:1fr}.oversikt{padding:.8rem .9rem}}
@media (min-width:900px){main{padding-top:1rem}.veck{gap:.6rem}}