/* RutPlan – appens utseende (flyttat från index.html) */
:root{--bg:#f2f7f6;--card:#ffffff;--tx:#14302f;--mu:#5c7472;--ac:#0f7c78;--bd:#dbe8e5;--no:#b3402f;--be:#e3f0ed;--dk:#0c3b3d;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#0d1a1a;--card:#142524;--tx:#e4f0ee;--mu:#92aaa7;--ac:#4fc3b8;--bd:#24403e;--no:#e0735f;--be:#1c3432;--dk:#0c3b3d}}
:root[data-theme="dark"]{--bg:#0d1a1a;--card:#142524;--tx:#e4f0ee;--mu:#92aaa7;--ac:#4fc3b8;--bd:#24403e;--no:#e0735f;--be:#1c3432;--dk:#0c3b3d}
[hidden]{display:none!important}
#lgb{position:fixed;right:20px;bottom:20px;z-index:16;width:64px;height:64px;border-radius:50%;background:#0c3b3d;border:3px solid #fff;padding:0;display:grid;place-items:center;box-shadow:0 10px 26px rgba(12,59,61,.35);cursor:pointer}#lgb svg{width:42px;height:42px}#lgb.mob{bottom:calc(84px + env(safe-area-inset-bottom,0px));right:14px;width:56px;height:56px}
#lgp{position:fixed;right:20px;bottom:100px;z-index:17;width:min(400px,calc(100vw - 32px));height:min(600px,calc(100vh - 140px));background:var(--card);color:var(--tx);border:1px solid var(--bd);border-radius:22px;box-shadow:0 24px 60px rgba(12,59,61,.3);display:flex;flex-direction:column;overflow:hidden}
body.mob #lgp{inset:0;width:auto;height:auto;border-radius:0;border:0;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
#lgp header{display:flex;align-items:center;gap:10px;padding:12px 14px;background:#0c3b3d;color:#f2f7f6}#lgp header b{flex:1;font-size:18px}#lgp header button{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.5);width:40px;height:40px;padding:0;font-size:20px;border-radius:12px}
.lga{flex:none;width:34px;height:34px;border-radius:50%;background:#0c3b3d;display:grid;place-items:center}.lga svg{width:24px;height:24px}
#lgm{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;padding:14px;display:flex;flex-direction:column;gap:10px;background:var(--bg)}#lgm>*{flex:none}body.lgo{overflow:hidden}
.lgr{display:flex;gap:8px;align-items:flex-end}.lgr.u{justify-content:flex-end}
.lgx{max-width:82%;padding:10px 13px;border-radius:18px 18px 18px 6px;background:var(--card);border:1px solid var(--bd);font-size:15px;line-height:1.45}.lgr.u .lgx{background:var(--ac);color:#fff;border-color:transparent;border-radius:18px 18px 6px 18px}.lgx.e{border-color:var(--no);color:var(--no)}
.lgl{display:flex;flex-direction:column;gap:6px;margin-top:8px}.lgk{display:block;text-align:center;background:#0c3b3d;color:#fff!important;text-decoration:none;font-weight:700;padding:10px 12px;border-radius:12px}
.lgq{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.lgq button{font-size:14px;padding:8px 12px;border-radius:999px;background:var(--card);border:1px solid var(--bd);color:var(--tx)}
#lgf{display:flex;gap:8px;padding:10px;border-top:1px solid var(--bd);background:var(--card);align-items:center}.gbar{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 10px}.gbar>span{font-size:13px;margin-right:2px}.gbar button{margin:0;padding:7px 12px;border-radius:999px;display:inline-flex;align-items:center;gap:6px;font-size:14px}.gbar button i{width:10px;height:10px;border-radius:50%;background:var(--gc)}.gbar button.on{background:var(--gc);border-color:var(--gc);color:#fff}.gbar button.on i{background:#fff}.gbar .gadd{background:none;border-style:dashed}.gcard{border-left:6px solid var(--gc)}.gdot{display:inline-block;width:14px;height:14px;border-radius:50%;background:var(--gc);margin-right:8px}.gcols{gap:8px;flex-wrap:wrap}.gcol{width:36px;height:36px;border-radius:50%;padding:0;margin:0;border:3px solid transparent}.gcol.on{border-color:var(--tx);box-shadow:0 0 0 2px #fff inset}.gmem{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:2px 12px}.gmem .chk{margin:4px 0}.pt.att td,.pt.att th{vertical-align:top;font-size:14px;text-align:left}.pt.att tr.atw td{background:#fdf6ec}.pt.att tr.atd td{opacity:.72}.atf{color:#b8742a;font-size:12px;font-weight:700;margin-top:2px}.cpf{border:1px solid var(--bd);border-radius:12px;padding:10px 12px;margin:12px 0;background:var(--be)}.pt.fa td,.pt.fa th{text-align:left;font-size:14px;white-space:nowrap}.pt.fa td:first-child{white-space:normal}.pks{border-top:1px solid var(--bd);padding:10px 0 4px;margin-top:6px}.pks>b{display:block;font-size:15px;margin-bottom:2px}.obr{border:1px solid var(--bd);border-radius:12px;padding:8px 10px;margin:8px 0;background:var(--be)}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin:0 0 10px}.kpis>div{background:var(--card);border:1px solid var(--bd);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:2px}.kpis b{font-size:20px}.pt.lo td{font-size:13px;vertical-align:top}.mvi{margin:6px 0;padding:8px 10px;border-left:3px solid #1f6f8b;background:var(--be);border-radius:8px;font-size:14px;line-height:1.55}.mvf{border:1px solid var(--bd);border-radius:12px;padding:10px;margin:10px 0;background:var(--be)}.phg{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;margin:8px 0}.phg figure{margin:0}.phg img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px;border:1px solid var(--bd)}.phg figcaption{font-size:12px;line-height:1.35;margin-top:2px}body.offb{display:block!important;height:auto!important;overflow:visible!important}html:has(body.offb){height:auto!important;overflow:visible!important}.offp{max-width:780px;width:100%;box-sizing:border-box;margin:0 auto;padding:16px;overflow-wrap:anywhere}@media print{.offp{padding:0}}body.mob .gbar{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:2px}body.mob .gbar::-webkit-scrollbar{display:none}body.mob .gbar button,body.mob .gbar>span{flex:none}#swb{position:fixed;left:-34px;top:50%;transform:translate(0,-50%);width:34px;height:34px;border-radius:50%;background:#0c3b3d;color:#fff;font-size:26px;line-height:30px;text-align:center;opacity:0;z-index:9999;pointer-events:none;box-shadow:0 2px 8px rgba(0,0,0,.25)}#swt{position:fixed;left:50%;top:calc(env(safe-area-inset-top,0px) + 70px);transform:translateX(-50%);background:#0c3b3d;color:#fff;padding:7px 14px;border-radius:999px;font-size:14px;opacity:0;transition:opacity .2s;z-index:9999;pointer-events:none}#swt.on{opacity:.95}.stars{color:#c48a16;letter-spacing:1px;white-space:nowrap}.stars i{font-style:normal;color:#d9cfc6}.rtb{display:flex;justify-content:center;gap:6px;margin:10px 0 0}.rtb button{font-size:34px;line-height:1;padding:6px 8px;color:#d9cfc6;background:none;border:0}.rtb button.on{color:#c48a16}.rtb.sm{justify-content:flex-start}.rtb.sm button{font-size:26px}.clst{margin:6px 0;padding:6px 10px;border:1px solid var(--bd);border-radius:10px;background:var(--be)}.clst summary{cursor:pointer}.pbar{height:8px;border-radius:99px;background:var(--be);overflow:hidden;margin-top:8px}.pbar i{display:block;height:100%;background:#2f7d5b}.obq{margin:8px 0;padding:8px 10px;border:1px solid var(--bd);border-radius:10px;background:var(--be)}.lvp td,.lvp th{text-align:center;padding:4px 6px}.lvp td:first-child,.lvp th:first-child{text-align:left}.lvp td.on{background:#e5f4e4;font-weight:600}.volg{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px;margin:8px 0}.volg label{display:flex;align-items:center;gap:6px;justify-content:space-between;border:1px solid var(--bd);border-radius:10px;padding:4px 4px 4px 10px;background:var(--card);font-size:14px;margin:0}.volg input{width:64px;margin:0;text-align:center}@media (max-width:480px){.volg{grid-template-columns:1fr}}.volb{margin:8px 0;padding:8px 10px;border:1px solid var(--bd);border-radius:12px;background:var(--card)}.volb summary{cursor:pointer}.trn{margin-top:6px;padding-top:6px;border-top:1px dashed currentColor;opacity:.9;font-style:italic}.trl{color:inherit;text-decoration:underline}.ftr{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--bd);margin:0;cursor:pointer}.ftr span{flex:1;display:flex;flex-direction:column}.ftr small{font-size:13px}.sw{appearance:none;-webkit-appearance:none;width:46px;height:26px;border-radius:99px;background:#cfc6bf;position:relative;flex:none;margin:0;cursor:pointer;transition:background .2s}.sw:before{content:"";position:absolute;left:3px;top:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:left .2s}.sw:checked{background:#2f7d5b}.sw:checked:before{left:23px}.supm{display:block;font-size:22px;font-weight:700;margin:6px 0;word-break:break-all}a.btn{display:inline-flex;align-items:center;padding:9px 14px;border-radius:10px;text-decoration:none}a.btn.p{background:var(--ac,#5b2a45);color:#fff}.fxc .ok{color:#2e7d4f;font-weight:600}.fxc .no{color:#b3402f}.fxr td{padding:6px 8px}
.agf{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:6px 14px}.agt td{vertical-align:top}.ftl{opacity:.55}.ok-c{border-left:4px solid #2e7d4f}
.msok{position:relative;margin:0 12px 0 auto;align-self:center}#msok{width:220px;margin:0;padding:8px 12px;font-size:14px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);color:#fff;border-radius:10px}#msok::placeholder{color:rgba(255,255,255,.7)}#hd #msokr{color:#14302f;background:#fff;min-width:300px}#hd #msokr button{color:#14302f;background:none;border:0;white-space:nowrap;min-height:0;font-size:15px}#hd #msokr button:hover{background:#e3f0ed}#hd #msokr small{color:#5c7472}.mob .msok{display:none}#msokr{position:absolute;right:0;top:calc(100% + 4px);background:var(--bg,#fff);border:1px solid #e3d9cf;border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.12);min-width:260px;z-index:50;padding:4px}#msokr button{display:flex;justify-content:space-between;gap:10px;width:100%;text-align:left;background:none;border:0;padding:8px 10px;border-radius:8px;text-transform:none;letter-spacing:0;font-weight:500}#msokr button:hover{background:#e3f0ed}#msokr small{color:#5c7472;font-weight:400}
.msec{font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:#5c7472;margin:18px 4px 6px;font-weight:600}#msokm{margin:0 0 4px}
#lgv{flex:none;width:44px;height:44px;padding:0;margin:0;border-radius:12px;display:grid;place-items:center;background:var(--card);color:var(--tx);border:1px solid var(--bd)}#lgv.on{background:#b3402f;color:#fff;border-color:#b3402f;animation:lgpulse 1s infinite}@keyframes lgpulse{50%{opacity:.6}}#lgsp{font-size:0!important;display:grid;place-items:center}#lgL{margin:0 0 0 auto;width:auto;max-width:118px;padding:4px 6px;font-size:13px;border-radius:8px;background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.3)}#lgL option{color:#0c3b3d}#lgsp.on{background:rgba(255,255,255,.18)!important}.lgact{display:flex;flex-direction:column;gap:8px;margin-top:10px}.lgact .lgq1{background:var(--be);border-radius:12px;padding:10px 12px;font-weight:600;font-size:14px}.lgact .r{gap:8px}.lgact button{margin:0;padding:9px 16px}.lgact .ok{color:#2f7d5b;font-weight:700;font-size:14px}.lgact .no{color:var(--mu);font-size:14px}#lgc{flex:none;width:44px;height:44px;border-radius:12px;border:1px solid var(--bd);display:grid;place-items:center;cursor:pointer;color:var(--tx);margin:0}#lgpv{padding:8px 10px 0;background:var(--card);border-top:1px solid var(--bd)}#lgpv span{display:inline-flex;align-items:center;gap:8px;font-size:14px}#lgpv img{width:56px;height:56px;object-fit:cover;border-radius:10px}#lgpv button{padding:4px 10px;font-size:13px}.lgx img{display:block;max-width:100%;max-height:220px;border-radius:12px;margin-bottom:6px}#lgf input{flex:1;margin:0}#lgf button{margin:0}
#lgb svg{animation:lgfloat 3.2s ease-in-out infinite}#lgb:hover svg{animation:lgwig .6s ease-in-out}
.lga.new svg{animation:lghop .7s cubic-bezier(.3,1.6,.5,1) 1}#lgh.think svg{animation:lghop .9s ease-in-out infinite}
.lga svg,#lgb svg{transform-origin:50% 90%}
@keyframes lgfloat{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-4px) rotate(-3deg)}}
@keyframes lghop{0%{transform:translateY(0) scale(1,1)}20%{transform:translateY(0) scale(1.12,.86)}50%{transform:translateY(-9px) scale(.94,1.08)}75%{transform:translateY(0) scale(1.06,.94)}100%{transform:translateY(0) scale(1,1)}}
@keyframes lgwig{0%,100%{transform:rotate(0)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}
@keyframes lgin{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.lgr.fresh{animation:lgin .3s ease-out}
#lgp:not([hidden]){animation:lgin .25s ease-out}
@media (prefers-reduced-motion:reduce){#lgb svg,.lga.new svg,#lgh.think svg,.lgr.fresh,#lgp:not([hidden]){animation:none}}
.lgdots{display:flex;gap:5px;align-items:center;min-height:22px}.lgdots i{width:7px;height:7px;border-radius:50%;background:var(--mu);animation:lgd 1s infinite ease-in-out}.lgdots i:nth-child(2){animation-delay:.15s}.lgdots i:nth-child(3){animation-delay:.3s}@keyframes lgd{0%,80%,100%{opacity:.3}40%{opacity:1}}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--tx);font:16px/1.4 system-ui,sans-serif}
main{max-width:720px;margin:0 auto;padding:12px}
h1{font-size:20px;margin:6px 0 10px}
nav{display:flex;gap:6px;margin-bottom:12px;overflow-x:auto}.mg{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;text-align:center}.mc{background:var(--card);border:1px solid var(--bd);border-radius:8px;padding:4px 0;min-height:58px;font-size:14px;cursor:pointer}.mc.sel{border-color:var(--ac)}
.tsx{touch-action:pan-y}.tsx.nx{animation:tsl .22s ease-out}.tsx.pv{animation:tsr .22s ease-out}@keyframes tsl{from{transform:translateX(40px);opacity:.3}to{transform:none;opacity:1}}@keyframes tsr{from{transform:translateX(-40px);opacity:.3}to{transform:none;opacity:1}}
.prc{background:var(--card);border:1px solid var(--bd);border-radius:14px;padding:16px}.prc h2{font-size:19px;color:var(--ac);margin:0 0 6px;padding-bottom:8px;border-bottom:2px solid var(--ac)}.prr{padding:12px 0 2px}.prr small{display:block;color:var(--mu);font-weight:700;font-size:14px}.prr b{font-size:22px}
.tsxw{overflow:hidden;margin:0 -12px;padding:0 12px}.tsx{touch-action:pan-y;will-change:transform}
.tdl{text-align:center;font-weight:700;color:var(--mu);margin:16px 0}.tdl a{color:var(--mu)}.tdl a:last-child{color:var(--no)}body.mob .tdbar{position:fixed;left:12px;right:12px;bottom:calc(80px + env(safe-area-inset-bottom,0px));z-index:14;max-width:696px;margin:0 auto}body:not(.mob) .tdbar{margin-top:20px}
.tdx{width:100%;background:#b3123f;color:#fff;border:0;border-radius:12px;padding:18px;font-size:17px;font-weight:800;letter-spacing:.6px}.abl.on{background:var(--be)}
.tsh{display:flex;align-items:center;justify-content:space-between;margin:2px 0 12px}.tsm{font-size:24px;font-weight:800;text-align:center;flex:1}.tsn{border:0;background:var(--be);width:40px;height:40px;border-radius:50%;font-size:22px;line-height:1;padding:0;color:var(--tx)}
.tsw{display:grid;grid-template-columns:repeat(8,1fr);gap:2px;text-align:center;margin-bottom:10px}.tsw span{display:block;font-size:12px;color:var(--mu)}
.tsv b,.tsd b{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;margin-top:4px;font-size:16px}.tsv b{background:var(--ac);color:#fff;font-size:15px}
.tsd{border:0;background:none;padding:0;color:var(--tx)}.tsd b{font-weight:600}.tsd.td b{border:2px solid var(--ac);color:var(--ac)}.tsd.we span{color:var(--no)}
.tsd.sel b{background:var(--ac);color:#fff;border-color:var(--ac)}.tsd i{display:block;width:6px;height:6px;border-radius:50%;margin:3px auto 0}.tsd i.m{background:var(--ac)}.tsd i.o{background:var(--mu);opacity:.45}.tsd i.a{background:var(--no)}
.tsp{background:var(--dk);border-radius:20px;padding:4px 10px 12px;color:#fff;margin-top:6px}
.tsdh{display:flex;justify-content:space-between;align-items:baseline;padding:16px 6px 8px;font-size:19px;scroll-margin-top:12px}.tsdh span{font-weight:700;opacity:.65;font-size:15px}
.tsadds{display:flex;gap:8px}.tshint{margin:-6px 6px 10px;font-size:13px;color:rgba(255,255,255,.7)}.tsov{position:fixed;inset:0;background:rgba(8,28,32,.45);z-index:60;display:flex;align-items:flex-end;justify-content:center;animation:tsfade .2s}.tssh{background:var(--bg);color:var(--tx);width:100%;max-width:560px;border-radius:22px 22px 0 0;padding:10px 18px calc(18px + env(safe-area-inset-bottom));max-height:86vh;overflow:auto;animation:tsup .28s cubic-bezier(.2,.8,.2,1);box-shadow:0 -8px 30px rgba(0,0,0,.18)}.tsgrab{display:block;width:42px;height:5px;border-radius:3px;background:var(--bd);margin:0 auto 12px}.tssd{font-size:22px}.tsx2{width:40px;height:40px;border-radius:50%;padding:0;flex:none}.tsl{font-size:12px;font-weight:700;color:var(--ac);text-transform:uppercase;letter-spacing:.6px;margin:18px 2px 8px}.tsrow{display:flex;gap:10px;align-items:center;width:100%;text-align:left;padding:13px 12px;border-radius:14px;margin-bottom:6px;background:var(--card)}.tsrow span{flex:1;color:var(--mu);font-size:14px}.tsrow em{font-style:normal;color:var(--ac);font-size:20px}.tsopt{display:flex;gap:12px;align-items:center;width:100%;text-align:left;padding:12px 14px;border-radius:14px;margin-bottom:8px;border:1.5px solid var(--bd);background:var(--card);color:var(--tx)}.tsopt i{width:22px;height:22px;border-radius:50%;border:2px solid var(--bd);flex:none}.tsopt b{display:block}.tsopt small{display:block;color:var(--mu);font-size:13px;font-weight:400;margin-top:1px}.tsopt.on{border-color:var(--ac);background:color-mix(in srgb,var(--ac) 9%,var(--card))}.tsopt.on i{border-color:var(--ac);background:var(--ac);box-shadow:inset 0 0 0 4px var(--card)}.tsopt.no.on{border-color:var(--no);background:color-mix(in srgb,var(--no) 9%,var(--card))}.tsopt.no.on i{border-color:var(--no);background:var(--no)}.tsavp{background:var(--card);border-radius:14px;padding:10px 12px;margin-top:8px}.tsavp select{width:100%;margin:4px 0 8px}.tsdone{width:100%;margin-top:16px;padding:13px;border-radius:12px;font-weight:700}@keyframes tsup{from{transform:translateY(48px);opacity:.3}}@keyframes tsfade{from{opacity:0}}.tsact{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}.tsact .tdb{margin:0;font-size:16px;padding:16px 14px;min-height:58px}.tsact .tdb:only-child,.tsact .tdb:last-child:nth-child(odd){grid-column:1/-1}.tdb.on{box-shadow:inset 0 0 0 3px rgba(255,255,255,.45)}.frctx{display:flex;gap:12px;align-items:center;background:var(--card);border-radius:14px;padding:12px 14px;margin-bottom:10px}.frctx span{display:block;color:var(--mu);font-size:14px}.frh{display:flex;align-items:center;gap:8px;font-weight:700;font-size:16px;margin:14px 0 10px}.frh:first-child{margin-top:2px}.frh em{font-style:normal;width:24px;height:24px;border-radius:50%;background:var(--ac);color:#fff;font-size:13px;display:inline-flex;align-items:center;justify-content:center}.frchips{display:flex;flex-wrap:wrap;gap:8px}.frchip{padding:9px 14px;border-radius:999px;border:1.5px solid var(--bd);background:var(--card);color:var(--tx);font-weight:600;font-size:15px}.frchip.on{background:var(--ac);border-color:var(--ac);color:#fff}.frgrid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.frtile{text-align:left;padding:12px;border-radius:14px;border:1.5px solid var(--bd);background:var(--card);color:var(--tx)}.frtile b{display:block;font-size:15px}.frtile small{display:block;color:var(--mu);font-size:12.5px;font-weight:400;margin-top:2px}.frtile.on{border-color:var(--ac);background:color-mix(in srgb,var(--ac) 9%,var(--card));box-shadow:inset 0 0 0 1px var(--ac)}.frsum{background:color-mix(in srgb,var(--ac) 10%,var(--card));border-left:4px solid var(--ac);border-radius:12px;padding:12px 14px;margin:12px 0;line-height:1.5}.tsadds .tsadd{flex:1}.tsav{background:var(--card);color:var(--tx);border-radius:12px;padding:12px;margin-bottom:8px}.tsavb{display:flex;width:100%}.tsavb button{flex:1;padding:11px 6px;font-weight:700}.tsavb button.on.no{background:var(--no);border-color:var(--no);color:#fff}
.tsadd{display:block;width:100%;margin:0 0 8px;padding:12px;border-radius:12px;font-weight:700;background:var(--card);color:var(--ac);border:1px dashed var(--ac)}.ted label{display:block;font-size:12px;font-weight:700;color:var(--ac);text-transform:uppercase;letter-spacing:.5px;margin:12px 0 4px}.ted input,.ted select,.ted textarea{width:100%;font-size:17px}.ted .tedd{display:flex;gap:8px;align-items:center}.ted .tedd input{flex:1}.ted .tedd button{flex:none;width:48px;height:46px;font-size:22px;padding:0}.ted .tedt{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ted .tedt label{margin-top:0}.ted .tedt>div{min-width:0}.ted .tedt input{min-width:0;max-width:100%;box-sizing:border-box}
.tsc{display:flex;align-items:center;gap:12px;background:var(--card);color:var(--tx);border-radius:12px;padding:12px;margin-bottom:8px;position:relative}.tsc.me{box-shadow:inset 4px 0 0 #f08a4b}.tsc.fr{background:color-mix(in srgb,var(--card) 88%,#f08a4b);cursor:pointer}
.tst{min-width:50px;font-variant-numeric:tabular-nums}.tst b,.tst span{display:block;font-size:15px}.tst span{color:var(--mu)}.tsdot{width:12px;height:12px;border-radius:50%;flex:none}
.tsb{min-width:0;flex:1}.tsb b{display:block;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tsb span{display:block;font-size:14px;color:var(--mu);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tsf{position:absolute;top:-8px;right:12px;background:#1d1418;color:#fff;font-size:12px;font-weight:700;padding:2px 12px;border-radius:5px}.tsa{font-size:24px;color:var(--mu);margin-left:4px}.tdc .tdr{border-top:1px solid var(--bd);padding:10px 0 8px;margin-top:10px}.tdr small{display:block;font-size:12px;font-weight:700;color:var(--ac);text-transform:uppercase;letter-spacing:.5px;margin-bottom:3px}.tdcol{display:block;height:14px;border-radius:5px}.tdh{display:flex;justify-content:space-between;align-items:baseline;margin:22px 2px 10px}.tdh b{font-size:21px}.tdh span{color:var(--mu)}.tdb{display:block;width:100%;text-align:left;background:var(--ac);color:#fff;border-color:var(--ac);font-weight:700;font-size:17px;padding:15px 18px;margin-bottom:10px;border-radius:12px}.abl{display:block;width:100%;text-align:left;background:none;border:0;border-bottom:1px solid var(--bd);border-radius:0;padding:15px 16px;font-size:17px;font-weight:700}.abl:last-child{border-bottom:0}.abl:active,.abl:hover{background:var(--be)}.tdb.alt{background:var(--card);color:var(--tx);border-color:var(--bd)}
.tse{opacity:.6;padding:0 6px;margin:0 0 4px;font-size:14px}
.mst{cursor:pointer}.mst .big{font-size:28px;font-weight:800;line-height:1.1}.mbar{height:8px;border-radius:9px;background:var(--be);overflow:hidden;margin:10px 0 6px}.mbar span{display:block;height:100%;background:var(--ac)}
.kp{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;margin-bottom:10px}.kp div{background:var(--card);border:1px solid var(--bd);border-radius:12px;padding:10px 12px}.kp small{display:block;font-size:12px;color:var(--mu);text-transform:uppercase;letter-spacing:.5px}.kp b{font-size:22px}
.mrw{display:flex;gap:10px;align-items:center;padding:9px 2px;border-bottom:1px solid var(--bd);font-size:14px}.mrw .d{min-width:74px;font-weight:600}.mrw .x{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mrw .h{font-variant-numeric:tabular-nums;font-weight:600}
#hmsg{position:relative;border:0!important;padding:6px 8px!important}#hmsg svg{width:24px;height:24px;display:block}#hmsg i{position:absolute;top:0;right:0;background:#f08a4b;color:#fff;font-style:normal;font-size:10px;font-weight:700;border-radius:9px;padding:1px 5px;min-width:17px;line-height:15px;text-align:center}#hmsg i:empty{display:none}
tr.ck{cursor:pointer}tr.ck:hover td{background:var(--be)}
.tlv{font-size:11px;border-radius:5px;padding:1px 5px;margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tlv.no{background:repeating-linear-gradient(135deg,#f1e6d6 0 6px,#e7d8c4 6px 12px);color:#6b5a48;border:1px dashed #b8a48d}.tlv.yes{background:#e3f0e6;color:#2f7d5b;border:1px solid #9cc7aa}
.cav{font-size:13px;padding:5px 8px;margin:0 0 6px;border-radius:6px}.cav.no{background:#f1e6d6;color:#6b5a48}.cav.yes{background:#e3f0e6;color:#2f7d5b}
.wt{background:#fbf1dc;border-color:#d4a24a;font-size:14px}.wt summary{cursor:pointer}.wt ul{margin:8px 0 0;padding-left:20px}.wt li{margin:2px 0}.wtm{display:inline-block;margin-left:6px;background:#c07a12;color:#fff;border-radius:99px;width:16px;height:16px;font-size:11px;text-align:center;line-height:16px;font-style:normal;vertical-align:1px;cursor:help}
input:disabled{opacity:.45}.wds{display:flex;gap:4px;flex-wrap:wrap;margin:3px 0 8px}.wds label{display:flex;align-items:center;gap:4px;border:1px solid var(--bd);border-radius:8px;padding:6px 9px;color:var(--tx);font-size:14px;cursor:pointer}.wds input{width:auto;margin:0}
.nb{background:#fde8e4;border:1px solid #b3402f;color:#14302f;border-radius:12px;padding:10px 12px;margin-bottom:10px}.tbl{width:100%;border-collapse:collapse;font-size:14px}.tbl td,.tbl th{padding:6px 8px;border-bottom:1px solid var(--bd);text-align:right;white-space:nowrap}.tbl td:first-child,.tbl th:first-child{text-align:left}
nav button{flex:0 0 auto;padding:9px 12px;font-size:14px}
button,input,select,textarea{font:inherit;color:var(--tx);background:var(--card);border:1px solid var(--bd);border-radius:8px;padding:9px 10px}
button{cursor:pointer}button.p{background:var(--ac);color:#fff;border-color:var(--ac)}button.on{border-color:var(--ac);color:var(--ac);font-weight:600}
button.d{color:var(--no)}
input,select,textarea{width:100%;margin:3px 0 8px}
label{font-size:13px;color:var(--mu)}
.c{background:var(--card);border:1px solid var(--bd);border-radius:12px;padding:12px;margin-bottom:10px}
.r{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.tag{font-size:12px;padding:2px 8px;border-radius:99px;border:1px solid var(--bd)}
.y{background:color-mix(in srgb,var(--ac) 18%,transparent);border-color:var(--ac)}
.w{background:color-mix(in srgb,var(--no) 18%,transparent);border-color:var(--no)}
.mu{color:var(--mu);font-size:14px}a{color:var(--ac)}
.done{opacity:.55}
.g{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.chk{display:flex;align-items:center;gap:8px;margin:4px 0}.chk input{width:auto;margin:0}
#lg{position:fixed;inset:0;background:#f2f7f6;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;z-index:9;overflow:auto;color:#14302f}
#lg img{width:min(300px,70%);max-height:200px;object-fit:contain;background:#0c3b3d;border-radius:16px;padding:16px;margin-bottom:18px;box-sizing:content-box}
.lb{width:min(340px,100%)}.lb h2{font-size:18px;text-align:center;margin:0 0 10px;font-weight:600}
.lb input{background:#fff;color:#14302f}.lb .p{width:100%;background:#fff;border-color:#0c3b3d;color:#14302f;font-weight:600}
#le{color:#b3402f;text-align:center;min-height:20px}
#hd{background:#0c3b3d;color:#fff;display:flex;align-items:center;gap:10px;padding:8px 12px}
#hd img{height:38px;max-width:160px;object-fit:contain}#hdn{font-size:16px;white-space:nowrap}.bnm{font-size:26px;font-weight:700;color:#fff;background:#0c3b3d;border-radius:16px;padding:22px 26px;margin-bottom:18px;text-align:center;max-width:min(340px,90%)}#hd span{flex:1;font-size:14px}#hd button{background:transparent;color:#fff;border-color:#fff;padding:6px 10px}
.blk{display:flex;align-items:center;gap:10px;border-radius:12px;padding:10px 12px;margin-bottom:10px;border:1px solid var(--bd)}
.blk.rast{background:color-mix(in srgb,var(--mu) 14%,var(--card))}
.blk.restid{background:color-mix(in srgb,#2d6a8f 16%,var(--card))}
.blk .bi{font-size:20px}.blk .bt{flex:1;min-width:0}.blk .mu{font-size:13px}
.run{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin:6px 0 8px}
.tmr{font-size:22px;font-weight:700;font-variant-numeric:tabular-nums}.tmr.ov{color:#c07a12}
.pb{height:6px;border-radius:9px;background:var(--bd);overflow:hidden;margin:8px 0 0}.pb span{display:block;height:100%;width:0;background:var(--ac);transition:width .5s}.pb.ov span{background:#d08a1e}
button.big{width:100%;padding:13px;font-weight:700;font-size:16px;margin-top:4px}
button.stop{background:#0c3b3d;color:#fff;border-color:#0c3b3d}
.ot{background:color-mix(in srgb,#d08a1e 16%,transparent);border:1px solid #d08a1e;border-radius:10px;padding:8px 10px;margin:6px 0;font-size:14px}
.ovl{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:20;display:flex;align-items:flex-end;justify-content:center}
.sh{background:var(--card);color:var(--tx);width:100%;max-width:520px;border-radius:16px 16px 0 0;padding:18px 16px calc(env(safe-area-inset-bottom,0px) + 16px);max-height:90vh;overflow:auto}
@media(min-width:600px){.ovl{align-items:center}.sh{border-radius:16px}}
.opt{display:flex;align-items:center;gap:10px;border:1px solid var(--bd);border-radius:10px;padding:13px 12px;margin-bottom:8px;cursor:pointer;font-weight:600}
.opt.on{border-color:var(--ac);background:color-mix(in srgb,var(--ac) 14%,transparent)}
.seg{display:flex;gap:8px;margin:3px 0 8px}.seg button{flex:1;padding:12px 0;font-weight:700}.seg button.on{background:var(--ac);color:#fff}
.tlbar{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-bottom:8px}.tlbar input,.tlbar select{margin:0;width:auto}
.seg2{display:flex}.seg2 button{border-radius:0;margin-left:-1px}.seg2 button:first-child{border-radius:8px 0 0 8px;margin-left:0}.seg2 button:last-child{border-radius:0 8px 8px 0}
body.wide main{max-width:1600px}
.tpb{display:flex;gap:6px;flex-wrap:wrap;align-items:center;background:color-mix(in srgb,#e9d9a8 45%,var(--card));border:1px solid var(--bd);border-radius:10px;padding:8px;margin-bottom:8px}
.tpb>span{font-size:12px;color:var(--mu);font-weight:600;text-transform:uppercase;letter-spacing:.4px;margin-right:4px}
.tp{background:var(--jc);color:#fff;border-radius:6px;padding:4px 10px;font-size:12px;line-height:1.2;text-align:center;cursor:grab;user-select:none;-webkit-user-select:none;border:2px solid transparent;min-width:92px}
.tp b{display:block;font-size:12px}.tp.arm{border-color:var(--tx);box-shadow:0 0 0 2px #fff inset}
.tpb button{padding:5px 10px;font-size:13px}
.tlwrap{overflow:auto;max-height:76vh;border:1px solid var(--bd);border-radius:10px;background:var(--card);-webkit-overflow-scrolling:touch}
.tl{display:grid;width:100%;--lw:180px;font-size:13px}
@media(max-width:600px){.tl{--lw:118px}}
.tlw{background:var(--bg);font-size:12px;color:var(--mu);padding:4px 8px;border-left:1px solid var(--bd);border-bottom:1px solid var(--bd);white-space:nowrap;position:sticky;top:0;z-index:1;font-weight:600}
.tll{position:sticky;left:0;z-index:2;background:var(--card);border-right:1px solid var(--bd);border-bottom:1px solid var(--bd);padding:6px 10px;min-width:0}
.tlw0{top:0;z-index:4;background:var(--bg)}
.tlr{display:flex;flex-direction:column;justify-content:center}
.tlr b{font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tlr small{color:var(--mu);font-size:11px;display:flex;justify-content:space-between;gap:6px}
.tlr.un{background:color-mix(in srgb,var(--no) 9%,var(--card))}
.tlsec{grid-column:1/-1;background:var(--bg);font-size:12px;font-weight:700;padding:5px 10px;border-bottom:1px solid var(--bd);position:sticky;left:0}
.tlh{text-align:center;padding:5px 0;border-bottom:1px solid var(--bd);border-left:1px dashed var(--bd);cursor:pointer;line-height:1.15;background:var(--card);position:sticky;top:25px;z-index:1;white-space:nowrap}
.tlh.tll{top:25px;z-index:4;text-align:left;cursor:default}
.tlh small{font-size:11px;color:var(--mu)}.tlh b{font-size:13px;font-weight:600}
.tlh.we,.tlc.we{background:color-mix(in srgb,#d9706a 11%,var(--card))}
.tlh.td{box-shadow:inset 0 -3px 0 var(--ac)}.tlh.td b{color:var(--ac)}
.tlc{border-left:1px dashed var(--bd);border-bottom:1px solid var(--bd);padding:3px;min-height:46px;display:flex;flex-direction:column;gap:3px;cursor:pointer;min-width:0}
.tlc.td{background:color-mix(in srgb,var(--ac) 7%,var(--card))}
.tlc.ab{background:repeating-linear-gradient(135deg,color-mix(in srgb,var(--no) 13%,var(--card)) 0 6px,var(--card) 6px 12px)}
.tlc.ov{outline:2px dashed var(--ac);outline-offset:-3px}
.armed .tlc:hover{outline:2px dashed var(--tx);outline-offset:-3px}
.tlj{background:var(--jc);color:#fff;border-radius:4px;padding:3px 4px;font-size:11px;line-height:1.25;overflow:hidden;cursor:pointer;position:relative;text-align:center;box-shadow:0 1px 1px rgba(0,0,0,.15)}
.tlj b{display:block;font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tlj span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tlj.dn{opacity:.5}.tlj.rn{box-shadow:inset 0 0 0 2px rgba(255,255,255,.85)}
.tlj.cf{outline:2px solid var(--no);outline-offset:1px;padding-left:14px}.tlj.sl{outline:3px solid var(--tx);outline-offset:1px}
.tlj i{position:absolute;top:1px;left:3px;font-style:normal;font-weight:700;font-size:10px;background:#fff;color:var(--no);border-radius:3px;padding:0 3px}
.tla{font-size:10px;font-weight:700;color:var(--no);text-transform:uppercase;letter-spacing:.3px;overflow:hidden;white-space:nowrap;text-align:center}
.tlb{font-size:10.5px;color:var(--mu);white-space:nowrap;overflow:hidden;text-align:center}
.tlt{border-left:1px dashed var(--bd);text-align:center;font-size:12px;font-weight:600;padding:6px 0;background:var(--bg);white-space:nowrap}
.tll.tot{background:var(--bg)}
.lg{display:flex;flex-wrap:wrap;gap:12px;margin:10px 2px;font-size:12px;color:var(--mu)}.lg span::before{content:"";display:inline-block;width:10px;height:10px;border-radius:3px;background:var(--c);margin-right:5px;vertical-align:-1px}
.rd{display:inline-block;width:18px;height:18px;border-radius:50%;border:2px solid var(--bd);flex:none}.opt.on .rd{border:6px solid var(--ac)}
.bk{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;padding:3px 7px;border-radius:5px;color:#fff;flex:none}
@media print{#hd,nav,.tlbar,.tpb,.tlsel,.lg,.r{display:none!important}body,main{background:#fff!important;max-width:none!important}.tlwrap{overflow:visible;max-height:none;border:0}.tll,.tlh,.tlw{position:static}}
#mn{background:#2b2622;border-radius:10px;padding:4px;gap:2px;overflow:visible;flex-wrap:wrap;position:relative;z-index:8}
#mn>button,#mn .ddb{background:transparent;border:0;color:#efe7da;font-weight:700;font-size:13px;letter-spacing:.6px;text-transform:uppercase;padding:10px 14px;border-radius:7px}
#mn>button.on,#mn .dd.on>.ddb{color:#f08a4b}#mn>button:hover,#mn .ddb:hover{background:rgba(255,255,255,.08)}
.dd{position:relative}.ddb::after{content:"";display:inline-block;margin-left:7px;border:4px solid transparent;border-top-color:currentColor;vertical-align:-1px}
.ddm{display:none;position:absolute;left:0;top:100%;margin-top:4px;background:#2b2622;border-radius:8px;padding:6px;min-width:230px;box-shadow:0 10px 30px rgba(0,0,0,.35);z-index:30}
.dd.op .ddm{display:block}.ddm button{display:block;width:100%;text-align:left;background:transparent;border:0;color:#efe7da;padding:10px 12px;font-size:15px;border-radius:6px}
.ddm button:hover{background:rgba(255,255,255,.1)}.ddm button.on{color:#f08a4b}.ddm small{display:block;color:#a99f92;font-size:11px;text-transform:uppercase;letter-spacing:.5px;padding:6px 12px 2px}
.tpb{position:sticky;top:0;z-index:6}
.tll.tot{bottom:0;z-index:5}.tlt{position:sticky;bottom:0;z-index:2}
.sh.jf{max-width:660px;padding-top:0}.jfh{display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:var(--card);padding:16px 0 10px;z-index:2;border-bottom:1px solid var(--bd)}
.jfh b{font-size:20px;color:#b9452f;font-weight:600}
.sec{border-bottom:1px dashed var(--bd);padding:12px 0 6px}.sec h4{margin:0 0 6px;font-size:15px;font-weight:600}.sec h4 em{font-style:normal;color:#b9452f;font-size:18px;margin-right:6px}
.pal{display:grid;grid-template-columns:repeat(10,1fr);gap:5px;max-width:330px;margin:6px 0}.pal button{aspect-ratio:1;padding:0;border-radius:5px;border:2px solid transparent;min-width:0}.pal button.on{border-color:var(--tx);box-shadow:0 0 0 2px #fff inset}
.swc{display:inline-block;width:26px;height:26px;border-radius:6px;border:1px solid var(--bd);vertical-align:middle}
.cm{position:fixed;z-index:40;background:var(--card);border:1px solid var(--bd);border-radius:10px;box-shadow:0 12px 30px rgba(0,0,0,.25);padding:6px;min-width:250px;max-height:70vh;overflow:auto}
.cm button{display:flex;align-items:center;gap:10px;width:100%;text-align:left;border:0;background:transparent;padding:10px 12px;border-radius:7px;font-size:15px}
.cm button:hover{background:color-mix(in srgb,var(--ac) 10%,transparent)}.cm .ci{width:12px;height:12px;border-radius:50%;flex:none}
.cm .kb{margin-left:auto;font-size:12px;color:var(--mu);border:1px solid var(--bd);border-radius:4px;padding:0 5px}.tlwrap.clip .tlc{cursor:copy}.cm .sub{padding-left:22px}.cm .sub button{font-size:14px;padding:8px 10px}.cm hr{border:0;border-top:1px solid var(--bd);margin:4px 0}.cm .ct{font-size:12px;color:var(--mu);padding:4px 12px}
table.pt{border-collapse:collapse;width:100%;font-size:14px}table.pt th,table.pt td{border-bottom:1px solid var(--bd);padding:8px 6px;text-align:right;white-space:nowrap}table.pt th:first-child,table.pt td:first-child{text-align:left}table.pt th{font-size:12px;color:var(--mu);font-weight:600}
table.pt tr.sum td{font-weight:700;border-top:2px solid var(--tx)}
.tpl-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--bd);flex-wrap:wrap}.tpl-row .tp{cursor:default;min-width:120px}
@media print{#mn,.noprint{display:none!important}}
#hd{background:var(--dk)}#hd span{cursor:pointer}#lg{background:#f2f7f6}#lg img{background:#0c3b3d}.lb .p{border-color:#0f7c78}
#mn{background:var(--be)}#mn>button,#mn .ddb{color:var(--tx)}#mn>button:hover,#mn .ddb:hover{background:color-mix(in srgb,var(--ac) 10%,transparent)}
#mn>button.on,#mn .dd.on>.ddb{color:#fff;background:var(--ac)}
.ddm{background:var(--card);border:1px solid var(--bd)}.ddm button{color:var(--tx)}.ddm button:hover{background:var(--be)}.ddm button.on{color:var(--ac);font-weight:700}.ddm small{color:var(--mu)}
button.stop{background:var(--dk);border-color:var(--dk)}.tpb{background:var(--be)}
.nbdg{display:inline-block;background:var(--ac);color:#fff;border-radius:9px;padding:0 7px;font-size:11px;line-height:17px;margin-left:5px;vertical-align:1px}
#mn>button.on .nbdg,#mn .dd.on>.ddb .nbdg{background:#fff;color:var(--ac)}
#bb::after{content:"";position:absolute;left:0;right:0;top:100%;height:200px;background:var(--card);pointer-events:none}#bb{position:fixed;left:0;right:0;bottom:0;z-index:15;background:var(--card);border-top:1px solid var(--bd);display:flex;padding:6px 4px calc(6px + env(safe-area-inset-bottom,0px));box-shadow:0 -4px 18px rgba(60,30,40,.06)}
#bb button{flex:1;background:none;border:0;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:11px;color:var(--mu);padding:4px 0;position:relative;border-radius:12px;min-width:0}
#bb button.on{color:var(--ac);font-weight:700}#bb button.on svg{background:var(--be)}
#bb svg{width:24px;height:24px;padding:4px 12px;border-radius:12px;box-sizing:content-box}
#bb i{position:absolute;top:0;left:calc(50% + 8px);background:var(--ac);color:#fff;font-style:normal;font-size:10px;font-weight:700;border-radius:9px;padding:1px 5px;min-width:17px;line-height:15px;text-align:center}#bb i:empty{display:none}
main{max-width:980px}body.mob main{padding-bottom:100px;max-width:720px}html:has(body.mob){height:100%;overflow:hidden;background:var(--card)}body.mob{height:100%;height:100dvh;overflow:hidden;display:flex;flex-direction:column}body.mob>#hd{flex:none}body.mob>main#app{flex:1 1 auto;min-height:0;width:100%;box-sizing:border-box;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;padding-bottom:24px}body.mob>#bb{position:relative;flex:none;margin:0}body.mob>#bb::after{display:none}body.mob #app>h1{display:none}
h1.mt{font-size:26px;margin:2px 0 14px}
.sh2{font-size:12px;letter-spacing:.7px;text-transform:uppercase;color:var(--mu);font-weight:700;margin:20px 2px 8px}
.dl{font-size:14px;font-weight:700;margin:14px 2px 6px}
.rq{background:var(--dk);color:#fff;border-radius:18px;padding:16px;margin-bottom:10px}
.rq small{opacity:.7;letter-spacing:.6px;text-transform:uppercase;font-size:11px}.rq .rqt{font-weight:700;font-size:17px;margin:2px 0 8px}.rq .rql{opacity:.85;font-size:14px;line-height:1.45}
.rq .bt2{display:flex;gap:8px;margin-top:12px}.rq button{flex:1;border-radius:99px;padding:9px;font-weight:700}.rq .yes{background:#fff;color:var(--dk);border-color:#fff}.rq .no{background:transparent;color:#fff;border-color:rgba(255,255,255,.55)}
.icd{display:flex;gap:12px;align-items:center}.ici{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;flex:none;background:var(--be);color:var(--ac)}.ici.ok{background:#e1efe6;color:#2f7d5b}.ici.bad{background:#f8e1dc;color:#b3402f}
.sc{border-left:4px solid var(--jc)}
.mrow{display:flex;align-items:center;width:100%;text-align:left;padding:16px;margin-bottom:8px;border-radius:14px;font-size:16px;font-weight:600;background:var(--card);border:1px solid var(--bd)}
.mrow::after{content:"";width:8px;height:8px;border-right:2px solid var(--mu);border-top:2px solid var(--mu);transform:rotate(45deg);margin-left:auto}
.av{width:38px;height:38px;border-radius:50%;background:var(--be);color:var(--ac);display:grid;place-items:center;font-weight:700;font-size:14px;flex:none}
.chat{display:grid;grid-template-columns:270px 1fr;gap:12px;height:calc(100vh - 250px);min-height:440px}
.cl{overflow:auto;background:var(--card);border:1px solid var(--bd);border-radius:12px}
body.mob .chat{display:block;height:auto}body.mob .cl{border-radius:14px}
.cv{display:flex;gap:10px;align-items:center;padding:11px 12px;border:0;border-bottom:1px solid var(--bd);border-radius:0;cursor:pointer;width:100%;text-align:left;background:transparent}
.cv.on{background:var(--be)}.cv .t{flex:1;min-width:0}.cv .t b{display:block;font-size:14px}.cv .t span{display:block;font-size:12.5px;color:var(--mu);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cv .n{background:var(--ac);color:#fff;border-radius:9px;font-size:11px;padding:1px 7px;font-weight:700}
.th{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--bd);border-radius:12px;min-height:0}
body.mob .th{height:calc(100vh - 200px);height:calc(100dvh - 200px)}
.thh{padding:10px 12px;border-bottom:1px solid var(--bd);display:flex;align-items:center;gap:10px}
.thr{flex:1;overflow:auto;padding:12px;display:flex;flex-direction:column;gap:5px}
.bu{max-width:80%;padding:8px 12px;border-radius:16px;background:var(--be);align-self:flex-start;white-space:pre-wrap;overflow-wrap:anywhere;font-size:15px;line-height:1.35;border-bottom-left-radius:5px}
.bu.me{align-self:flex-end;background:var(--ac);color:#fff;border-bottom-left-radius:16px;border-bottom-right-radius:5px}
.bu small{display:block;font-size:11px;opacity:.7;margin-top:3px}.bu .fr{font-size:12px;font-weight:700;opacity:.85;margin-bottom:2px}
.dsep{align-self:center;font-size:11px;color:var(--mu);margin:8px 0 2px}
.cmp{display:flex;gap:8px;padding:10px;border-top:1px solid var(--bd);align-items:flex-end}.cmp textarea{margin:0;resize:none;min-height:44px;max-height:120px;flex:1}.cmp button{flex:none;height:44px}
.kc{display:flex;gap:12px;align-items:center}
.adr{display:flex;width:fit-content;max-width:100%;align-items:center;gap:6px;font-size:14px;font-weight:600;margin-top:6px;text-decoration:none;color:var(--ac);background:var(--be);padding:6px 10px;border-radius:8px}
.adr::before{content:"";width:9px;height:9px;border:2px solid currentColor;border-radius:50% 50% 50% 0;transform:rotate(-45deg);flex:none}
.miss{border-color:var(--no)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--no) 25%,transparent)}
.tlj.nc{outline:2px dashed var(--no);outline-offset:1px}

/* ---- Proffsigt utseende: typsnitt, fokus, lugnare notiser, sidomeny på datorn */
body{font-family:"Figtree",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
:root{--sh:0 1px 2px rgba(12,59,61,.05),0 3px 10px rgba(12,59,61,.04);--sh2:0 12px 32px rgba(12,59,61,.14)}
.c{box-shadow:var(--sh)}
button{transition:background-color .15s,border-color .15s,color .15s}
button.p:hover{filter:brightness(1.08)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--ac);outline-offset:2px}
input:focus,select:focus,textarea:focus{border-color:var(--ac);outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--ac) 14%,transparent)}
.nb{background:color-mix(in srgb,#c48a16 9%,var(--card));border:1px solid color-mix(in srgb,#c48a16 35%,var(--bd));border-left:4px solid #c48a16;border-radius:0 12px 12px 0;color:var(--tx);padding:12px 14px}
.nb>.mu{color:var(--mu)!important}
.seg{background:var(--be);padding:4px;border-radius:12px;gap:4px}
.seg button{border:0;background:transparent;font-weight:600;color:var(--mu);border-radius:9px;padding:9px 6px}
.seg button.on{background:var(--card);color:var(--tx);box-shadow:var(--sh)}
table.pt th{font-weight:600}
@media (min-width:900px){
 body:not(.mob) #hd{position:sticky;top:0;z-index:20;height:56px;padding:0 20px;box-shadow:0 1px 0 rgba(0,0,0,.2)}
 body:not(.mob) #hd #hdl{height:34px;width:auto}
 body:not(.mob) #app:not([hidden]){display:grid;grid-template-columns:252px minmax(0,1fr);align-items:start;max-width:none;margin:0;padding:0}
 body:not(.mob) #app>h1{display:none}
 body:not(.mob) #mn{grid-column:1;grid-row:1;display:flex;flex-direction:column;flex-wrap:nowrap;align-items:stretch;gap:1px;margin:0;padding:18px 12px 40px;border-radius:0;background:var(--card);border-right:1px solid var(--bd);position:sticky;top:56px;height:calc(100vh - 56px);overflow-y:auto;z-index:5}
 body:not(.mob) #v{grid-column:2;grid-row:1;padding:28px 36px 80px;max-width:1240px;width:100%}
 body.wide:not(.mob) #v{max-width:none}
 body:not(.mob) #mn>button,body:not(.mob) #mn .ddb{display:flex;align-items:center;width:100%;text-align:left;text-transform:none;letter-spacing:0;font-size:14.5px;font-weight:600;padding:9px 12px;border-radius:8px;color:var(--tx);background:transparent}
 body:not(.mob) #mn>button:hover,body:not(.mob) #mn .ddb:hover,body:not(.mob) .ddm button:hover{background:var(--be)}
 body:not(.mob) #mn>button.on,body:not(.mob) .ddm button.on{background:color-mix(in srgb,var(--ac) 11%,transparent);color:var(--ac);font-weight:700;box-shadow:inset 3px 0 0 var(--ac)}
 body:not(.mob) #mn .dd.on>.ddb{background:transparent;color:var(--ac)}
 body:not(.mob) #mn .nbdg{margin-left:auto}
 body:not(.mob) #t-s{order:1}body:not(.mob) #t-ts{order:2}body:not(.mob) #t-c{order:3}body:not(.mob) #t-ko{order:4}
 body:not(.mob) #g-p{order:5;margin-top:12px;padding-top:12px;border-top:1px solid var(--bd)}body:not(.mob) #g-t{order:6}body:not(.mob) #g-k{order:7}body:not(.mob) #g-e{order:8}
 body:not(.mob) #g-i{order:9;margin-top:12px;padding-top:12px;border-top:1px solid var(--bd)}
 body:not(.mob) .ddb::after{content:"";margin-left:auto;width:7px;height:7px;border:solid currentColor;border-width:0 2px 2px 0;transform:rotate(-45deg);opacity:.5;transition:transform .15s}
 body:not(.mob) .dd.op>.ddb::after,body:not(.mob) .dd.on>.ddb::after{transform:rotate(45deg)}
 body:not(.mob) #mn .dd.on>.ddb .nbdg,body:not(.mob) .ddb .nbdg{margin-left:8px}
 body:not(.mob) .ddm{display:none;position:static;margin:0;padding:2px 0 8px;min-width:0;background:transparent;border:0;box-shadow:none}
 body:not(.mob) .dd.op .ddm,body:not(.mob) .dd.on .ddm{display:block}
 body:not(.mob) .ddm button{font-size:14px;padding:7px 12px 7px 24px;border-radius:8px;font-weight:500;color:var(--tx);display:flex;align-items:center}
 body:not(.mob) .ddm small{text-transform:none;letter-spacing:0;font-size:12px;font-weight:600;color:var(--mu);padding:10px 12px 3px 24px}
 #lg:not([hidden]){display:grid;grid-template-columns:minmax(360px,42%) 1fr;padding:0;background:var(--bg)}
 #lg #lgl{grid-column:1;grid-row:1/span 2;width:100%;height:100%;max-height:none;margin:0;padding:22%;box-sizing:border-box;border-radius:0;background:var(--dk)}
 #lg .bnm{grid-column:1;grid-row:1/span 2;align-self:center;justify-self:center;color:#fff;font-size:34px;font-weight:800}
 #lg .lb{grid-column:2;grid-row:1/span 2;align-self:center;justify-self:center;width:min(380px,80%)}
 #lg .lb h2{font-size:28px;text-align:left;font-weight:800;margin:0 0 18px;letter-spacing:-.01em}
}
#lg .lb .p{background:var(--ac);border-color:var(--ac);color:#fff;font-weight:700;padding:12px;border-radius:10px}
#lg .lb input{padding:12px;border-radius:10px}

@media (min-width:900px){
 body:not(.mob) #v>h1,body:not(.mob) #v>h1.mt{font-size:26px!important;font-weight:800;letter-spacing:-.015em;margin:0 0 18px!important;line-height:1.2}
 body:not(.mob) .nb{display:block;position:relative;padding-right:250px;border-radius:0 12px 12px 0}
 body:not(.mob) .nb>button{position:absolute;right:14px;top:50%;transform:translateY(-50%)}
}

.c.w{background:color-mix(in srgb,var(--no) 6%,var(--card));border:1px solid color-mix(in srgb,var(--no) 30%,var(--bd));border-left:4px solid var(--no);border-radius:0 12px 12px 0}

/* ---- RutPlan på inloggningen */
#lg .plat{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:22px}
#lg .pli{width:76px;height:76px;padding:0;margin:0 0 12px;background:none;border-radius:20px;box-shadow:0 8px 24px rgba(12,59,61,.25)}
#lg .plw{font-size:30px;font-weight:800;letter-spacing:-.02em;color:var(--dk)}
#lg .plt{font-size:15px;color:var(--mu);margin-top:4px}
.lgco{display:flex;align-items:center;gap:10px;background:var(--card);border:1px solid var(--bd);border-radius:12px;padding:10px 12px;margin:0 0 16px;font-weight:600;font-size:15px}
.lgco img{width:auto;height:28px;max-width:90px;margin:0;padding:3px 6px;background:var(--dk);border-radius:6px;box-sizing:content-box}
@media (min-width:900px){
 #lg .plat{grid-column:1;grid-row:1/span 2;align-self:stretch;justify-content:center;margin:0;background:var(--dk);padding:40px}
 #lg .pli{width:120px;height:120px;border-radius:30px;box-shadow:0 18px 50px rgba(0,0,0,.35)}
 #lg .plw{color:#fff;font-size:46px;margin-top:6px}
 #lg .plt{color:rgba(255,255,255,.72);font-size:17px;max-width:300px}
}

@media (min-width:900px){#lg .plat{background-color:var(--dk);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='72'%3E%3Crect x='14' y='14' width='44' height='44' rx='11' fill='%23ffffff' fill-opacity='.028'/%3E%3C/svg%3E");background-position:center}}

/* ---- Rut: bilagor */
.lgaw{position:relative;flex:none}#lgc{width:44px;height:44px;padding:0;margin:0;border-radius:12px;display:grid;place-items:center;background:var(--card);color:var(--tx);border:1px solid var(--bd)}
.lgam{position:absolute;left:0;bottom:52px;z-index:5;background:var(--card);border:1px solid var(--bd);border-radius:12px;box-shadow:var(--sh2);padding:6px;min-width:250px}
.lgam label{display:block;padding:11px 12px;border-radius:8px;cursor:pointer;font-size:15px;font-weight:600;color:var(--tx)}.lgam label:hover{background:var(--be)}
.lgch{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:4px}.lgc1{display:inline-flex;align-items:center;gap:6px;background:var(--be);border-radius:10px;padding:4px 4px 4px 4px;max-width:100%}
.lgc1 img{width:40px!important;height:40px!important;object-fit:cover;border-radius:8px}.lgc1 em{font-style:normal;font-size:13px;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lgc1 button{width:26px;height:26px;padding:0;margin:0;border-radius:50%;font-size:16px;line-height:1}
.lgfi{display:inline-grid;place-items:center;min-width:34px;height:26px;border-radius:6px;background:var(--ac);color:#fff;font-size:11px;letter-spacing:.03em;margin-right:4px}
.lgab{display:flex;flex-wrap:wrap;align-items:flex-start;gap:6px;margin-bottom:6px}.lgab img{max-width:120px;max-height:120px;border-radius:10px}.lgfc{display:inline-flex;align-items:center;background:rgba(255,255,255,.18);border-radius:8px;padding:3px 8px 3px 3px;font-size:13px}
.lgtl{margin-top:8px}.lgtl button{font-size:13px;padding:5px 10px;border-radius:999px;margin:0}
#lgnw{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.5);width:40px;height:40px;padding:0;border-radius:12px;display:grid;place-items:center}
#lgp.drop{outline:3px dashed var(--ac);outline-offset:-6px}

.agdel{border:1px solid #f1c4c0;background:#fff7f6}.dng{background:#b3261e;color:#fff;border-color:#b3261e}

/* ---- Pro */
.rpm{position:fixed;inset:0;z-index:60;background:rgba(12,59,61,.45);display:flex;align-items:flex-start;justify-content:center;padding:24px 12px;overflow-y:auto}
.rpmb{position:relative;background:var(--card);color:var(--tx);border-radius:16px;padding:20px;width:100%;max-width:760px;box-shadow:0 20px 50px rgba(0,0,0,.25)}
.rpmx{position:absolute;right:10px;top:10px;width:40px;height:40px;padding:0;border-radius:50%;font-size:22px;line-height:1}
.kpj{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:10px 0;border-top:1px solid var(--bd)}.kpj:first-of-type{border-top:0}
.kkr{align-items:center;padding:6px 0;border-top:1px solid var(--bd)}.kki .kkr:first-child{border-top:0}
.rus{display:flex;gap:10px;align-items:flex-start;padding:8px 0}.rus>b{flex:none;width:28px;height:28px;border-radius:50%;background:var(--ac);color:#fff;display:grid;place-items:center;font-size:14px}
.rul{margin-left:13px;padding:2px 0 2px 22px;border-left:2px dashed var(--bd);font-size:13px;color:var(--mu)}.rul.bad{color:#b3261e;border-left-color:#b3261e;font-weight:600}
.ruw{color:#b3261e;font-weight:600;margin:6px 0}.seg button{white-space:nowrap}
.rft input{min-width:120px}.swg{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;margin-top:10px}.swq{text-align:center;break-inside:avoid}.swq svg{display:block;margin:6px auto;max-width:100%;height:auto}
a.btn{display:inline-flex;align-items:center;justify-content:center;padding:9px 14px;border-radius:10px;border:1px solid var(--bd);background:var(--card);color:var(--tx);text-decoration:none;font-weight:600}a.btn.p{background:var(--ac);color:#fff;border-color:var(--ac)}
@media print{body.rpmp>*:not(#rpm){display:none!important}.rpm{position:static;background:none;padding:0}.rpmb{box-shadow:none}.rpmx{display:none}}

.lb.reg>*:not(#lreg){display:none!important}#lreg{display:none}.lb.reg #lreg{display:block}#lreg .g{gap:0 10px}

#offv{display:none}body.offm>*:not(#offv){display:none!important}body.offm #offv{display:block}.offw{max-width:640px;margin:0 auto;padding:14px 16px 40px}.offh{background:#fff3d6;border:1px solid #f0c060;border-radius:12px;padding:12px 14px;display:grid;gap:6px;margin-bottom:8px}.offh span{font-size:14px;color:#5c4a1a}.offh button{justify-self:start}

/* ---- Automatik och regler */
.auh{font-size:16px;margin:0 0 6px}.ausw{display:flex;gap:12px;align-items:center;padding:12px 0;border-top:1px solid var(--bd)}.auh+.ausw{border-top:0}.ausw.lock{opacity:.6}
.aux{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:0 0 12px}.aux label{margin:0}.aux select,.aux input{width:auto}
.tgl{position:relative;display:inline-block;width:52px;height:30px;flex:none;margin:0}.tgl input{opacity:0;width:0;height:0;position:absolute}.tgl span{position:absolute;inset:0;background:#c9d6d3;border-radius:30px;transition:.2s;cursor:pointer}.tgl span:before{content:"";position:absolute;width:24px;height:24px;left:3px;top:3px;background:#fff;border-radius:50%;transition:.2s;box-shadow:0 1px 3px rgba(0,0,0,.25)}.tgl input:checked+span{background:var(--ac)}.tgl input:checked+span:before{transform:translateX(22px)}.tgl input:focus-visible+span{outline:3px solid var(--ac);outline-offset:2px}
.bkp{background:var(--be);text-align:center;display:grid;gap:2px;margin:10px 0}.bkp b{font-size:26px}
.wdc{display:flex;align-items:center;gap:12px;flex-wrap:wrap;border-left:4px solid var(--ac)}.wdc.on{background:var(--be)}.wdb{min-height:48px;padding:0 20px;font-size:16px;font-weight:700}@media(max-width:520px){.wdb{width:100%}}.trmb{border-left:4px solid #d9a400}
.rpch{position:relative;margin-top:6px}.rpch svg{width:100%;height:auto;display:block}.rpct{position:absolute;pointer-events:none;background:#fff;border:1px solid var(--bd);border-radius:10px;padding:8px 10px;font-size:13px;line-height:1.5;box-shadow:var(--sh2);white-space:nowrap;z-index:2}.rpct i,.rplg i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px}.rplg{display:flex;gap:14px;flex-wrap:wrap;font-size:13px;color:var(--tx);margin-top:8px}.rplg i.ln{height:3px;width:14px;border-radius:2px;vertical-align:3px}
.c.nx{border:2px solid var(--ac);box-shadow:0 6px 22px rgba(15,124,120,.14)}.nxt{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.02em;color:var(--ac);background:var(--be);border-radius:999px;padding:3px 10px;margin-bottom:8px}#bb button{min-width:0}#bb span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.dk .dkh{display:flex;gap:12px;align-items:center}.dk .dki{flex:none;width:44px;height:44px;border-radius:50%;background:var(--be);color:var(--ac);display:flex;align-items:center;justify-content:center}.dk .dki svg{width:24px;height:24px}.dk.on{border:2px solid var(--ac)}.dk.ok .dki{background:#e3f3ea;color:#2f7d5b}.dkl{margin:4px 0 6px;padding-left:18px}.dkl li{margin:3px 0}.dkd{display:flex;flex-direction:column;gap:8px;margin-top:4px}.dkb{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:2px;width:100%;padding:12px 14px;border-radius:12px;border:1px solid var(--bd);background:var(--card)}.dkb b{font-size:16px}.dkb span{font-size:13px;color:var(--mu)}.dkb:active{background:var(--be)}.dkb.v{opacity:.65}.dkr{margin:8px 0;padding-left:20px}.dkr li{margin:4px 0}.kjr{display:flex;align-items:center;gap:10px;margin:10px -2px 0;padding:10px 12px;border-radius:12px;background:var(--be);font-size:14px}.kjr svg{flex:none;width:22px;height:22px;color:var(--ac)}.kjr span{flex:1;min-width:0}.kjr button{margin:0;padding:8px 14px;flex:none}.kjr.ok{background:#e3f3ea}.kjr.ok svg{color:#2f7d5b}.kjr.bad{background:#fbe9e6}.kjr.bad b,.kjr.bad svg{color:#b3402f}button.tsv{border:0;background:none;font:inherit;cursor:pointer;border-radius:12px;padding:4px 2px}button.tsv.sel{background:var(--ac);color:#fff}button.tsv.sel span,button.tsv.sel b{color:#fff}.tswk .tswd{padding-bottom:6px;border-bottom:1px solid var(--bd);margin-bottom:6px;cursor:pointer}.tswk .tswd:last-of-type{border-bottom:0}.tswk .tswd.td .tsdh b{color:var(--ac)}#v{will-change:auto}#oqb{position:fixed;left:12px;right:12px;bottom:calc(76px + env(safe-area-inset-bottom,0px));z-index:30;background:#0c3b3d;color:#fff;border-radius:14px;padding:10px 14px;display:flex;flex-direction:column;gap:2px;font-size:14px;box-shadow:0 6px 20px rgba(0,0,0,.25)}#oqb span{opacity:.8;font-size:13px}body:not(.mob) #oqb{left:auto;right:20px;bottom:20px;max-width:360px}.lsel{display:flex;align-items:center;gap:8px;margin:0 0 10px}.lsel span{color:var(--ac);display:flex}.lsel svg{width:22px;height:22px}.lsel select{margin:0;flex:1}.svr{padding:8px 0;border-bottom:1px solid var(--bd)}.svr:last-child{border-bottom:0}.svr>input{margin:0 0 6px}.svg2{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.svg2 input{width:90px;margin:0}.svg2 select{width:auto;margin:0}.svg2 .d{margin-left:auto;padding:6px 12px}.kjr.qr svg{color:var(--ac)}.qrv{background:#000;border-radius:12px;overflow:hidden;aspect-ratio:1/1;max-height:60vh}.qrv video{width:100%;height:100%;object-fit:cover}.docb{white-space:pre-wrap;line-height:1.55;max-height:60vh;overflow:auto;border:1px solid var(--bd);border-radius:10px;padding:12px;background:var(--bg)}.bmr{padding:10px 0;border-bottom:1px solid var(--bd)}.bmr:last-child{border-bottom:0}.bmh{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;font-size:14px}.bmbar{height:10px;border-radius:6px;background:var(--be);margin:6px 0 4px;overflow:hidden}.bmbar span{display:block;height:100%;background:var(--ac);border-radius:6px}.bmr.w .bmh>b{color:var(--no)}.drb{margin-bottom:10px}#lgdr{margin:0 0 12px;text-align:left}.bidb{display:block;width:100%;margin-top:8px;background:#193e4f;color:#fff;border:0;border-radius:12px;padding:12px 16px;font-weight:700;font-size:16px}.bidb.big{padding:14px 16px}.bidb:active{opacity:.85}.subp{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.subp button{display:flex;flex-direction:column;align-items:flex-start;gap:2px;margin:0;padding:10px 12px;text-align:left}.subp button span{font-size:13px;opacity:.85}.subpv{margin:12px 0}.licr{display:flex;gap:12px;align-items:flex-start;padding:10px 0;border-top:1px solid var(--bd)}.licr code,.apic code{font-size:12px;word-break:break-all}.whr{display:flex;gap:8px;align-items:flex-start;padding:8px 0;border-bottom:1px solid var(--bd)}.whr button{margin:0;flex:none}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;word-break:break-all}.apipre{white-space:pre-wrap;word-break:break-all;background:var(--bg);border:1px solid var(--bd);border-radius:10px;padding:10px;font-size:12px}.gkc{margin:8px 0 0;font-size:14px}.gkr{display:flex;align-items:center;gap:8px;margin:6px 0 2px;padding:8px 10px;border-radius:10px;background:var(--be);font-size:14px}.gkr span{flex:1}.gkr button{margin:0;padding:6px 12px}details.fel summary{cursor:pointer}@media(max-width:520px){.subp{grid-template-columns:1fr}}

.obt th,.obt td{text-align:left;vertical-align:top}
.dkh{font-weight:700;margin:14px 0 4px;font-size:15px}.dkl{margin:0 0 4px;padding-left:20px;line-height:1.55}.dkl li{margin:2px 0}
.ios-app #lrg{display:none!important}
/* Tidsammanställning */
.tzf{display:flex;flex-direction:column;gap:10px}.tzr{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.tzr button{margin:0}.tzl{font-size:12px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--mu);min-width:70px}
.tzk .tzw{cursor:pointer;border-color:var(--no)}.tzk .tzw b{color:var(--no)}
table.tzt0 td.tzt,table.tzt0 th:last-child{background:var(--be)}
table.tzt0 tr.tzav td{background:var(--dk);color:#fff;font-size:13px;letter-spacing:.3px;padding:7px 10px;text-align:left}
table.tzt0 tr.tzgh td{background:color-mix(in srgb,var(--gc) 12%,var(--card));font-weight:600}table.tzt0 tr.tzgh .gdot{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--gc);margin-right:6px}
table.tzt0 tr.tzp{cursor:pointer}table.tzt0 tr.tzp:hover td{background:var(--be)}table.tzt0 tr.tzp.on td{border-bottom-color:transparent}
.tzi{display:inline-block;width:16px;color:var(--ac)}.tzs{font-size:12px;font-weight:400;white-space:normal;max-width:300px}
table.tzt0 tr.tzd td{font-size:13px;background:var(--bg);padding-top:5px;padding-bottom:5px}table.tzt0 tr.tzd td:first-child{padding-left:28px}
@media print{.tzc0{overflow:visible!important}table.tzt0{font-size:10px}}
/* Fordonskontroll */
.fksec{margin:16px 0 4px;font-size:12px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--ac)}
.fkq{border:1px solid var(--bd);border-radius:12px;padding:10px 12px;margin:8px 0;background:var(--card)}.fkq.bad{border-color:var(--no);background:color-mix(in srgb,var(--no) 5%,var(--card))}
.fkqt{font-weight:600;margin-bottom:8px}.fktx{margin:8px 0 0!important}
.fky{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0}.fky button{margin:0;min-width:64px;padding:9px 14px;border-radius:999px;font-weight:600}
.fky button.on{background:var(--ac);border-color:var(--ac);color:#fff}.fky button.on.bad{background:var(--no);border-color:var(--no)}
.fkact{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.fkact button{margin:0}.fkact .p{flex:1;min-width:140px}
.fkc.anm{border-left:4px solid var(--no)}.fkis{color:var(--no);font-size:14px;margin:2px 0}.fkok{margin:8px 0 0;font-size:13px;color:#2f7d5b;font-weight:600}
.fkdr{border:1px dashed var(--ac)}
.fkfl{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px;margin-bottom:10px}
.fkv{margin:0;text-align:left;display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:12px;background:var(--card)}.fkv b{font-size:16px}.fkv span{font-size:12px;font-weight:400}.fkv em{font-style:normal;font-size:12px;font-weight:700;color:var(--no)}
.fkv.bad{border-color:var(--no)}.fkv.on{outline:2px solid var(--ac)}
.fkg{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:0 12px}
/* Mobilmenyn: kategorier som rullgardiner */
.mgrp{margin:8px 0}.mgrp .msec{display:flex;align-items:center;gap:8px;width:100%;margin:0;padding:14px 16px;border:1px solid var(--bd);border-radius:14px;background:var(--card);color:var(--tx);font-size:15px;text-transform:none;letter-spacing:0;font-weight:700;text-align:left;box-shadow:var(--sh)}
.mgrp .mst{flex:1}.mchv{width:9px;height:9px;border-right:2px solid var(--mu);border-bottom:2px solid var(--mu);transform:rotate(45deg);margin:0 4px 4px;transition:transform .2s}
.mgrp.on .msec,.mgrp.sok .msec{border-color:var(--ac);background:var(--be)}.mgrp.on .mchv,.mgrp.sok .mchv{transform:rotate(-135deg);margin-bottom:-4px}
.mgrp .mbody{display:none;padding:6px 0 2px 10px;border-left:2px solid var(--be);margin:6px 0 0 14px}.mgrp.on .mbody,.mgrp.sok .mbody{display:block}
/* Mobil: inget får sticka ut i sidled */
.mob #v select,.mob #v input{max-width:100%;min-width:0}.mob #v .seg2{flex-wrap:wrap}.mob #v .g>div{min-width:0}
/* SMS per månad */
.smsbar{height:8px;border-radius:99px;background:var(--be);margin:8px 0 6px;overflow:hidden}
.smsbar i{display:block;height:100%;background:var(--ac,#2f6f5e);border-radius:99px}
.c.y .smsbar i{background:#c98a10}
/* Fordonsrapport efter dagens sista pass */
.fkpop{text-align:center}.fkpop h2{margin:8px 0 6px}.fkpop p{color:var(--mu);margin:0 0 16px}
.fkpopi{width:64px;height:64px;border-radius:32px;margin:4px auto 0;background:var(--be);color:var(--ac);font-size:30px;font-weight:800;display:flex;align-items:center;justify-content:center}
/* Paket: köp och registrering (21-paket.js) */
.pkg{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}
.pkk{border:1px solid var(--bd,#d9e2e1);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;background:#fff}
.pka{font-size:20px;font-weight:700;margin:4px 0 0}.pka .mu{font-size:12px;font-weight:400}
.pkl{margin:8px 0 0;padding-left:18px;font-size:13.5px;flex:1}.pkl li{margin:2px 0}
.rgp{display:grid;gap:6px;margin-top:4px}
.rgo{margin:0!important;border:1px solid var(--bd,#d9e2e1);border-radius:10px;padding:8px 10px;align-items:flex-start}
.rgo.on{border-color:var(--ac,#0f7c78);background:var(--be,#eef6f5)}