@media(max-width:390px){
 .actions{gap:5px;padding-left:7px;padding-right:7px}
 .actions button{font-size:12px}
 .preview{grid-template-columns:1fr}
}


/* v7: robuuste mobiele bediening */
.status-wrap{width:260px}
.status-buttons{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:6px;
  width:100%;
}
.status-btn{
  min-height:44px;
  border:1px solid #9fb5b2;
  background:#fff;
  color:#234744;
  border-radius:8px;
  padding:8px 5px;
  font-size:14px;
  font-weight:800;
  touch-action:manipulation;
  -webkit-tap-highlight-color:transparent;
}
.status-btn.active{background:#24645f;color:#fff;border-color:#24645f}
.status-btn[data-value="I"].active{background:#d69e00;color:#111;border-color:#b58300}
.status-btn[data-value="G"].active{background:#b73636;color:#fff;border-color:#982828}
.status-btn[data-value="NVT"].active{background:#667775;color:#fff;border-color:#667775}
.signature-pad-box{position:relative}
#signatureCanvas{
  display:block;
  width:100%;
  height:220px;
  min-height:220px;
  background:#fff;
  touch-action:none!important;
  -ms-touch-action:none;
  user-select:none;
  -webkit-user-select:none;
  -webkit-touch-callout:none;
}
@media(max-width:760px){
 .status-wrap{width:100%}
 .status-buttons{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}
 .status-btn{min-height:48px;font-size:15px;padding:8px 3px}
 #signatureCanvas{height:240px;min-height:240px}
}


/* v8: invulbare no-JS fallback voor iPhone bestandsvoorvertoning */
.radio-status{display:block!important;font-weight:800!important}
.radio-status input{position:absolute;opacity:0;pointer-events:none}
.radio-status span{
 display:flex;align-items:center;justify-content:center;
 min-height:48px;border:1px solid #9fb5b2;border-radius:8px;background:#fff;
 color:#234744;cursor:pointer;touch-action:manipulation
}
.radio-status input:checked + span{background:#24645f;color:#fff;border-color:#24645f}
.radio-status input[value="I"]:checked + span{background:#d69e00;color:#111;border-color:#b58300}
.radio-status input[value="G"]:checked + span{background:#b73636;color:#fff;border-color:#982828}
.radio-status input[value="NVT"]:checked + span{background:#667775;color:#fff;border-color:#667775}
.static-item .static-dev{display:none}
.static-item:has(input[value="I"]:checked) .static-dev,
.static-item:has(input[value="G"]:checked) .static-dev{display:block}
.static-item:has(input[value="I"]:checked) .static-dev{background:#fff1c2}
.static-item:has(input[value="G"]:checked) .static-dev{background:#ffd9d9}
.js-ready .static-item{display:none}


/* v9 mobiele PDF/print-flow */
#printOverlay{
  display:none;
  position:fixed;inset:0;z-index:9999;background:#fff;
  overflow:auto;-webkit-overflow-scrolling:touch;
}
#printOverlay.open{display:block}
#printOverlayBar{
  position:sticky;top:0;z-index:10;
  display:flex;gap:8px;align-items:center;justify-content:space-between;
  padding:10px 12px;background:#2e7d78;color:#fff;
  padding-top:max(10px,env(safe-area-inset-top));
}
#printOverlayBar .left{font-weight:800}
#printOverlayBar .right{display:flex;gap:8px}
#printOverlayBar button{
  min-height:44px;border:1px solid #ffffff88;border-radius:9px;
  padding:8px 12px;background:#fff;color:#205f5b;font-weight:800
}
#printOverlayContent{padding:10px;background:#e9eeee}
#printOverlayContent .sheet{margin:0 auto 12px;background:#fff}
.pdf-mobile-note{
  max-width:210mm;margin:0 auto 10px;padding:10px 12px;
  border-radius:8px;background:#fff3c8;color:#4d431f;font-size:14px;line-height:1.4
}
@media(max-width:760px){
 #printOverlayContent{padding:6px}
 #printOverlayContent .sheet{
   width:210mm;transform-origin:top left;
 }
 #printOverlayBar{font-size:13px}
 #printOverlayBar button{font-size:13px;padding:7px 9px}
}
@media print{
 #printOverlay,#printOverlayBar,.pdf-mobile-note{display:none!important}
}


.hidden{display:none!important}
.regular-section{display:block}
.regular-section.hidden{display:none!important}
@media(max-width:760px){#regularForm .card{margin-bottom:11px}}

.concept-guide{
  margin-top:12px;
  border:1px solid #cbd8d6;
  border-radius:10px;
  overflow:hidden;
  background:#fafcfc;
}
.guide-empty{padding:14px;color:#667775}
.guide-title{padding:10px 12px;background:#e4f0ef;font-weight:800;color:#205f5b}
.guide-body{display:grid;grid-template-columns:1fr 1fr;gap:0}
.guide-level{padding:12px;min-height:88px;line-height:1.45}
.guide-level + .guide-level{border-left:1px solid #d3dddc}
.guide-i{background:#fff4c9}
.guide-g{background:#ffe0e0}
.guide-label{font-weight:900;margin-bottom:5px}
.guide-note{font-size:12px;color:#5d6b69;margin-top:7px}
.attention-details{margin-top:14px;border-top:1px solid #d6dfde;padding-top:14px}
.attention-details h3{margin:0 0 12px;color:#205f5b;font-size:15px}
@media(max-width:760px){
 .guide-body{grid-template-columns:1fr}
 .guide-level + .guide-level{border-left:0;border-top:1px solid #d3dddc}
}


.finding-add-row{display:flex;gap:10px;align-items:end}
.add-finding-btn{background:#e5f1f0;color:#205f5b;border:1px solid #b8cfcc;min-height:44px}
.no-issues-box{display:flex;flex-direction:column;gap:3px;margin-top:12px;padding:12px;border:1px solid #cbd8d6;border-radius:10px;background:#fafcfc;color:#4f605e}
.reg-finding{margin-top:14px;border:1px solid #b8c9c7;border-radius:10px;overflow:hidden;background:#fff}
.reg-finding-head{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px 12px;background:#d9edf4;border-bottom:1px solid #b8c9c7}
.reg-finding-head strong{color:#173c39}
.remove-finding{background:#fff;color:#8a2828;border:1px solid #d5aaaa;min-height:38px}
.finding-body{padding:12px}
.level-pick{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}
.level-choice{display:block!important}
.level-choice input{position:absolute;opacity:0;pointer-events:none}
.level-choice span{display:flex;align-items:center;justify-content:center;min-height:46px;border:1px solid #aebfbd;border-radius:8px;background:#fff;font-weight:900}
.level-choice input[value="I"]:checked+span{background:#fff1c2;border-color:#d49a00;color:#3b3000}
.level-choice input[value="G"]:checked+span{background:#ffd9d9;border-color:#b73636;color:#7a1717}
.finding-threshold{display:grid;grid-template-columns:1fr 1fr;border:1px solid #d3dddc;border-radius:8px;overflow:hidden;margin-bottom:12px}
.finding-threshold>div{padding:11px;line-height:1.45}
.finding-threshold>div+div{border-left:1px solid #d3dddc}
.finding-threshold .i{background:#fff4c9}.finding-threshold .g{background:#ffe0e0}