/* Offerte via een link. Bouwt voort op over.css en status.css. */
.of-pdf{margin:32px 0 0}
.st-melding.goed{border-left-color:#7bd88f}
.of-kolommen{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:8px}
.of-form{display:grid;grid-template-columns:1fr;gap:16px;margin-top:28px;max-width:560px}
.of-form .sub{margin:24px 0 4px}
.of-form input:not([type=checkbox]),.of-form textarea{font:inherit;font-size:16px;color:var(--paper);background:var(--petrol);border:1px solid var(--line);padding:10px 12px;border-radius:0;width:100%;box-sizing:border-box}
.of-form input:focus,.of-form textarea:focus{outline:2px solid var(--signal);outline-offset:1px}
.of-form .of-vink{display:flex;gap:10px;align-items:flex-start;font:400 15px/1.5 var(--body);letter-spacing:0;text-transform:none;color:var(--paper)}
.of-form .of-vink input{margin-top:3px;width:18px;height:18px;flex:none}
.of-form .of-vink a{color:var(--paper)}
.of-form .btn{justify-self:start}
.of-klein{margin:0;font-size:13px;color:var(--muted)}
.hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
@media (max-width:820px){.of-kolommen{grid-template-columns:1fr;gap:8px}}
/* Offerte als webpagina (01-10-2026) */
.ow{margin-top:32px;max-width:980px}
.ow-meta{display:flex;flex-wrap:wrap;gap:12px 40px;margin:0 0 20px}
.ow-meta dt{font:500 11px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--steel)}
.ow-meta dd{margin:6px 0 0;color:var(--paper)}
.ow-regels{border-top:1px solid var(--line)}
.ow-kop{margin:22px 0 6px;color:var(--paper);font-size:16px}
.ow-regel{display:grid;grid-template-columns:120px minmax(0,1fr) auto;gap:20px;align-items:start;padding:18px 0;border-bottom:1px solid var(--line)}
.ow-afb{width:120px;height:96px;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden}
.ow-afb:empty{visibility:hidden;height:0}
.ow-afb img{max-width:100%;max-height:100%;object-fit:contain;display:block}
.ow-aantal{font:500 13px/1.3 var(--mono);color:var(--steel)}
.ow-art{color:var(--paper);margin-left:6px}
.ow-oms{margin-top:4px;color:var(--paper);font-weight:600;overflow-wrap:anywhere}
.ow-mat,.ow-leden{margin-top:6px;font-size:14px;color:var(--muted)}
.ow-leden div{padding-left:10px}
details.ow-leden summary{cursor:pointer;color:var(--muted);list-style:none;display:inline-flex;align-items:center;gap:6px}
details.ow-leden summary::-webkit-details-marker{display:none}
details.ow-leden summary::before{content:"+";display:inline-block;width:14px;text-align:center;font-weight:700}
details.ow-leden[open] summary::before{content:"\2212"}
details.ow-leden[open] summary{margin-bottom:4px}
.ow-alles{margin:0 0 6px;text-align:right}
.ow-knop{background:none;border:1px solid var(--muted);color:var(--muted);font:inherit;font-size:13px;padding:5px 10px;cursor:pointer}
.ow-knop:hover{color:var(--paper);border-color:var(--paper)}
.ow-prijs{text-align:right;white-space:nowrap}
.ow-stuk{font-size:13px;color:var(--muted)}
.ow-stuk span{font-size:12px}
.ow-tot{margin-top:4px;font-weight:700;color:var(--paper);font-size:17px}
.ow-totalen{margin:20px 0 0 auto;border-collapse:collapse;min-width:300px}
.ow-totalen th{text-align:left;font-weight:400;color:var(--muted);padding:6px 24px 6px 0}
.ow-totalen td{text-align:right;color:var(--paper);padding:6px 0;white-space:nowrap}
.ow-totalen .ow-eind th,.ow-totalen .ow-eind td{border-top:1px solid var(--line);padding-top:12px;font-weight:700;color:var(--paper);font-size:18px}
.ow-voet{margin-top:28px;max-width:70ch;font-size:14px;color:var(--muted)}
.ow-voet b{color:var(--paper);margin-right:4px}
.ow-voet p{margin:0 0 10px}
@media (max-width:640px){
  .ow-regel{grid-template-columns:84px minmax(0,1fr);gap:12px}
  .ow-afb{width:84px;height:70px}
  .ow-prijs{grid-column:2;text-align:left}
  .ow-totalen{min-width:0;width:100%}
}