/* 201.34 - rustige Mijn Van Hameren accountpagina zonder dubbele blokken */
.customer-is-authenticated .customer-main--account{padding-top:18px!important}
.customer-dashboard--20134{display:grid!important;gap:16px!important;width:100%;max-width:none;margin:0}
.customer-dashboard--20134 .portal-view{display:grid;gap:16px;min-width:0;scroll-margin-top:20px}
.customer-dashboard--20134 .portal-view[hidden]{display:none!important}

.customer-welcome--20134{display:flex!important;align-items:center;justify-content:space-between;gap:24px;padding:20px 22px!important;border:1px solid #d7e5eb!important;border-radius:18px!important;background:#fff!important;box-shadow:0 7px 22px rgba(16,60,82,.045)!important}
.customer-welcome--20134 h2{margin:5px 0 5px;color:#073a5d;font-size:clamp(1.55rem,2.4vw,2.05rem);line-height:1.1}
.customer-welcome--20134 p{margin:0;color:#627b89;font-size:.94rem;line-height:1.45}
.customer-welcome--20134 .customer-portal-tag{color:#008acb!important;font-size:.69rem!important;font-weight:800!important;letter-spacing:.12em}
.customer-welcome--20134 .customer-welcome-meta{display:flex;flex-wrap:wrap;gap:7px 10px;align-items:center;margin-top:10px;color:#617a88;font-size:.76rem}
.customer-welcome--20134 .customer-badge{padding:4px 8px;font-size:.7rem}
.customer-welcome-actions--20134{display:flex!important;flex-wrap:wrap;justify-content:flex-end;gap:8px;margin:0!important;flex:0 0 auto}
.customer-welcome-actions--20134 .customer-button{width:auto!important;min-height:42px;padding:9px 14px!important;white-space:nowrap}

.portal-primary-menu--20134{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin:0;padding:0;background:transparent!important;box-shadow:none!important;overflow:visible!important}
.customer-dashboard--20134.is-private .portal-primary-menu--20134{grid-template-columns:repeat(3,minmax(0,1fr))}
.portal-primary-menu--20134 button{appearance:none;display:grid!important;grid-template-columns:42px minmax(0,1fr) auto;gap:11px;align-items:center;min-height:76px;padding:13px 14px;border:1px solid #d7e5eb!important;border-radius:15px!important;background:#fff!important;color:#123f5c!important;text-align:left;cursor:pointer;box-shadow:0 5px 16px rgba(17,61,83,.035)!important;transition:.15s ease}
.portal-primary-menu--20134 button:hover,.portal-primary-menu--20134 button:focus-visible{border-color:#8fc9df!important;background:#f7fcfe!important;outline:none;box-shadow:0 8px 20px rgba(0,126,183,.07)!important}
.portal-primary-menu--20134 button.active,.portal-primary-menu--20134 button[aria-selected="true"]{border-color:#078fc5!important;background:#eef9fd!important;box-shadow:0 8px 20px rgba(0,126,183,.09)!important}
.portal-menu-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#eaf7fb;color:#078fc5}
.portal-primary-menu--20134 button.active .portal-menu-icon{background:#078fc5;color:#fff}
.portal-menu-icon .portal-icon{width:23px;height:23px}
.portal-menu-copy{display:grid;gap:2px;min-width:0}
.portal-menu-copy strong{color:#0d4161;font-size:.9rem;font-weight:750;line-height:1.2}
.portal-menu-copy small{color:#718894;font-size:.7rem;line-height:1.25}
.portal-primary-menu--20134 button>b{display:grid;place-items:center;min-width:30px;height:30px;padding:0 7px;border-radius:999px;background:#f1f6f8;color:#0d5d83;font-size:.78rem;font-weight:800}
.portal-primary-menu--20134 button.active>b{background:#dff3fb;color:#0077ad}

.portal-main-section--20134,.portal-latest-section--20134,.customer-account-section--20134{padding:20px!important;border:1px solid #d7e5eb!important;border-radius:17px!important;background:#fff!important;box-shadow:0 7px 22px rgba(16,60,82,.04)!important}
.portal-section-head--20134{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid #e3ecef}
.portal-section-head--20134 h2{margin:3px 0 4px;color:#0a3f61;font-size:1.28rem;letter-spacing:-.015em}
.portal-section-head--20134 p{margin:0;color:#6b8390;font-size:.84rem;line-height:1.45}
.portal-section-head--20134 .customer-button{width:auto!important}

.portal-latest-section--20134 .portal-latest-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.portal-latest-section--20134 .portal-latest-card{height:100%}
.portal-latest-section--20134 .portal-latest-body>small{color:#5f7d8d;font-weight:650}

.customer-account-section--20134 .customer-section-title{margin-bottom:15px}
.customer-account-section--20134 .customer-section-title h2{margin:3px 0 4px;color:#0a3f61;font-size:1.28rem}
.customer-account-section--20134 .customer-section-title p{margin:0;color:#6b8390;font-size:.84rem}

@media(max-width:980px){
  .portal-primary-menu--20134,.customer-dashboard--20134.is-private .portal-primary-menu--20134{grid-template-columns:repeat(2,minmax(0,1fr))}
  .portal-latest-section--20134 .portal-latest-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}

@media(max-width:760px){
  .customer-is-authenticated .customer-main--account{padding:12px!important}
  .customer-dashboard--20134{gap:12px!important}
  .customer-welcome--20134{display:block!important;padding:17px!important;border-radius:15px!important}
  .customer-welcome--20134 h2{font-size:1.55rem}
  .customer-welcome-actions--20134{display:grid!important;grid-template-columns:1fr 1fr;margin-top:14px!important;width:100%}
  .customer-welcome-actions--20134 .customer-button{justify-content:center;width:100%!important;min-width:0}
  .customer-welcome-actions--20134 .customer-button--primary{grid-column:1/-1}

  .portal-primary-menu--20134,.customer-dashboard--20134.is-private .portal-primary-menu--20134{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;overflow:visible!important;padding:0!important}
  .customer-dashboard--20134.is-private .portal-primary-menu--20134 button:last-child{grid-column:1/-1}
  .portal-primary-menu--20134 button{grid-template-columns:36px minmax(0,1fr) auto;min-height:66px;padding:10px;border-radius:13px!important}
  .portal-menu-icon{width:36px;height:36px;border-radius:10px}
  .portal-menu-icon .portal-icon{width:20px;height:20px}
  .portal-menu-copy strong{font-size:.82rem}
  .portal-menu-copy small{display:none}
  .portal-primary-menu--20134 button>b{min-width:27px;height:27px;font-size:.72rem}

  .portal-main-section--20134,.portal-latest-section--20134,.customer-account-section--20134{padding:15px!important;border-radius:14px!important}
  .portal-section-head--20134{display:block;margin-bottom:13px;padding-bottom:12px}
  .portal-section-head--20134 .customer-button,.portal-section-head--20134 .portal-text-action{display:inline-flex;margin-top:10px}
  .portal-latest-section--20134 .portal-latest-grid{grid-template-columns:1fr;gap:11px}
  .portal-latest-section--20134 .portal-latest-card{display:grid;grid-template-columns:112px minmax(0,1fr);min-height:150px}
  .portal-latest-section--20134 .portal-latest-media{height:100%;min-height:150px;aspect-ratio:auto}
  .portal-latest-section--20134 .portal-latest-body{min-height:150px;padding:12px}
  .portal-latest-section--20134 .portal-latest-body h3{font-size:.93rem}

  .portal-main-section--20134 .portal-actions{display:grid!important;grid-template-columns:1fr;gap:8px;width:100%;margin-top:10px}
  .portal-main-section--20134 .portal-actions .customer-button{width:100%!important;justify-content:center}
  .portal-invoice-row{grid-template-columns:auto minmax(0,1fr)!important}
  .portal-invoice-row>strong,.portal-invoice-row>.customer-button,.portal-invoice-row>.portal-invoice-unavailable{grid-column:2!important;justify-self:start}
}

@media(max-width:420px){
  .customer-welcome-actions--20134{grid-template-columns:1fr}
  .customer-welcome-actions--20134 .customer-button--primary{grid-column:auto}
  .portal-primary-menu--20134 button{grid-template-columns:34px minmax(0,1fr) auto;padding:9px}
  .portal-menu-copy strong{font-size:.78rem}
  .portal-latest-section--20134 .portal-latest-card{grid-template-columns:100px minmax(0,1fr)}
}