/* CAB-PANE-r51 — remove legacy #cab-pane-modal from active cabinet UI.
   Scope: client cabinet panes only. Routes/API/DB unchanged. */

#cab-pane-modal,
.cab-pane-modal-overlay{
  display:none !important;
  visibility:hidden !important;
  pointer-events:none !important;
}

body[data-page="cabinet"] .cab-pane-source{
  display:none !important;
}

body[data-page="cabinet"] .cab-pane{
  width:100%;
  min-width:0;
}

body[data-page="cabinet"] .cab-pane.active{
  display:block !important;
  animation:pageIn .22s var(--ease, ease) both;
}

body[data-page="cabinet"] .cab-pane:not(.active){
  display:none !important;
}

body[data-page="cabinet"] .cab-pane > .container{
  width:min(100%, 1180px);
  max-width:1180px;
  margin-inline:auto;
}

body[data-page="cabinet"] .cab-pane-layout,
body[data-page="cabinet"] .profile-form-card,
body[data-page="cabinet"] .profile-side-card,
body[data-page="cabinet"] .cst-grid,
body[data-page="cabinet"] .cst-orders,
body[data-page="cabinet"] .loyalty-hero,
body[data-page="cabinet"] .settings-card{
  min-width:0;
}

body[data-page="cabinet"] .cab-pane .card,
body[data-page="cabinet"] .cab-pane .profile-form-card,
body[data-page="cabinet"] .cab-pane .profile-side-card{
  border-radius:22px;
  border:1px solid rgba(15,23,42,.08);
  box-shadow:0 12px 28px rgba(15,23,42,.055);
}

@media (min-width:768px){
  body[data-page="cabinet"] .cab-pane{
    padding:22px 0 calc(var(--bottom-nav-h, 72px) + 30px);
  }
  body[data-page="cabinet"] .cab-pane > .container{
    padding-inline:clamp(18px, 3vw, 38px);
  }
}

@media (min-width:1024px){
  body[data-page="cabinet"] .cab-pane{
    padding-top:28px;
  }
  body[data-page="cabinet"] .cab-pane > .container{
    width:min(100%, 1220px);
    max-width:1220px;
  }
}

@media (max-width:767px){
  body[data-page="cabinet"] .cab-pane{
    padding:16px 0 calc(var(--bottom-nav-h, 72px) + env(safe-area-inset-bottom,0px) + 18px);
  }
  body[data-page="cabinet"] .cab-pane > .container{
    padding-inline:14px;
  }
}