:root{--ink:#172522;--ink-soft:#43514d;--paper:#f2eee5;--paper-deep:#e8e1d5;--white:#fff;--purple:#623079;--purple-deep:#462050;--purple-pale:#eee4f1;--blue:#298dc7;--orange:#d85a2d;--green:#2d6b4d;--line:#d9d4ca;--shadow:0 16px 38px #17252217;--sidebar:#172522;--control-h:44px;--font-roboto:"Roboto", "Roboto Fallback";font-family:var(--font-roboto), system-ui, sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}body{background:var(--paper);min-width:320px;color:var(--ink);margin:0;line-height:1.65}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}h1,h2{font-family:var(--font-roboto), system-ui, sans-serif;letter-spacing:-.02em;margin:0 0 12px;line-height:1.15}.login-page{grid-template-columns:1.1fr .9fr;height:100%;min-height:100%;display:grid;overflow:auto}.login-hero{background:var(--ink);color:#fff;align-items:center;padding:72px;display:flex}.login-hero .eyebrow{color:#a7d8f0}.login-hero h1{color:#fff;font-size:clamp(2.4rem,5vw,4rem)}.login-hero h1 em{color:#c9a3d6;font-style:italic}.login-hero p{color:#cdd8d4;max-width:460px}.login-panel{place-items:center;padding:40px;display:grid}.login-card{border:1px solid var(--line);background:#fff;gap:14px;width:min(420px,100%);padding:32px;display:grid}.login-card label{gap:6px;font-size:14px;font-weight:700;display:grid}.login-card input,.field{width:100%;height:var(--control-h);min-height:var(--control-h);max-height:var(--control-h);background:#fbfaf7;border:1px solid #c8c5be;border-radius:8px;padding:0 13px;line-height:normal}select.field{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2343514d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}input[type=time].field,input[type=date].field{appearance:none;display:block}input[type=time].field::-webkit-calendar-picker-indicator{opacity:.55;cursor:pointer;width:16px;height:16px}input[type=date].field::-webkit-calendar-picker-indicator{opacity:.55;cursor:pointer;width:16px;height:16px}textarea.field,.field.tall{height:auto;min-height:96px;max-height:none;padding:12px 13px;line-height:1.45}.login-card input:focus,.field:focus{border-color:var(--purple);background:#fff;outline:none;box-shadow:0 0 0 3px #6230791a}html,body,#root{height:100%}body{overflow:hidden}.app-shell{grid-template-columns:250px 1fr;height:100dvh;display:grid;overflow:hidden}.sidebar{background:var(--sidebar);color:#dbe4e1;flex-direction:column;height:100%;min-height:0;padding:6px 4px;display:flex;overflow:hidden}.sidebar-nav{scrollbar-width:thin;scrollbar-color:#ffffff29 transparent;flex:1;min-height:0;overflow-y:auto}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:0 0}.sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff29;border-radius:999px}.sidebar-nav:hover::-webkit-scrollbar-thumb{background:#ffffff47}.brand{color:#fff;flex-shrink:0;align-items:center;gap:10px;padding:8px 10px 22px;display:flex}.brand-logo{object-fit:contain;background:#fff;border-radius:8px;flex-shrink:0;width:42px;height:42px;padding:3px}.brand strong{font-size:15px;line-height:1.2;display:block}.nav-label{letter-spacing:.1em;text-transform:uppercase;color:#9fd3ea;padding:14px 12px 6px;font-size:11px}.sidebar a,.sidebar button.link{color:#dbe4e1;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;width:100%;padding:10px 12px;transition:background .18s,color .18s;display:flex}.sidebar a svg{flex-shrink:0;width:18px;height:18px}.sidebar a.active,.sidebar a:hover{color:#fff;background:#ffffff14}.badge{background:var(--orange);color:#fff;border-radius:999px;margin-left:auto;padding:1px 7px;font-size:11px;font-weight:800}.sidebar-user{border-top:1px solid #ffffff1f;flex-shrink:0;padding:12px;font-size:13px}.main{flex-direction:column;min-width:0;height:100%;min-height:0;display:flex;overflow:hidden}.topbar{height:74px;padding:0 24px;padding-left:max(24px, env(safe-area-inset-left));padding-right:max(24px, env(safe-area-inset-right));z-index:30;background:#fffffff7;flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;display:flex;box-shadow:0 1px #17252214}.topbar-title{flex-direction:column;justify-content:center;min-width:0;display:flex}.topbar-logo{width:auto;height:52px;display:block}.topbar h1,.topbar h1.caps{text-transform:uppercase;letter-spacing:.04em;margin:0;font-size:18px;font-weight:700}.topbar .sub{color:var(--ink-soft);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.topbar-tools{align-items:center;gap:10px;margin-left:auto;display:flex;position:relative}.search-wrap{width:240px;position:relative}.search-wrap svg{color:var(--ink-soft);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.search-wrap .field{height:var(--control-h);background:#f4f5f5;border-radius:999px;padding-left:38px}.search-menu,.profile-menu{border:1px solid var(--line);min-width:220px;box-shadow:var(--shadow);z-index:40;background:#fff;border-radius:10px;padding:6px;position:absolute;top:calc(100% + 8px);right:0}.search-wrap .search-menu{width:280px;left:0;right:auto}.search-menu button,.profile-menu button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;width:100%;padding:10px 12px;display:block}.search-menu button:hover,.profile-menu button:hover{background:var(--paper)}.profile-head{border-bottom:1px solid var(--line);margin-bottom:4px;padding:10px 12px 8px}.profile-head strong{display:block}.profile-head span{color:var(--ink-soft);font-size:13px}.bell-btn{position:relative}.bell-btn .dot{color:#fff;background:#e11d48;border-radius:999px;place-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:800;display:grid;position:absolute;top:-4px;right:-4px}.avatar-btn{width:var(--control-h);height:var(--control-h);border:1px solid var(--line);background:var(--ink);color:#fff;cursor:pointer;border-radius:999px;font-weight:800}.avatar-btn:hover{background:var(--purple)}.content{flex:1;min-height:0;padding:28px 24px 48px;overflow-y:auto}.content.flush{flex-direction:column;padding:0;display:flex;overflow:hidden}.kpis{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:20px;display:grid}.kpis-4{grid-template-columns:repeat(4,minmax(0,1fr))}.kpis-3{grid-template-columns:repeat(3,minmax(0,1fr))}.kpi,.card{border:1px solid var(--line);background:#fff;border-radius:12px;padding:16px 18px}.kpi{box-shadow:var(--shadow)}.kpi-head{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:10px;display:flex}.kpi-head svg{color:var(--ink-soft)}.kpi-green .kpi-head svg{color:var(--green)}.kpi-blue .kpi-head svg{color:var(--blue)}.kpi-orange .kpi-head svg{color:var(--orange)}.kpi-purple .kpi-head svg{color:var(--purple)}.kpi span{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);font-size:11px;font-weight:800;display:block}.kpi strong{font-size:28px;font-family:var(--font-roboto), system-ui, sans-serif}.dash-grid{align-items:start}.dash-card h2{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);margin:0;font-size:13px}.dash-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.dash-more{color:var(--purple);align-items:center;gap:4px;font-size:13px;font-weight:700;display:inline-flex}.dash-more:hover{color:var(--purple-deep)}.dash-insp{background:var(--paper);color:var(--ink);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;padding:14px 12px;display:flex}.dash-insp:hover{background:var(--paper-deep)}.dash-insp svg{color:var(--ink-soft);flex-shrink:0}.dash-insp-top{align-items:center;gap:8px;margin-bottom:4px;display:flex}.dash-cust{color:var(--purple);font-weight:700}.dash-meta{color:var(--ink-soft);flex-wrap:wrap;gap:12px;margin-top:6px;font-size:13px;display:flex}.dash-meta span{align-items:center;gap:4px;display:inline-flex}.dash-side{gap:16px;display:grid}.risk-row{grid-template-columns:88px 1fr 24px;align-items:center;gap:10px;margin:10px 0;display:grid}.risk-row em{text-align:right;font-style:normal;font-weight:800}.risk-bar{background:var(--paper-deep);border-radius:999px;height:8px;overflow:hidden}.risk-bar i{border-radius:999px;height:100%;display:block}.risk-bar i.kritiek{background:#b42318}.risk-bar i.hoog{background:var(--orange)}.risk-bar i.gemiddeld{background:#c9a227}.risk-bar i.laag{background:var(--green)}.open-findings{text-align:center;background:var(--purple);color:#fff;border-radius:12px;place-items:center;margin-top:16px;padding:22px 16px;display:grid}.open-findings strong{font-size:32px}.open-findings span{font-size:13px;font-weight:700}.dash-up{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:10px 0;display:flex}.grid-2{grid-template-columns:1.6fr .9fr;gap:16px;display:grid}.list-row{border-bottom:1px solid var(--line);cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:14px 0;display:flex}.list-row:last-child{border-bottom:0}.list-row:hover{color:inherit}.list-row:hover strong{color:var(--purple)}.status{background:var(--paper-deep);text-transform:none;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:800}.status.concept{background:#fff3d4}.status.lopend,.status.bezig,.status.open{color:#1a5f86;background:#d7ecf8}.status.goedgekeurd,.status.afgerond,.status.actief,.status.active{color:var(--green);background:#dceee3}.status.in_behandeling{color:#9a6b12;background:#f6e4c2}.risk{font-size:12px;font-weight:800}.risk.kritiek{color:#b42318}.risk.hoog{color:var(--orange)}.risk.gemiddeld{color:#b45309}.risk.laag{color:var(--green)}.btn,.primary,a.primary,a.ghost{height:var(--control-h);min-height:var(--control-h);cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-weight:700;line-height:1;transition:background .18s,color .18s,border-color .18s,box-shadow .18s,transform .12s,opacity .18s;display:inline-flex}.primary{background:var(--purple);color:#fff;box-shadow:0 8px 18px #6230792e}.primary:hover{background:var(--purple-deep)}.primary:active,.ghost:active,.add-btn:active,.icon-btn:active{transform:scale(.97)}.primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.ghost{border-color:var(--purple);color:var(--purple);background:#fff}.ghost:hover{background:var(--purple-pale)}.tabs{gap:8px;margin:16px 0;display:flex}.tabs a,.tabs button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:999px;padding:8px 14px;font-weight:700;transition:background .18s,color .18s,border-color .18s}.tabs a:hover,.tabs button:hover{border-color:var(--purple);color:var(--purple)}.tabs a.active,.tabs button.active{background:var(--purple);color:#fff;border-color:var(--purple)}.form-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.form-grid .span-2{grid-column:span 2}label.block{flex-direction:column;justify-content:flex-start;gap:8px;min-width:0;margin-bottom:14px;font-size:13px;font-weight:700;display:flex}.card>label.block:last-child,.modal>label.block:last-of-type{margin-bottom:0}.empty{text-align:center;color:var(--ink-soft);padding:48px 20px}.error{color:#b42318;font-weight:700}.split{grid-template-columns:300px 1fr;align-items:stretch;gap:16px;min-height:calc(100% - 8px);display:grid}.split-wide{grid-template-columns:360px 1fr}.split-page{flex:1;min-height:0;display:flex;overflow:hidden}.master{border:1px solid var(--line);background:#fff;border-radius:12px;flex-direction:column;min-height:0;display:flex;overflow:hidden}.list-pane{border:0;border-right:1px solid var(--line);border-radius:0;flex-shrink:0;width:320px;transition:width .32s}.list-pane.wide{width:384px}.list-pane.collapsed{border:0;width:0;overflow:hidden}.master-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:8px;padding:16px;display:flex}.master-head h2{margin:0;font-size:16px;font-weight:700}.master-tools{gap:8px;padding:0 12px 12px;display:grid}.master-tools.filters{border-bottom:1px solid var(--line);gap:12px;padding:16px}.master-tools.filters .filter-row{gap:8px;display:flex}.master-tools.filters .filter-row .field{background-position:right 8px center;flex:1;min-width:0;height:32px;min-height:32px;padding:0 28px 0 10px;font-size:12px}.master-tools.inline{border-bottom:1px solid var(--line);flex-direction:row;align-items:center;gap:8px;padding:16px;display:flex}.master-tools.inline .field-icon{flex:1 1 0;width:0;min-width:0}.add-btn{flex:0 0 var(--control-h);width:var(--control-h);height:var(--control-h);min-width:var(--control-h);min-height:var(--control-h);background:var(--purple);color:#fff;cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;padding:0;display:inline-flex;box-shadow:0 8px 18px #6230792e}.add-btn:hover{background:var(--purple-deep)}.detail-scroll{background:var(--paper);flex:1;min-width:0;padding:24px;overflow-y:auto}.detail-empty{text-align:center;height:100%;color:var(--ink-soft);place-items:center;display:grid}.detail-empty svg{color:var(--line)}.master-row-top{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.master-counts{color:var(--ink-soft);flex-shrink:0;gap:8px;font-size:12px;display:flex}.master-counts span{align-items:center;gap:3px;display:inline-flex}.master-list{flex:1;min-height:0;overflow-y:auto}.master-row{text-align:left;border:0;border-bottom:1px solid var(--line);cursor:pointer;background:#fff;border-left:3px solid #0000;width:100%;padding:12px 14px;display:block}.master-row:hover{background:var(--paper)}.master-row.active{background:var(--purple-pale);border-left-color:var(--purple)}.master-row strong{display:block}.master-row span{color:var(--ink-soft);font-size:13px}.obj-row{align-items:flex-start;gap:12px;width:100%;padding:0;display:flex}.obj-ico{background:var(--purple-pale);width:40px;height:40px;color:var(--purple);border-radius:8px;flex-shrink:0;place-items:center;display:grid}.master-row .obj-ico{color:var(--purple)}.obj-row-body{flex:1;min-width:0}.obj-row-body strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.obj-row-body span{display:block}.obj-row-body .meta-line{margin:2px 0 0;font-size:12px;display:flex}.obj-row .status{max-width:42%;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;flex-shrink:1;font-size:11px;overflow:hidden}.master-foot{border-top:1px solid var(--line);color:var(--ink-soft);text-align:center;padding:10px 14px;font-size:12px}.detail-pane{min-width:0}.detail-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.infogrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px;margin-bottom:16px;display:grid}.infogrid .card{min-width:0;padding:14px}.infogrid h3{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);margin:0 0 6px;font-size:12px}.item-card{border:1px solid var(--line);border-left:4px solid var(--line);box-shadow:none;background:#fff;border-radius:12px;margin-bottom:10px;padding:16px 18px}.item-card:hover{box-shadow:var(--shadow)}.item-card.kritiek{border-left-color:#b42318}.item-card.hoog{border-left-color:var(--orange)}.item-card.scope-8{border-left-color:var(--blue)}.item-card.scope-10{border-left-color:var(--purple)}.item-card.scope-12{border-left-color:var(--green)}.item-card-top{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.item-meta{color:var(--ink-soft);flex-wrap:wrap;gap:12px;margin-top:8px;font-size:13px;display:flex}.item-meta span{align-items:center;gap:4px;display:inline-flex}.empty-cta{place-items:center;gap:10px;padding:48px 20px;display:grid}.check-btns{flex-wrap:wrap;gap:6px;display:flex}.check-btns button{height:36px;min-height:36px;padding:0 10px;font-size:12px}.check-btns button.active{background:var(--purple);color:#fff;border-color:var(--purple)}.lightbox{z-index:50;background:#172522b8;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.lightbox .card{width:min(560px,100%)}.data-table{border-collapse:collapse;width:100%}.data-table th,.data-table td{text-align:left;border-bottom:1px solid var(--line);padding:10px 12px}.data-table th{text-transform:uppercase;color:var(--ink-soft);font-size:12px}.contact-card{border:1px solid var(--line);border-radius:10px;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:8px;padding:14px;display:flex}.search-pick{border:1px solid var(--line);border-radius:8px;max-height:240px;margin-top:8px;overflow:auto}.search-pick button{text-align:left;cursor:pointer;background:#fff;border:0;width:100%;padding:10px 12px;display:block}.search-pick button:hover{background:var(--purple-pale)}.master{border:1px solid var(--line);background:#fff}.master button{text-align:left;border:0;border-bottom:1px solid var(--line);cursor:pointer;background:#fff;width:100%;padding:14px;display:block}.master button.active{background:var(--purple-pale)}.master .add-btn{width:var(--control-h);min-width:var(--control-h);height:var(--control-h);background:var(--purple);color:#fff;flex:0 0 var(--control-h);border:0;border-radius:8px;justify-content:center;align-items:center;padding:0;display:inline-flex}.master .add-btn:hover{background:var(--purple-deep)}.thermo-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.page-actions{gap:8px;margin-left:auto;display:flex}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.toolbar .field{min-width:180px;max-width:280px;height:var(--control-h)}.toolbar input.field{flex:1;min-width:240px;max-width:none}.toolbar .btn,.toolbar .primary{height:var(--control-h)}.muted{color:var(--ink-soft);font-size:13px}.inspection-row{align-items:center}.row-actions{align-items:center;gap:8px;display:flex;position:relative}.icon-btn{width:var(--control-h);height:var(--control-h);min-height:var(--control-h);border:1px solid var(--line);cursor:pointer;color:var(--ink-soft);background:#fff;border-radius:8px;justify-content:center;align-items:center;font-size:18px;font-weight:800;display:inline-flex}.icon-btn:hover{border-color:var(--purple);color:var(--purple);background:var(--purple-pale)}.kebab{position:relative}.menu{border:1px solid var(--line);box-shadow:var(--shadow);z-index:30;background:#fff;min-width:180px;display:grid;position:absolute;top:44px;right:0}.menu button{text-align:left;cursor:pointer;background:0 0;border:0;padding:10px 14px;font-weight:700}.menu button:hover{background:var(--purple-pale)}.menu .danger{color:#b42318}.agenda-layout{grid-template-columns:1.5fr .7fr;gap:16px;display:grid}.cal-grid{grid-template-columns:repeat(7,1fr);gap:6px;margin-top:12px;display:grid}.cal-head{color:var(--ink-soft);text-align:center;font-size:12px;font-weight:800}.cal-day{border:1px solid var(--line);text-align:left;cursor:pointer;background:#fff;border-radius:8px;flex-direction:column;gap:4px;min-height:88px;padding:8px;display:flex;overflow:hidden}.cal-day:hover{border-color:var(--purple)}.cal-day small{text-overflow:ellipsis;white-space:nowrap;background:var(--paper);border-left:3px solid var(--purple);border-radius:2px;padding:2px 6px;font-size:10px;font-weight:700;line-height:1.2;overflow:hidden}.cal-day.muted{opacity:.4}.cal-day.selected{border-color:var(--purple);box-shadow:0 0 0 2px #62307926}.cal-day.today span{color:var(--purple);font-weight:800}.cal-day em{background:var(--purple);color:#fff;border-radius:999px;align-self:flex-start;padding:1px 7px;font-size:11px;font-style:normal;font-weight:800}.seg{border:1px solid var(--line);height:var(--control-h);border-radius:8px;display:flex;overflow:hidden}.seg button{cursor:pointer;background:#fff;border:0;padding:0 16px;font-weight:700}.seg button:hover{background:var(--paper)}.seg button.active{background:var(--ink);color:#fff}.insp-head{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.progress{background:var(--paper-deep);border-radius:99px;height:8px;overflow:hidden}.progress i{background:var(--purple);height:100%;display:block}.card-title svg{color:var(--purple);flex-shrink:0}.meta-line{color:var(--ink-soft);align-items:flex-start;gap:8px;margin:8px 0;font-size:13px;display:flex}.meta-line svg{flex-shrink:0;margin-top:2px}.plan-card .plan-row{border-bottom:1px solid var(--line);color:var(--ink-soft);justify-content:space-between;align-items:center;gap:12px;padding:12px 0;font-size:13px;display:flex}.plan-card .plan-row:last-of-type{border-bottom:0}.plan-card .plan-row span{align-items:center;gap:8px;display:inline-flex}.plan-card .plan-row strong{color:var(--ink)}.insp-kpis{grid-template-columns:repeat(4,minmax(0,1fr));margin:16px 0 0}.insp-kpis .kpi{background:var(--paper);box-shadow:none}.insp-kpis .kpi strong{font-size:22px}.modal-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.modal-head h2{margin:0}.modal-head p{margin:4px 0 0}.agenda-modal>label.block{margin-bottom:12px}.agenda-day h2{text-transform:none;margin:0 0 12px;font-size:18px}.agenda-add{border-style:dashed;border-color:var(--line);width:100%;color:var(--ink);gap:8px;margin-bottom:8px}.agenda-add:hover{border-color:var(--purple);color:var(--purple)}.agenda-event{background:var(--paper);border:1px solid var(--line);border-radius:12px;margin-top:12px;padding:14px}.agenda-event-top{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.agenda-event-top strong{cursor:pointer}.agenda-event-actions{gap:4px;display:flex}.agenda-event-actions .icon-btn{width:32px;height:32px;min-height:32px;color:var(--ink-soft)}.event-meta{color:var(--ink-soft);align-items:center;gap:8px;margin:6px 0;font-size:13px;display:flex}.status.gepland{color:var(--purple);background:#e8e4f4}.agenda-event-top strong:hover{color:var(--purple)}.check-group{margin-top:20px}.check-group h3{margin:0 0 8px;font-size:16px}.check-row{border-bottom:1px solid var(--line);grid-template-columns:1.2fr minmax(280px,auto) 1fr;align-items:center;gap:10px;padding:10px 0;display:grid}.finding-card{margin-bottom:12px}.finding-card .row-actions .field{width:180px;max-width:180px}.finding-card h2{margin-top:8px}.thermo-stats{gap:16px;margin:8px 0;display:flex}.snippet-row{flex-wrap:wrap;gap:6px;margin:8px 0;display:flex}.report-banner{background:var(--purple);color:#fff;border-radius:12px 12px 0 0;margin:-16px -18px 18px;padding:20px}.report-banner strong{margin-bottom:4px;display:block}.report-meta{flex-wrap:wrap;align-items:center;gap:8px;margin:4px 0 8px;display:flex}.report-actions{justify-content:flex-end;margin-top:20px;display:flex}.add-row{align-items:center;gap:8px;padding:12px;display:flex}.add-row .field{flex:1}.add-row .primary{flex-shrink:0;padding:0 14px}.finding-toolbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.back-link{color:var(--ink-soft);font-size:14px;font-weight:700}.back-link:hover{color:var(--purple)}.snippet-btn{border-color:var(--line);color:var(--ink);gap:8px}.finding-cols{grid-template-columns:1fr 1fr;align-items:start;gap:16px;display:grid}.card-title{align-items:center;gap:8px;margin:0 0 4px;font-size:16px;display:flex}.card-sub{margin:0 0 16px}.two-cols{grid-template-columns:1fr 1fr;align-items:start;gap:12px 16px;margin-bottom:14px;display:grid}.two-cols>.block{align-self:start;margin-bottom:0}.field.tall{resize:vertical;min-height:96px}.field-icon{display:block;position:relative}.field-icon svg{color:var(--ink-soft);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.field-icon .field{padding-left:36px}.guidelines{background:var(--paper);border-radius:10px;margin-top:8px;padding:14px 16px}.guidelines strong{letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;font-size:11px;display:block}.guidelines p{margin:4px 0;font-size:13px}.thermo-card{margin-top:16px}.thermo-add{font-weight:700;border-color:var(--line)!important;color:var(--ink)!important}.thermo-form{border:1px solid var(--line);background:#f7f8f8;border-radius:12px;margin:12px 0;padding:16px 18px}.thermo-form-row{grid-template-columns:1.6fr 140px 140px;gap:12px;margin-bottom:10px;display:grid}.thermo-form-row:last-of-type{grid-template-columns:160px 1fr}.thermo-form .ghost{border-color:var(--line);color:var(--ink)}.thermo-form .primary{box-shadow:none;background:#64748b}.thermo-form .primary:hover{background:#475569}.thermo-form .primary:disabled{opacity:.55;cursor:not-allowed}.thermo-empty{color:#b0bbb9;text-align:center;place-items:center;padding:48px 16px 56px;display:grid}.thermo-empty p{color:#8b9694;margin:12px 0 0;font-size:14px}.thermo-cards{flex-wrap:wrap;gap:12px;margin-top:12px;display:flex}.thermo-tile{border:1px solid var(--line);background:#fff;border-radius:12px;width:280px;padding:12px;position:relative}.thermo-ph{color:#6b7876;background:#e4ecec;border-radius:8px;place-items:center;height:140px;margin-bottom:10px;display:grid}.thermo-tile strong{margin:4px 0 10px;font-size:14px;display:block}.tile-x{background:#fff;border-radius:6px;width:26px;height:26px;min-height:26px;position:absolute;top:16px;right:16px}.chips{gap:8px;display:flex}.chip{text-align:center;border-radius:8px;flex:1;padding:8px 4px;font-size:12px;font-weight:700;line-height:1.3}.chip.max{color:#c2413b;background:#f8d7da}.chip.min{color:#3d8a5a;background:#d7eee3}.chip.dt{color:#c28a2a;background:#f6e4c2}.thermo-tile .muted{margin:8px 0 0;font-size:13px}.menu-btn,.nav-close,.nav-scrim{display:none}.modal .two-cols{grid-template-columns:1fr 1fr}@media (width<=1100px){.kpis,.kpis-4,.kpis-3,.form-grid,.grid-2,.split,.split-wide,.thermo-grid,.login-page,.agenda-layout,.finding-cols,.settings,.data-stats,.infogrid,.app-shell{grid-template-columns:1fr}.menu-btn{flex-shrink:0;display:inline-flex}.nav-close{color:#fff;background:0 0;border-color:#fff3;margin-left:auto;display:inline-flex}.nav-close:hover{color:#fff;background:#ffffff1a;border-color:#ffffff59}.nav-scrim{z-index:55;background:#17252273;border:0;padding:0;display:block;position:fixed;inset:0}.sidebar{z-index:60;visibility:hidden;pointer-events:none;width:min(280px,88vw);box-shadow:none;transition:transform .28s cubic-bezier(.16,1,.3,1),visibility .28s;display:flex;position:fixed;top:0;bottom:0;left:0;transform:translate(-105%)}.app-shell.nav-open .sidebar{visibility:visible;pointer-events:auto;transform:none;box-shadow:16px 0 40px #00000047}.split-page{flex-direction:column}.list-pane,.list-pane.wide{border-right:0;border-bottom:1px solid var(--line);width:100%;max-height:42vh}.list-pane.collapsed{border:0;width:100%;max-height:0}.check-row{grid-template-columns:1fr}.insp-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.search-wrap{width:min(180px,28vw)}.search-wrap .search-menu{width:min(280px,100vw - 24px)}}@media (width<=700px){.login-page{grid-template-columns:1fr;height:100%;min-height:100%;overflow-y:auto}.login-hero{padding:28px 20px 20px}.login-hero h1{font-size:clamp(1.8rem,8vw,2.6rem)}.login-panel{align-items:start;padding:20px 16px 32px}.login-card{padding:22px 18px}.topbar{gap:8px;height:58px;padding:0 10px}.topbar-logo{height:36px}.topbar h1{font-size:15px}.topbar .sub{display:none}.topbar-tools{gap:6px}.search-wrap{flex:72px;width:0;min-width:72px;max-width:none}.new-insp-label{display:none}.new-insp-btn{width:var(--control-h);min-width:var(--control-h);padding:0}.content{padding:16px 12px 28px}.kpi strong{font-size:22px}.page-actions,.insp-head,.finding-toolbar,.detail-head,.toolbar{flex-wrap:wrap}.toolbar input.field,.toolbar .field{width:100%;min-width:0;max-width:none}.tabs{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;padding-bottom:4px;overflow-x:auto}.tabs a,.tabs button{white-space:nowrap;flex-shrink:0}.data-table{-webkit-overflow-scrolling:touch;display:block;overflow-x:auto}.contact-card,.item-card-top,.list-row,.dash-insp,.agenda-event-top{flex-wrap:wrap}.cal-day{min-height:64px;padding:6px}.modal-back,.lightbox{padding:12px}.modal{width:100%;max-height:calc(100dvh - 24px);padding:16px}.sheet,.thermo-tile{width:100%}.two-cols,.modal .two-cols{grid-template-columns:1fr}.form-grid .span-2{grid-column:span 1}.check-row{grid-template-columns:1fr}.finding-card .row-actions .field{width:100%;max-width:none}.report-actions{justify-content:stretch}.report-actions .primary,.report-actions .ghost{width:100%}.add-row,.builder-bar{flex-wrap:wrap}}@media (width<=560px){.two-cols,.modal .two-cols{grid-template-columns:1fr}.insp-kpis,.kpis-4{grid-template-columns:1fr 1fr}.avatar-btn,.icon-btn,.new-insp-btn{width:40px;min-width:40px;height:40px;min-height:40px}}.modal-back{z-index:40;background:#17252266;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:12px;width:min(640px,100%);max-height:90vh;padding:22px;overflow:auto}.snippet-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;display:grid}.snippet-card h3{margin:8px 0}.snippet-empty{text-align:center;color:var(--ink-soft);flex-direction:column;justify-content:center;align-items:center;padding:64px 20px;display:flex}.snippet-empty svg{color:var(--line);margin-bottom:12px}.snippet-modal{width:min(720px,100%)}.snippet-pick{gap:8px;max-height:52vh;margin-top:12px;display:grid;overflow:auto}.snippet-pick button{text-align:left;border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:8px;width:100%;padding:12px;display:block}.snippet-pick button:hover{border-color:var(--purple);background:var(--purple-pale)}.snippet-pick strong{margin:4px 0;display:block}.snip-badges{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.chip-outline{border:1px solid var(--line);color:var(--ink-soft);border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700}.clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.icon-btn.star.on,.star-mark{color:#c9a227}.menu button{align-items:center;gap:8px;display:flex}.grow{flex:1}.builder-page{background:var(--paper);flex:1;min-height:0;display:flex;overflow:hidden}.builder-pal{border-right:1px solid var(--line);background:#fff;flex-direction:column;flex-shrink:0;width:224px;min-height:0;display:flex}.builder-pal-h{border-bottom:1px solid var(--line);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);padding:12px 14px;font-size:11px;font-weight:700}.builder-pal-body{flex:1;padding:12px;overflow-y:auto}.pal-group{margin-bottom:16px}.pal-group p{color:var(--ink-soft);margin:0 0 6px;font-size:12px;font-weight:600}.pal-item{cursor:pointer;text-align:left;width:100%;color:var(--ink);background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;font-size:13px;display:flex}.pal-item:hover{background:var(--paper)}.pal-item svg{color:var(--ink-soft);flex-shrink:0}.pal-item .plus{opacity:.4;margin-left:auto}.builder-main{flex-direction:column;flex:1;min-width:0;display:flex}.builder-bar{border-bottom:1px solid var(--line);background:#fff;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:8px 16px;display:flex}.builder-canvas{flex:1;padding:24px;overflow-y:auto}.builder-inner{max-width:640px;margin:0 auto}.tf-empty{text-align:center;border:2px dashed var(--line);color:var(--ink-soft);border-radius:12px;margin-bottom:12px;padding:48px 20px}.tf-empty svg{color:var(--line)}.tf-row{border:1px solid var(--line);cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border-radius:10px;align-items:center;gap:8px;margin-bottom:8px;display:flex}.tf-row:hover{box-shadow:var(--shadow);border-color:#62307966}.tf-row.sel{border-color:var(--purple);background:var(--purple-pale)}.tf-row.struct{background:var(--paper)}.tf-row.dragging{box-shadow:var(--shadow);z-index:2}.tf-grip{color:var(--ink-soft);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:0 0;border:0;padding:12px 4px 12px 10px;display:flex}.tf-grip:active{cursor:grabbing}.tf-ico{color:var(--ink-soft);flex-shrink:0}.tf-row.struct .tf-ico{color:var(--purple)}.tf-body{flex:1;min-width:0;padding:10px 8px 10px 0}.tf-body strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;display:block;overflow:hidden}.tf-body small{color:var(--ink-soft);font-size:12px}.tf-row .del{opacity:0;cursor:pointer;color:var(--ink-soft);background:0 0;border:0;border-radius:6px;place-items:center;width:28px;height:28px;margin-right:8px;display:grid}.tf-row:hover .del{opacity:1}.tf-row .del:hover,.status.verplicht{color:#b42318;background:#fde8e8}.tf-add{border-style:dashed;width:100%;margin-top:8px}.sheet-back{z-index:50;background:#17252233;position:fixed;inset:0}.sheet{z-index:51;width:min(320px,100%);box-shadow:var(--shadow);background:#fff;padding:20px;position:fixed;top:0;bottom:0;right:0;overflow-y:auto}.sheet h2{align-items:center;gap:8px;font-size:16px;display:flex}.opt-row{align-items:center;gap:8px;margin:6px 0;display:flex}.opt-row .field{height:32px;min-height:32px}.master-link{border-bottom:1px solid var(--line);padding:12px 14px;display:block}.master-link:hover,.master a.active{background:var(--paper)}.settings{grid-template-columns:1fr 1fr;gap:16px;padding-bottom:72px;display:grid}.settings-wide{grid-column:1/-1}.set-head{align-items:flex-start;gap:10px;margin-bottom:14px;display:flex}.set-head h2{margin:0}.set-head p{margin:2px 0 0}.set-head svg{color:var(--purple);margin-top:2px}.cert-warn{color:#b42318;background:#fde8e8;border-radius:8px;padding:10px 12px;font-size:13px;font-weight:700}.cert-warn span{color:var(--ink-soft);font-weight:500;display:block}.switch-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.switch-row strong{display:block}.switch-row small{color:var(--ink-soft)}.switch-row input{appearance:none;background:var(--line);cursor:pointer;border-radius:999px;flex-shrink:0;width:42px;height:24px;position:relative}.switch-row input:checked{background:var(--purple)}.switch-row input:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:left .15s;position:absolute;top:3px;left:3px}.switch-row input:checked:after{left:21px}.data-stats{grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0;display:grid}.data-stats div{background:var(--paper);text-align:center;border-radius:10px;padding:16px}.data-stats strong{font-size:24px;display:block}.data-stats span{color:var(--ink-soft);font-size:12px}.settings-save{grid-column:1/-1;justify-content:flex-end;display:flex}.danger{color:#fff;background:#b42318;border-color:#b42318}.preview-section{border-bottom:1px solid var(--line);margin:28px 0 10px;padding-bottom:8px;font-size:16px}.preview-sub{color:var(--ink-soft);margin:18px 0 8px;font-size:14px}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes zoom-in{0%{opacity:0;transform:scale(.96)translateY(10px)}to{opacity:1;transform:none}}@keyframes slide-in-right{0%{transform:translate(100%)}to{transform:none}}@keyframes pop-in{0%{opacity:0;transform:translateY(-8px)scale(.96)}to{opacity:1;transform:none}}.modal-back{animation:.2s fade-in}.modal{animation:.22s cubic-bezier(.16,1,.3,1) zoom-in}.sheet-back{animation:.2s fade-in}.sheet{animation:.42s cubic-bezier(.16,1,.3,1) slide-in-right}.menu,.profile-menu,.search-menu{transform-origin:100% 0;animation:.16s cubic-bezier(.16,1,.3,1) pop-in}.search-wrap .search-menu{transform-origin:0 0}.content:not(.flush){animation:.22s fade-in}.pal-item,.master-row,.tf-row,.item-card,.card,.kpi,.dash-insp,.list-row{transition:background .18s,border-color .18s,box-shadow .18s,color .18s}.icon-btn,.add-btn,.avatar-btn{transition:background .18s,color .18s,border-color .18s,transform .12s}.add-btn{transition:background .18s,transform .12s,box-shadow .18s}.switch-row input:after{transition:left .18s}.field,select.field{transition:border-color .18s,box-shadow .18s,background .18s}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}@media (width<=700px){.thermo-form-row,.thermo-form-row:last-of-type{grid-template-columns:1fr}.builder-page{flex-direction:column}.builder-pal{width:100%;max-height:220px}}