.skal{--radie:16px;--text:18px;--bi:15px;background:var(--papper);font-size:var(--text);font-weight:300;display:flex;flex-direction:column;min-height:100dvh;max-width:30rem;margin:0 auto}html:has(.skal){--papper:var(--vit);--upphojt:var(--floral);background:var(--papper)}body:has(>.skal){background:var(--papper)}html[data-inbaddad] .skal{min-height:0}html[data-inbaddad] .skal .topp{display:none}.skal .topp{padding:1.25rem 1.25rem 0;text-align:center}.skal .topp-rad{display:grid;grid-template-columns:auto 1fr;grid-column-gap:.875rem;column-gap:.875rem;align-items:center}.skal .portratt{grid-row:1/span 2;width:4rem;height:4rem;object-fit:cover;border-radius:var(--radie);display:block}.skal .ordmarke-lank{display:inline-block;line-height:0}.skal .ordmarke{width:9.375rem;height:auto;display:block}.skal .fotnot{display:flex;align-items:center;justify-content:flex-start;gap:.3rem;margin:.6rem 0 0;font-size:var(--bi);font-weight:400;line-height:1.4;letter-spacing:.01em;color:var(--dim-ljus);text-align:left}.skal .fotnot svg{width:1em;height:1em;flex:0 0 auto}.skal .start{padding:1.75rem 1.25rem 2.5rem;display:flex;flex-direction:column;gap:1rem}.skal .start textarea{width:100%;min-height:7.5rem;font:inherit;padding:.9rem 1rem;border:1.5px solid var(--bla-ljus);border-radius:var(--radie);background:var(--upphojt);color:var(--jet);resize:none}.skal .start textarea::placeholder{color:var(--dim)}.skal .start select.kategori{width:100%;font:inherit;padding:.8rem 1rem;border:1.5px solid var(--bla-ljus);border-radius:var(--radie);background:var(--upphojt);color:var(--jet)}.skal .start select.kategori:focus-visible{outline:2px solid var(--bla);outline-offset:1px;border-color:transparent}.skal input:focus-visible,.skal textarea:focus-visible{outline:2px solid var(--bla);outline-offset:1px;border-color:transparent}.skal .rad{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.skal .bifoga,.skal button{font:inherit;cursor:pointer}.skal .primar{background:var(--bla);color:var(--pa-bla);border:0;border-radius:var(--pill);padding:.7rem 1.6rem;font-weight:600}.skal .primar:hover{background:var(--bla-tryckt)}.skal .primar:disabled{opacity:.5;cursor:not-allowed}.skal .bifoga{display:inline-flex;align-items:center;gap:.5rem;max-width:12.5rem;color:var(--bla);font-size:var(--text);font-weight:400;background:var(--upphojt);border:1px solid var(--bla-ljus);border-radius:var(--pill);padding:.5rem .85rem}.skal .bifoga-text{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.skal .bifoga:hover{border-color:var(--bla)}.skal .bifoga svg{width:1.25rem;height:1.25rem;flex:0 0 auto}.skal input[type=file]{display:none}.skal .amnen{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.5rem}.skal .amnen button{background:var(--upphojt);border:1px solid var(--bla-ljus);border-radius:var(--pill);padding:.5rem 1rem;font-size:var(--text);font-weight:400;color:var(--bla)}.skal .amnen button:hover{border-color:var(--bla)}.skal .amnen button.startar,.skal .amnen button:active,.skal .amnen button[aria-pressed=true]{background:var(--bla-tryckt);border-color:var(--bla-tryckt);color:var(--pa-bla)}.skal .amnen button.mer,.skal .amnen button.mer:active{background:none;border-color:transparent;color:var(--bla);text-decoration:underline;text-underline-offset:.2em}.skal .punkter{margin:0;padding-left:1.1rem;font-size:var(--text);line-height:1.5;color:var(--jet)}.skal .punkter li{margin:.15rem 0}.skal .etikett{font-weight:500;color:var(--dim)}.skal .etikett,.skal .namn-rubrik{margin:0 0 -.5rem;font-size:var(--text)}.skal .namn-rubrik{font-weight:600;color:var(--jet)}.skal .ikonknapp{width:2.25rem;height:2.25rem;flex:0 0 auto;margin-right:auto;border-radius:50%;border:0;background:none;color:var(--dim);display:grid;place-items:center}.skal .ikonknapp:hover{color:var(--bla);background:#f1eee6}.skal .ikonknapp svg{width:1.25rem;height:1.25rem}.skal .varfor-rad{margin:.25rem 0 0}.skal .lankknapp{display:inline-flex;align-items:center;gap:.4rem;background:none;border:0;padding:0;font-size:var(--bi);font-weight:400;color:var(--dim-ljus)}.skal .lankknapp .i{width:.92rem;height:.92rem;border-radius:50%;border:1px solid var(--dim-ljus);font-size:.6rem;font-weight:600;display:grid;place-items:center;font-style:italic}.popup{width:min(24rem,calc(100vw - 2rem));border:0;border-radius:16px;background:var(--upphojt);color:var(--jet);padding:1.25rem;font-size:var(--text);line-height:1.55}.popup::-webkit-backdrop{background:rgba(43,43,41,.45)}.popup::backdrop{background:rgba(43,43,41,.45)}.popup h2{font-size:var(--text);font-weight:600}.popup h2,.popup p{margin:0 0 .75rem}.popup .primar{background:var(--bla);color:var(--pa-bla);border:0;border-radius:var(--pill);padding:.7rem 1.6rem;font:inherit;font-weight:600;cursor:pointer}.checklista{list-style:none;margin:0 0 1rem;padding:0}.checklista li{margin-bottom:.6rem}.checklista label{display:flex;gap:.6rem;align-items:flex-start;cursor:pointer}.checklista input[type=checkbox]{width:1.15rem;height:1.15rem;margin:.15rem 0 0;accent-color:var(--bla);flex:0 0 auto}.skal .chatt{display:flex;flex-direction:column;flex:1 1;min-height:0}.skal .trad{display:flex;flex-direction:column;gap:.5rem;padding:1.25rem 1rem .5rem}.skal .bubbla{max-width:84%;padding:.7rem .95rem;border-radius:var(--radie);white-space:pre-wrap;overflow-wrap:anywhere;font-size:var(--text)}.skal .bubbla.klinik{align-self:flex-start;background:var(--hairline);border-bottom-left-radius:5px}.skal .bubbla.kund{border-bottom-right-radius:5px}.skal .bubbla.kund,.skal .bubbla.platshallare{align-self:flex-end;background:var(--bla-bubbla);color:var(--jet)}.skal .bubbla.platshallare{font-size:var(--bi);font-weight:400;border-radius:var(--pill);padding:.45rem 1rem}.skal .avsandare{display:flex;align-items:center;gap:.5rem;margin-bottom:.35rem}.skal .avsandare .mark{width:1.55rem;height:1.55rem;flex:0 0 auto;border-radius:50%;border:1.5px solid var(--bla);display:grid;place-items:center;font-size:.62rem;font-weight:600;color:var(--bla);background:var(--upphojt)}.skal .avsandare .namnblock{display:flex;flex-direction:column}.skal .avsandare .mark.person{background:var(--bla);border-color:var(--bla);color:var(--pa-bla)}.skal .avsandare .namn.person{color:var(--jet)}.skal .avsandare .namn{font-size:var(--text);font-weight:600;color:var(--bla);line-height:1.1}.skal .avsandare .roll{font-size:var(--bi);font-weight:400;color:var(--dim);line-height:1.1}.skal .bubbla.skriver{display:flex;gap:.3rem;align-items:center;padding:.85rem 1rem}.skal .bubbla.skriver span{width:.45rem;height:.45rem;border-radius:50%;background:var(--dim);animation:skriver-punkt 1.2s ease-in-out infinite}.skal .bubbla.skriver span:nth-child(2){animation-delay:.15s}.skal .bubbla.skriver span:nth-child(3){animation-delay:.3s}@keyframes skriver-punkt{0%,60%,to{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}@media (prefers-reduced-motion:reduce){.skal .bubbla.skriver span{animation:none;opacity:.6}}.skal .bild-i-trad{align-self:flex-end;max-width:55%;max-height:16rem;object-fit:cover;border-radius:var(--radie);border-bottom-right-radius:5px;display:block}.skal .bild-i-trad.ruta{display:flex;align-items:center;gap:.5rem;padding:.7rem .95rem;background:var(--bla-bubbla);color:var(--jet);font-size:var(--text)}.skal .bild-i-trad.ruta svg{width:1.25rem;height:1.25rem;flex:0 0 auto}.skal .kvitto{align-self:flex-end;font-size:var(--bi);font-weight:400;color:var(--dim);padding:0 .25rem}.skal .svar{padding:.5rem 1rem 1.5rem}.skal .svar .falt{display:flex;align-items:center;gap:.35rem;padding:.3rem .35rem .3rem .5rem;border:1.5px solid var(--bla-ljus);border-radius:var(--pill);background:var(--upphojt)}.skal .svar .falt:focus-within{border-color:var(--bla)}.skal .svar textarea{flex:1 1;min-width:0;font:inherit;font-size:var(--text);padding:.4rem .25rem;border:0;background:none;color:var(--jet);resize:none;max-height:8rem}.skal .svar textarea:focus-visible{outline:none}.skal .svar textarea::placeholder{color:var(--dim)}.skal .bild-ikon{width:2rem;height:2rem;flex:0 0 auto;display:grid;place-items:center;color:var(--dim);cursor:pointer}.skal .bild-ikon:hover{color:var(--bla)}.skal .bild-ikon svg{width:1.25rem;height:1.25rem}.skal .skicka{width:2.5rem;height:2.5rem;flex:0 0 auto;border-radius:50%;border:0;background:var(--bla);color:var(--pa-bla);display:grid;place-items:center}.skal .skicka:hover{background:var(--bla-tryckt)}.skal .skicka:disabled{opacity:.5;cursor:not-allowed}.skal .skicka svg{width:1rem;height:1rem}.skal .uppgifter{margin:.75rem 1rem 0;min-width:0;padding:1rem;background:var(--upphojt);border-radius:var(--radie);display:flex;flex-direction:column;gap:.7rem}.skal .uppgifter .ingress{margin:0;font-size:var(--text);color:var(--dim)}.skal .uppgifter label{display:flex;flex-direction:column;gap:.25rem;font-size:var(--bi);font-weight:400;color:var(--dim);min-width:0}.skal .uppgifter input{font:inherit;width:100%;min-width:0;font-size:var(--text);font-weight:300;color:var(--jet);padding:.6rem .75rem;border:1px solid var(--hairline);border-radius:10px;background:var(--papper)}.skal .uppgifter .primar{align-self:flex-start;margin-top:.25rem}.skal .steg{display:grid;grid-gap:.75rem;gap:.75rem;padding:1.25rem 1rem 2rem}.skal .steg fieldset{border:1px solid var(--hairline);padding:.75rem .9rem;display:grid;grid-gap:.25rem;gap:.25rem}.skal .steg .information,.skal .steg fieldset{border-radius:var(--radie);background:var(--upphojt)}.skal .steg .information{max-height:60vh;overflow:auto;padding:.9rem;white-space:pre-wrap}.skal .vanta p{font-size:var(--text)}.skal .steg fieldset label{display:flex;flex-direction:row;align-items:center;gap:.6rem;font-size:var(--text);color:var(--jet);padding:.35rem 0;cursor:pointer}.skal .steg fieldset input[type=radio]{width:1.3rem;height:1.3rem;flex:none;margin:0;padding:0;accent-color:var(--bla)}.skal .steg fieldset legend{font-size:var(--text);padding:0 .25rem}.skal .del1-ikon{display:inline-block;width:2.6rem;height:2.6rem;flex:none}.skal .del1-ikon svg{width:100%;height:100%}.skal .del1-ikon circle,.skal .del1-ikon path{stroke-width:4}.skal .del1 h2{margin:0;line-height:1.25}.skal .lekei-pil{position:fixed;right:.75rem;z-index:20;display:grid;place-items:center;color:var(--bla);background:color-mix(in srgb,var(--papper) 80%,transparent);border-radius:50%;padding:.4rem;box-shadow:0 2px 10px rgb(0 0 0/.15);animation:lekei-studs 1.4s ease-in-out infinite}@keyframes lekei-studs{0%,to{transform:translateY(0)}50%{transform:translateY(18px)}}@media (prefers-reduced-motion:reduce){.skal .lekei-pil{animation:none}}.skal .lekei-text h3{font-size:var(--text);margin:1.25rem 0 .35rem}.skal .lekei-text li,.skal .lekei-text p{font-size:var(--text);line-height:1.55;margin:0 0 .6rem}.skal .lekei-text ul{padding-left:1.2rem;margin:0 0 .6rem}.skal .lekei-text ul.bockar{list-style:none;padding-left:0}.skal .lekei-text ul.bockar li{position:relative;padding-left:2.1rem;margin-bottom:.75rem}.skal .lekei-text ul.bockar li:before{content:"";position:absolute;left:0;top:.15rem;width:1.45rem;height:1.45rem;border-radius:50%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='12' fill='%231b33d5'/%3E%3Cpath d='M7 12.5l3.2 3.2L17 9' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 50% /contain no-repeat}.skal .lekei-text .inline-lank{display:inline;background:none;border:0;padding:0;font:inherit;color:var(--bla);text-decoration:underline;cursor:pointer}.skal .dokumentkort{width:100%;font:inherit;text-align:left;cursor:pointer;display:flex;gap:1rem;align-items:center;padding:.9rem 1rem;border:1px solid var(--hairline);border-radius:var(--radie);background:var(--upphojt);color:var(--jet);text-decoration:none}.skal .dokumentkort svg{flex:none;width:58px;height:78px}.skal .dokumentkort .titel{display:block;font-size:var(--text);font-weight:600;line-height:1.3}.skal .dokumentkort .under{display:block;font-size:var(--bi);color:var(--dim)}.skal .lekei-info-panel{display:grid;grid-gap:.5rem;gap:.5rem;padding:1rem;border:1px solid var(--hairline);border-radius:var(--radie);background:var(--upphojt)}.skal .lekei-info-panel h3{margin:0}.skal .lank-knapp{justify-self:start;background:none;border:0;padding:0;color:var(--bla);text-decoration:underline;font-size:var(--text)}.skal .lekei-diskret{color:var(--muted);font-size:var(--bi);margin:.5rem 0 0}.skal .lekei-bekrafta{display:grid;grid-gap:.6rem;gap:.6rem;margin-top:1rem;padding:1rem;background:var(--upphojt);border-radius:var(--radie);scroll-margin-top:1rem}.skal .lekei-bekrafta p{margin:0}.skal .lekei-bekrafta .primar{justify-self:stretch;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem 1.2rem;font-size:var(--text)}.skal .varning{background:var(--warn-mjuk);color:var(--warn);padding:.6rem .8rem;border-radius:var(--radie);font-size:var(--text)}.skal .stopp{background:var(--stopp-mjuk);color:var(--stopp);padding:.35rem .6rem;border-radius:8px;font-size:var(--bi);font-weight:400}.skal .error{font-size:var(--text);color:var(--stopp)}.skal .tomlage{padding:3.5rem 1.5rem 2rem;text-align:center}.skal .tomlage .rubrik{margin:0 0 .6rem;font-size:var(--text);font-weight:600}.skal .tomlage.avslutat{padding:1.75rem 1.25rem 2rem;text-align:left}.skal .tomlage.avslutat .avsandare{margin-bottom:.5rem}.skal .tomlage .brod{margin:0 0 1rem;font-size:var(--text);color:var(--dim)}.skal .tomlage .brod:last-of-type{margin-bottom:1.75rem}.skal .tomlage .primar{display:inline-block;text-decoration:none}.skal .boka-direkt{background:var(--jet);color:var(--floral);margin-top:1.75rem}