.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)}.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 .bild-i-trad{align-self:flex-end;max-width:55%;border-radius:var(--radie);display:block}.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,.skal .varning{font-size:var(--text)}.skal .varning{background:var(--warn-mjuk);color:var(--warn);padding:.6rem .8rem;border-radius:var(--radie)}.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}