*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{min-height:100%;margin:0}body{background:var(--baggrund,#f8f5f3);color:var(--tekst,#523939);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}input,textarea,button{appearance:none}fieldset{border:0;min-width:0;margin:0;padding:0;display:contents}.svag{color:var(--tekstSvag);font-size:14px}.midt{text-align:center;padding:40px 16px}.fejl{color:var(--fare);background:#fbeaea;border-radius:14px;padding:12px 16px;font-size:15px}.side{flex-direction:column;min-height:100vh;display:flex}.header{background:var(--bjaelke);padding:calc(env(safe-area-inset-top) + 20px) 24px 24px;z-index:10;border-bottom-right-radius:24px;border-bottom-left-radius:24px;align-items:center;gap:14px;display:flex;position:sticky;top:0}.header-titler{flex:1;min-width:0}.header-titel{color:var(--primaer);letter-spacing:.5px;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:24px;font-weight:700;overflow:hidden}.header-sub{color:var(--hvidDaempet);margin-top:2px;font-size:13px}.header-knapper{gap:8px;display:flex;position:relative}.rund-knap{background:var(--hvidSvag);width:36px;height:36px;color:var(--tekstPaaBjaelke);border:0;border-radius:18px;flex-shrink:0;justify-content:center;align-items:center;font-size:20px;display:inline-flex}.rund-knap.primaer{background:var(--primaer);color:var(--tekstPaaMoerk);font-size:24px}.menu{background:var(--kort);border-radius:14px;min-width:160px;position:absolute;top:44px;right:0;overflow:hidden;box-shadow:0 8px 24px #0000001f}.menu button{text-align:left;background:0 0;border:0;width:100%;padding:14px 16px;display:block}.indhold{width:100%;max-width:640px;padding:24px 16px calc(env(safe-area-inset-bottom) + 24px);flex-direction:column;flex:1;gap:14px;margin:0 auto;display:flex}.kort{background:var(--kort);border-radius:20px;padding:20px;box-shadow:0 4px 12px #00000014}.kort-titel{color:var(--tekst);font-size:17px;font-weight:700}.sektion-titel{text-transform:uppercase;letter-spacing:1px;color:var(--tekstSvag);margin:8px 4px 10px;font-size:13px;font-weight:700}section{flex-direction:column;gap:10px;display:flex}.projekt-kort{align-items:center;gap:16px;display:flex}.projekt-tekster{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.projekt-tekster .kort-titel{text-overflow:ellipsis;overflow:hidden}.projekt-ikon{border:2px solid;border-radius:22px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:inline-flex}.projekt-ikon.aktiv{border-color:var(--statusAktiv)}.projekt-ikon.afsluttet{border-color:var(--statusAfsluttet);filter:grayscale()}.plan-ikon{font-size:30px}.pil{color:var(--pil);font-size:26px;font-weight:600}.kort-raekke{gap:14px;display:flex}.stort-kort{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;height:200px;display:flex}.ikon-cirkel{background:var(--primaer);width:52px;height:52px;color:var(--tekstPaaMoerk);border-radius:26px;justify-content:center;align-items:center;margin-bottom:10px;font-size:24px;display:inline-flex}.tom{text-align:center;flex-direction:column;gap:6px;padding:60px 16px;display:flex}.tom-ikon{font-size:48px}.tom-tekst{font-size:18px;font-weight:700}.formular{flex-direction:column;gap:14px;display:flex}.felt{background:var(--kort);border-radius:14px;flex-direction:column;gap:8px;padding:16px;display:flex}.felt-raekke{flex-direction:row;justify-content:space-between;align-items:center}.felt-label{font-size:14px;font-weight:600}.felt input:not([type=checkbox]),.felt textarea,.rumbar input{border:1px solid var(--kant);width:100%;font:inherit;background:var(--kort);color:var(--tekst);border-radius:10px;padding:12px}.felt input::placeholder,.felt textarea::placeholder{color:var(--tekstSvagest)}.felt input:focus,.felt textarea:focus,.rumbar input:focus{outline:2px solid var(--primaer);outline-offset:-1px}.felt textarea{resize:vertical}.felt input[type=checkbox]{background:var(--deaktiveret);border:0;border-radius:14px;width:48px;height:28px;margin:0;transition:background .15s;position:relative}.felt input[type=checkbox]:after{content:"";background:#fff;border-radius:11px;width:22px;height:22px;transition:left .15s;position:absolute;top:3px;left:3px}.felt input[type=checkbox]:checked{background:var(--primaer)}.felt input[type=checkbox]:checked:after{left:23px}.knap{background:var(--primaer);color:var(--tekstPaaMoerk);border:0;border-radius:14px;padding:16px;font-size:16px;font-weight:600}.knap:disabled{background:var(--deaktiveret)}.knap.fare-tekst{color:var(--fare);background:0 0}.knap-lille{background:var(--primaer);color:var(--tekstPaaMoerk);border:0;border-radius:10px;padding:0 16px;font-weight:600}.knap-lille:disabled{background:var(--deaktiveret)}.rumbar{flex-direction:column;gap:10px;display:flex}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{background:var(--chip);border-radius:16px;align-items:center;gap:4px;padding:6px 6px 6px 12px;font-size:14px;display:inline-flex}.chip:not(:has(button)){padding-right:12px}.chip button{color:var(--tekstSvag);background:0 0;border:0;padding:0 6px;font-size:16px}.rumbar-tilfoej{gap:8px;display:flex}.login{max-width:400px;padding:calc(env(safe-area-inset-top) + 64px) 16px 32px;flex-direction:column;align-items:center;gap:12px;margin:0 auto;display:flex}.login .formular{width:100%;margin-top:16px}.login-logo{height:46px}.ny-version{left:16px;right:16px;bottom:calc(env(safe-area-inset-bottom) + 16px);z-index:100;background:var(--primaer);color:var(--tekstPaaMoerk);border:0;border-radius:14px;padding:16px;font-weight:600;position:fixed;box-shadow:0 8px 24px #0003}.info{background:var(--chip);border-radius:14px;padding:12px 16px;font-size:15px}.link-knap{color:var(--primaer);background:0 0;border:0;padding:0;font-weight:600;text-decoration:underline}.midt-tekst{text-align:center}.maerke{background:var(--chip);color:var(--tekstSvag);white-space:nowrap;border-radius:10px;padding:4px 8px;font-size:12px}.emne-kort{align-items:center;gap:14px;padding:12px;display:flex}.emne-thumb{object-fit:cover;background:var(--chip);border-radius:10px;flex-shrink:0;width:72px;height:54px}.tom-thumb{justify-content:center;align-items:center;font-size:22px;display:inline-flex}.reg-nr{color:var(--tekstSvag);letter-spacing:.5px;font-size:12px;font-weight:700}.status.udbedret{color:var(--statusAktiv);font-weight:600}.status.ikke_udbedret{color:var(--fare);font-weight:600}.chip.valgbar{border:2px solid #0000;padding:6px 12px}.chip.valgt{border-color:var(--primaer);background:var(--kort);color:var(--primaer);font-weight:600}.felt select{border:1px solid var(--kant);width:100%;font:inherit;background:var(--kort);color:var(--tekst);border-radius:10px;padding:12px}.foto-knapper{gap:10px;display:flex}.foto-knap{background:var(--primaer);color:var(--tekstPaaMoerk);border:0;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;padding:14px 8px;font-weight:600;display:inline-flex}.foto-knap:disabled{background:var(--deaktiveret)}.billed-gitter{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.billed-kort{flex-direction:column;gap:6px;display:flex}.billed-ramme{aspect-ratio:4/3;background:var(--visning);border-radius:10px;position:relative;overflow:hidden}.billed-ramme img{object-fit:cover;width:100%;height:100%;display:block}.nr-maerke{background:var(--maerkat);color:#fff;border-radius:10px;justify-content:center;align-items:center;min-width:22px;height:22px;padding:0 6px;font-size:12px;font-weight:700;display:inline-flex;position:absolute;bottom:6px;left:6px}.fjern-knap{background:var(--maerkat);color:#fff;border:0;border-radius:14px;width:28px;height:28px;font-size:18px;line-height:1;position:absolute;top:6px;right:6px}.billedtekst{border:1px solid var(--kant);font:inherit;resize:vertical;background:var(--kort);color:var(--tekst);border-radius:8px;padding:8px;font-size:14px}.flyt{gap:6px;display:flex}.flyt button{background:var(--chip);border:0;border-radius:8px;flex:1;padding:6px}.flyt button:disabled{opacity:.4}.cover{aspect-ratio:16/10;background:var(--visning);border-radius:10px;position:relative;overflow:hidden}.cover img{object-fit:cover;width:100%;height:100%;display:block}.med-bundlinje{padding-bottom:calc(env(safe-area-inset-bottom) + 96px)}.bundlinje{z-index:20;padding:12px 16px calc(env(safe-area-inset-bottom) + 12px);background:var(--bjaelke);gap:10px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 16px #00000014}.bundlinje .knap{flex:1}.knap.sekundaer{background:var(--chip);color:var(--tekst)}fieldset.formular{display:flex}.panzoom{background:var(--visning);touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;flex:1;position:relative;overflow:hidden}.panzoom-indhold{transform-origin:0 0;will-change:transform;position:absolute;top:0;left:0}.panzoom-indhold canvas{box-shadow:0 2px 8px #0006}.udsnitsramme{pointer-events:none;border:2px solid #fff;border-radius:4px;position:absolute;box-shadow:0 0 0 9999px #00000073}.zoom-knapper{flex-direction:column;gap:8px;display:flex;position:absolute;bottom:12px;right:12px}.zoom-knapper button{background:var(--overlayLet);color:#fff;border:0;border-radius:22px;width:44px;height:44px;font-size:24px}.fuldskaerm{z-index:50;background:var(--baggrund);flex-direction:column;display:flex;position:fixed;inset:0}.fuldskaerm .header{position:static}.vaerktoejslinje{padding:12px 16px calc(env(safe-area-inset-bottom) + 12px);background:var(--bjaelke);flex-wrap:wrap;align-items:center;gap:10px;display:flex}.vaerktoejslinje .knap{flex:1;padding:14px}.vaerktoejslinje .hint{width:100%;color:var(--tekstSvag);text-align:center;font-size:13px}.sidevaelger{background:var(--bjaelke);gap:6px;padding:8px 16px;display:flex;overflow-x:auto}.sidevaelger button{background:var(--chip);white-space:nowrap;border:0;border-radius:10px;padding:6px 12px}.sidevaelger button.valgt{background:var(--primaer);color:var(--tekstPaaMoerk)}.status-midt{color:#fff;text-align:center;justify-content:center;align-items:center;padding:40px;display:flex;position:absolute;inset:0}.plan-kort{align-items:center;gap:14px;padding:14px;display:flex}.plan-handlinger{flex-wrap:wrap;gap:8px;display:flex}.plan-handlinger button,.plan-handlinger a{background:var(--chip);border:0;border-radius:10px;padding:8px 12px;font-size:14px}.placering{flex-direction:column;gap:10px;display:flex}.placering-udsnit{aspect-ratio:4/3;background:var(--visning);border-radius:10px;position:relative;overflow:hidden}.placering-udsnit img{object-fit:contain;background:#fff;width:100%;height:100%;display:block}.knap-sekundaer-lille{background:var(--chip);border:0;border-radius:12px;padding:12px;font-weight:600}.tegn-maerke{background:var(--maerkat);color:#fff;border:0;border-radius:10px;padding:3px 8px;font-size:12px;font-weight:600;position:absolute;bottom:6px;right:6px}.tegneflade{background:var(--visning);flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.tegneflade canvas{touch-action:none;max-width:100%;max-height:100%;display:block}.vaerktoej{background:var(--chip);border:0;border-radius:12px;padding:12px 14px;font-weight:600}.vaerktoej.aktiv{background:var(--primaer);color:var(--tekstPaaMoerk)}
