/* mijnraam.be – klantaccount (ac-), demo, lokaal */
.acbtn{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 14px;margin-right:8px;border-radius:980px;background:#f5f5f7;color:#1d1d1f!important;text-decoration:none!important;font-size:14px;font-weight:500;transition:background .2s;font-style:normal}
.acbtn:hover{background:#e8e8ed}.acbtn:focus-visible{outline:2px solid #1d1d1f;outline-offset:2px}
.acbtn.in{padding-left:6px}
.acbtn .ac-av,.acv .ac-av{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#1d1d1f;color:#fff;font-size:13px;font-weight:600;letter-spacing:0;flex:none}
@media (max-width:700px){.acbtn .ac-bt{display:none}.acbtn,.acbtn.in{width:44px;padding:0;justify-content:center;margin-right:6px}}
.acv{position:fixed;inset:0;z-index:450;background:#f5f5f7;color:#1d1d1f;overflow:auto;overflow-x:hidden;overscroll-behavior:contain;opacity:0;visibility:hidden;transition:opacity .25s;font-family:var(--m-font);-webkit-font-smoothing:antialiased}
.ac-open .acv{opacity:1;visibility:visible}
@media (prefers-reduced-motion:reduce){.acv{transition:none}}
.acv *{font-style:normal;box-sizing:border-box}
.acv [hidden]{display:none!important}
.acv section{padding:0!important;margin:0;z-index:auto;min-height:0!important;background:none;border:0}
.acv h2,.acv h3,.acv h4{font-family:var(--m-font)!important;color:#1d1d1f!important;text-transform:none!important;margin:0!important}
.acv h2{font-size:28px!important;line-height:1.15!important;font-weight:700!important;letter-spacing:-.02em!important;outline:0}
.acv h3{font-size:17px!important;line-height:1.3!important;font-weight:600!important;letter-spacing:-.01em!important;margin-bottom:10px!important}
.acv h4{font-size:15px!important;font-weight:600!important;margin-bottom:6px!important}
.acv #acH:focus{outline:0!important}
.acv a:focus-visible,.acv button:focus-visible,.acv input:focus-visible{outline:2px solid #1d1d1f!important;outline-offset:2px!important}
.acv small{font-size:inherit}
.ac-top{position:sticky;top:0;z-index:5;background:rgba(245,245,247,.86);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid #e3e3e8}
.ac-top .in{max-width:1120px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 24px;min-height:57px}
.ac-crumb{display:flex;align-items:center;gap:8px;font-size:14px;min-width:0;white-space:nowrap;overflow:hidden}
.acv .ac-crumb a{text-decoration:none;color:#6e6e73!important;padding:6px 0}.acv .ac-crumb a:hover{color:#1d1d1f!important;text-decoration:underline}
.ac-crumb span[aria-hidden]{color:#86868b}.ac-crumb [aria-current]{font-weight:600;overflow:hidden;text-overflow:ellipsis}
.ac-tacts{display:flex;align-items:center;gap:10px;flex:none}
.ac-badge{font-size:12px;font-weight:500;color:#424245;background:#fff;border:1px solid #d2d2d7;border-radius:980px;padding:5px 10px;white-space:nowrap}
.ac-wrap{max-width:1120px;margin:0 auto;padding:28px 24px 120px}
/* schil */
.ac-grid{display:grid;grid-template-columns:220px minmax(0,1fr);gap:32px;align-items:start}
.ac-side{position:sticky;top:85px;display:flex;flex-direction:column;gap:14px}
.ac-who{display:flex;align-items:center;gap:10px;min-width:0}.ac-who div{min-width:0;display:flex;flex-direction:column}
.ac-who b{font-size:15px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ac-who span{font-size:13px;color:#6e6e73;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ac-tabs{display:flex;flex-direction:column;gap:2px}
.acv .ac-tabs a{display:flex;align-items:center;min-height:40px;padding:0 12px;border-radius:10px;font-size:15px;font-weight:500;color:#1d1d1f!important;text-decoration:none}
.acv .ac-tabs a:hover{background:#e8e8ed}
.acv .ac-tabs a[aria-current]{background:#fff;font-weight:600;box-shadow:0 1px 3px rgba(0,0,0,.06)}
.acv .ac-uit{align-self:flex-start;padding:6px 12px;font-size:14px;color:#6e6e73!important}
.ac-content{min-width:0}
.ac-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.ac-head .ac-back{flex-basis:100%;font-size:14px;color:#6e6e73!important;text-decoration:none}
.acv .ac-head .ac-back:hover{text-decoration:underline}
.ac-demo{display:flex;gap:10px;align-items:flex-start;background:#fff;border:1px solid #e3e3e8;border-radius:14px;padding:12px 14px;margin:0 0 18px!important;font-size:13px;line-height:1.45;color:#424245!important}
.ac-demo b{color:#1d1d1f;font-weight:600}
.ac-dot{width:8px;height:8px;border-radius:50%;background:#b25000;flex:none;margin-top:5px}
.ac-sum{font-size:15px;color:#6e6e73!important;margin:6px 0 18px!important;line-height:1.45}
.ac-p{font-size:14px;line-height:1.5;color:#424245!important}
.ac-fine{font-size:12px;line-height:1.5;color:#6e6e73!important;margin-top:12px!important}
.ac-vb{font-size:12px;color:#6e6e73;font-weight:400}
.ac-acts{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.ac-chip{display:inline-flex;align-items:center;min-height:24px;padding:0 10px;border-radius:980px;background:#e8e8ed;font-size:12px;font-weight:600;color:#1d1d1f;white-space:nowrap;vertical-align:middle}
.ac-chip.nu,.ac-chip.aangevraagd{background:#1d1d1f;color:#fff}
.ac-chip.ontvangen{background:#e3f1e7;color:#0f5a28}
/* kaarten */
.acv .ac-card{background:#fff;border-radius:18px;padding:20px!important;box-shadow:0 1px 3px rgba(0,0,0,.04);margin-bottom:16px!important;min-width:0}
.ac-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:0}
.ac-cards .ac-card{display:flex;flex-direction:column;margin:0!important}
.ac-cards+.ac-card{margin-top:16px!important}
.acv .ac-more{margin-top:auto;padding-top:14px;font-size:14px;font-weight:500;text-decoration:none!important;color:#1d1d1f!important}
.acv .ac-more:hover{text-decoration:underline!important}
.ac-big{font-size:20px;font-weight:600;letter-spacing:-.01em;margin-bottom:4px!important}
.ac-mini{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.ac-mini li{display:flex;gap:10px;align-items:center;min-width:0}.ac-mini li>span:last-child{display:flex;flex-direction:column;min-width:0}
.ac-mini b{font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ac-mini small{font-size:13px;color:#6e6e73}
.ac-th{width:44px;height:44px;border-radius:10px;background:#f5f5f7;display:grid;place-items:center;flex:none;overflow:hidden;padding:4px}
.ac-th svg{max-width:100%;max-height:100%}
.ac-leeg{border:1px dashed #d2d2d7;background:none}
.ac-cnt{list-style:none;margin:0;padding:0}.ac-cnt li{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #f0f0f2;font-size:14px}.ac-cnt li:last-child{border:0}
/* lijsten */
.ac-list{list-style:none;margin:0;padding:0;background:#fff;border-radius:18px;box-shadow:0 1px 3px rgba(0,0,0,.04);overflow:hidden}
.ac-list>li+li{border-top:1px solid #f0f0f2}
.ac-row{display:flex;align-items:center;gap:14px;padding:14px 18px;min-height:72px}
.acv .ac-link{color:#1d1d1f!important;text-decoration:none!important}.acv .ac-link:hover{background:#fafafa}
.ac-ths{display:flex;gap:6px;flex:none}
.ac-rt{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.ac-rt b{font-size:15px;font-weight:600}.ac-rt span{font-size:13px;color:#6e6e73}
.ac-ra{display:flex;align-items:center;gap:8px;flex:none}
.ac-chev{font-size:22px;color:#86868b;line-height:1}
.ac-empty{background:#fff;border-radius:18px;padding:32px 24px;text-align:center}.ac-empty .ac-p{max-width:460px;margin:0 auto 16px!important}
/* aanmelden */
.ac-auth{max-width:440px;margin:12px auto 0}
.ac-auth .m-seg{margin-bottom:18px}
.ac-form .f{margin-bottom:14px}
.ac-pw{position:relative}.ac-pw input{padding-right:78px!important}
.ac-show{position:absolute;right:6px;top:50%;transform:translateY(-50%);border:0;background:#e8e8ed;border-radius:980px;min-height:36px;padding:0 12px;font-size:13px;font-weight:500;color:#1d1d1f;cursor:pointer}
.ac-ferr:empty{display:none}.ac-ferr{margin:0 0 12px!important;font-size:14px;color:#c9001a!important}
.ac-or{display:flex;align-items:center;gap:12px;margin:18px 0;color:#6e6e73;font-size:13px}.ac-or:before,.ac-or:after{content:"";flex:1;height:1px;background:#d2d2d7}
.ac-msg{background:#fff;border:1px solid #d2d2d7;border-radius:14px;padding:12px 14px;margin:0 0 16px!important;font-size:14px;line-height:1.45}
.ac-mlink{margin-top:14px!important}.ac-mlink p{margin:4px 0 12px!important;color:#424245}
.ac-auth .ac-demo{margin-top:18px!important}
/* offerte */
.ac-ostat .ac-p{margin-top:12px!important}
.ac-steps{list-style:none;margin:0;padding:0;display:flex;gap:6px;flex-wrap:wrap}
.ac-steps li{display:flex;align-items:center;gap:8px;font-size:14px;color:#6e6e73;padding-right:6px}
.ac-steps li+li:before{content:"";width:28px;height:1px;background:#d2d2d7;margin-right:4px}
.ac-steps i,.ac-tl i{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;border:1.5px solid #d2d2d7;font-size:12px;font-weight:600;color:#6e6e73;flex:none;background:#fff}
.ac-steps li.klaar,.ac-steps li.nu{color:#1d1d1f}.ac-steps li.nu{font-weight:600}
.ac-steps li.klaar i,.ac-tl li.klaar i{background:#1d1d1f;border-color:#1d1d1f;color:#fff}
.ac-steps li.nu i,.ac-tl li.nu i{border-color:#1d1d1f;color:#1d1d1f;box-shadow:0 0 0 3px rgba(29,29,31,.1)}
.ac-doc{background:#fff;border-radius:18px;padding:32px!important;box-shadow:0 1px 3px rgba(0,0,0,.04)}
.ac-dh{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap;padding-bottom:18px;border-bottom:1px solid #e8e8ed}
.ac-logo{display:block;font-size:13px;font-weight:600;color:#6e6e73;margin-bottom:4px}
.acv .ac-dh h3{font-size:22px!important;margin:0!important}
.ac-stamp{border:1.5px solid #1d1d1f;border-radius:8px;padding:6px 10px;font-size:13px;font-weight:600;white-space:nowrap}
.ac-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:18px 0 22px}
.ac-meta.s{grid-template-columns:repeat(2,minmax(0,1fr));margin:0 0 12px}
.ac-meta dt{font-size:12px;color:#6e6e73;margin-bottom:2px}.ac-meta dd{margin:0;font-size:14px;line-height:1.45}
.ac-tab{width:100%;border-collapse:collapse;font-size:14px}
.ac-tab th{text-align:left;font-size:12px;font-weight:600;color:#6e6e73;padding:8px;border-bottom:1px solid #d2d2d7}
.ac-tab td{padding:12px 8px;border-bottom:1px solid #f0f0f2;vertical-align:top}
.ac-tab .n{text-align:right;white-space:nowrap}
.ac-ti{display:flex;gap:12px}.ac-ti b{font-weight:600}.ac-ti small{display:block;font-size:12px;color:#6e6e73}.ac-ti p{margin:3px 0 0!important;font-size:13px;color:#424245;line-height:1.45}
.ac-tot{max-width:420px;margin:16px 0 0 auto}
.ac-note{font-size:13px;line-height:1.5;color:#424245!important;background:#f5f5f7;border-radius:12px;padding:12px 14px;margin-top:18px!important}
.ac-hist{margin-top:18px!important}.ac-hist ul{list-style:none;margin:0;padding:0}.ac-hist li{display:flex;justify-content:space-between;gap:12px;font-size:13px;padding:6px 0;border-bottom:1px solid #f0f0f2}.ac-hist li span{color:#6e6e73}
/* bestelling */
.ac-bgrid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:16px;align-items:start}
.ac-bgrid .ac-card{margin:0!important}
.ac-tl{list-style:none;margin:0;padding:0}
.ac-tl li{display:flex;gap:12px;position:relative;padding-bottom:18px}
.ac-tl li:not(:last-child):before{content:"";position:absolute;left:12.5px;top:28px;bottom:2px;width:1.5px;background:#d2d2d7}
.ac-tl li.klaar:not(:last-child):before{background:#1d1d1f}
.ac-tl b{font-size:15px;font-weight:600;display:flex;align-items:center;gap:8px}.ac-tl p{margin:2px 0 0!important;font-size:13px;color:#6e6e73!important;line-height:1.45}
.ac-tl li:not(.klaar):not(.nu) b{color:#6e6e73}
.ac-items{list-style:none;margin:0 0 6px;padding:0}
.ac-it{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid #f0f0f2}.ac-it>div{flex:1;min-width:0}
.ac-r1{display:flex;justify-content:space-between;gap:10px;font-size:14px}.ac-r1 b{font-weight:600}
.ac-it p{margin:3px 0 4px!important;font-size:13px;color:#6e6e73!important;line-height:1.45}
.acv .ac-it .m-lnk{font-size:13px;font-weight:500}
/* gegevens */
.ac-fg{display:grid;grid-template-columns:1fr 1fr;gap:0 12px;margin-top:4px}.ac-fg .full{grid-column:1/-1}
.ac-fg[id]{margin-top:14px}
.ac-lab{display:block;font-size:13px;font-weight:500;margin-bottom:6px}
.acv .ac-card .m-seg{max-width:420px}
.acv .ac-card>.f{margin-bottom:12px}
.acv .ac-card .m-chk{margin-top:10px}
.acv input[readonly]{background:#f5f5f7;color:#424245}
.ac-save{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:4px 0 24px}
.ac-gdpr{margin-top:8px!important}
.acv .ac-danger{background:#c9001a;color:#fff!important}.acv .ac-danger:hover{background:#a30015}
.ac-del{margin-top:16px;border:1px solid #f1c4ca;background:#fff7f8;border-radius:14px;padding:16px}
.ac-offer{margin-top:16px}.ac-offer p{margin:4px 0 0!important;font-size:14px;color:#424245}
/* mobiel */
@media (max-width:900px){.ac-grid{grid-template-columns:minmax(0,1fr);gap:16px}.ac-side{position:static;gap:10px;min-width:0}.ac-who,.acv .ac-uit{display:none}
 .ac-tabs{flex-direction:row;overflow-x:auto;scrollbar-width:none;margin:0 -24px;padding:2px 24px;gap:6px}.ac-tabs::-webkit-scrollbar{display:none}
 .acv .ac-tabs a{flex:none;min-height:36px;border-radius:980px;padding:0 14px;font-size:14px;background:#e8e8ed}.acv .ac-tabs a[aria-current]{background:#1d1d1f;color:#fff!important;box-shadow:none}
 .ac-cards{grid-template-columns:1fr}.ac-bgrid{grid-template-columns:1fr}.ac-meta{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.ac-top .in{padding:8px 16px;min-height:52px}.ac-badge{display:none}.ac-wrap{padding:18px 16px 100px}.ac-tabs{margin:0 -16px;padding:2px 16px}
 .acv h2{font-size:24px!important}.acv .ac-card{padding:16px!important}.ac-doc{padding:18px!important}.ac-fg{grid-template-columns:1fr}
 .ac-row{flex-wrap:wrap;padding:14px 16px;gap:10px}.ac-proj .ac-ra{width:100%}.ac-proj .ac-rt{flex-basis:100%}.ac-proj .ac-ra .m-btn{flex:1}.ac-ths .ac-th{width:36px;height:36px}
 .ac-tab thead{display:none}.ac-tab,.ac-tab tbody,.ac-tab tr,.ac-tab td{display:block;width:100%}.ac-tab tr{display:grid;grid-template-columns:repeat(3,auto);gap:4px 12px;padding:12px 0;border-bottom:1px solid #f0f0f2}
 .ac-tab td{border:0;padding:0}.ac-tab td:first-child{display:none}.ac-tab td:nth-child(2){grid-column:1/-1}.ac-tab td.n{text-align:left;font-size:13px;color:#424245}
 .ac-tab td:nth-child(3):before{content:"Aantal ";color:#6e6e73}.ac-tab td:nth-child(4):before{content:"Stuk excl. ";color:#6e6e73}.ac-tab td:nth-child(5){text-align:right;font-weight:600;color:#1d1d1f}
 .ac-stamp{white-space:normal}.ac-steps li+li:before{width:12px}.ac-auth{margin-top:0}}
/* print offerte */
@media print{
 body.ac-printing>*:not(.acv){display:none!important}
 body.ac-printing .acv{position:static!important;opacity:1!important;visibility:visible!important;overflow:visible!important;background:#fff!important;display:block!important}
 body.ac-printing .ac-top,body.ac-printing .ac-side,body.ac-printing .ac-head,body.ac-printing .ac-demo,body.ac-printing .ac-ostat{display:none!important}
 body.ac-printing .ac-wrap{padding:0!important;max-width:none!important}body.ac-printing .ac-grid{display:block!important}
 body.ac-printing .ac-doc{box-shadow:none!important;padding:0!important;border-radius:0!important;color:#000}
 body.ac-printing .acv .ac-dh h3{font-size:18pt!important}
 body.ac-printing .ac-tab tr{break-inside:avoid}body.ac-printing .ac-th{background:#fff;border:1px solid #ddd}
 @page{margin:16mm}}