/* Vegkvalitet: red, white and charcoal, matching the supplied reference. */
:root{--red:#cf2026;--red-dark:#a7151b;--ink:#242424;--muted:#696969;--line:#e3e3e3}html{scroll-padding-top:20px}body{background:#f5f5f5;color:var(--ink);font-family:Arial,Helvetica,sans-serif}header{background:#191919;color:white;border-bottom:5px solid #e32329;padding:22px max(24px,calc((100vw - 1112px)/2));gap:25px}header>a{color:white;letter-spacing:0;gap:20px}.wordmark{font-size:27px;font-weight:900;letter-spacing:-1.5px}.wordmark span{font-size:19px;letter-spacing:-1px}.brand-app{border-left:1px solid #666;padding-left:20px;color:#ddd;font-size:11px;letter-spacing:2px}header>span{font-size:10px;color:#ccc}.install-header{margin-left:auto;background:transparent;color:#fff;border:1px solid #666;font-size:12px;padding:10px 14px;white-space:nowrap}main{padding-top:28px}.eyebrow{color:var(--muted)}.hero{position:relative;overflow:hidden;background:linear-gradient(115deg,#a8171b 0%,#cf2026 65%,#dc3c3e 100%);color:white;border-radius:0;border-bottom:6px solid #ec242b;padding:38px;margin:16px 0 27px;gap:25px}.hero:after{content:'';position:absolute;right:-70px;top:-50px;width:330px;height:330px;border:50px solid #ffffff08;transform:rotate(30deg);pointer-events:none}.hero-label{font-size:10px;letter-spacing:2.8px;font-weight:700;border-left:4px solid white;padding-left:12px}.hero h1{font-size:42px;letter-spacing:-1.8px;margin:20px 0 12px}.hero h1 em{color:white}.hero p{color:#fff;opacity:.93;font-size:15px;margin:0}.hero>button{position:relative;z-index:1;background:white;color:#b71920;min-height:50px;white-space:nowrap;border-radius:3px}.in-wizard .hero{padding:23px 30px;margin-bottom:22px}.in-wizard .hero h1{font-size:28px;margin:10px 0 0}.in-wizard .hero p{display:none}.in-wizard .hero-label{font-size:9px}.in-wizard .hero>button{background:transparent;color:white;border:1px solid #fff6;min-height:44px}button{background:var(--red);border-radius:4px;min-height:46px;touch-action:manipulation}button:focus-visible,a:focus-visible{outline:3px solid #202020;outline-offset:3px}.secondary{background:#fcebed;color:#ae181e}.quiet{background:white;border-color:#d5d5d5;color:#a91c22}.panel{border-color:var(--line);border-radius:4px;padding:30px}.stats{gap:15px}.stat{background:white;border:1px solid var(--line);border-left:3px solid var(--red);border-radius:3px}.stat strong{color:var(--red);font-size:30px}.stat span{color:#666}.muted{color:var(--muted)}h2{color:#b61c22;font-size:25px;line-height:1.2}.field{color:#333}input:not([type=checkbox]),select,textarea{background:#fff;border-color:#d4d4d4;color:#262626;border-radius:3px;min-height:49px;font-size:16px}input:focus,select:focus,textarea:focus{outline-color:#cf2026}input[type=checkbox]{accent-color:var(--red)}.check{align-items:center;border-bottom:1px solid #eee;padding:15px 0}.check input,td input{width:24px;height:24px;accent-color:var(--red)}.step-caption{display:flex;justify-content:space-between;color:#b61c22;font-size:11px;letter-spacing:2px;font-weight:700;margin:0 0 14px}.step-caption span{color:#777;font-weight:400;letter-spacing:0}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:24px}.steps button{display:flex;align-items:center;gap:9px;text-align:left;background:transparent;color:#757575;border-bottom:3px solid #dedede;border-radius:0;padding:8px 0 14px;min-width:0}.steps button>span{display:grid;place-items:center;border:1px solid #d4d4d4;background:#fff;width:30px;height:30px;flex-shrink:0;font-size:12px}.steps button small{font-size:12px;font-weight:600}.steps .active{background:transparent;color:#b61c22;border-color:var(--red)}.steps .active>span{background:var(--red);border-color:var(--red);color:#fff}.notice{background:#faf3f3;border-color:#cf2026;color:#605354;border-radius:2px}.badge{background:#f2f2f2;color:#343434;border:1px solid #ddd}.badge.no{background:#fff3eb;color:#934c17;border-color:#f4dccb}.empty .icon{color:var(--red)}.actions{border-color:var(--line)}.photo-heading{margin-top:28px}.photo-heading span{font-size:12px;color:#777;font-weight:400;float:right}.photo-grid{gap:18px}.photo{border:1px solid #ddd;background:white;border-radius:4px;padding:18px}.photo-title{display:flex;gap:9px;align-items:center;font-size:13px;min-height:28px;margin-bottom:15px}.photo-number{color:#bc1e24;font-size:11px;font-weight:700;background:#fcebed;padding:4px 6px}.photo-added{font-size:10px;color:#595959;margin-left:auto;white-space:nowrap}.photo-target{width:100%;min-height:165px;border:1px dashed #d6aaaa;background:#fff8f8;color:#bc1e24;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:15px;font-weight:400}.photo-target>svg{width:36px;height:36px}.photo-target>strong{font-size:14px}.photo-target>span{font-size:12px;color:#777}.photo-target img{margin:0;width:100%;height:160px;object-fit:contain}.photo-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}.photo-actions button{font-size:12px;padding:9px 8px;min-height:46px;display:flex;gap:7px;align-items:center;justify-content:center}.photo-actions svg{width:19px;height:19px}.remove-photo{background:transparent;color:#a42328;font-size:12px;text-decoration:underline;padding:5px;min-height:36px}.record{border-color:var(--line)}.record>div:first-child{min-width:0;overflow-wrap:anywhere}.record p{color:#555}.foot{color:#777}canvas{border-color:#ccc}#toast{background:#272727;max-width:calc(100vw - 32px);width:max-content;z-index:20;text-align:center}dialog{border:0;border-top:5px solid var(--red);border-radius:5px;max-width:510px;width:calc(100% - 30px);padding:30px;color:var(--ink);box-shadow:0 20px 100px #0005}dialog::backdrop{background:#0009}.dialog-close{float:right;margin:-10px -10px 10px 10px;min-height:36px;padding:6px 11px}dialog h2{clear:both;margin-top:20px}dialog h3{font-size:15px;color:#b61c22;margin:20px 0 5px}.install-guide p{font-size:14px;margin:0}#native-install[hidden],input[hidden],button[hidden]{display:none!important}
@media(max-width:700px){header{padding:16px 18px;gap:10px;border-bottom-width:4px}.wordmark{font-size:22px}.wordmark span{font-size:16px}.brand-app{font-size:9px;padding-left:12px;letter-spacing:1px}header>a{gap:12px}.install-header{font-size:0;padding:6px 10px;min-height:38px}.install-header:after{content:'Installer ↗';font-size:11px}main{padding:20px 15px 35px;padding-bottom:max(35px,env(safe-area-inset-bottom))}.eyebrow{font-size:9px;letter-spacing:1.8px}.hero{padding:26px 23px;gap:24px;align-items:stretch;margin-top:12px}.hero-label{font-size:8px;letter-spacing:2px}.hero h1{font-size:32px;letter-spacing:-1.5px;line-height:1.15;margin-top:20px}.hero p{font-size:13px;line-height:1.6}.hero>button{align-self:stretch;font-size:15px}.in-wizard .hero{padding:19px 20px;gap:0;min-height:95px}.in-wizard .hero h1{font-size:23px;line-height:1.15;margin-top:12px}.in-wizard .hero>button{display:none}.in-wizard .hero-label{font-size:8px}.stats{gap:8px}.stat{padding:14px 10px}.stat strong{font-size:25px}.stat span{font-size:10px;line-height:1.4;display:block}.panel{padding:22px 17px}.toolbar{gap:17px;align-items:stretch}.toolbar>.row{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%}.toolbar>.row button{font-size:11px;padding:9px}.toolbar input[hidden]{display:none}h2{font-size:23px;line-height:1.2}.steps{gap:7px;margin-bottom:21px}.steps button{flex-direction:column;align-items:flex-start;gap:8px;padding:0 0 10px}.steps button small{font-size:9px;line-height:1.2;min-height:22px}.steps button>span{width:29px;height:29px}.step-caption{font-size:10px;margin-bottom:18px}.photo-heading{font-size:16px}.photo-heading span{float:none;display:block;margin-top:4px}.photo-grid{gap:16px}.photo{padding:15px}.photo-target{min-height:175px}.photo-actions button{font-size:13px}.actions{position:sticky;bottom:0;background:#fff;margin:24px -17px -22px;padding:14px 17px;padding-bottom:max(14px,env(safe-area-inset-bottom));box-shadow:0 -5px 15px #00000004;display:grid;grid-template-columns:1fr 1fr;gap:10px;z-index:5}.actions>div:first-child{display:contents}.actions #save{grid-column:1 / -1;grid-row:2;background:transparent;color:#777;min-height:32px;padding:4px}.actions>button[type=submit]{grid-column:2;grid-row:1;font-size:13px;padding:12px}.actions #back{grid-column:1;grid-row:1;font-size:12px;padding:11px}.check{font-size:14px}.table-wrap:has([data-point]){overflow:visible}.table-wrap:has([data-point]) table,.table-wrap:has([data-point]) tbody{display:block}.table-wrap:has([data-point]) thead{display:none}.table-wrap:has([data-point]) tr{display:grid;grid-template-columns:1fr 1fr;border:1px solid #e1e1e1;border-radius:3px;padding:14px;margin-bottom:12px;gap:13px}.table-wrap:has([data-point]) td{border:0;padding:0}.table-wrap:has([data-point]) td:first-child{grid-column:1 / -1;font-size:14px;font-weight:600;line-height:1.45}.table-wrap:has([data-point]) td:nth-child(2),.table-wrap:has([data-point]) td:nth-child(3){display:flex;align-items:center;gap:7px;font-size:11px;color:#666}.table-wrap:has([data-point]) td:nth-child(2):before{content:'Gjennomgått';order:2}.table-wrap:has([data-point]) td:nth-child(3):before{content:'Praktisk vist';order:2}.table-wrap:has([data-point]) input{margin:0;width:26px;height:26px}.record .quiet{min-height:40px;font-size:12px}dialog{padding:24px 20px}dialog h2{font-size:25px}.foot{font-size:10px}}
@media(max-width:370px){.wordmark{font-size:19px}.wordmark span{font-size:13px}.brand-app{display:none}.hero h1{font-size:28px}.photo-actions{grid-template-columns:1fr}}
@media(display-mode:standalone){header{padding-top:max(16px,env(safe-area-inset-top))}#install{display:none}}
@media print{body{color:#000}.photo-heading,.install-header,dialog{display:none!important}.hero{display:none}.photo{border-color:#ccc}.photo img{height:auto}.actions{display:none!important}.panel{padding:10px;border:0}.grid{grid-template-columns:1fr 1fr}h2{color:#000}}