:root{--text:#0f0f10;--dampad:#00000087;--svag:#0000005c;--linje:#00000013;--kant:#0000001a;--hover:#0000000a;--aktiv:#0000000f;--sida:#fff;--meny:#f4f4f3;--yta:#f3f3f4;--vit:#fff;--accent:#335cff;--accent-yta:#edf1ff;--fel:#d92d20;--fel-yta:#fdeeec;--ok:#1a7f45;--ok-yta:#e7f6ec;--vantar:#a3600a;--vantar-yta:#fdf3e2;--bricka:#f1f1f2;--f-initialer:9px;--f-minst:12px;--f-liten:13px;--f-brod:14px;--f-kort:15px;--f-rubrik:16px;--f-dialog:18px;--f-titel:22px;--f-sidrubrik:24px;--radie-ram:16px;--radie-kort:12px;--radie-knapp:10px;--luft-ram:10px;--p-bla:#335cff;--p-gron:#16a34a;--p-orange:#ea580c;--p-rod:#dc2626;--p-lila:#7c3aed;--p-gra:#6b7280}*{box-sizing:border-box}html,body{margin:0}body{background:var(--sida);color:var(--text);font:400 var(--f-brod)/1.45 "Inter", system-ui, -apple-system, sans-serif;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit}[hidden]{display:none!important}.knapp{border:1px solid var(--kant);border-radius:var(--radie-knapp);background:var(--vit);height:32px;font-size:var(--f-liten);white-space:nowrap;align-items:center;gap:6px;padding:0 12px;font-weight:500;display:inline-flex}.knapp:hover{background:#f7f7f7}.knapp:disabled,.knapp:disabled:hover{background:var(--yta);border-color:var(--yta);color:var(--svag);cursor:default}.knapp svg{flex:none;width:16px;height:16px}.knapp.primar{background:var(--text);border-color:var(--text);color:#fff}.knapp.primar:hover{background:#2a2a2c}.knapp.fara{color:var(--fel)}.knapp.fara.fylld{background:var(--fel);border-color:var(--fel);color:#fff}.knapp.liten{height:28px;font-size:var(--f-minst);padding:0 10px}.ikonknapp{width:28px;height:28px;color:var(--dampad);background:0 0;border:0;border-radius:8px;place-items:center;padding:0;display:inline-grid}.ikonknapp:hover{background:var(--hover);color:var(--text)}.ikonknapp svg{width:16px;height:16px}.lank{color:var(--dampad);font-size:var(--f-minst);background:0 0;border:0;padding:0}.lank:hover{color:var(--text);text-decoration:underline}.lank.fara:hover{color:var(--fel)}.falt{border:1px solid var(--kant);border-radius:var(--radie-knapp);background:var(--vit);outline:none;width:100%;height:36px;padding:0 12px}textarea.falt{resize:vertical;height:auto;min-height:88px;padding:10px 12px;line-height:1.5}.falt:focus{border-color:var(--accent)}.etikett{font-size:var(--f-liten);margin:0 0 6px;font-weight:500;display:block}.felrad{color:var(--fel);font-size:var(--f-liten);margin:8px 0 0}.app{grid-template-columns:256px minmax(0,1fr);min-height:100vh;display:grid}.meny{top:var(--luft-ram);height:calc(100vh - 2 * var(--luft-ram));margin:var(--luft-ram) 0 var(--luft-ram) var(--luft-ram);background:var(--meny);border-radius:var(--radie-ram);flex-direction:column;gap:2px;padding:16px 12px;display:flex;position:sticky;overflow-y:auto}.varumarke{font-size:var(--f-kort);letter-spacing:-.1px;align-items:center;gap:8px;font-weight:600;display:flex}.meny-post{border-radius:var(--radie-knapp);width:100%;height:34px;color:var(--dampad);font-size:var(--f-brod);text-align:left;background:0 0;border:0;align-items:center;gap:10px;padding:0 10px;font-weight:500;text-decoration:none;display:flex}.meny-post svg{flex:none;width:16px;height:16px}.meny-post:hover{background:var(--hover);color:var(--text)}.meny-post.aktiv{background:var(--vit);color:var(--text)}.meny-grupp{color:var(--dampad);font-size:var(--f-liten);margin:18px 10px 6px;font-weight:500}.meny-fot{flex-direction:column;gap:2px;margin-top:auto;padding-top:12px;display:flex}.meny-namn{font-size:var(--f-liten);white-space:nowrap;text-overflow:ellipsis;padding:0 10px 6px;font-weight:500;overflow:hidden}.mobiltopp,.meny-tackning{display:none}.innehall{min-width:0;padding:var(--luft-ram) 22px 48px}.ram{background:var(--vit);border:1px solid var(--linje);border-radius:var(--radie-ram);max-width:1680px}.huvud{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;max-width:1680px;padding:14px 2px 16px;display:flex}.huvud-titel{flex-direction:column;flex:320px;gap:2px;min-width:0;display:flex}.huvud-titel h1{font-size:var(--f-sidrubrik);letter-spacing:-.3px;margin:0;font-weight:500;line-height:1.2}.huvud-titel p{color:var(--dampad);font-size:var(--f-brod);white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.gnista{color:var(--accent);flex:none;width:18px;height:18px}.huvud-hoger{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.vaxel{font-weight:500;font-size:var(--f-brod);background:0 0;border:0;align-items:center;gap:10px;padding:0 6px 0 0;display:inline-flex}.vaxel-spar{background:#d4d4d8;border-radius:999px;width:36px;height:20px;transition:background .15s;position:relative}.vaxel-spar:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .15s;position:absolute;top:2px;left:2px}.vaxel[aria-checked=true] .vaxel-spar{background:var(--accent)}.vaxel[aria-checked=true] .vaxel-spar:after{transform:translate(16px)}.vaxel:disabled{cursor:default;color:var(--dampad)}.tom-sida{text-align:center;padding:64px 24px}.tom-sida h2{font-size:var(--f-rubrik);margin:0 0 6px;font-weight:500}.tom-sida p{max-width:440px;color:var(--dampad);margin:0 auto}.tabell-ram{padding:8px 16px 16px;overflow-x:auto}.tabell{border-collapse:collapse;width:100%}.tabell th,.tabell td{text-align:left;white-space:nowrap;border-bottom:1px solid var(--linje);height:44px;padding:0 12px}.tabell th{height:40px;color:var(--dampad);font-size:var(--f-liten);font-weight:500}.tabell tbody tr{cursor:pointer}.tabell tbody tr:hover td,.tabell tbody tr:focus-visible td{background:var(--hover)}.tabell tbody tr:focus-visible{outline:none}.tabell tbody tr:last-child td{border-bottom:0}.tabell .tal{text-align:right;font-variant-numeric:tabular-nums}.tabell .stark{font-weight:500}.tabell .kort-cell{text-overflow:ellipsis;max-width:280px;overflow:hidden}.tabell .taggcell{max-width:360px;overflow:hidden}.taggrad{gap:4px;display:inline-flex}.faltrutnat{grid-template-columns:1fr 1fr;gap:0 12px;display:grid}@media (max-width:600px){.faltrutnat{grid-template-columns:1fr}}.tagg{background:var(--bricka);height:22px;color:var(--text);font-size:var(--f-minst);white-space:nowrap;border:0;border-radius:6px;align-items:center;gap:5px;padding:0 8px;font-weight:500;line-height:1;display:inline-flex}.tagg.tom-tagg{box-shadow:inset 0 0 0 1px var(--kant);color:var(--dampad);background:0 0}.tagg svg{flex:none;width:12px;height:12px}.tagg .snurra{animation:none}button.tagg{cursor:pointer}button.tagg:hover{filter:brightness(.96)}.tagg.status-pagar{background:var(--accent-yta);color:var(--accent)}.tagg.status-vantar{background:var(--vantar-yta);color:var(--vantar)}.tagg.status-klar{background:var(--ok-yta);color:var(--ok)}.farg-bla{--farg:var(--p-bla)}.farg-gron{--farg:var(--p-gron)}.farg-orange{--farg:var(--p-orange)}.farg-rod{--farg:var(--p-rod)}.farg-lila{--farg:var(--p-lila)}.farg-gra{--farg:var(--p-gra)}.tagg[class*=farg-]{background:color-mix(in srgb, var(--farg) 13%, #fff);color:var(--farg)}.avatar{vertical-align:middle;background:var(--bricka);width:22px;height:22px;color:var(--dampad);font-size:var(--f-initialer);letter-spacing:.02em;border-radius:50%;flex:none;place-items:center;font-weight:600;display:inline-grid;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.avatar.stor{width:56px;height:56px;font-size:var(--f-kort)}.avatar.tom{color:var(--svag);background:0 0;border:1px dashed #0000004d}.avatar.tom svg{width:12px;height:12px}.avatarknapp{cursor:pointer;background:0 0;border:0;border-radius:50%;outline:none;place-items:center;margin-left:-2px;padding:2px;display:inline-grid}.avatarknapp:hover .avatar.tom{border-color:var(--text);color:var(--text)}.avatarknapp:hover .avatar:not(.tom){filter:brightness(.95)}.avatarknapp:focus-visible{outline:2px solid var(--accent);outline-offset:0}.personval{font-size:var(--f-liten);white-space:nowrap;align-items:center;gap:8px;font-weight:500;display:inline-flex}.bildrad{align-items:center;gap:12px;margin-top:8px;display:flex}.valmeny{z-index:30;background:var(--vit);border:1px solid var(--kant);border-radius:var(--radie-knapp);min-width:190px;max-height:320px;padding:4px;position:fixed;overflow-y:auto}.valmeny button{background:0 0;border:0;border-radius:6px;outline:none;justify-content:space-between;align-items:center;gap:12px;width:100%;height:32px;padding:0 8px;display:flex}.valmeny button:hover,.valmeny button:focus-visible{background:var(--hover)}.valmeny-bock{width:14px;height:14px;color:var(--text)}.filterrad{flex-wrap:wrap;gap:8px;padding:12px 28px 0;display:flex}.filterknapp{border:1px solid var(--kant);border-radius:var(--radie-knapp);background:var(--vit);height:30px;color:var(--text);font-size:var(--f-liten);white-space:nowrap;cursor:pointer;outline:none;align-items:center;gap:6px;padding:0 8px 0 10px;font-weight:500;display:inline-flex}.filterknapp:hover{background:var(--hover)}.filterknapp:focus-visible{border-color:var(--accent)}.filterknapp.aktiv{border-color:var(--text)}.filterknapp-val{text-overflow:ellipsis;border-left:1px solid var(--kant);max-width:160px;padding-left:6px;font-weight:600;overflow:hidden}.filterknapp-pil{width:14px;height:14px;color:var(--dampad)}.filtermeny{min-width:240px}.filterval{align-items:center;gap:10px;min-width:0;display:inline-flex}.filterval .ruta,.kundlista .ruta{border:1.5px solid var(--svag);width:16px;height:16px;color:var(--vit);border-radius:4px;flex:none;place-items:center;display:grid}.filterval .ruta svg,.kundlista .ruta svg{width:12px;height:12px}.filtermeny button[aria-checked=true] .ruta,.kundlista button[aria-checked=true] .ruta{background:var(--text);border-color:var(--text)}.filterval-antal{color:var(--svag);font-size:var(--f-minst);font-variant-numeric:tabular-nums}.filtermeny .filtermeny-rensa{border-top:1px solid var(--linje);color:var(--dampad);font-size:var(--f-liten);border-radius:0 0 6px 6px;margin-top:4px;font-weight:500}.rensa-filter{height:30px;color:var(--dampad);font-size:var(--f-liten);cursor:pointer;background:0 0;border:0;padding:0 6px;font-weight:500}.rensa-filter:hover{color:var(--text)}.uppgiftstabell th,.uppgiftstabell td{height:36px;font-size:var(--f-liten);padding:0 10px}.uppgiftstabell th{height:32px;font-size:var(--f-minst)}.tabell .titelcell{text-overflow:ellipsis;max-width:420px;overflow:hidden}.tabell tr.klar .titelcell{color:var(--dampad);font-weight:400}.uppgiftstabell .ringcell{width:26px;padding-right:0}.ring{vertical-align:middle;background:var(--vit);color:#0000;border:1.5px solid #00000047;border-radius:50%;place-items:center;width:16px;height:16px;padding:0;display:inline-grid}.ring svg{width:10px;height:10px}.ring:hover{border-color:var(--ok);color:var(--ok)}.ring.pa{background:var(--ok);border-color:var(--ok);color:#fff}.tagg:focus-visible,.datumknapp:focus-visible,.ring:focus-visible,.klockknapp:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.datumknapp{height:24px;font-size:var(--f-liten);cursor:pointer;background:0 0;border:0;border-radius:6px;outline:none;margin-left:-6px;padding:0 6px}.datumknapp:hover{background:var(--hover)}.datumknapp.forsenad{color:var(--fel);font-weight:500}.datumknapp.tom{color:var(--dampad)}.datumfalt{border:1px solid var(--accent);background:var(--vit);height:26px;font-size:var(--f-liten);border-radius:6px;outline:none;margin-left:-6px;padding:0 6px}.klocka{font-variant-numeric:tabular-nums;align-items:center;gap:8px;display:inline-flex}.klockknapp{border:1px solid var(--kant);background:var(--vit);width:20px;height:20px;color:var(--text);border-radius:50%;outline:none;place-items:center;padding:0;display:inline-grid}.klockknapp svg{width:9px;height:9px}.klockknapp:hover{border-color:#00000040}.klocka.gar .klockknapp{background:var(--accent);border-color:var(--accent);color:#fff}.klocka.gar .klocktid{color:var(--accent);font-weight:500}.klocktid{min-width:48px}.dold{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.dampad{color:var(--dampad)}.fel-text{color:var(--fel)}.ok-text{color:var(--ok)}.manadsval{align-items:center;gap:2px;display:inline-flex}.manad{text-align:center;min-width:116px;font-size:var(--f-liten);font-weight:500}.checktabell th,.checktabell td{height:36px;font-size:var(--f-liten);padding:0 10px}.checktabell th{font-size:var(--f-minst)}.checktabell .punktcell{text-overflow:ellipsis;max-width:320px;overflow:hidden}.kundkolumn{text-align:center}.kolumn-text{text-overflow:ellipsis;vertical-align:bottom;max-width:110px;display:inline-block;overflow:hidden}.checkcell{text-align:center}.tillbakalank{color:inherit;text-decoration:none}.tillbakalank:hover{color:var(--text);text-decoration:underline}.mall-ingress{font-size:var(--f-liten);margin:0 0 8px}.mallista li{gap:8px}.mall-text{min-width:0;height:34px;font-size:var(--f-brod);background:0 0;border:0;outline:none;flex:1}.kundlista button{width:calc(100% + 16px);height:34px;color:var(--text);font-size:var(--f-brod);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;margin:0 -8px;padding:0 8px;display:flex}.kundlista button:hover{background:var(--hover)}.kundlista button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.hjalp{color:var(--dampad);font-size:var(--f-liten);margin:8px 0 0}.losenruta{border-radius:var(--radie-kort);background:var(--yta);flex-direction:column;gap:12px;padding:16px;display:flex}.losenruta code{font:500 var(--f-kort)/1.4 ui-monospace, "SF Mono", Menlo, monospace;-webkit-user-select:all;user-select:all;overflow-wrap:anywhere;display:block}.losenruta .etikett{color:var(--dampad);margin-bottom:2px}.kropp{grid-template-columns:300px minmax(0,1fr);gap:24px;padding:16px;display:grid}.inkorg{background:var(--yta);border-radius:14px;align-self:start;min-height:420px;padding:12px;transition:background .12s}.inkorg.slapp{background:var(--accent-yta)}.kolumnrubrik{color:var(--dampad);font-size:var(--f-kort);align-items:center;gap:8px;margin:4px 4px 16px;display:flex}.raknare{color:var(--dampad);font-size:var(--f-liten)}.bricka-antal{background:var(--bricka);min-width:20px;height:20px;color:var(--dampad);font-size:var(--f-minst);border-radius:6px;place-items:center;padding:0 6px;font-weight:500;display:inline-grid}.kortlista{flex-direction:column;gap:8px;display:flex}.kort{text-align:left;background:var(--vit);border:1px solid var(--linje);border-radius:var(--radie-kort);cursor:grab;grid-template-columns:14px minmax(0,1fr);align-items:start;gap:2px 8px;width:100%;padding:12px 14px 12px 8px;display:grid}.kort:hover{border-color:var(--kant)}.kort:active{cursor:grabbing}.kort.drar,.piller.drar{opacity:.45}.handtag{color:var(--svag);width:14px;height:14px;margin-top:3px}.kort-titel{font-size:var(--f-kort);overflow-wrap:anywhere;font-weight:500;line-height:1.35}.kort.klar .kort-titel{color:var(--dampad);text-decoration:line-through}.meta{color:var(--dampad);font-size:var(--f-liten);flex-wrap:wrap;grid-column:2;align-items:center;gap:4px 12px;margin-top:4px;display:flex}.meta span{white-space:nowrap;align-items:center;gap:4px;display:inline-flex}.meta svg{width:14px;height:14px}.meta .forsenad{color:var(--fel)}.meta .idag{color:var(--text);font-weight:500}.snabb{gap:6px;margin-top:8px;display:flex}.snabb .falt{background:var(--vit);height:36px}.lagg-till{width:100%;color:var(--dampad);font-size:var(--f-brod);text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:6px;margin-top:8px;padding:8px 10px;display:flex}.lagg-till:hover{background:var(--hover);color:var(--text)}.lagg-till svg{width:16px;height:16px}.tomt{color:var(--svag);font-size:var(--f-liten);text-align:center;margin:24px 8px}.projektkolumn{min-width:0;padding-top:4px}.projektkolumn .kolumnrubrik{justify-content:space-between;margin:4px 0 8px}.projekt{border-radius:14px;grid-template-columns:36px minmax(0,1fr) auto;gap:0 14px;margin:0 -12px;padding:14px 12px;transition:background .12s;display:grid;position:relative}.projekt+.projekt{margin-top:6px}.projekt.slapp{background:var(--accent-yta)}.projekt-ikon{border:1px solid var(--kant);background:var(--vit);width:36px;height:36px;font-size:var(--f-kort);border-radius:10px;place-items:center;font-weight:600;display:grid}.projekt-namnrad{align-items:center;gap:8px;min-width:0;display:flex}.projekt-namn{font-size:var(--f-rubrik);text-align:left;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:0;padding:0;font-weight:500;overflow:hidden}.projekt-namn:hover{text-underline-offset:3px;text-decoration:underline}.projekt-beskrivning{color:var(--dampad);font-size:var(--f-brod);white-space:nowrap;text-overflow:ellipsis;margin:1px 0 0;overflow:hidden}.projekt-hoger{align-self:start;align-items:center;gap:4px;display:flex}.projekt-atgarder{opacity:0;gap:2px;transition:opacity .12s;display:flex}.projekt:hover .projekt-atgarder,.projekt:focus-within .projekt-atgarder{opacity:1}.lage{background:var(--bricka);height:26px;font-size:var(--f-liten);white-space:nowrap;border-radius:6px;align-items:center;padding:0 8px;font-weight:500;display:inline-flex}.lage.ok{background:var(--ok-yta);color:var(--ok)}.lage.fel{background:var(--fel-yta);color:var(--fel)}.pillerrad{flex-wrap:wrap;grid-column:2/4;gap:8px;margin-top:10px;display:flex}.pillerrad:empty{display:none}.piller{border:1px solid var(--kant);background:var(--vit);max-width:100%;height:32px;font-size:var(--f-brod);cursor:grab;border-radius:8px;align-items:center;gap:6px;padding:0 10px;font-weight:500;display:inline-flex}.piller>span{white-space:nowrap;text-overflow:ellipsis;max-width:280px;overflow:hidden}.piller svg{flex:none;width:15px;height:15px}.piller .datum{color:var(--dampad);font-weight:400;font-size:var(--f-liten)}.piller .datum.forsenad{color:var(--fel)}.piller:hover{border-color:#0000002e}.piller.pagar{background:var(--accent-yta);color:var(--accent);border-color:#0000}.piller.pagar .datum{color:var(--accent)}.piller.vantar{background:var(--vantar-yta);color:var(--vantar);border-color:#0000}.piller.vantar .datum{color:var(--vantar)}.piller.klar{color:var(--dampad);background:var(--yta);border-color:#0000}.piller.ny{color:var(--dampad);cursor:pointer;border-style:dashed;font-weight:400}.piller.ny:hover{color:var(--text)}.snurra{animation:1.4s linear infinite snurra}@keyframes snurra{to{transform:rotate(360deg)}}@keyframes glid-in{0%{transform:translate(100%)}to{transform:none}}@keyframes glid-ut{0%{transform:none}to{transform:translate(100%)}}@keyframes tona-in{0%{opacity:0}}@keyframes tona-ut{to{opacity:0}}.tackning{z-index:20;background:#0f0f102e;animation:.24s ease-out tona-in;position:fixed;inset:0}.tackning.ut{animation:.18s ease-in forwards tona-ut}.panel{z-index:21;background:var(--vit);border-left:1px solid var(--linje);flex-direction:column;width:min(580px,100vw);animation:.24s cubic-bezier(.22,.8,.24,1) glid-in;display:flex;position:fixed;top:0;bottom:0;right:0}.panel.ut{animation:.18s ease-in forwards glid-ut}@media (prefers-reduced-motion:reduce){.panel,.panel.ut,.tackning,.tackning.ut,.snurra{animation:none}}.panel-topp{border-bottom:1px solid var(--linje);align-items:center;gap:8px;height:56px;padding:0 12px 0 24px;display:flex}.smula{min-width:0;color:var(--dampad);font-size:var(--f-liten);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.sparat{color:var(--svag);font-size:var(--f-minst)}.panel-kropp{flex:1;padding:20px 24px 32px;overflow-y:auto}.panel-fot{border-top:1px solid var(--linje);color:var(--dampad);font-size:var(--f-minst);justify-content:space-between;align-items:center;gap:12px;padding:12px 24px;display:flex}.titelfalt{resize:none;width:100%;font-size:var(--f-titel);letter-spacing:-.2px;background:0 0;border:1px solid #0000;border-radius:8px;outline:none;margin:0 0 16px -8px;padding:6px 8px;font-weight:500;line-height:1.3;overflow:hidden}.titelfalt:hover{background:var(--hover)}.titelfalt:focus{background:var(--vit);border-color:var(--accent)}.egenskaper{grid-template-columns:120px minmax(0,1fr);align-items:center;gap:6px 12px;margin-bottom:24px;display:grid}.egenskaper>dt{color:var(--dampad);font-size:var(--f-liten)}.egenskaper>dd{align-items:center;gap:6px;min-width:0;margin:0;display:flex}.val{background:0 0;border:1px solid #0000;border-radius:8px;outline:none;max-width:100%;height:32px;padding:0 8px}.val:hover{background:var(--hover)}.val:focus{border-color:var(--accent);background:var(--vit)}input.val[type=number]{width:90px}.segment{background:var(--yta);border-radius:10px;flex-wrap:wrap;padding:2px;display:inline-flex}.segment button{height:28px;color:var(--dampad);font-size:var(--f-liten);background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:6px;padding:0 10px;font-weight:500;display:inline-flex}.segment button svg{width:14px;height:14px}.segment button[aria-pressed=true]{background:var(--vit);color:var(--text);border-color:var(--kant)}.avsnitt{margin-top:28px}.avsnitt-rubrik{justify-content:space-between;align-items:center;gap:8px;margin:0 0 6px;display:flex}.avsnitt-rubrik h2{font-size:var(--f-liten);align-items:center;gap:6px;margin:0;font-weight:500;display:flex}.beskrivning{min-height:120px}.beskrivning-fot{justify-content:flex-end;gap:8px;margin-top:8px;display:flex}.delar{margin:0;padding:0;list-style:none}.delar-antal{color:var(--dampad);font-size:var(--f-minst);font-variant-numeric:tabular-nums;margin-left:8px;font-weight:400}.delar li,.del-ny{border-radius:8px;align-items:center;gap:10px;min-height:34px;margin:0 -8px;padding:0 8px;display:flex}.delar li:hover,.del-ny:focus-within{background:var(--hover)}.del-titel{text-align:left;min-width:0;color:var(--text);font-size:var(--f-brod);white-space:nowrap;text-overflow:ellipsis;cursor:pointer;background:0 0;border:0;flex:1;padding:8px 0;overflow:hidden}.delar li.klar .del-titel{color:var(--dampad)}.del-ny svg{width:16px;height:16px;color:var(--svag);flex:none}.del-ny input{min-width:0;height:34px;font-size:var(--f-brod);background:0 0;border:0;outline:none;flex:1}.tillbaka{min-width:0;height:32px;color:var(--dampad);font-size:var(--f-liten);white-space:nowrap;text-overflow:ellipsis;cursor:pointer;background:0 0;border:0;border-radius:8px;flex:1;align-items:center;gap:6px;margin-left:-8px;padding:0 8px;display:inline-flex;overflow:hidden}.tillbaka:hover{background:var(--hover);color:var(--text)}.tillbaka svg{flex:none;width:14px;height:14px}.titelrad{align-items:flex-start;gap:8px;display:flex}.titelrad>.ring{flex:none;margin-top:13px}.titelrad>.ring+.titelfalt{margin-left:-4px}.slappyta{border:1px dashed var(--kant);border-radius:var(--radie-kort);color:var(--dampad);font-size:var(--f-liten);text-align:center;justify-content:center;align-items:center;gap:8px;padding:18px;display:flex}.slappyta.aktiv{border-color:var(--accent);background:var(--accent-yta);color:var(--accent)}.slappyta button{color:var(--text);text-underline-offset:3px;background:0 0;border:0;padding:0;font-weight:500;text-decoration:underline}.fillista{flex-direction:column;margin-top:10px;display:flex}.fil{grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:12px;padding:8px 0;display:grid}.fil+.fil{border-top:1px solid var(--linje)}.fil-mini{background:var(--yta);width:40px;height:40px;color:var(--dampad);font-size:var(--f-minst);text-transform:uppercase;border-radius:8px;place-items:center;font-weight:600;display:grid;overflow:hidden}.fil-mini img{object-fit:cover;width:100%;height:100%}.fil-namn{white-space:nowrap;text-overflow:ellipsis;font-weight:400;text-decoration:none;display:block;overflow:hidden}.fil-namn:hover{text-decoration:underline}.fil-meta{color:var(--dampad);font-size:var(--f-minst);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.fil-atgard{font-size:var(--f-minst);align-items:center;gap:6px;display:flex}.uppladdning{color:var(--dampad);font-size:var(--f-liten);margin-top:10px}.stapel{background:var(--yta);border-radius:999px;height:4px;margin-top:6px;overflow:hidden}.stapel>div{background:var(--accent);height:100%;transition:width .15s}.kommentarer{flex-direction:column;gap:16px;display:flex}.kommentar-huvud{align-items:center;gap:8px;display:flex}.kommentar-huvud strong{font-size:var(--f-liten);font-weight:600}.kommentar-huvud time{color:var(--dampad);font-size:var(--f-minst)}.kommentar-huvud .lankar{gap:10px;margin-left:auto;display:flex}.kommentar-text{white-space:pre-wrap;overflow-wrap:anywhere;margin:2px 0 0 30px}.ny-kommentar{margin-top:16px}.ny-kommentar .rad{justify-content:space-between;align-items:center;gap:12px;margin-top:8px;display:flex}.tips{color:var(--svag);font-size:var(--f-minst)}.dialog-tackning{z-index:30;background:#0f0f103d;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.dialog{background:var(--vit);border:1px solid var(--linje);border-radius:var(--radie-ram);width:min(480px,100%);max-height:calc(100vh - 32px);padding:24px;overflow-y:auto}.dialog h2{font-size:var(--f-dialog);letter-spacing:-.15px;margin:0 0 4px;font-weight:500}.dialog>p{color:var(--dampad);margin:0 0 16px}.dialog .grupp{margin-top:16px}.dialog-fot{justify-content:flex-end;align-items:center;gap:8px;margin-top:24px;display:flex}.dialog-fot .vanster{margin-right:auto}.farger{gap:8px;display:flex}.farg{outline-offset:2px;border:0;border-radius:8px;width:28px;height:28px;padding:0}.farg[aria-checked=true]{outline:2px solid var(--text)}.kryss{font-size:var(--f-brod);align-items:flex-start;gap:8px;margin-top:12px;display:flex}.kryss input{margin-top:3px}.inloggning{place-items:center;min-height:100vh;padding:16px;display:grid}.inloggning form{background:var(--vit);border:1px solid var(--linje);border-radius:var(--radie-ram);width:min(380px,100%);padding:28px}.inloggning .logotyp{width:160px;height:auto;margin:4px auto 28px;display:block}.inloggning .grupp+.grupp{margin-top:14px}.inloggning .knapp{width:100%;height:38px;font-size:var(--f-brod);justify-content:center;margin-top:20px}.meddelande{z-index:40;background:var(--text);color:#fff;max-width:calc(100vw - 32px);font-size:var(--f-liten);border-radius:10px;align-items:center;gap:14px;padding:10px 14px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.meddelande-knapp{color:#fff;text-underline-offset:3px;background:0 0;border:0;padding:0;font-weight:600;text-decoration:underline}.laddar{color:var(--dampad);text-align:center;padding:80px 0}@media (max-width:900px){.app{grid-template-columns:minmax(0,1fr)}.mobiltopp{z-index:10;background:var(--sida);border-bottom:1px solid var(--linje);align-items:center;gap:8px;height:52px;padding:0 12px;display:flex;position:sticky;top:0}.meny{z-index:26;width:260px;height:auto;transform:translateX(calc(-100% - 2 * var(--luft-ram)));transition:transform .18s;position:fixed;top:0;bottom:0;left:0}.meny.oppen{transform:none}.meny-tackning{z-index:25;background:#0f0f102e;display:block;position:fixed;inset:0}.innehall{padding:16px}.kropp{grid-template-columns:minmax(0,1fr)}.inkorg{min-height:0}.projekt-atgarder{opacity:1}}@media (max-width:600px){.huvud{padding:4px 0 12px}.huvud-hoger{width:100%}.tabell-ram{padding:8px 4px 12px}.egenskaper{grid-template-columns:96px minmax(0,1fr)}.panel-kropp,.panel-fot{padding-left:16px;padding-right:16px}.panel-topp{padding-left:16px}.projekt{grid-template-columns:36px minmax(0,1fr)}.projekt-hoger{grid-column:2;margin-top:8px}.pillerrad{grid-column:1/3}}