/* Breedte gele kader rond geselecteerde tegels: wijzig alleen 4px hieronder. */
:root {
  --selectie-kader: 4px;
}

/* Toevoegingen blijven beperkt tot de nieuwe onderdelen. */
[hidden]{display:none!important}
.iph-letter,.iph-sheet,.iph-security,.iph-dialog{--gold:#d5af64;--soft:#bcbcbc;color:#f4f4f4}
.iph-letter{max-width:880px;margin:35px auto 50px;padding:clamp(20px,4vw,46px);background:#0c0c0c;border:1px solid #665438}
.iph-letter h1{font:400 clamp(38px,6vw,68px)/1.12 Georgia,serif;margin:10px 0 28px}
.iph-letter h2,.iph-dialog h2{font:400 29px/1.2 Georgia,serif}
.iph-eyebrow{color:var(--gold);font-size:12px;letter-spacing:.18em}
.iph-photo-summary{display:flex;align-items:center;gap:24px;padding:16px;border:1px solid #514735;margin-bottom:24px}
.iph-photo-summary img{width:42%;max-height:180px;object-fit:contain}
.iph-photo-summary div{min-width:0}.iph-photo-summary p,.iph-photo-summary small{overflow-wrap:anywhere}
.iph-photo-summary small{color:#bbb}.iph-selection-summary{border-block:1px solid #514735;padding:20px 0;font-size:20px}
.iph-letter label{display:block;margin:20px 0 9px}.iph-letter input,.iph-letter select,.iph-letter textarea,.iph-sheet-settings input,.iph-sheet-settings select{width:100%;border:1px solid #736348;border-radius:0;color:#f4f4f4;background:#151515;padding:13px;font:16px Arial,sans-serif;color-scheme:dark}
.iph-letter input:focus,.iph-letter select:focus,.iph-letter textarea:focus,.iph-sheet-settings input:focus,.iph-sheet-settings select:focus{outline:2px solid #d5af64;outline-offset:3px}
.iph-letter textarea{resize:vertical;min-height:155px}.iph-letter small{font-size:12px;font-weight:normal}
.iph-field-row{display:grid;grid-template-columns:1fr 1fr;gap:22px}.iph-field-row>div{min-width:0}
.iph-signoff{font:25px Georgia,serif;margin-bottom:8px}.iph-fine{font-size:13px}
.iph-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:22px 0}
.iph-actions button,.iph-actions a,.iph-security button,.iph-extra-button,.iph-security-link{display:inline-block;text-align:center;font:16px Arial,sans-serif;color:#ddd;background:#111;border:1px solid #666;padding:12px 17px;text-decoration:none;cursor:pointer;min-height:44px}
.iph-actions .iph-primary{border-color:#d5af64;color:#f3cd81}.iph-actions button:hover,.iph-actions a:hover,.iph-security button:hover{background:#222}.iph-actions button:disabled{opacity:.5;cursor:wait}
.iph-actions button:focus-visible,.iph-actions a:focus-visible,.iph-extra-button:focus-visible{outline:2px solid #f2b632;outline-offset:3px}
.iph-security{padding:14px 18px;border:1px solid #665438;margin:20px auto;max-width:750px;background:#14120e}.iph-security p{line-height:1.5;margin:0 0 12px}
.iph-security-hint{text-align:center;color:#ddd;margin:10px 0 20px}.iph-security-link{font-size:14px;padding:6px 12px;min-height:36px;margin-left:7px}
.iph-dialog{border:1px solid #9b8050;background:#111;max-width:min(580px,92vw);padding:25px;max-height:90dvh;overflow:auto}.iph-dialog::backdrop{background:rgba(0,0,0,.8)}
.iph-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.iph-sheet-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:20px;align-items:stretch;margin:25px 0}
.iph-photo-choice{display:flex;flex-direction:column;gap:10px;padding:10px;border:1px solid #555;background:#101010;cursor:pointer;min-width:0;position:relative}.iph-photo-choice:has(input:checked){border:2px solid #d5af64;padding:9px;background:#242017}.iph-photo-choice img{width:100%;height:180px;object-fit:contain}.iph-photo-choice span{font-size:13px;overflow-wrap:anywhere}.iph-photo-choice input{width:22px;height:22px;accent-color:#d5af64;cursor:pointer}.iph-photo-choice:focus-within{outline:2px solid #d5af64;outline-offset:3px}
.iph-sheet-settings{display:flex;gap:24px;flex-wrap:wrap;align-items:end;margin:22px 0}.iph-sheet-settings label{display:flex;flex-direction:column;gap:8px}.iph-sheet-settings label:last-child{flex:1;min-width:220px}
.iph-sheet-status,#inquiry-status,#receipt-pdf-status{color:#e7c885;white-space:pre-wrap;overflow-wrap:anywhere}
.iph-bottom-actions{padding-block:15px;border-top:1px solid #555}.iph-contact-banner{display:block;max-width:100%;max-height:380px;object-fit:contain;margin:0 auto 30px}
body.iph-inquiry-open .site-header{pointer-events:none;opacity:.45}
@media(max-width:550px){.iph-field-row{grid-template-columns:1fr;gap:0}.iph-letter{padding:20px 15px}.iph-photo-summary{gap:14px;padding:10px}.iph-photo-summary img{width:40%}.iph-sheet-grid{grid-template-columns:1fr}.iph-photo-choice img{height:auto;max-height:400px}.iph-actions button,.iph-actions a{flex:1 1 170px}.iph-sheet-settings{display:block}.iph-sheet-settings label{margin-bottom:16px}.iph-dialog{padding:16px}.iph-security{padding:12px}.iph-photo-summary .iph-eyebrow{font-size:10px}}

.iph-drawing-info{max-width:900px;margin:20px auto;color:#bbb;text-align:center;font-size:15px;line-height:1.6}

.iph-festival-info{border-left:3px solid #d5af64;padding:1px 18px;margin:20px 0;background:#191714;line-height:1.6}.iph-festival-info a{color:#edcd8f}

/* Tegelweergave */
.iph-view-switch{display:flex;justify-content:center;align-items:center;gap:12px;margin:24px auto;cursor:pointer;width:max-content;max-width:100%;min-height:44px;position:relative}
.iph-view-switch input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}
.iph-switch-track{width:52px;height:30px;border:1px solid #d5af64;border-radius:20px;padding:3px;background:#111;flex:none;pointer-events:none}
.iph-switch-track::after{content:"";display:block;width:22px;height:22px;border-radius:50%;background:#aaa;transition:transform .15s}
.iph-view-switch input:checked+.iph-switch-track::after{transform:translateX(22px);background:#ffdf00}
.iph-view-switch input:focus-visible+.iph-switch-track{outline:2px solid #ffdf00;outline-offset:4px}
.iph-view-switch input:disabled{cursor:wait}
.iph-tiles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:24px;margin:24px 0}
.iph-tile{min-width:0;padding:12px;background:#101010;position:relative;box-shadow:inset 0 0 0 1px #555}
.iph-tile.is-selected{box-shadow:inset 0 0 0 var(--selectie-kader) #ffdf00}
.iph-tile-image{display:block;border:0;padding:0;width:100%;height:220px;background:#000;cursor:zoom-in}
.iph-tile-image img{display:block;width:100%;height:100%;object-fit:contain}
.iph-tile-name{font-size:12px;color:#bbb;overflow-wrap:anywhere;margin:12px 0}
.iph-tile-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.iph-tile-actions a,.iph-tile-actions button,.iph-tile-select{display:flex;align-items:center;justify-content:center;text-align:center;gap:8px;min-height:44px;padding:8px;border:1px solid #666;background:#111;color:#ddd;text-decoration:none;font:14px Arial,sans-serif;cursor:pointer}
.iph-tile-select input{width:20px;height:20px;margin:0;accent-color:#ffdf00;flex:none}
.iph-tile :focus-visible{outline:2px solid #ffdf00;outline-offset:2px}
.iph-selection-bar{position:sticky;top:0;z-index:21;background:#080808;border-bottom:1px solid #665438;padding:12px;margin:0;gap:10px}
#iph-tiles-count{margin-right:auto}.iph-selection-bar button{font-size:14px;padding:10px}
#iph-tiles-status{color:#e7c885;white-space:pre-wrap}
#iph-image-dialog{position:fixed;inset:0;margin:0;padding:0;border:0;max-width:none;max-height:none;width:100vw;height:100vh;height:100dvh;background:#000;overflow:hidden;cursor:zoom-out}
#iph-image-dialog::backdrop{background:#000}
#iph-large-image{display:block;width:100%;height:100%;max-width:none;object-fit:contain}
html.iph-image-open{overflow:hidden}
@media(max-width:550px){.iph-selection-bar{position:static}.iph-selection-bar #iph-tiles-count{flex-basis:100%}.iph-tile-image{height:240px}}
@media(prefers-reduced-motion:reduce){.iph-switch-track::after{transition:none}}