/* Force 2-column layout + keep content from wrapping under the menu */
.elementor-widget-account_area .aae-wrap{
  display:grid;
  grid-template-columns:260px minmax(0,1fr);
  gap:0;
  align-items:stretch;
  min-height:100vh;
}

.elementor-widget-account_area .aae-side{height:100%}
.elementor-widget-account_area .aae-main{margin:0}

/* Left menu basics (no colors here so Elementor can style) */
.elementor-widget-account_area .aae-menu{list-style:none;margin:0;padding:0}
.elementor-widget-account_area .aae-menu li{margin:0; border-bottom:1px solid #fff} /* white divider by default */
.elementor-widget-account_area .aae-menu a{display:block; padding:12px 16px; text-decoration:none}
.elementor-widget-account_area .aae-menu li:last-child{border-bottom:0}

/* Content area padding so it doesn’t look cramped */
.elementor-widget-account_area .aae-section{padding:20px}

/* Hide inactive sections */
.elementor-widget-account_area .aae-section[hidden]{display:none !important}

/* CRM grid mechanics */
.elementor-widget-account_area .aae-crm-grid{
  --aae-crm-cols:2;
  display:grid;
  grid-template-columns:repeat(var(--aae-crm-cols), minmax(0,1fr));
  gap:16px;
}

/* CRM item layout: subtle separation between label and value */
.elementor-widget-account_area .aae-crm-item{display:flex; align-items:baseline; gap:8px; padding:4px 0}
.elementor-widget-account_area .aae-crm-item .aae-crm-label{font-weight:600}
.elementor-widget-account_area .aae-crm-item .aae-crm-label::after{content:":"; opacity:.6; margin-left:6px}
.elementor-widget-account_area .aae-crm-item--heading .aae-crm-label::after{content:""}

/* Responsive: stack on small screens */
@media (max-width: 900px){
  .elementor-widget-account_area .aae-wrap{grid-template-columns:1fr}
}