.app{--bg:#f4f0ec;--card:#ffffff;--soft:#faf7f4;--ink:#16110e;--ink2:#3d3530;--mut:#776c66;--faint:#9b908a;--line:#e6ded7;--line-soft:#f0ebe6;--line2:#c9bcb4;--acc:#8e2f2a;--ok:#24804a;--okt:#eaf5ee;--okd:#1a5f37;--okl:#cfe7d8;--hover:#ebe5e0;--chip:#f3ece6;--badt:#fbe9e7;--badd:#9b2c22;color-scheme:light}
.app.dark{--bg:#14110f;--card:#1d1916;--soft:#231e1a;--ink:#f2ece7;--ink2:#d3c8c1;--mut:#a2958d;--faint:#7d716a;--line:#362d28;--line-soft:#2a2420;--line2:#4d413a;--acc:#e08a7f;--ok:#5fc287;--okt:#1a3024;--okd:#8fdcab;--okl:#2c4a37;--hover:#29231f;--chip:#2c2521;--badt:#3a1d1a;--badd:#f0a39a;color-scheme:dark}
.app.dark .bd{color:#16110e;background:linear-gradient(180deg,#fbf7f3 0%,#e9e1da 100%);box-shadow:0 0 0 1px #d8cec6,inset 0 1px 0 #fff,inset 0 -2px 0 rgba(0,0,0,.12),0 4px 10px -6px rgba(0,0,0,.6)}
.app.dark .fi.sel{background-color:var(--soft)}
/* Mörkt läge: behåll djupet – ljus kant upptill, mörk underkant och svarta skuggor i stället för de varma som försvinner mot mörk bakgrund */
.app.dark .bg{background:linear-gradient(180deg,#2e2722 0%,#211b17 100%);box-shadow:0 0 0 1px #3d332c,inset 0 1px 0 rgba(255,255,255,.09),inset 0 -2px 0 rgba(0,0,0,.35),0 4px 10px -6px rgba(0,0,0,.7)}
.app.dark .bg:hover{background:linear-gradient(180deg,#332b25 0%,#241e1a 100%)}
.app.dark .kb,.app.dark .ib{background:linear-gradient(180deg,#2a231f 0%,#1f1a16 100%);box-shadow:0 0 0 1px #3d332c,inset 0 1px 0 rgba(255,255,255,.07),0 2px 6px -3px rgba(0,0,0,.6)}
.app.dark .seg button.on{background:linear-gradient(180deg,#332b25 0%,#26201c 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 1px 3px rgba(0,0,0,.55)}
.app.dark .card{box-shadow:0 0 0 1px var(--line),inset 0 1px 0 rgba(255,255,255,.04),0 10px 24px -16px rgba(0,0,0,.7)}
.app.dark .fi{box-shadow:inset 0 0 0 1px var(--line),inset 0 2px 3px rgba(0,0,0,.35)}
.app.dark .pz-win{box-shadow:0 0 0 2px var(--line),inset 0 2px 0 rgba(255,255,255,.06),0 0 0 rgba(0,0,0,0)!important}
.app.dark .pz-edge-back{box-shadow:0 40px 80px -30px rgba(0,0,0,.8),0 12px 20px -10px rgba(0,0,0,.55)}
.app.dark .pz-dd{box-shadow:0 0 0 2px var(--line),0 40px 70px -24px rgba(0,0,0,.75)!important}
.app.dark .pz-tile,.app.dark .pz-f,.app.dark .pk-file,.app.dark .ps-ta{box-shadow:inset 0 0 0 2px var(--line),inset 0 3px 5px rgba(0,0,0,.3)}
body{margin:0;background:var(--bg)}
a{color:var(--ink)}a:hover{color:var(--acc)}
.mi{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;gap:11px;width:100%;height:36px;padding:0 10px;border-radius:9px;color:var(--ink2);font-size:14.5px;transition:background .15s}
.mi:hover{background:var(--hover);color:var(--ink)}
.mi svg{flex:none;width:17px;height:17px;color:var(--mut)}
.mi.on{background:var(--card);color:var(--ink);font-weight:500;box-shadow:0 0 0 1px var(--line),0 1px 2px rgba(22,17,14,.05)}
.mi.on svg{color:var(--ink)}
.mi.off{color:var(--faint)}
.logo{display:block;width:84px;aspect-ratio:730/146;background:var(--ink);-webkit-mask:url(assets/ljuvla-logo.svg) center/contain no-repeat;mask:url(assets/ljuvla-logo.svg) center/contain no-repeat}
.dv{height:1px;margin:10px 10px;background:var(--line)}
.mi{--kb:var(--bg)}.mi:hover{--kb:var(--hover)}.mi.on{--kb:var(--card)}
.mi svg{overflow:visible}
/* ===== Mall för alla sidor =====
   Sida: rubrik (h1), ev. flikar (.seg) direkt under, sedan kort i en kolumn (.page) med 16 px mellanrum.
   Kort: .card + .ch (rubrik 15 px, till höger meta eller en liten knapp) + .cb (innehåll) eller tabell, ev. .cf (fot).
   Verktygsrad över tabeller: .tbar (sök, filter, Exportera). Tabeller: .tb, en kolumn .grow tar resten,
   belopp högerställs (.m.r), datum vänster, åtgärder sist (.act). Uppgifter: .kv (etikett 280 px, värde direkt bredvid). */
html{scrollbar-gutter:stable;overflow-y:scroll}
.page{display:flex;flex-direction:column;gap:16px}
.tbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--line-soft)}
.tbar .fi{height:38px;font-size:14px}
.tbar .srch{flex:1 1 240px;position:relative}
.tbar .srch .fi{padding-left:36px}
.tbar .srch svg{position:absolute;left:13px;top:12px}
.tbar .fi.sel{flex:0 1 180px}
.tbar .meta{margin-left:auto;font-size:13px;color:var(--mut)}
.cf{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;padding:12px 22px;border-top:1px solid var(--line-soft);font-size:13px;color:var(--mut)}
.bd.sm,.bg.sm{height:32px;padding:0 13px;font-size:13px}
.cb > .kv{display:grid;grid-template-columns:minmax(0,280px) minmax(0,1fr);gap:4px 24px;align-items:baseline}
.cb > .kv > :last-child{justify-self:start;text-align:left}
.tb th.act,.tb td.act{width:1%;white-space:nowrap;text-align:right}
.card.fx{display:flex;flex-direction:column}
.card.fx .cb{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:16px}
.card.fx .cb p{margin:0;font-size:14px;line-height:1.55;color:var(--mut)}
.card.fx .cb button{margin-top:auto}
@media (max-width:640px){.cb > .kv{grid-template-columns:minmax(0,1fr)}}
.ub{display:flex;gap:2px}.ub i{display:block;width:3.5px;height:14px;border-radius:2px;background:var(--ok);opacity:.85}
.ic *{transform-box:fill-box;transform-origin:center}
.i-his .arc{transform-box:view-box;transform-origin:12px 12px}
.i-sms .l1,.i-sms .l2,.i-kvi .l1,.i-kvi .l2,.i-log .l1,.i-log .l2,.i-log .l3{transform-origin:0 50%}
.i-anv .case{transform-origin:50% 0}
.i-hja .tw{transform-box:view-box;transform-origin:12px 12px}
@media (prefers-reduced-motion:reduce){.ic *{animation:none!important}}
.mg{padding:22px 10px 8px;font:500 11px "Geist Mono",monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--mut)}
.bd{cursor:pointer;border:0;display:inline-flex;align-items:center;justify-content:center;gap:8px;font:500 14px "Schibsted Grotesk",system-ui,sans-serif;height:38px;padding:0 16px;border-radius:999px;color:#fff;background:linear-gradient(180deg,#43382f 0%,#211915 52%,#140f0c 100%);box-shadow:0 0 0 1px #0e0a08,inset 0 1px 0 rgba(255,255,255,.22),inset 0 -2px 0 rgba(0,0,0,.4),0 4px 10px -6px rgba(22,17,14,.6);transition:transform .15s,filter .15s,opacity .2s;white-space:nowrap}
.bd:hover{filter:brightness(1.05)}
.bd:active{filter:brightness(.94)}
/* Hover: ett mjukt ljussvep (flare) i stället för att knappen hoppar */
.bd,.bg{position:relative;overflow:hidden;isolation:isolate}
.bd::after,.bg::after{content:"";position:absolute;top:-10%;bottom:-10%;left:-55%;width:40%;background:linear-gradient(100deg,transparent 0%,rgba(255,255,255,.26) 50%,transparent 100%);transform:translateX(0) skewX(-20deg);opacity:0;pointer-events:none;z-index:1}
.bg::after{background:linear-gradient(100deg,transparent 0%,rgba(142,47,42,.09) 50%,transparent 100%)}
.app.dark .bd::after{background:linear-gradient(100deg,transparent 0%,rgba(22,17,14,.10) 50%,transparent 100%)}
.app.dark .bg::after{background:linear-gradient(100deg,transparent 0%,rgba(255,255,255,.12) 50%,transparent 100%)}
.bd:hover::after,.bg:hover::after{animation:btnFlare .75s cubic-bezier(.35,.6,.2,1) both}
@keyframes btnFlare{0%{opacity:0;transform:translateX(0) skewX(-20deg)}15%{opacity:1}85%{opacity:1}100%{opacity:0;transform:translateX(430%) skewX(-20deg)}}
@media (prefers-reduced-motion:reduce){.bd:hover::after,.bg:hover::after{animation:none}}
.bd.big{height:42px;padding:0 20px;font-size:15px}
.bd.dis{opacity:.4;pointer-events:none}
.bg{cursor:pointer;border:0;display:inline-flex;align-items:center;justify-content:center;gap:8px;font:500 14px "Schibsted Grotesk",system-ui,sans-serif;height:38px;padding:0 16px;border-radius:999px;color:var(--ink);background:linear-gradient(180deg,var(--card) 0%,var(--soft) 100%);box-shadow:0 0 0 1px var(--line),inset 0 -2px 0 rgba(22,17,14,.05),0 1px 2px rgba(22,17,14,.06);transition:transform .15s;white-space:nowrap}
.bg:hover{background:linear-gradient(180deg,var(--card) 0%,var(--soft) 70%,var(--soft) 100%)}
.bl{cursor:pointer;border:0;background:none;padding:0;font:500 13.5px "Schibsted Grotesk",system-ui,sans-serif;color:var(--ink2);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--line2)}
.bl:hover{color:var(--acc)}
.card{background:var(--card);border-radius:16px;box-shadow:0 0 0 1px var(--line),0 1px 2px rgba(22,17,14,.04)}
.ch{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:16px 22px;border-bottom:1px solid var(--line-soft)}
.ch h2{margin:0;font-size:15px;font-weight:600;letter-spacing:-.01em}
.cb{padding:20px 22px}
.lb{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:13.5px;font-weight:500;margin:0 0 7px}
.lb small{font-weight:400;font-size:12.5px;color:var(--mut)}
.fw{position:relative}
.fi{width:100%;box-sizing:border-box;height:46px;padding:0 14px;border:0;border-radius:11px;background:var(--card);box-shadow:inset 0 0 0 1px var(--line),inset 0 1px 2px rgba(22,17,14,.04);font:400 15px "Schibsted Grotesk",system-ui,sans-serif;color:var(--ink);outline:none;transition:box-shadow .2s;appearance:none;-webkit-appearance:none}
.fi.mono{font:400 15px "Geist Mono",ui-monospace,monospace;font-variant-numeric:tabular-nums}
.fi::placeholder{color:var(--faint)}
.fi:focus{box-shadow:inset 0 0 0 1.5px var(--ink),0 0 0 4px rgba(142,47,42,.1)}
.fi.pr{padding-right:52px}
.fi.sel{background:var(--soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2316110e' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 14px center;padding-right:40px;cursor:pointer}
.ib{position:absolute;right:7px;top:7px;width:32px;height:32px;border:0;border-radius:8px;background:var(--bg);color:var(--ink2);display:grid;place-items:center;cursor:pointer}
.ib:hover{background:var(--hover)}
.ib svg{width:15px;height:15px}
.chip{position:absolute;right:8px;top:11px;height:24px;padding:0 9px;display:inline-flex;align-items:center;border-radius:7px;background:var(--chip);color:var(--acc);font:500 12px "Geist Mono",monospace}
.tw{overflow-x:auto}
.tb{width:100%;min-width:860px;border-collapse:collapse;font-size:14px}
.tb th{text-align:left;font-weight:500;font-size:12.5px;color:var(--mut);padding:11px 14px;border-bottom:1px solid var(--line-soft);white-space:nowrap}
.tb td{padding:14px 14px;border-bottom:1px solid var(--line-soft);vertical-align:middle;white-space:nowrap}
.tb tr:last-child td{border-bottom:0}
.tb th:first-child,.tb td:first-child{padding-left:22px}
.tb th:last-child,.tb td:last-child{padding-right:22px}
.tb tbody tr:hover td{background:var(--soft)}
.tb:has(th.grow) th{width:1%}
.tb th.grow{width:auto}
/* Prislista-animation: scenen ritas i 2x och skalas ner (skarp text i alla zoomlägen). Styrs av pzPaint(). */
.pz{position:relative;height:380px;overflow:hidden;border-radius:16px;background:radial-gradient(120% 90% at 30% 20%,var(--card) 0%,var(--soft) 60%,var(--line-soft) 100%);box-shadow:0 0 0 1px var(--line-soft);perspective:1500px;perspective-origin:50% 40%}
.pz-tilt{position:absolute;inset:0;transform-style:preserve-3d;transform-origin:50% 50%;transform:rotateX(18deg) rotateY(-14deg) rotateZ(4deg) scale(.9)}
.pz-sc{position:absolute;left:50%;top:0;width:880px;height:1600px;transform-origin:0 0;transform:translate(-220px,0) scale(.5);font-size:28px;color:var(--ink)}
.pz-sc>*{position:absolute}
.pz-win{border-radius:28px;background:var(--card);box-shadow:0 0 0 2px var(--line),0 16px 28px -16px rgba(22,17,14,.18),0 60px 110px -40px rgba(22,17,14,.38)}
.pz-h{font-size:30px;font-weight:600;letter-spacing:-.01em}
.pz-sub{font-size:25px;color:var(--mut)}
.pz-lb{font-size:25px;font-weight:500;color:var(--ink2)}
.pz-tile{box-sizing:border-box;border-radius:22px;background:var(--card);box-shadow:inset 0 0 0 2px var(--line);display:flex;flex-direction:column;justify-content:center;gap:14px;padding:0 24px;font-size:26px;font-weight:500;color:var(--ink2)}
.pz-bdg{width:52px;height:52px;border-radius:14px;display:grid;place-items:center}
.pz-ring{border-radius:22px;box-shadow:inset 0 0 0 3px var(--ink),0 0 0 8px var(--line-soft);opacity:0}
.pz-st{display:flex;align-items:center;gap:12px;font-size:25px;color:var(--mut);opacity:0;white-space:nowrap}
.pz-ok{color:var(--okd);font-weight:500}
.pz-spin{width:22px;height:22px;border-radius:50%;border:3.2px solid var(--line2);border-top-color:var(--ink);box-sizing:border-box}
.pz-th{display:flex;justify-content:space-between;padding:0 20px;box-sizing:border-box;font-size:24px;color:var(--mut)}
.pz-row{display:flex;align-items:center;justify-content:space-between;padding:0 20px;box-sizing:border-box;border-top:2px solid var(--line-soft);font-size:27px;opacity:0}
.pz-row b,.pz-o b,.pz-amt,.pz-chip,.pz-ba{font-weight:500;font-variant-numeric:tabular-nums}
.pz-f{box-sizing:border-box;border-radius:22px;background:var(--card);box-shadow:inset 0 0 0 2px var(--line);display:flex;align-items:center;padding:0 28px;overflow:hidden;white-space:nowrap}
.pz-fring{border-radius:22px;box-shadow:inset 0 0 0 3px var(--ink),0 0 0 8px var(--line-soft);opacity:0}
.pz-q{display:inline-flex;align-items:center;white-space:pre}
.pz-caret{display:inline-block;width:3px;height:36px;margin-left:2px;background:var(--ink);opacity:0}
.pz-ch,.pz-ph,.pz-amt{position:absolute;left:28px;top:26px;line-height:36px}
.pz-ch,.pz-amt{opacity:0}
.pz-ph{color:var(--faint)}
.pz-fl{position:absolute;inset:0;background:var(--okt);opacity:0}
.pz-tag{display:flex;align-items:center;gap:10px;font-size:24px;font-weight:500;color:var(--okd);opacity:0;white-space:nowrap}
.pz-btn{overflow:hidden;border-radius:999px;display:flex;align-items:center;justify-content:center;font-size:30px;font-weight:500;color:#fff;background:linear-gradient(180deg,#43382f 0%,#211915 52%,#140f0c 100%);box-shadow:0 0 0 2px #0e0a08,inset 0 2px 0 rgba(255,255,255,.22),inset 0 -4px 0 rgba(0,0,0,.4)}
.pz-bgok{position:absolute;inset:0;border-radius:999px;background:linear-gradient(180deg,#3a9a62 0%,#24804a 55%,#1c6b3d 100%);box-shadow:inset 0 2px 0 rgba(255,255,255,.25);opacity:0}
.pz-bl{position:relative;display:flex;align-items:center;white-space:nowrap}
.pz-ba{display:inline-block;overflow:hidden;max-width:0;opacity:0}
.pz-ba>span{display:inline-block;padding-left:12px}
.pz-bspin{position:absolute;left:50%;top:50%;width:36px;height:36px;margin:-18px 0 0 -18px;border-radius:50%;border:4px solid rgba(255,255,255,.3);border-top-color:#fff;box-sizing:border-box;opacity:0}
.pz-bok{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:14px;opacity:0;white-space:nowrap}
.pz-dd{display:grid;gap:8px;padding:12px;box-sizing:border-box;border-radius:24px;background:var(--card);box-shadow:0 0 0 2px var(--line),0 28px 60px -28px rgba(22,17,14,.35);font-size:28px;opacity:0}
.pz-o{display:flex;justify-content:space-between;align-items:center;padding:0 24px;height:76px;border-radius:16px;line-height:36px}
.pz-chip{left:0;top:0;line-height:36px;white-space:nowrap;opacity:0}
.pz-chbg{position:absolute;inset:-12px -20px;border-radius:999px;background:var(--card);box-shadow:0 0 0 2px var(--line),0 20px 44px -16px rgba(22,17,14,.45);opacity:0}
.pz-rip{left:0;top:0;width:72px;height:72px;margin:-36px 0 0 -36px;border-radius:50%;background:var(--ink);opacity:0}
.pz-cu{left:0;top:0;margin:-6px 0 0 -10px;filter:drop-shadow(0 4px 6px rgba(0,0,0,.25))}
.pz-cu svg{display:block;transform-origin:10px 6px}
/* Premium: ljus, djup, ikoner */
.pz-glow{position:absolute;width:300px;height:300px;border-radius:50%;opacity:.13;filter:blur(70px);pointer-events:none}
.pz-grid{position:absolute;left:-30%;top:-30%;width:160%;height:160%;background-image:radial-gradient(circle,var(--line2) 1px,transparent 1.4px);background-size:20px 20px;opacity:.6;-webkit-mask-image:radial-gradient(closest-side,#000 35%,transparent 100%);mask-image:radial-gradient(closest-side,#000 35%,transparent 100%);transform:translateZ(-90px)}
.pz-sc{transform-style:preserve-3d}
.pz-win{overflow:hidden;background:linear-gradient(165deg,var(--card) 0%,var(--card) 55%,var(--soft) 100%)!important;box-shadow:0 0 0 2px var(--line),inset 0 2px 0 rgba(255,255,255,.7),0 0 0 rgba(0,0,0,0)!important}
.pz-sheen{position:absolute;top:-50%;left:0;width:45%;height:200%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);mix-blend-mode:soft-light;opacity:.9;transform:translateX(-120%) rotate(18deg)}
.pz-tb{width:60px;height:60px;border-radius:16px;display:grid;place-items:center;color:var(--card);background:linear-gradient(160deg,#43382f 0%,#16110e 100%);box-shadow:inset 0 2px 0 rgba(255,255,255,.18),0 10px 18px -8px rgba(22,17,14,.5)}
.pz-nm{display:flex;align-items:center;gap:18px}
.pz-th2{flex:none;width:40px;height:40px;border-radius:11px;display:grid;place-items:center;box-shadow:inset 0 0 0 2px rgba(0,0,0,.04)}
.pz-fa{padding-left:68px!important}
.pz-fa .pz-ch{left:68px}
.pz-mag{position:absolute;left:24px;top:29px;color:var(--mut);display:flex}
.pz-arr{display:inline-flex;margin-left:14px;opacity:.85}
.pz-bglow{position:absolute;inset:8px 40px;border-radius:999px;background:#24804a;filter:blur(26px);opacity:0;transform:translateY(18px)}
.pz-bgok{overflow:hidden}
.pz-cu{filter:drop-shadow(0 10px 10px rgba(0,0,0,.22)) drop-shadow(0 2px 3px rgba(0,0,0,.2))!important}
.pz-dd{box-shadow:0 0 0 2px var(--line),0 40px 70px -24px rgba(22,17,14,.45)!important}
.pz-edge{border-radius:28px;background:linear-gradient(180deg,#dcdcde 0%,#b9babd 100%)}
.app.dark .pz-edge{background:linear-gradient(180deg,#3a3a3d 0%,#2a2a2c 100%)}
.pz-edge-back{box-shadow:0 40px 80px -30px rgba(22,17,14,.45),0 12px 20px -10px rgba(22,17,14,.25)}
/* Mejl-animation */
.pm-sw{border-radius:50%;box-shadow:inset 0 0 0 2px rgba(0,0,0,.15)}
.pm-swr{border-radius:50%;box-shadow:0 0 0 4px var(--card),0 0 0 7px var(--ink)}
.pm-logo{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-radius:16px;background:var(--card);box-shadow:inset 0 0 0 2px var(--line);font-size:24px}
.pm-wm{font-weight:700;letter-spacing:.14em;font-size:21px}
.pm-pv{overflow:hidden;border-radius:20px;background:var(--card);box-shadow:inset 0 0 0 2px var(--line)}
.pm-pv>*{position:absolute}
.pm-pvh{left:0;top:0;right:0;height:48px}
.pm-pvw{left:24px;top:12px;font-size:18px;font-weight:700;letter-spacing:.16em;color:#fff}
.pm-pvs{left:24px;top:68px;right:24px;font-size:24px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ink2)}
.pm-mute{color:#6f6762}
.pm-mail{overflow:hidden;border-radius:48px;background:#fbfaf8;color:#16110e;opacity:0}
.pm-mh{height:104px;display:flex;align-items:flex-end;padding:0 24px 18px;box-sizing:border-box}
.pm-wm2{font-size:17px;font-weight:700;letter-spacing:.18em;color:#fff}
.pm-mb{padding:20px 24px}
.pm-from{font-size:16px;color:#776c66}
.pm-h1{margin-top:12px;font-size:26px;font-weight:600;letter-spacing:-.01em}
.pm-p{margin-top:8px;font-size:18px;line-height:1.45;color:#3d3530}
.pm-card{margin-top:20px;padding:16px 18px;border-radius:18px;background:#fff;box-shadow:0 0 0 2px #ece5df}
.pm-on{font-size:16px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#776c66;margin-bottom:6px}
.pm-r{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-top:2px solid #f0ebe6;font-size:18px;opacity:0}
.pm-r b{font-weight:600;font-variant-numeric:tabular-nums}
.pm-tot{font-size:20px;font-weight:600}
.pm-paid{display:inline-flex;align-items:center;gap:8px;margin-top:20px;padding:8px 18px;border-radius:999px;background:#eaf5ee;color:#1c6b3d;font-size:18px;font-weight:600;opacity:0}
.pm-paid svg{width:18px;height:18px}
.ps-appi{background:none!important;overflow:hidden}
.ps-appi img{width:100%;height:100%;display:block}
.ps-appw{background:#fff!important;box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)}
.ps-appw img{width:72%;height:auto;display:block}
.pm-th{border-radius:20px;background:#fff;box-shadow:0 0 0 2px var(--line),0 12px 28px -16px rgba(22,17,14,.25);overflow:hidden}
.pm-th>*{position:absolute}
.pm-ac{background:var(--ac);border-radius:4px}
.pm-dk{background:#2a2420;border-radius:4px}
.pm-ln{background:#e7e1dc;border-radius:4px}
.pm-tb2{border-radius:10px;box-shadow:inset 0 0 0 2px #ece5df}
.pm-dash{height:0;border-top:2px dashed #d8d0ca}
.pm-thn{text-align:center;font-size:24px;font-weight:500;color:var(--ink2)}
.pm-sel{border-radius:50%;display:grid;place-items:center;background:var(--ink);color:var(--card);box-shadow:0 0 0 4px var(--card);opacity:0}
.pm-sel svg{width:22px;height:22px}
.pm-gbar{height:60px;display:flex;align-items:flex-end;justify-content:space-between;padding:0 24px 10px;box-sizing:border-box;font-size:17px;color:#3d6fd0;background:#fbfaf8}
.pm-gbar img{width:28px;height:auto}
.pm-band{height:60px;background:#2b4f86}
.pm-logo2{width:60px;height:60px;margin:-30px auto 0;border-radius:50%;background:#2b4f86;color:#fff;display:grid;place-items:center;font-size:26px;font-weight:700;box-shadow:0 0 0 6px #fbfaf8;position:relative}
.pm-mb2{padding:12px 24px;text-align:center}
.pm-mb2 .pm-r{text-align:left}
.pm-big{margin-top:12px;font-size:40px;font-weight:600;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.pm-dash2{margin:14px 0 4px;border-top:2px dashed #d8d0ca}
/* Kalkylark-animation */
.pk-file{box-sizing:border-box;display:flex;align-items:center;gap:20px;padding:0 24px;border-radius:20px;background:var(--card);box-shadow:inset 0 0 0 2px var(--line);font-size:27px}
.pk-file img{width:26px;height:auto;display:block}
.pk-fn{flex:1;font-weight:500}
.pk-fm{font-size:24px;color:var(--mut)}
.pk-ring{border-radius:20px;box-shadow:inset 0 0 0 3px var(--ink),0 0 0 8px var(--line-soft);opacity:0}
.pk-chips{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.pk-cll{font-size:24px;color:var(--mut);margin-right:4px;opacity:0}
.pk-chip{padding:8px 18px;border-radius:999px;background:var(--okt);color:var(--okd);font-size:24px;font-weight:500;opacity:0}
.pk-shh{display:flex;align-items:center;gap:16px;font-size:26px;font-weight:600}
.pk-shh img{width:24px;height:auto;display:block}
.pk-sync{display:flex;align-items:center;gap:10px;font-size:23px;color:var(--mut);opacity:0;white-space:nowrap}
.pk-tool{display:flex;align-items:center;gap:12px;padding:0 12px;box-sizing:border-box;border-radius:12px;background:var(--soft)}
.pk-tool span{width:28px;height:12px;border-radius:4px;background:var(--line2);opacity:.7}
.pk-tool span.w{width:80px}
.pk-cl,.pk-rn{display:grid;place-items:center;font-size:18px;color:var(--mut);background:var(--soft);box-shadow:inset -2px -2px 0 var(--line)}
.pk-c{box-sizing:border-box;display:flex;align-items:center;padding:0 10px;font-size:19px;white-space:nowrap;overflow:hidden;box-shadow:inset -2px -2px 0 var(--line-soft)}
.pk-hd{font-weight:600;background:var(--soft)}
.pk-r{justify-content:flex-end;font-variant-numeric:tabular-nums}
.pk-c [data-pz="nc"]{opacity:0}
.pk-nrow{background:rgba(36,128,74,.14);opacity:0}
.pk-selc{box-shadow:inset 0 0 0 3px #3b6fd8;border-radius:2px;opacity:0}
/* Sms-animation */
.pz-fd{position:absolute;inset:0;perspective:1500px;perspective-origin:50% 40%}
.ps-sc{height:2120px}
.ps-cnt{font-size:24px;color:var(--mut);font-variant-numeric:tabular-nums}
.ps-cnt b{font-weight:500;color:var(--ink2)}
.ps-ta{box-sizing:border-box;border-radius:22px;background:var(--card);box-shadow:inset 0 0 0 2px var(--line);padding:24px 28px;font-size:28px;line-height:46px;overflow:hidden}
.ps-tok{display:inline-flex;align-items:center;padding:0 12px;margin:0 2px;height:40px;border-radius:12px;background:var(--soft);box-shadow:inset 0 0 0 2px var(--line2);font:500 25px 'Geist Mono',monospace;color:var(--ink2);vertical-align:2px}
.ps-tbs{display:flex;align-items:center;gap:14px;font-size:25px}
.ps-tbl{color:var(--mut);margin-right:6px}
.ps-tb{padding:8px 16px;border-radius:999px;background:var(--card);box-shadow:inset 0 0 0 2px var(--line);font:500 24px 'Geist Mono',monospace;color:var(--ink2)}
.ps-hint{font-size:24px;color:var(--mut)}
.ps-sbtn{font-size:28px!important}
.ps-stx{position:relative}
.ps-mut{color:var(--mut)}
.ps-phg{left:0;top:0;width:880px;height:2120px;transform-style:preserve-3d}
.ps-phg>*{position:absolute}
.ps-edge{background:linear-gradient(180deg,#2c2c30 0%,#141416 100%)}
.ps-edge-back{box-shadow:0 40px 80px -30px rgba(10,10,12,.55),0 12px 20px -10px rgba(10,10,12,.35)}
.ps-ph{border-radius:60px;background:linear-gradient(160deg,#3a3a3f 0%,#18181b 45%,#0d0d0f 100%);box-shadow:inset 0 0 0 2px rgba(255,255,255,.14)}
.ps-scr{overflow:hidden;border-radius:48px;background:radial-gradient(120% 70% at 20% 10%,#5b6f86 0%,transparent 60%),radial-gradient(90% 60% at 90% 90%,#7a5a48 0%,transparent 60%),linear-gradient(170deg,#2a3442 0%,#151a22 100%)}
.ps-cam{border-radius:50%;background:#050506;box-shadow:inset 0 0 0 3px #222}
.ps-date{text-align:center;font-size:21px;font-weight:500;color:rgba(255,255,255,.8)}
.ps-time{text-align:center;font-size:88px;font-weight:400;letter-spacing:-.02em;color:#fff;line-height:1.1}
.ps-nt{box-sizing:border-box;padding:18px 20px 20px;border-radius:28px;background:rgba(246,244,242,.9);box-shadow:0 16px 40px -16px rgba(0,0,0,.45);color:#16110e;opacity:0}
.ps-nth{display:flex;align-items:center;gap:10px;font-size:17px;color:#6f6762;text-transform:uppercase;letter-spacing:.04em}
.ps-app{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;color:#fff;background:linear-gradient(180deg,#3fb26b,#24804a)}
.ps-app svg{width:20px;height:20px}
.ps-apn{flex:1}
.ps-snd{margin-top:12px;font-size:21px;font-weight:600}
.ps-msg{margin-top:4px;font-size:21px;line-height:1.38}
.ps-msg b{font-weight:600;border-radius:6px;padding:0 2px}
.ps-qb{border-radius:50%;background:rgba(255,255,255,.16)}
.ps-bar{border-radius:999px;background:rgba(255,255,255,.75)}
.ps-off{border-radius:48px;background:#050506}
.ps-chip{left:0;top:0;display:flex;align-items:center;gap:12px;padding:12px 24px 12px 20px;margin:-30px 0 0 -112px;border-radius:999px;background:var(--card);box-shadow:0 0 0 2px var(--line),0 20px 44px -16px rgba(22,17,14,.45);font-size:26px;font-weight:500;white-space:nowrap;color:var(--okd);opacity:0}


.m{font-family:"Geist Mono",ui-monospace,monospace;font-variant-numeric:tabular-nums}
.r{text-align:right}
.mut{color:var(--mut)}
.st{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px;border-radius:999px;font-size:12.5px;font-weight:500}
.st.ok{background:var(--okt);color:var(--okd)}
.st.bad{background:var(--badt);color:var(--badd)}
.st.run{background:var(--chip);color:var(--acc)}
.st.wait{background:var(--chip);color:var(--ink2)}
.kb{width:30px;height:30px;border:0;border-radius:8px;background:var(--card);box-shadow:0 0 0 1px var(--line);display:grid;place-items:center;cursor:pointer;color:var(--ink2)}
.kb:hover{box-shadow:0 0 0 1px var(--line2);color:var(--ink)}
.kb svg{width:15px;height:15px}
.kb{position:relative}
.av{flex:none;width:32px;height:32px;border-radius:50%;background:var(--chip);display:grid;place-items:center;font:600 11.5px "Geist Mono",monospace;color:var(--ink2)}
.tg{all:unset;box-sizing:border-box;cursor:pointer;flex:none;position:relative;width:40px;height:24px;border-radius:999px;background:var(--line);transition:background .2s}
.tg::after{content:"";position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:var(--card);box-shadow:0 1px 2px rgba(0,0,0,.2);transition:transform .25s cubic-bezier(.3,1.6,.5,1)}
.tg.on{background:var(--ok)}
.tg.on::after{transform:translateX(16px)}
.tg:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
.kv{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 16px;padding:13px 0;border-bottom:1px solid var(--line-soft);font-size:14px}
.kv:last-child{border-bottom:0}
.kv span:first-child{color:var(--mut)}
.bar{height:8px;border-radius:999px;background:var(--chip);overflow:hidden}
.bar i{display:block;height:100%;border-radius:999px;background:var(--ink)}
.seg{display:inline-flex;padding:3px;border-radius:999px;background:var(--hover)}
.seg button{all:unset;cursor:pointer;height:30px;padding:0 13px;border-radius:999px;font-size:13.5px;color:var(--mut)}
.seg button.on{background:var(--card);color:var(--ink);font-weight:500;box-shadow:0 1px 2px rgba(22,17,14,.1)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
@media (max-width:760px){.g3{grid-template-columns:minmax(0,1fr)!important}.g2{grid-template-columns:minmax(0,1fr)!important}}