:root{--blue:#0b65c2;--ink:#0f172a;--muted:#64748b;--line:#dbe7f3;--soft:#eef6ff;--green:#11a36a;--bg:#f4f8fc}
.hcSide{position:fixed;inset:0 auto 0 0;width:248px;background:linear-gradient(180deg,#07172e 0%,#0b3a6b 55%,#0a5a7a 100%);color:#fff;padding:18px 14px;display:flex;flex-direction:column;z-index:40;box-shadow:12px 0 32px rgba(7,23,46,.18);overflow:auto}
.hcSideBrand{background:#fff;border-radius:16px;padding:8px 10px;display:flex;justify-content:center;margin-bottom:18px}
.hcSideBrand img{height:42px;width:auto;display:block}
.hcSideNav{display:flex;flex-direction:column;gap:5px}
.hcSideNav a{color:#e8f1fb;text-decoration:none;border-radius:12px;padding:9px 12px;font-weight:700;font-size:13.5px;display:block}
.hcSideNav a:hover{background:rgba(255,255,255,.1)}
.hcSideNav a.active{background:#fff;color:#0b65c2}
.hcSideMeta{margin-top:auto;padding-top:16px;border-top:1px solid rgba(255,255,255,.15);font-size:12px;color:#c9d9ea;word-break:break-all}
.hcSideMeta a{color:#fff;font-weight:800;display:inline-block;margin-top:8px;text-decoration:none;background:rgba(255,255,255,.14);border-radius:999px;padding:8px 12px}
.hcSideMeta a.admin{background:#fff;color:#0b65c2}
body.hcAccountApp{margin:0;background:#eef3f8;padding-left:292px;font-family:Inter,Arial,sans-serif;color:var(--ink)}
body.hcAccountApp.portalIndexHeaderFixed{background:#eef3f8!important}
body.hcAccountApp .nav,body.hcAccountApp .hero,body.hcAccountApp .heroSidebar,body.hcAccountApp .seoCards,body.hcAccountApp .seoAnswer,body.hcAccountApp footer.siteFoot,body.hcAccountApp .portalNav,body.hcAccountApp aside.rail,body.hcAccountApp .seoKnowledge,body.hcAccountApp .clientHero{display:none!important}
body.hcAccountApp .wrap,body.hcAccountApp .shell{max-width:none;margin:0;padding:32px 40px 64px 40px}
body.hcAccountApp .shell > .grid{display:block!important;grid-template-columns:1fr!important}
body.hcAccountApp .main{width:100%;max-width:1180px}

/* Ingelogde calculator: app-workspace naast de balk */
body.hcAccountApp.hcMapWorkspace{padding:0 0 0 248px;background:#e8eef5;overflow:auto}
body.hcAccountApp.hcMapWorkspace .wrap{padding:0;height:auto;overflow:visible}
body.hcAccountApp.hcMapWorkspace #calculator{
  display:grid!important;
  grid-template-columns:minmax(340px,420px) minmax(0,1fr)!important;
  gap:0!important;
  margin:0!important;
  min-height:100vh;
  background:#fff;
  border:0;
}
body.hcAccountApp.hcMapWorkspace #calculator>.panel{
  border-radius:0!important;
  box-shadow:none!important;
  border:0!important;
}
body.hcAccountApp.hcMapWorkspace #calculator>.panel:first-child{
  padding:22px 26px 36px!important;
  border-right:1px solid #dbe7f3!important;
}
body.hcAccountApp.hcMapWorkspace #calculator>.printMapPanel{
  padding:16px 18px 24px!important;
  overflow:auto;
  background:#f7fbff;
}
body.hcAccountApp.hcMapWorkspace #map{min-height:52vh;height:min(58vh,640px)!important}
body.hcAccountApp.hcMapWorkspace .startBox,body.hcAccountApp.hcMapWorkspace .saveAddressBox{display:block!important;margin:0 0 14px;padding:12px 14px}
body.hcAccountApp.hcMapWorkspace #tarieven,body.hcAccountApp.hcMapWorkspace .wrap>.panel:not(#calculator){margin:16px 20px 24px!important;max-width:none}
.hcNavToggle{position:absolute;left:-9999px}
.hcTopbar,.hcNavScrim{display:none!important}
@media(max-width:980px){
  .hcTopbar{display:flex!important;position:sticky;top:0;z-index:50;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;background:linear-gradient(135deg,#07172e 0%,#0b3a6b 58%,#0a5a7a 100%);box-shadow:0 10px 28px rgba(7,23,46,.2)}
  .hcTopbar::after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:3px;background:linear-gradient(90deg,#f6b743,#fff3bf,#11a36a)}
  .hcTopLogo{background:#fff;border-radius:14px;padding:6px 10px;display:flex}
  .hcTopLogo img{height:36px;width:auto;display:block}
  .hcBurger{color:#fff;background:rgba(255,255,255,.16);border-radius:999px;padding:9px 14px;font-weight:800;font-size:14px;cursor:pointer}
  .hcNavScrim{display:block;position:fixed;inset:0;background:rgba(7,23,46,.48);z-index:55;opacity:0;pointer-events:none;transition:opacity .2s}
  .hcNavToggle:checked ~ .hcNavScrim{opacity:1;pointer-events:auto}
  .hcSide{position:fixed!important;inset:0 auto 0 0!important;width:min(280px,86vw)!important;flex-direction:column!important;flex-wrap:nowrap!important;transform:translateX(-105%);transition:transform .22s ease;z-index:60;align-items:stretch!important}
  .hcNavToggle:checked ~ .hcSide{transform:none}
  .hcSideBrand{margin-bottom:18px!important}
  .hcSideNav{flex-direction:column!important}
  .hcSideMeta{margin-top:auto!important;border-top:1px solid rgba(255,255,255,.15)!important;padding-top:16px!important}
  body.hcAccountApp,body.hcAccountApp.hcMapWorkspace{padding-left:0!important;overflow:auto}
  body.hcAccountApp .wrap,body.hcAccountApp .shell{padding:18px 16px 40px}
  body.hcAccountApp.hcMapWorkspace .wrap{padding:0;height:auto;overflow:visible}
  body.hcAccountApp.hcMapWorkspace #calculator{grid-template-columns:1fr!important;min-height:0;height:auto}
  body.hcAccountApp.hcMapWorkspace #calculator>.panel:first-child{border-right:0!important;border-bottom:1px solid #dbe7f3!important;padding:18px 16px 24px!important}
  body.hcAccountApp.hcMapWorkspace #calculator>.printMapPanel{padding:14px 12px 20px!important}
  body.hcAccountApp.hcMapWorkspace #map{min-height:42vh;height:42vh!important}
  body.hcAccountApp.hcMapWorkspace #tarieven,body.hcAccountApp.hcMapWorkspace .wrap>.panel:not(#calculator){margin:12px 12px 20px!important}
}