:root{--c1:#2a4d69;--c2:#4b86b4;--ok:#3b7f57;--warn:#c18a16;--stop:#b02a2a;--ink:#1f2933;--muted:#667;--line:#dde3ea;--bg:#f4f6f8;--card:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--ink);-webkit-text-size-adjust:100%;font-size:16px}.app{flex-direction:column;min-height:100%;display:flex}.bar{z-index:5;padding:max(env(safe-area-inset-top), 10px) 14px 10px;background:var(--c1);color:#fff;align-items:center;gap:8px;display:flex;position:sticky;top:0}.bar h1{margin:0;font-size:19px}.steps{border-bottom:1px solid var(--line);background:#fff;gap:6px;padding:8px 12px;display:flex;overflow-x:auto}.crumb{border:1px solid var(--line);color:var(--muted);background:#fff;border-radius:999px;flex:none;padding:6px 12px;font-size:14px}.crumb.active{background:var(--c1);color:#fff;border-color:var(--c1)}.content,.list{flex:1;padding:14px 14px 90px}.list{flex-direction:column;gap:10px;display:flex}.nav{padding:10px 14px max(env(safe-area-inset-bottom), 12px);border-top:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;gap:10px;display:flex;position:fixed;bottom:0;left:0;right:0}h2{color:var(--c1);margin:4px 0 12px;font-size:20px}h3{color:var(--c1);margin:18px 0 8px;font-size:16px}.muted{color:var(--muted);font-size:14px}.btn{border:1px solid var(--c1);color:var(--c1);background:#fff;border-radius:10px;padding:11px 16px;font-size:16px;font-weight:600}.btn.primary{background:var(--c1);color:#fff}.btn.ghost{border-color:var(--line);color:var(--ink)}.btn.big{width:100%;padding:15px;font-size:17px}.btn.icon{color:inherit;background:0 0;border:none;padding:6px 8px;font-size:20px}.btn:disabled{opacity:.4}.field{flex-direction:column;gap:4px;margin:10px 0;display:flex}.field>span{color:var(--muted);font-size:14px}.row{gap:10px;display:flex}.row .field{flex:1}input,select,textarea{font:inherit;border:1px solid var(--line);background:#fff;border-radius:10px;width:100%;padding:11px 12px}textarea{resize:vertical;min-height:70px}textarea.note.required{border-color:var(--warn);background:#fff8ec}.check{align-items:flex-start;gap:10px;margin:10px 0;font-size:15px;display:flex}.check input{width:auto;margin-top:2px;transform:scale(1.3)}.subgroup{border-left:3px solid var(--line);margin:6px 0 6px 6px;padding-left:12px}.desk{flex-direction:column;gap:2px;display:flex}.gps-row{align-items:center;gap:12px;margin-top:10px;display:flex}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;align-items:center;gap:10px;padding:12px 14px;display:flex}.card-main{flex-direction:column;flex:1;display:flex}.pill{color:var(--c1);background:#eef4ff;border-radius:999px;padding:3px 9px;font-size:12px}.pill.faerdig{color:var(--ok);background:#e6f3ec}.theme{margin-bottom:6px}.item{background:var(--card);border:1px solid var(--line);border-radius:12px;margin:10px 0;padding:12px}.item-head{align-items:center;gap:8px;display:flex}.item-label{flex:1;font-size:15px;font-weight:600}.lov-badge{background:var(--c1);color:#fff;border-radius:6px;padding:2px 7px;font-size:11px;font-weight:700}.item.legal.state-paavirket{border-color:var(--stop)}.item.legal.state-uafklaret{border-color:var(--warn)}.item.legal.state-haandteret_korrekt{border-color:var(--ok)}.item-detail{color:var(--muted);background:#f8fafc;border-radius:8px;margin:8px 0;padding:8px 10px;font-size:13px}.item-detail p{margin:4px 0}.segmented{flex-wrap:wrap;gap:6px;margin:10px 0;display:flex}.segmented.vertical{flex-direction:column}.seg{border:1px solid var(--line);min-width:80px;color:var(--ink);text-align:center;background:#fff;border-radius:9px;flex:auto;padding:10px;font-size:14px}.seg.active{background:var(--c2);border-color:var(--c2);color:#fff}.seg .pts{opacity:.8;margin-left:2px;font-size:10px}.surround{gap:8px;margin:6px 0;font-size:14px;display:flex}.surround input{width:auto;transform:scale(1.2)}.help{position:relative}.help-btn{color:var(--c2);background:0 0;border:none;padding:0 4px;font-size:18px}.help-pop{z-index:10;border:1px solid var(--line);background:#fff;border-radius:10px;width:250px;padding:10px;font-size:13px;position:absolute;top:26px;right:0;box-shadow:0 6px 24px #0000001f}.photos{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.thumb{width:72px;height:72px;position:relative}.thumb img,.thumb-ph{object-fit:cover;background:#e9eef3;border-radius:8px;width:72px;height:72px}.thumb-x{background:var(--stop);color:#fff;border:none;border-radius:50%;width:22px;height:22px;font-size:14px;line-height:1;position:absolute;top:-6px;right:-6px}.photo-add{border:1px dashed var(--c2);width:72px;height:72px;color:var(--c2);border-radius:8px;justify-content:center;align-items:center;font-size:14px;display:flex}.outcome{border-radius:10px;margin:14px 0;padding:12px;font-weight:600}.outcome.ok{color:var(--ok);background:#e6f3ec}.outcome.warn{color:var(--warn);background:#fdf3df}.score-banner{z-index:3;background:#eef4ff;border-radius:10px;margin-bottom:10px;padding:10px 14px;font-size:15px;position:sticky;top:0}.verdict{color:#fff;text-align:center;border-radius:12px;margin:8px 0 14px;padding:18px;font-size:20px;font-weight:800}.verdict.ok{background:var(--ok)}.verdict.warn{background:var(--warn)}.verdict.stop{background:var(--stop)}.reasons{margin:0 0 14px;padding-left:18px}.reasons li{margin:4px 0}a{color:var(--c2)}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:999px;padding:8px 14px;font-size:14px}.chip.on{background:var(--c1);border-color:var(--c1);color:#fff}.theme-acc{border:1px solid var(--line);background:#fff;border-radius:12px;margin:8px 0;overflow:hidden}.theme-head{width:100%;color:var(--c1);text-align:left;background:#f8fafc;border:none;align-items:center;gap:10px;padding:14px;font-size:16px;font-weight:600;display:flex}.theme-title{flex:1}.theme-head .badge{background:var(--c2);color:#fff;text-align:center;border-radius:999px;min-width:22px;padding:2px 7px;font-size:12px}.theme-head .chev{color:var(--muted)}.theme-body{padding:6px 12px 12px}.photos-list{flex-direction:column;gap:10px;margin-top:10px;display:flex}.photo-row{align-items:flex-start;gap:10px;display:flex;position:relative}.photo-thumb{object-fit:cover;background:#e9eef3;border-radius:10px;flex:none;width:84px;height:84px}.photo-meta{flex-direction:column;flex:1;gap:3px;display:flex}.photo-note{min-height:52px}.small{font-size:12px}.photo-add-btn{border:1px dashed var(--c2);color:var(--c2);border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:12px;font-weight:600;display:inline-flex}.photo-row .thumb-x{flex:none;width:28px;height:28px;position:static}