.customer-shell{min-height:100vh;background:#f3f8fc;padding:28px 16px;display:grid;place-items:center}.customer-card{width:min(100%,560px);background:#fff;border:1px solid #dbe7ef;border-radius:20px;padding:30px;box-shadow:0 18px 50px rgba(7,25,42,.08)}.customer-logo{display:block;margin-bottom:22px}.customer-logo img{display:block;width:min(330px,100%);height:auto}.customer-card h1{margin:0 0 10px}.customer-form{display:grid;gap:15px;margin-top:22px}.customer-form label{font-weight:700}.customer-form input{display:block;width:100%;box-sizing:border-box;margin-top:7px;padding:13px;border:1px solid #cbd9e4;border-radius:10px;font:inherit}.customer-check{display:flex!important;gap:10px;align-items:flex-start;font-weight:500!important}.customer-check input{width:auto!important;margin:4px 0 0!important}.customer-alert{padding:13px 15px;border-radius:11px;margin:18px 0}.customer-alert.error{background:#fff0f0;border:1px solid #efc1c1}.customer-alert.success{background:#edf9f1;border:1px solid #b9dfc6}.customer-foot{text-align:center;margin:18px 0 0}.account-payment{margin:16px 0;padding:15px;border:1px solid #cfe2ef;border-radius:14px;background:#f5fbff}.account-payment label{display:flex;gap:10px;align-items:flex-start}.account-payment input{width:auto;margin-top:4px}.account-status{margin:0 0 14px;padding:12px 14px;border-radius:12px;background:#eef7ff}.account-nav{font-weight:800}@media(max-width:600px){.customer-shell{padding:14px}.customer-card{padding:22px 18px;border-radius:16px}.customer-logo img{width:240px}}

.password-field{position:relative;margin-top:7px}.password-field input{margin-top:0;padding-right:92px}.password-toggle{position:absolute;right:6px;top:50%;transform:translateY(-50%);border:0;background:#eef5fa;border-radius:8px;padding:8px 10px;font:inherit;font-size:.9rem;font-weight:700;cursor:pointer}.password-meter{height:7px;background:#e7eef3;border-radius:999px;overflow:hidden;margin-top:9px}.password-meter span{display:block;height:100%;width:0;background:#9aa9b5;transition:width .2s ease,background .2s ease}.password-meter span[data-score="3"],.password-meter span[data-score="4"]{background:#c58a19}.password-meter span[data-score="5"]{background:#25834b}.password-strength{margin-top:7px;font-size:.92rem;font-weight:700}.password-strength[data-score="1"]{color:#a63232}.password-strength[data-score="3"]{color:#8a5c00}.password-strength[data-score="5"]{color:#176b39}.password-rules{list-style:none;padding:0;margin:8px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:5px 12px;font-size:.88rem;font-weight:500;color:#657581}.password-rules li:before{content:"○";display:inline-block;width:18px}.password-rules li.ok{color:#176b39}.password-rules li.ok:before{content:"✓";font-weight:900}@media(max-width:600px){.password-rules{grid-template-columns:1fr}.password-toggle{min-height:40px;padding:7px 10px}.password-field input{padding-right:96px}}

/* Klantlogin en registratie in dezelfde uitstraling als de hoofdsite */
.site-logo-img{display:block;width:330px;height:auto;max-width:100%;object-fit:contain;object-position:left center}.site-header .nav-wrap{min-height:96px}.customer-page{background:#f4f9fd}.customer-hero{padding:64px 0 72px;background:linear-gradient(180deg,#edf7fd 0%,#f8fbfd 100%)}.customer-page-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,520px);gap:56px;align-items:center}.customer-intro h1{font-size:clamp(2.25rem,5vw,4rem);line-height:1.02;margin:10px 0 18px}.customer-intro .lead{max-width:650px}.customer-benefits{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.customer-benefits span{background:#fff;border:1px solid #d8e8f2;border-radius:999px;padding:9px 12px;font-weight:700;color:#123d5d}.customer-card{width:100%;border-radius:20px;padding:30px;box-shadow:0 18px 50px rgba(7,25,42,.10)}.customer-card h2{margin:0 0 8px;font-size:1.65rem}.customer-shell{min-height:auto}.customer-form .btn{margin-top:4px}.customer-form input:focus{outline:3px solid rgba(18,103,214,.12);border-color:#1267d6}.customer-foot a,.customer-check a{font-weight:800}.customer-alert.success{color:#155c34}.customer-alert.error{color:#842c2c}
@media(max-width:900px){.customer-page-grid{grid-template-columns:1fr;gap:28px}.customer-hero{padding:38px 0 52px}.customer-intro{text-align:center}.customer-intro .lead{margin-left:auto;margin-right:auto}.customer-benefits{justify-content:center}.site-logo-img{width:210px;max-width:calc(100vw - 105px)}.site-header .nav-wrap{min-height:90px;gap:12px}}
@media(max-width:600px){.customer-hero{padding:24px 0 38px}.customer-page-grid{gap:20px}.customer-intro h1{font-size:2.25rem}.customer-intro .lead{font-size:1rem}.customer-benefits{display:grid;justify-content:stretch;text-align:left}.customer-benefits span{border-radius:12px}.customer-card{padding:22px 18px;border-radius:16px}.customer-form input{font-size:16px;min-height:48px}.customer-form .btn{min-height:50px}.password-toggle{min-height:38px}.site-footer{margin-top:0}}

/* Wachtwoordsuggestie */
.password-suggestion{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:10px}.password-suggest-btn{appearance:none;border:1px solid currentColor;border-radius:10px;background:transparent;color:inherit;font:inherit;font-weight:700;padding:9px 12px;cursor:pointer}.password-suggest-btn:hover,.password-suggest-btn:focus-visible{background:rgba(255,255,255,.08)}.password-suggest-note{font-size:.88rem;line-height:1.35;opacity:.85}@media(max-width:640px){.password-suggestion{align-items:stretch}.password-suggest-btn{width:100%;min-height:44px}.password-suggest-note{display:block;width:100%}}


/* Mijn account / reserveringsoverzicht */
.account-hero{padding:52px 0 38px;background:linear-gradient(180deg,#edf7fd 0%,#f8fbfd 100%)}.account-heading{display:flex;justify-content:space-between;gap:32px;align-items:flex-end}.account-heading h1{font-size:clamp(2.1rem,5vw,3.7rem);margin:8px 0 12px}.account-heading p{max-width:760px;margin:0}.account-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.btn-ghost{background:#fff!important;color:#0755b5!important;border:1px solid #bfd5e5!important}.account-content{padding-top:34px}.account-list{display:grid;gap:22px}.order-card{background:#fff;border:1px solid #dbe7ef;border-radius:20px;padding:24px;box-shadow:0 12px 34px rgba(7,25,42,.07)}.order-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding-bottom:18px;border-bottom:1px solid #e4edf3}.order-ref{display:block;font-size:.82rem;font-weight:800;color:#587083;text-transform:uppercase;letter-spacing:.04em}.order-head h2{margin:5px 0 0;font-size:1.45rem}.status-pill{display:inline-flex;align-items:center;border-radius:999px;padding:8px 11px;font-size:.85rem;font-weight:800;white-space:nowrap;background:#eef4f8;color:#345}.status-pill.ok,.status-pill.done{background:#eaf8ef;color:#176b39}.status-pill.bad{background:#fff0f0;color:#8a2d2d}.status-pill.open{background:#fff7e5;color:#805a00}.order-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:18px}.order-block{background:#f7fafc;border-radius:13px;padding:14px;min-width:0}.order-block span,.payment-summary span,.tracking-label{display:block;color:#617486;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;margin-bottom:5px}.order-block strong{display:block}.order-block small{display:block;color:#667988;margin-top:5px;overflow-wrap:anywhere}.payment-summary{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:1px;background:#dce7ef;border:1px solid #dce7ef;border-radius:14px;overflow:hidden;margin-top:16px}.payment-summary>div{background:#fff;padding:14px 16px}.payment-state.paid{color:#176b39}.payment-state.location{color:#0755b5}.tracking-box{margin-top:16px;padding:16px;border-radius:14px;background:#eef7ff;border:1px solid #cfe2ef;display:flex;align-items:center;justify-content:space-between;gap:18px}.tracking-box strong{display:block;overflow-wrap:anywhere}.account-empty{margin:0 auto;text-align:center;max-width:700px}.account-empty .btn{margin-top:10px}.main-nav .account-nav.active{text-decoration:underline;text-underline-offset:5px}
@media(max-width:900px){.account-heading{align-items:flex-start;flex-direction:column}.account-actions{justify-content:flex-start}.order-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.account-hero{padding:28px 0 24px}.account-heading h1{font-size:2.2rem}.account-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.account-actions .btn{text-align:center;min-height:46px;display:flex;align-items:center;justify-content:center}.account-content{padding-top:20px}.order-card{padding:18px 15px;border-radius:16px}.order-head{display:grid;gap:12px}.status-pill{justify-self:start}.order-grid{grid-template-columns:1fr}.payment-summary{grid-template-columns:1fr}.tracking-box{align-items:stretch;flex-direction:column}.tracking-box .btn{width:100%;text-align:center;min-height:46px;display:flex;align-items:center;justify-content:center}}

/* Klantdashboard */
.account-page{background:#f4f8fb}.account-hero{padding:38px 0 24px;background:linear-gradient(180deg,#eef7fc 0%,#f4f8fb 100%)}.account-heading{display:flex;justify-content:space-between;gap:28px;align-items:flex-end}.account-heading h1{margin:.25rem 0 .5rem}.account-heading p{max-width:760px;margin:0;color:#536675}.eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;font-weight:800;color:#1970a3}.account-actions{display:flex;gap:10px;flex-wrap:wrap}.account-content{padding-top:24px}.account-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:30px}.account-stat{background:#fff;border:1px solid #dbe7ef;border-radius:16px;padding:18px;box-shadow:0 8px 26px rgba(7,25,42,.045)}.account-stat span{display:block;color:#637482;font-size:.88rem;font-weight:700;margin-bottom:7px}.account-stat strong{font-size:1.45rem}.account-orders-section{margin:0 0 34px}.account-section-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-end;margin:0 0 14px}.account-section-head h2{margin:0 0 4px}.account-section-head p{margin:0;color:#667784}.section-count{display:grid;place-items:center;min-width:34px;height:34px;border-radius:999px;background:#e4f2fa;color:#155f89;font-weight:800}.account-list{display:grid;gap:18px}.order-card{background:#fff;border:1px solid #dbe7ef;border-radius:18px;padding:22px;box-shadow:0 10px 30px rgba(7,25,42,.05)}.order-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding-bottom:16px;border-bottom:1px solid #e7eef3}.order-head h3{margin:4px 0 3px;font-size:1.22rem}.order-ref,.order-size{display:block;color:#667784;font-size:.85rem}.order-ref{font-weight:700}.status-pill{display:inline-flex;align-items:center;border-radius:999px;padding:7px 11px;font-size:.8rem;font-weight:800;white-space:nowrap}.status-pill.ok,.status-pill.done{background:#e8f7ee;color:#176b39}.status-pill.open{background:#fff5d9;color:#7c5700}.status-pill.bad{background:#ffeded;color:#9b2929}.order-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:18px 0}.order-block{min-width:0}.order-block>span,.payment-summary span,.tracking-label{display:block;color:#6a7a87;font-size:.78rem;font-weight:700;margin-bottom:5px}.order-block strong{display:block;font-size:.95rem;overflow-wrap:anywhere}.order-block small,.tracking-top small{display:block;margin-top:4px;color:#71818d}.payment-summary{display:grid;grid-template-columns:1.2fr 1fr 1fr auto;gap:12px;align-items:center;background:#f5f9fc;border:1px solid #e0eaf1;border-radius:14px;padding:14px}.payment-state.paid{color:#176b39}.payment-state.open{color:#8a5c00}.payment-action{justify-self:end}.tracking-panel{display:block;margin-top:14px;padding:16px;border:1px solid #cfe2ef;border-radius:14px;background:#f3faff}.tracking-top{display:flex;justify-content:space-between;gap:18px;align-items:center}.tracking-top strong{display:block}.shipping-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;margin-top:18px}.shipping-step{position:relative;padding-top:22px;text-align:center;color:#87949d;font-size:.76rem;font-weight:700}.shipping-step:before{content:"";position:absolute;top:7px;left:0;right:0;height:3px;background:#d8e3ea}.shipping-step:first-child:before{left:50%}.shipping-step:last-child:before{right:50%}.step-dot{position:absolute;z-index:1;top:2px;left:50%;width:13px;height:13px;border-radius:50%;transform:translateX(-50%);background:#d8e3ea;border:2px solid #f3faff}.shipping-step.done{color:#176b39}.shipping-step.done:before,.shipping-step.done .step-dot{background:#36a269}.shipping-step.current{color:#155f89}.shipping-step.current .step-dot{background:#2c87b8;box-shadow:0 0 0 4px #d9eef9}.account-empty{margin-inline:auto}
@media(max-width:850px){.account-heading{align-items:flex-start;flex-direction:column}.account-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.order-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.payment-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.payment-action{grid-column:1/-1;justify-self:stretch}.payment-action .btn{width:100%;text-align:center}.shipping-steps{overflow-x:auto;grid-template-columns:repeat(5,minmax(105px,1fr));padding-bottom:4px}}
@media(max-width:560px){.account-hero{padding:24px 0 16px}.account-actions{width:100%}.account-actions .btn{flex:1;text-align:center}.account-stats{gap:9px;margin-bottom:24px}.account-stat{padding:14px 12px}.account-stat span{font-size:.76rem}.account-stat strong{font-size:1.15rem}.order-card{padding:16px;border-radius:15px}.order-head{flex-direction:column;gap:10px}.order-grid{grid-template-columns:1fr 1fr;gap:16px 10px}.payment-summary{grid-template-columns:1fr 1fr}.payment-summary>div:first-child{grid-column:1/-1}.payment-action{grid-column:1/-1}.tracking-top{align-items:flex-start;flex-direction:column}.tracking-top .btn{width:100%;text-align:center}.shipping-steps{margin-left:-4px;margin-right:-4px}.account-section-head{align-items:flex-start}.account-section-head p{font-size:.9rem}}


/* Klantaanvraag: duidelijke status en nette footer op accountpagina's */
.customer-request-status{display:grid;gap:8px;line-height:1.5}
.customer-request-status strong{font-size:1.02rem}
.customer-request-status span{display:block}
.customer-request-status small{display:block;color:#496758;font-weight:700;margin-top:2px}

.site-footer .footer-grid{
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) minmax(0,1fr);
  gap:36px;
  align-items:start;
}
.site-footer .footer-brand p{margin:8px 0 0;max-width:360px}
.site-footer .footer-links{display:grid;gap:8px}
.site-footer .footer-links strong{color:#fff;margin-bottom:3px}
.site-footer .footer-links a{display:block;text-decoration:none;color:#c7d5e1}
.site-footer .footer-links a:hover{text-decoration:underline;color:#fff}

@media(max-width:600px){
  .site-footer{padding:30px 0 34px}
  .site-footer .container{width:min(100% - 36px,1160px)}
  .site-footer .footer-grid{grid-template-columns:1fr;gap:25px}
  .site-footer .footer-brand{padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.14)}
  .site-footer .footer-brand strong{display:block;color:#fff;font-size:1.05rem}
  .site-footer .footer-brand p{font-size:.92rem;line-height:1.55}
  .site-footer .footer-links{gap:0}
  .site-footer .footer-links strong{margin-bottom:9px}
  .site-footer .footer-links a{padding:7px 0;font-size:.94rem}
  .customer-request-status{margin:14px 0 18px;padding:15px}
}