@layer components{:root{--nv-gron:#22c55e;--nv-gul:#eab308;--nv-bla:#38bdf8;--nv-lila:#a78bfa;--nv-rod:#ef4444;--nv-kurva:cubic-bezier(.16, 1, .3, 1)}.nv-stapel{z-index:1250;left:12px;right:12px;bottom:calc(88px + env(safe-area-inset-bottom));pointer-events:none;flex-direction:column;gap:10px;display:flex;position:fixed}@media (min-width:768px){.nv-stapel{width:380px;bottom:24px;left:auto;right:24px}}.nv-ruta{--c:var(--nv-gron);pointer-events:auto;color:var(--text-1);background:linear-gradient(160deg, color-mix(in srgb, var(--c) 16%, var(--surface-2)), var(--surface-2) 58%), var(--bg);border:1px solid color-mix(in srgb, var(--c) 38%, transparent);animation:nv-in .45s var(--nv-kurva) both;border-radius:20px;padding:14px 14px 12px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff14,0 24px 50px -20px #000000a6}.nv-ruta.ton-gron{--c:var(--nv-gron)}.nv-ruta.ton-gul{--c:var(--nv-gul)}.nv-ruta.ton-bla{--c:var(--nv-bla)}.nv-ruta.ton-lila{--c:var(--nv-lila)}.nv-topp{align-items:flex-start;gap:11px;display:flex}.nv-topp b{letter-spacing:-.01em;font-size:14.5px;font-weight:650;line-height:1.3;display:block}.nv-topp p{color:var(--text-2);margin-top:3px;font-size:12.5px;line-height:1.45}.nv-ikon{width:32px;height:32px;color:var(--c);background:color-mix(in srgb, var(--c) 16%, transparent);box-shadow:0 0 0 1px color-mix(in srgb, var(--c) 30%, transparent), 0 0 22px color-mix(in srgb, var(--c) 35%, transparent);border-radius:11px;flex:none;place-items:center;display:grid}.nv-steg{letter-spacing:.06em;text-transform:uppercase;color:var(--c);margin-top:6px;font-size:10.5px;font-weight:600;display:inline-block}.nv-knappar{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.nv-knapp{color:var(--text-1);background:color-mix(in srgb, var(--text-1) 7%, transparent);border:1px solid color-mix(in srgb, var(--text-1) 12%, transparent);transition:background .2s, transform .2s var(--nv-kurva);border-radius:11px;align-items:center;gap:6px;padding:8px 12px;font-size:12.5px;font-weight:600;display:inline-flex}.nv-knapp:hover{background:color-mix(in srgb, var(--text-1) 12%, transparent)}.nv-knapp:active{transform:scale(.97)}.nv-knapp:disabled{opacity:.6}.nv-knapp.prim{color:#0a0a0e;background:var(--c);box-shadow:0 6px 18px -6px var(--c);border-color:#0000}.nv-knapp.prim:hover{filter:brightness(1.08)}.nv-stang{width:28px;height:28px;color:var(--text-muted);border-radius:9px;place-items:center;display:grid}.nv-stang:hover{color:var(--text-1);background:color-mix(in srgb, var(--text-1) 8%, transparent)}.nv-val{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.nv-valknapp{color:var(--text-2);border:1px solid color-mix(in srgb, var(--text-1) 14%, transparent);transition:.2s var(--nv-kurva);border-radius:999px;padding:7px 11px;font-size:12.5px;font-weight:600}.nv-valknapp.pa{color:var(--text-1);border-color:var(--c);background:color-mix(in srgb, var(--c) 18%, transparent)}.nv-diktera{flex-direction:column;gap:6px;margin-top:12px;display:flex}.nv-etikett{color:var(--text-2);flex-direction:column;gap:5px;font-size:11.5px;font-weight:600;display:flex}.nv-text{width:100%;color:var(--text-1);background:var(--input-bg,color-mix(in srgb, var(--text-1) 5%, transparent));border:1px solid color-mix(in srgb, var(--text-1) 14%, transparent);resize:vertical;border-radius:12px;padding:10px 12px;font-size:13.5px;font-weight:400;line-height:1.45}.nv-text:focus{border-color:var(--c,var(--nv-bla));box-shadow:0 0 0 3px color-mix(in srgb, var(--c,var(--nv-bla)) 22%, transparent);outline:none}.nv-rad{margin-top:8px}.nv-mic{color:var(--c,var(--nv-bla));border:1px solid color-mix(in srgb, var(--c,var(--nv-bla)) 40%, transparent);border-radius:999px;align-self:flex-start;align-items:center;gap:6px;padding:6px 11px;font-size:12px;font-weight:600;display:inline-flex}.nv-mic.pa{color:#0a0a0e;background:var(--c,var(--nv-bla));animation:1.4s ease-in-out infinite nv-puls}.nv-fel{color:var(--nv-rod);margin-top:8px;font-size:12px}.nv-delar{margin-top:18px}@media (min-width:768px){.nv-delar{border-top:1px solid var(--border);background:var(--surface-1);flex:none;margin-top:0}}.nv-flikar{flex-wrap:wrap;align-items:center;gap:4px;padding:8px 12px;display:flex}.nv-flik{color:var(--text-2);border-radius:10px;align-items:center;gap:7px;padding:7px 12px;font-size:12.5px;font-weight:600;transition:background .2s,color .2s;display:inline-flex}.nv-flik:hover{color:var(--text-1);background:color-mix(in srgb, var(--text-1) 6%, transparent)}.nv-flik.pa{color:var(--text-1);background:color-mix(in srgb, var(--text-1) 11%, transparent);box-shadow:inset 0 1px #ffffff14}.nv-flik .nv-antal{text-align:center;background:color-mix(in srgb, var(--text-1) 10%, transparent);border-radius:999px;min-width:18px;padding:0 5px;font-size:10.5px;line-height:18px}.nv-flik .nv-antal.varn{color:#0a0a0e;background:var(--nv-gul)}.nv-innehall{padding:4px 16px 16px}@media (min-width:768px){.nv-innehall{max-height:42vh;overflow-y:auto}}.nv-tom{border:1px dashed var(--border);text-align:center;color:var(--text-muted);border-radius:14px;padding:18px 12px;font-size:12.5px;line-height:1.45}.nv-rad-kort{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:8px 12px;padding:10px 0;display:flex}.nv-rad-kort:last-child{border-bottom:0}.nv-rad-kort b{font-size:13px;font-weight:600}.nv-rad-kort small{color:var(--text-muted);font-size:11.5px}.nv-mono{font-family:var(--font-geist-mono), ui-monospace, monospace;font-variant-numeric:tabular-nums;font-size:12px}.nv-pil{color:var(--text-muted)}.nv-chip{color:var(--nv-gul);background:color-mix(in srgb, var(--nv-gul) 13%, transparent);border:1px solid color-mix(in srgb, var(--nv-gul) 30%, transparent);border-radius:999px;align-items:center;gap:5px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.nv-chip.rod{color:var(--nv-rod);background:color-mix(in srgb, var(--nv-rod) 12%, transparent);border-color:color-mix(in srgb, var(--nv-rod) 30%, transparent)}.nv-vaxlar{flex-wrap:wrap;gap:6px;margin-left:auto;display:flex}.nv-vaxel{color:var(--text-2);border:1px solid var(--border);transition:.2s var(--nv-kurva);border-radius:999px;align-items:center;gap:7px;padding:6px 10px 6px 6px;font-size:12px;font-weight:600;display:inline-flex}.nv-vaxel i{background:color-mix(in srgb, var(--text-1) 16%, transparent);border-radius:999px;width:26px;height:16px;transition:background .2s;position:relative}.nv-vaxel i:after{content:"";background:var(--text-1);width:12px;height:12px;transition:transform .25s var(--nv-kurva);border-radius:50%;position:absolute;top:2px;left:2px}.nv-vaxel[aria-checked=true]{color:var(--text-1);border-color:color-mix(in srgb, var(--nv-gron) 45%, transparent)}.nv-vaxel[aria-checked=true] i{background:var(--nv-gron)}.nv-vaxel[aria-checked=true] i:after{background:#fff;transform:translate(10px)}.nv-vaxel:disabled{opacity:.55}.nv-beslut{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.nv-beslut .nv-knapp{padding:6px 10px;font-size:12px}.nv-beslut .nv-knapp.prim{--c:var(--nv-gron)}.nv-beslut .nv-knapp.neka{color:var(--nv-rod)}.nv-tid{width:92px;color:var(--text-1);background:color-mix(in srgb, var(--text-1) 6%, transparent);border:1px solid var(--border);border-radius:9px;padding:5px 8px;font-size:12.5px}@keyframes nv-in{0%{opacity:0;transform:translateY(14px)scale(.97)}to{opacity:1;transform:none}}@keyframes nv-puls{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--c,var(--nv-bla)) 45%, transparent)}50%{box-shadow:0 0 0 6px #0000}}@media (prefers-reduced-motion:reduce){.nv-ruta,.nv-mic.pa{animation:none}}}
