.help-launch{position:fixed;right:22px;bottom:20px;z-index:20;border:1px solid #173253;border-radius:30px;padding:12px 20px;color:#fff;background:#27476e;box-shadow:inset 0 1px #ffffff30,0 4px 12px #061a5720;font:inherit;font-size:13px;cursor:pointer}.help-dialog{position:fixed;inset:auto 22px 76px auto;width:min(390px,calc(100vw - 28px));max-height:calc(100dvh - 105px);padding:26px;border:1px solid #ccd5e2;border-radius:14px;background:#fff;color:#061a57;box-shadow:0 18px 70px #061a5725;overflow:auto;margin:0}.help-dialog::backdrop{background:#061a571c}.help-dialog h2{font-size:22px;margin:8px 20px 12px 0}.help-dialog p{font-size:12px;line-height:1.75;color:#53657b}.help-close{position:absolute;right:14px;top:10px;border:0;background:none;font-size:26px;color:inherit;cursor:pointer}.help-options{display:grid;gap:7px;margin:18px 0}.help-options button{font:inherit;font-size:12px;text-align:left;border:1px solid #d6dfeb;background:#f3f7fc;border-radius:7px;padding:11px;color:inherit;cursor:pointer;box-shadow:0 2px 2px #061a5706}.help-answers{font-size:12px}.help-answers:not(:empty){background:#edf4fc;padding:14px;border-radius:8px;margin-bottom:18px}.help-dialog label{font-size:12px;display:block;margin:12px 0 8px}.help-dialog textarea{width:100%;resize:vertical;border:1px solid #d6dfeb;border-radius:6px;padding:10px;font:inherit;font-size:12px;color:inherit;background:#fff}.help-dialog .help-small{font-size:var(--steg-mikro)}@media(max-width:500px){.help-dialog{right:14px;bottom:76px;padding:22px}.help-launch{right:14px;bottom:14px}}

.help-dialog input[type=email]{width:100%;padding:10px;border:1px solid #d6dfeb;border-radius:6px;font:inherit}.help-dialog input[type=checkbox]{margin-right:6px}.help-dialog button:focus-visible,.help-dialog input:focus-visible,.help-dialog textarea:focus-visible{outline:3px solid #27476e;outline-offset:3px}

.help-launch.help-launch--inline{position:static;flex-shrink:0;margin-left:12px}.tool-title>div:first-child{margin-right:auto}

.help-launch{display:inline-flex;align-items:center;gap:10px;padding:12px 18px;border-radius:14px;transition:transform .18s,box-shadow .18s;background:#061a57;box-shadow:inset 0 1px #ffffff30,0 5px 0 #06133d,0 8px 22px #061a5718}
.help-icon{display:inline-flex;align-items:center;justify-content:center;flex:none}.help-icon svg{height:22px;width:22px}
.help-launch:active{transform:translateY(2px);box-shadow:inset 0 1px #ffffff30,0 2px 0 #06133d}
.help-dialog{width:min(420px,calc(100vw - 28px));padding:0;border-radius:20px;max-height:calc(100dvh - 110px);border:1px solid #c8d5e5;box-shadow:0 24px 80px #061a572c;overscroll-behavior:contain}
.help-dialog[open]{animation:help-in .22s cubic-bezier(.2,.8,.2,1)}
.help-top{background:#c9dff3;padding:24px 26px 20px;position:relative}
.help-top>.help-icon{width:42px;height:42px;background:#fff9;border:1px solid #fff;border-radius:13px;box-shadow:0 3px 0 #a8c4de;margin-bottom:10px}
.help-top h2{font-size:23px;line-height:1.3;margin:0 24px 8px 0;letter-spacing:-.6px}.help-top p{margin:0;color:#27476e;max-width:320px}
.help-close{right:16px;top:16px;border:1px solid #061a5715;background:#ffffff80;border-radius:50%;width:34px;height:34px;display:grid;place-items:center;line-height:1;transition:background .15s}
.help-close:hover{background:#fff}
.help-content{padding:0 24px 22px}.help-options{grid-template-columns:1fr 1fr;gap:8px;margin:20px 0}
.help-options button{background:#fff;min-height:62px;padding:12px;border-radius:11px;border-color:#d5deea;box-shadow:0 3px 0 #edf1f6;transition:transform .15s,border-color .15s,background .15s;font-weight:500;line-height:1.5}
.help-options button:hover{border-color:#93b4d0;background:#f7fafe}
.help-options button[aria-pressed=true]{background:#eaf2fa;border-color:#93b4d0;box-shadow:inset 0 1px 3px #061a5710}
.help-answers:not(:empty){border-radius:12px;border:1px solid #d6e3f0;background:#f0f6fc}
.help-answers p{margin:8px 0 0}.help-content form{border-top:1px solid #e1e7ee;padding-top:18px}
.help-content h3{font-size:17px;margin:0 0 4px}.help-content .help-small{font-size:12px;margin:0 0 14px}
.help-dialog input[type=email],.help-dialog textarea{border-radius:9px;padding:11px 12px;background:#fbfcfe;transition:border-color .15s,box-shadow .15s}
.help-dialog input[type=email]:focus,.help-dialog textarea:focus{background:#fff;border-color:#7b9dbd;box-shadow:0 0 0 3px #c9dff355}
.help-dialog label:has(input[type=checkbox]){display:block;line-height:1.65;font-size:var(--steg-mikro);color:#53657b}
.help-dialog button[type=submit]{width:100%;justify-content:center;margin-top:6px}
.help-dialog #help-feedback:empty{display:none}.help-dialog #help-feedback:not(:empty){margin:14px 0 0;padding:12px;border-radius:10px;background:#edf4fc}
@keyframes help-in{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:500px){.help-dialog{right:14px;bottom:76px;padding:0}.help-top{padding:20px}.help-content{padding:0 18px 18px}.help-launch{padding:10px 14px}.help-launch--inline{font-size:0;gap:0}.help-launch--inline .help-icon{font-size:14px}}
@media(prefers-reduced-motion:reduce){.help-dialog[open]{animation:none}.help-launch,.help-options button,.help-close,.help-dialog input,.help-dialog textarea{transition:none}.help-launch:hover,.help-launch:active,.help-options button:hover{transform:none}}
/* Hjälp & kontakt som en rund ikonknapp, samma form som på siffralabs.se (Sami 2026-10-14: den "påminner så
   mycket om knapparna i själva sidan"). Vit yta, hårfin kant och mjuk skugga; etiketten glider fram ur en
   mask till vänster om cirkeln när musen är över den. Inget lyft och ingen nedtryckning. */
.help-launch{width:52px;height:52px;padding:0;gap:0;justify-content:center;border-radius:50%;border:1px solid var(--hairline);background:var(--yta);color:var(--text);
 box-shadow:0 10px 26px rgb(6 26 87 / .14),0 1px 3px rgb(6 26 87 / .08);transition:border-color var(--tid-normal) var(--kurva-standard)}
.help-launch:hover{border-color:var(--yta-ton)}
.help-launch:active{transform:none;box-shadow:0 10px 26px rgb(6 26 87 / .14),0 1px 3px rgb(6 26 87 / .08)}
.help-launch .help-icon svg{width:22px;height:22px}
.help-launch.help-launch--inline{width:48px;height:48px}
.help-etikett{position:absolute;right:calc(100% + 10px);top:50%;margin-top:-17px;height:34px;display:flex;align-items:center;padding:0 14px;white-space:nowrap;border-radius:999px;
 border:1px solid var(--hairline);background:var(--yta);color:var(--text);font-size:13px;font-weight:600;box-shadow:0 8px 20px rgb(6 26 87 / .10);pointer-events:none;
 clip-path:inset(0 0 0 100% round 999px);transition:clip-path var(--tid-normal) var(--kurva-expo)}
@media(hover:hover){.help-launch:hover .help-etikett,.help-launch:focus-visible .help-etikett{clip-path:inset(0 0 0 0 round 999px);transition-duration:var(--tid-lugn)}}
@media(hover:none){.help-etikett{display:none}}
@media(max-width:500px){.help-launch{width:46px;height:46px;padding:0}.help-launch.help-launch--inline{width:44px;height:44px}.help-launch--inline .help-icon{font-size:inherit}}
@media(prefers-reduced-motion:reduce){.help-etikett{transition:none}}
/* Alltid i nedre högra hörnet, ovanför orderlisten när den ligger fast längst ned (--hjalp-lyft sätts av help.js);
   knappen glider upp och ned när listen kommer och går. Dialogen är modal och täcker listen, så den lyfts inte. */
.help-launch{bottom:calc(20px + var(--hjalp-lyft,0px));transition:border-color var(--tid-normal) var(--kurva-standard),bottom var(--tid-lugn) var(--kurva-expo)}
@media(max-width:500px){.help-launch{right:14px;bottom:calc(14px + var(--hjalp-lyft,0px))}}
@media(prefers-reduced-motion:reduce){.help-launch{transition:none}}