body.app{background:var(--frost);min-height:100dvh}.login{min-height:100dvh;padding:max(48px,env(safe-area-inset-top)) 16px 32px}.huvud{max-width:640px;margin:0 auto;padding-bottom:calc(24px + env(safe-area-inset-bottom));background:var(--frost)}.topp{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;gap:10px;background:var(--navy);color:var(--snow);padding:max(10px,env(safe-area-inset-top)) 16px 10px}.namn{display:flex;flex-direction:column;line-height:1.15}.namn b{font-family:var(--display);font-size:22px;text-transform:uppercase}.namn span{font-size:14px;color:#dce4ea}.ko{font:inherit;font-size:15px;font-weight:600;border:0;padding:8px 12px;min-height:40px;background:#2e7d4f;color:#fff;cursor:pointer}.ko.vantar{background:var(--yellow);color:var(--navy)}.ko.fel{background:var(--red)}.karta{height:42vh;min-height:260px}.flikar{display:grid;grid-template-columns:repeat(3,1fr);background:var(--navy)}.flikar button{font:inherit;font-weight:600;font-size:17px;min-height:52px;border:0;background:transparent;color:#dce4ea;cursor:pointer;border-bottom:4px solid transparent}.flikar button[aria-selected=true]{color:#fff;border-bottom-color:var(--orange)}.vy{padding:16px;gap:14px}.rad2{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:center}.rad2 .btn{padding-inline:10px}.tips{font-size:15px;color:var(--muted)}.rubrik{font-size:26px;margin-top:12px}fieldset{border:0;padding:0;margin:0}.statusar{display:grid;gap:8px}.statusval,.typval{position:relative;display:block;cursor:pointer}.statusval input,.typval input{position:absolute;opacity:0;width:1px;height:1px;min-height:0}.statusval span{display:flex;align-items:center;gap:12px;min-height:56px;padding:10px 14px;background:#fff;border:2px solid var(--line);font-weight:600;font-size:18px}.statusval span:before{content:"";width:22px;height:22px;background:var(--f);flex:none}.statusval input:checked+span{border-color:var(--navy);box-shadow:inset 0 0 0 2px var(--navy);background:#fff6ec}.statusval input:focus-visible+span,.typval input:focus-visible+span{outline:3px solid var(--orange)}.typer{display:grid;grid-template-columns:1fr 1fr;gap:8px}.typval span{display:flex;align-items:center;gap:8px;min-height:56px;padding:8px 10px;background:#fff;border:2px solid var(--line);font-weight:600;font-size:15px;line-height:1.2}.typval i{font-style:normal;font-size:22px}.typval input:checked+span{border-color:var(--red);box-shadow:inset 0 0 0 2px var(--red);background:#fff0ee}textarea{font:inherit;font-size:17px;padding:10px 12px;border:2px solid var(--navy);width:100%;resize:vertical}.btn.stor{min-height:64px;font-size:21px}.btn.rod{background:var(--red);color:#fff!important}.fotoknapp{width:100%}.forhand{display:grid;gap:8px}.forhand img{width:100%;max-height:260px;object-fit:cover}.lista{display:grid;gap:8px}.post,.naraval{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;background:#fff;padding:12px;border:1px solid var(--line)}.naraval{justify-content:flex-start;cursor:pointer}.naraval input{width:26px;height:26px;min-height:26px;flex:none;margin-top:2px}.knappar{display:flex;flex-direction:column;gap:6px;align-items:flex-end}.lank{font:inherit;font-weight:600;background:none;border:0;color:var(--blue);text-decoration:underline;cursor:pointer;min-height:36px;padding:4px}.valda{display:flex;flex-wrap:wrap;gap:6px;background:#fff;padding:10px;border:2px solid var(--orange)}.valdahuvud{flex-basis:100%;display:flex;justify-content:space-between;align-items:center}.chip{font:inherit;font-size:15px;font-weight:600;background:var(--frost);border:1px solid var(--line);padding:6px 10px;min-height:40px;cursor:pointer}.posinfo{font-size:15px;color:var(--muted)}.feltext{color:var(--red)}.vantarmark{font-size:12px;background:var(--yellow);padding:1px 6px;font-weight:600}.toast{position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom));transform:translate(-50%);width:min(92vw,520px);background:var(--navy);color:#fff;padding:14px 16px;font-weight:500;z-index:50;box-shadow:0 6px 24px #00000040}.jagprick{width:18px;height:18px;border-radius:50%;background:#1f6fb5;border:3px solid #fff;box-shadow:0 0 0 6px #1f6fb540}.vmark{width:34px;height:34px;border-radius:50%;background:#fff;border:3px solid var(--red);display:grid;place-items:center;font-size:18px;box-shadow:0 2px 6px #0000004d}.vmark.vantar{border-style:dashed}