@import"https://fonts.bunny.net/css?family=manrope:400,500,600,700,800&display=swap";:root{font-family:Manrope,Trebuchet MS,sans-serif;color:#17221c;background:#f1f5f1;font-synthesis:none;--ink: #17221c;--muted: #68756d;--line: #d8e0da;--line-strong: #c5d0c8;--surface: #ffffff;--surface-soft: #f7faf7;--surface-tint: #edf4ef;--green: #087a46;--green-dark: #075f39;--green-pale: #e5f4eb;--purple: #57369a;--purple-pale: #eee9f8;--red: #b42318;--red-pale: #fce8e6;--amber: #9a6700;--amber-pale: #fff3d6;--shadow: 0 1px 2px rgb(20 38 27 / 5%), 0 8px 28px rgb(20 38 27 / 5%)}*{box-sizing:border-box}html{min-width:320px;background:#f1f5f1}body{min-width:320px;min-height:100vh;margin:0;background:#f1f5f1}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}h1,h2,h3,p{margin-top:0}h1{margin-bottom:.35rem;font-size:clamp(1.7rem,2.4vw,2.35rem);line-height:1.1;letter-spacing:-.045em}h2{margin-bottom:.4rem;font-size:1.18rem;line-height:1.25;letter-spacing:-.025em}h3{margin:2rem 0 .8rem;font-size:.83rem;letter-spacing:.075em;text-transform:uppercase}p{line-height:1.55}button,.button-link{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.62rem 1rem;border:1px solid var(--green);border-radius:7px;color:#fff;background:var(--green);font-weight:700;font-size:.86rem;line-height:1;text-decoration:none;cursor:pointer;transition:background .16s ease,border-color .16s ease,transform .16s ease,box-shadow .16s ease}button:hover,.button-link:hover{background:var(--green-dark);border-color:var(--green-dark);box-shadow:0 4px 12px #087a4624}button:active,.button-link:active{transform:translateY(1px)}button:disabled{opacity:.48;cursor:not-allowed;transform:none;box-shadow:none}button.secondary,.button-link.secondary{border-color:var(--line-strong);color:#334039;background:#fff;box-shadow:none}button.secondary:hover,.button-link.secondary:hover{border-color:#9eaca2;background:var(--surface-soft)}button.small,.button-link.small{min-height:32px;padding:.42rem .65rem;font-size:.76rem}.text-button,button.text-button{min-height:0;padding:0;border:0;color:var(--green);background:transparent;box-shadow:none}.text-button:hover,button.text-button:hover{color:var(--green-dark);background:transparent;box-shadow:none}.danger-text{min-height:0;padding:.35rem;border:0;color:var(--red);background:transparent;box-shadow:none}.danger-text:hover{color:#8a1c14;background:var(--red-pale);box-shadow:none}.icon-button{width:34px;height:34px;min-height:34px;padding:0;border-color:var(--line);color:#536159;background:#fff}.icon-button:hover{color:var(--green);background:var(--surface-soft);border-color:var(--line-strong);box-shadow:none}input,select,textarea{width:100%;min-height:42px;padding:.65rem .75rem;border:1px solid var(--line-strong);border-radius:6px;outline:0;color:var(--ink);background:#fff;font-size:.88rem;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}textarea{min-height:104px;resize:vertical;line-height:1.5}input:hover,select:hover,textarea:hover{border-color:#a7b5ab}input:focus,select:focus,textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px #087a461a}input:disabled,select:disabled,textarea:disabled,input[readonly]{color:#526058;background:#f0f4f1;border-color:#dbe3dd;opacity:1}input[type=checkbox]{width:16px;height:16px;min-height:16px;margin:0;accent-color:var(--green)}select{cursor:pointer}.app-shell{min-height:100vh;background:#f1f5f1}.app-frame{min-height:100vh;display:grid;grid-template-columns:232px minmax(0,1fr)}.sidebar{position:sticky;top:0;z-index:20;height:100vh;display:flex;flex-direction:column;padding:1.2rem 1rem 1rem;border-right:1px solid var(--line);background:#fff}.brand-block{min-height:74px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:.55rem;padding:0 .65rem 1rem}.brand-logo{display:block;width:176px;max-height:48px;object-fit:contain;object-position:left center}.brand-divider{display:block;width:32px;height:2px;background:var(--green)}.brand-block p{margin:0;color:var(--muted);font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.sidebar-nav{display:flex;flex-direction:column;gap:.25rem;padding-top:.7rem;border-top:1px solid var(--line)}.side-link{display:flex;align-items:center;gap:.75rem;min-height:44px;padding:.72rem .78rem;border-left:3px solid transparent;border-radius:5px;color:#526058;font-size:.88rem;font-weight:650;text-decoration:none;transition:background .15s ease,color .15s ease,border .15s ease}.side-link:hover{color:var(--ink);background:var(--surface-soft)}.side-link.active{color:var(--green-dark);border-left-color:var(--green);background:var(--green-pale)}.nav-icon{width:19px;height:19px;flex:0 0 auto}.sidebar-account{margin-top:auto;display:grid;grid-template-columns:38px minmax(0,1fr) 34px;align-items:center;gap:.65rem;padding:.85rem .15rem 0;border-top:1px solid var(--line)}.user-avatar{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--purple);font-size:.75rem;font-weight:800}.user-copy{min-width:0;display:flex;flex-direction:column}.user-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.8rem}.user-copy span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:.68rem}.main-panel{min-width:0;display:flex;flex-direction:column}.topbar{height:68px;display:flex;align-items:center;justify-content:space-between;gap:1.2rem;padding:0 2rem;border-bottom:1px solid var(--line);background:#ffffffeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.topbar-search-form{width:min(430px,45vw);display:flex}.topbar-search{height:38px;min-height:38px;border-radius:6px 0 0 6px;border-right:0;background:var(--surface-soft)}.topbar-search-button{min-height:38px;height:38px;padding:.55rem .8rem;border-radius:0 6px 6px 0}.topbar-meta{display:flex;align-items:center;gap:.55rem;color:var(--muted);font-size:.74rem}.topbar-title{margin-left:.5rem;padding-left:1rem;border-left:1px solid var(--line);color:var(--ink);font-weight:750}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px var(--green-pale)}.app-content{min-width:0;padding:2rem}.page-stack{display:flex;flex-direction:column;gap:1rem;animation:page-in .28s ease-out both}@keyframes page-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.page-heading{min-height:84px;display:flex;align-items:flex-end;justify-content:space-between;gap:1.5rem;padding:.25rem 0 .5rem}.page-heading p,.form-page-heading p{max-width:720px;margin-bottom:0;color:var(--muted);font-size:.9rem}.eyebrow{display:block;margin-bottom:.45rem;color:var(--green);font-size:.66rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.eyebrow.light{color:#a6e4c1}.heading-actions,.row-actions,.table-actions{display:flex;align-items:center;flex-wrap:wrap;gap:.55rem}.heading-stat{min-width:150px;display:flex;flex-direction:column;align-items:flex-end}.heading-stat strong{color:var(--green);font-size:2rem;line-height:1;letter-spacing:-.05em}.heading-stat span{margin-top:.35rem;color:var(--muted);font-size:.72rem}.card{min-width:0;padding:1.25rem;border:1px solid var(--line);border-radius:9px;background:var(--surface);box-shadow:var(--shadow)}.section-title{margin:0}.card-header,.filter-title,.measurement-section-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.card-header{margin:-.1rem 0 1rem}.card-header h2,.filter-title h2,.measurement-section-header h3{margin:0}.count-badge{min-width:32px;height:28px;display:grid;place-items:center;padding:0 .55rem;border-radius:5px;color:var(--green-dark);background:var(--green-pale);font-size:.75rem;font-weight:800}.muted{color:var(--muted)}.notice{margin:0;padding:.75rem .9rem;border:1px solid;border-radius:6px;font-size:.84rem}.error{color:var(--red)}.error.notice{border-color:#f3c8c3;background:var(--red-pale)}.success{color:var(--green-dark)}.success.notice{border-color:#b9ddc8;background:var(--green-pale)}.empty-state{text-align:center;padding:3rem}.metric-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:0 1px 2px #14261b0a}.metric{min-height:88px;display:flex;flex-direction:column;justify-content:center;gap:.3rem;padding:1rem 1.3rem;border-right:1px solid var(--line)}.metric:last-child{border-right:0}.metric span{color:var(--muted);font-size:.66rem;font-weight:750;letter-spacing:.06em;text-transform:uppercase}.metric strong{font-size:1.5rem;letter-spacing:-.04em}.metric.ok strong{color:var(--green)}.metric.warn strong{color:var(--amber)}.metric.danger strong{color:var(--red)}.detail-metrics .metric strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1.08rem}.filter-card{padding:1rem 1.15rem 1.15rem;box-shadow:none}.filter-title{margin-bottom:.8rem}.filter-grid{display:grid;grid-template-columns:1.15fr 1fr 1fr .9fr .9fr;gap:.65rem}.field{min-width:0;display:flex;flex-direction:column;gap:.36rem}.field>label,.field>span,.field label,.kleurnummer-item>label{color:#56645b;font-size:.69rem;font-weight:750;letter-spacing:.035em}.filter-grid input,.filter-grid select{min-height:38px;height:38px;font-size:.8rem}.table-card{padding:0;overflow:hidden}.table-card>.card-header{padding:1.05rem 1.2rem 0}.table-wrap{width:100%;overflow-x:auto}table{width:100%;border-collapse:separate;border-spacing:0;font-size:.81rem}th{padding:.72rem .8rem;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:#607067;background:var(--surface-soft);font-size:.64rem;font-weight:800;letter-spacing:.055em;text-align:left;text-transform:uppercase;white-space:nowrap}td{padding:.82rem .8rem;border-bottom:1px solid #e5ebe6;color:#2c3931;vertical-align:middle}tbody tr:last-child td{border-bottom:0}td strong{display:block;color:var(--ink);font-weight:750}td small{display:block;margin-top:.2rem;color:var(--muted);font-size:.67rem}.clickable-row{cursor:pointer;transition:background .12s ease}.clickable-row:hover{background:#f5faf6}.clickable-row:focus-visible{outline:2px solid var(--green);outline-offset:-2px}.keuring-overview-table{min-width:1050px}.keuring-overview-table .process-start{border-left:1px solid #cbd8ce;background:#eff5f0}.keuring-overview-table th.process-col{background:#eff5f0}.keuring-overview-table td.process-start,.keuring-overview-table td.process-col{background:#fafcfb}.keuring-overview-table tr:hover td.process-start,.keuring-overview-table tr:hover td.process-col{background:#eef6f0}.status-cell{text-align:center}.date-cell{white-space:nowrap}.batch-code{padding:.25rem .4rem;border-radius:4px;color:#3d4a42;background:#edf1ee;font-family:ui-monospace,Cascadia Code,monospace;font-size:.75rem;font-weight:650}.inline-link{color:var(--green);font-weight:750;text-decoration:none;border-bottom:1px solid rgb(8 122 70 / 30%)}.inline-link:hover{color:var(--green-dark);border-color:var(--green-dark)}.value-chip{white-space:nowrap;font-weight:750}.value-chip small{display:inline;margin:0}.filled-check{width:25px;height:25px;display:inline-grid;place-items:center;border-radius:50%;color:#fff;background:var(--ink);font-size:.78rem;font-weight:800}.status-dash{color:#9ba69f}.deviation{font-weight:800}.deviation.negative{color:var(--red)}.deviation.positive{color:var(--green)}.table-select{min-width:165px;min-height:34px;height:34px;padding:.35rem .55rem;font-size:.76rem}.empty-table{display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:2.5rem;color:var(--muted)}.empty-table strong{font-size:1rem}.table-loading{padding:2.5rem;color:var(--muted);text-align:center}.status-pill,.event-pill{display:inline-flex;align-items:center;width:fit-content;padding:.28rem .48rem;border-radius:4px;font-size:.66rem;font-weight:800}.status-pill.ok{color:var(--green-dark);background:var(--green-pale)}.status-pill.neutral{color:#68736c;background:#edf0ee}.product-create-card,.split-card{display:grid;grid-template-columns:minmax(220px,.75fr) minmax(420px,1.25fr);align-items:center;gap:2rem}.product-create-card p,.split-card p{margin-bottom:0;color:var(--muted);font-size:.82rem}.inline-product-form{display:grid;grid-template-columns:1.2fr 1fr auto;align-items:end;gap:.65rem}.compact-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.compact-form button{align-self:end}.step-number{width:31px;height:31px;display:grid;place-items:center;float:left;margin-right:.7rem;border-radius:5px;color:var(--purple);background:var(--purple-pale);font-weight:800}.form-page-heading{margin-bottom:1.2rem;padding-bottom:1rem;border-bottom:1px solid var(--line)}.keuring-form{max-width:1040px}.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,260px));gap:.9rem 1rem;align-items:start}.form-grid.two-col{grid-template-columns:repeat(2,minmax(0,260px))}.form-grid-fixed>.field,.viscosity-stack>.field,.toevoegingen-column>.field{width:260px;max-width:100%}.input-with-unit{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:0}.input-with-unit input{min-width:0;border-radius:6px 0 0 6px}.input-with-unit input:only-child{border-radius:6px}.input-unit{min-width:45px;display:grid;place-items:center;padding:0 .65rem;border:1px solid var(--line-strong);border-left:0;border-radius:0 6px 6px 0;color:#5f6c64;background:#f0f4f1;font-size:.72rem;font-weight:750;white-space:nowrap}.toevoegingen-columns{display:grid;grid-template-columns:260px 260px;gap:1rem}.toevoegingen-column{display:flex;flex-direction:column;gap:.9rem}.viscosity-stack{display:flex;flex-direction:column;align-items:flex-start;gap:.9rem}.kleurnummer-list{display:grid;grid-template-columns:repeat(3,260px);gap:.9rem 1rem}.kleurnummer-item{display:flex;flex-direction:column;gap:.36rem}.input-with-action{display:grid;grid-template-columns:minmax(0,1fr) 38px;gap:.4rem}.inline-action{min-height:42px;padding:0;border-color:var(--line-strong);color:#5f6b63;background:#fff}.inline-action:hover{border-color:var(--red);color:var(--red);background:var(--red-pale);box-shadow:none}.checkbox-grid{display:flex;flex-wrap:wrap;gap:.6rem}.checkbox-grid label{display:flex;align-items:center;gap:.5rem;padding:.65rem .8rem;border:1px solid var(--line);border-radius:6px;color:#46534b;background:var(--surface-soft);font-size:.8rem;font-weight:650}.revision-panel{margin-bottom:1rem;padding:1rem;border:1px solid #d8cdee;border-left:4px solid var(--purple);border-radius:7px;background:#faf8fd}.revision-panel>div:first-child{display:flex;align-items:center;margin-bottom:.85rem}.revision-panel h2{margin:0}.reason-grid{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.8rem}.reason-chip{display:inline-flex;align-items:center;gap:.38rem;padding:.45rem .58rem;border:1px solid #d8d0e7;border-radius:5px;color:#5f5571;background:#fff;font-size:.72rem;font-weight:700;cursor:pointer}.reason-chip.selected{border-color:var(--purple);color:var(--purple);background:var(--purple-pale)}.reason-chip input{display:none}.measurement-section-header{margin:2rem 0 .75rem}.measurement-section-header p{margin:.22rem 0 0;color:var(--muted);font-size:.76rem}.structured-measurements{display:flex;flex-direction:column;gap:.65rem}.structured-row{display:grid;align-items:end;gap:.7rem;padding:.75rem;border:1px solid var(--line);border-radius:7px;background:var(--surface-soft)}.structured-row.glans-row{grid-template-columns:repeat(3,minmax(0,220px)) auto}.structured-row.droog-row{grid-template-columns:repeat(4,minmax(0,205px)) auto}.remove-row-button{min-height:40px;padding:.55rem .65rem;border-color:var(--line);color:var(--red);background:#fff;font-size:.72rem}.remove-row-button:hover{border-color:#e0ada8;color:var(--red);background:var(--red-pale);box-shadow:none}.empty-inline{margin:0;padding:.8rem;border:1px dashed var(--line-strong);border-radius:6px;color:var(--muted);background:var(--surface-soft);font-size:.78rem}.keuring-readonly input:disabled,.keuring-readonly select:disabled,.keuring-readonly textarea:disabled{color:#46534b;background:#f1f4f2}.readonly-checks label{color:#667269}.toevoeging-readonly-field small{min-height:16px}.readonly-measurement-grid{display:grid;grid-template-columns:repeat(3,minmax(0,260px));gap:.65rem}.readonly-measurement{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem .8rem;border:1px solid var(--line);border-radius:6px;background:var(--surface-soft)}.readonly-measurement span{color:var(--muted);font-size:.75rem}.readonly-measurement strong{font-size:.83rem}.detail-records{margin-top:2.2rem;padding-top:.5rem;border-top:1px solid var(--line)}.detail-records table{border:1px solid var(--line);border-radius:7px;overflow:hidden}.change-list{display:flex;flex-direction:column;gap:.22rem}.event-pill.initieel{color:var(--green-dark);background:var(--green-pale)}.event-pill.herkeuring{color:#255f85;background:#e7f1f8}.event-pill.correctie{color:var(--purple);background:var(--purple-pale)}.event-pill.vos{color:var(--amber);background:var(--amber-pale)}.event-pill.afvullen{color:#fff;background:var(--ink)}.event-reasons{margin-top:.4rem;color:var(--purple);font-size:.72rem;font-weight:700}.event-note{margin-top:.25rem;color:var(--muted);font-size:.72rem;font-style:italic}.vos-form{max-width:980px}.vos-meetblok{margin:1.4rem 0 0;padding:1rem;border:1px solid var(--line);border-radius:7px;background:var(--surface-soft)}.vos-meetblok legend{padding:0 .45rem;font-size:.78rem;font-weight:800}.vos-meting-head,.vos-meting-row{display:grid;grid-template-columns:95px repeat(3,minmax(0,210px));gap:.75rem;align-items:center}.vos-meting-head{margin-bottom:.45rem;color:var(--muted);font-size:.67rem;font-weight:750}.vos-meting-head span:not(:first-child){text-align:left}.vos-meting-rows{display:flex;flex-direction:column;gap:.65rem}.vos-meting-label{color:#4d5b52;font-size:.74rem;font-weight:750}.vos-mobile-label{display:none}.vos-inline-input{width:100%}.auth-layout{min-height:100vh;display:grid;grid-template-columns:minmax(400px,1.05fr) minmax(430px,.95fr);background:#fff}.auth-brand-panel{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(2rem,5vw,5rem);color:#fff;background:linear-gradient(145deg,#14271c,#075f39 62%,#087a46)}.auth-brand-panel:before{content:"";position:absolute;right:-18%;bottom:-25%;width:520px;height:520px;border:1px solid rgb(255 255 255 / 14%);border-radius:50%;box-shadow:0 0 0 70px #ffffff0a,0 0 0 140px #ffffff08}.auth-brand-panel>*{position:relative;z-index:1}.auth-brand-panel img{width:min(260px,65%);filter:brightness(0) invert(1)}.auth-brand-panel h1{max-width:640px;margin-bottom:1rem;font-size:clamp(2.3rem,4.8vw,4.6rem);line-height:1.02}.auth-brand-panel p{max-width:590px;margin-bottom:0;color:#d4e8dc;font-size:1rem}.auth-form-panel{display:grid;place-items:center;padding:2rem;background:linear-gradient(135deg,#f9fbf9,#eef4ef)}.auth-card{width:min(410px,100%);display:flex;flex-direction:column;gap:.9rem;padding:2rem;border:1px solid var(--line);border-top:4px solid var(--purple);border-radius:10px;background:#fff;box-shadow:0 22px 60px #1a2d211a}.auth-card h2{margin:0;font-size:1.7rem}.auth-card>p{margin-bottom:.3rem}.auth-card>button[type=submit]{margin-top:.35rem}.auth-help{color:var(--muted);text-align:center}.auth-logo{width:190px;margin-bottom:.8rem}.auth-layout-compact{display:grid;grid-template-columns:1fr}.app-loading{min-height:100vh;display:grid;place-items:center;align-content:center;gap:1.2rem;color:var(--muted);background:#f1f5f1}.app-loading img{width:220px}@media(max-width:1180px){.filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.structured-row.droog-row{grid-template-columns:repeat(2,minmax(0,1fr))}.structured-row .remove-row-button{justify-self:start}.product-create-card,.split-card{grid-template-columns:1fr}}@media(max-width:900px){.app-frame{width:100%;min-width:0;grid-template-columns:minmax(0,1fr);overflow:hidden}.sidebar{position:sticky;width:100%;min-width:0;max-width:100%;height:auto;padding:.7rem 1rem;border-right:0;border-bottom:1px solid var(--line);overflow:hidden}.brand-block{min-height:46px;flex-direction:row;align-items:center;justify-content:flex-start;gap:.8rem;padding:0}.brand-logo{width:145px}.brand-divider,.brand-block p{display:none}.sidebar-nav{position:absolute;left:170px;right:185px;top:.72rem;min-width:0;max-width:100%;flex-direction:row;justify-content:center;padding:0;border:0}.side-link{min-height:39px;padding:.55rem .7rem;border-left:0;border-bottom:2px solid transparent}.side-link.active{border-left-color:transparent;border-bottom-color:var(--green)}.sidebar-account{position:absolute;top:.55rem;right:1rem;margin:0;padding:0;border:0;grid-template-columns:34px 34px}.sidebar-account .user-avatar{width:34px;height:34px}.user-copy{display:none}.topbar{height:58px;padding:0 1rem}.topbar-context,.topbar-title{display:none}.topbar-search-form{width:min(480px,90vw)}.app-content{padding:1.25rem}.metric-strip{grid-template-columns:repeat(2,1fr)}.metric:nth-child(2){border-right:0}.metric:nth-child(-n+2){border-bottom:1px solid var(--line)}.form-grid,.kleurnummer-list{grid-template-columns:repeat(2,minmax(0,260px))}.auth-layout{grid-template-columns:1fr}.auth-brand-panel{min-height:330px}.auth-brand-panel h1{font-size:clamp(2.1rem,8vw,3.5rem)}}@media(max-width:650px){h1{font-size:1.65rem}.sidebar{padding:.65rem .75rem}.brand-logo{width:122px}.sidebar-nav{position:static;order:2;justify-content:flex-start;overflow-x:auto;margin-top:.55rem;scrollbar-width:none}.sidebar-nav::-webkit-scrollbar{display:none}.side-link{flex:0 0 auto}.sidebar-account{top:.52rem;right:.75rem}.topbar{display:none}.app-content{padding:.9rem}.page-heading{align-items:flex-start;flex-direction:column}.heading-actions{width:100%}.heading-actions .button-link{flex:1}.heading-stat{align-items:flex-start}.metric-strip{grid-template-columns:1fr}.metric{min-height:72px;border-right:0;border-bottom:1px solid var(--line)}.metric:last-child{border-bottom:0}.filter-grid,.form-grid,.form-grid.two-col,.kleurnummer-list,.compact-form,.inline-product-form{grid-template-columns:1fr}.form-grid-fixed>.field,.viscosity-stack>.field,.toevoegingen-column>.field{width:100%}.toevoegingen-columns,.structured-row.glans-row,.structured-row.droog-row{grid-template-columns:1fr}.measurement-section-header{align-items:flex-start;flex-direction:column}.readonly-measurement-grid{grid-template-columns:1fr}.vos-meting-head{display:none}.vos-meting-row{grid-template-columns:1fr;padding:.7rem;border:1px solid var(--line);border-radius:6px;background:#fff}.vos-mobile-label{display:block;margin-bottom:.3rem;color:var(--muted);font-size:.67rem;font-weight:750}.auth-brand-panel{min-height:250px;padding:1.7rem}.auth-brand-panel img{width:180px}.auth-brand-panel h1{font-size:2rem}.auth-form-panel{padding:1rem}.auth-card{padding:1.35rem}.card{padding:1rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}