/* AdsSpaceHub Sprint 3-7
   Consolidación del layout oficial del dashboard.
   Objetivo: eliminar la barra gris/espaciador entre sidebar y contenido. */

:root{
  --ash-sidebar-width:260px;
  --ash-dashboard-bg:#fff;
  --ash-dashboard-content-bg:#fff;
}

html, body.dash-body{
  margin:0!important;
  min-height:100%!important;
  background:var(--ash-dashboard-bg)!important;
  overflow-x:hidden!important;
}

body.dash-body .dash-shell{
  min-height:100vh!important;
  display:grid!important;
  grid-template-columns:var(--ash-sidebar-width) minmax(0,1fr)!important;
  gap:0!important;
  background:#fff!important;
}

body.dash-body .sidebar{
  width:var(--ash-sidebar-width)!important;
  min-width:var(--ash-sidebar-width)!important;
  max-width:var(--ash-sidebar-width)!important;
  height:100vh!important;
  position:sticky!important;
  top:0!important;
  left:0!important;
  margin:0!important;
  border:0!important;
  border-right:0!important;
  box-shadow:none!important;
  z-index:20!important;
  overflow-y:auto!important;
}

body.dash-body .dash-main{
  min-width:0!important;
  width:100%!important;
  margin:0!important;
  margin-left:0!important;
  padding:1.75rem 2rem 2.25rem!important;
  background:var(--ash-dashboard-content-bg)!important;
  border-left:0!important;
  box-shadow:none!important;
}

/* Elimina contenedores o divisores heredados de plantillas anteriores. */
body.dash-body .dashboard-wrapper,
body.dash-body .content-wrapper,
body.dash-body .main-wrapper,
body.dash-body .page-wrapper{
  margin-left:0!important;
  border-left:0!important;
  border-radius:18px!important;
  box-shadow:none!important;
  overflow:visible!important;
  background:transparent!important;
}

body.dash-body .dashboard-wrapper::before,
body.dash-body .dashboard-wrapper::after,
body.dash-body .dash-main::before,
body.dash-body .dash-main::after,
body.dash-body .sidebar::after{
  content:none!important;
  display:none!important;
}

/* Mejor aprovechamiento del ancho en formularios y tarjetas. */
body.dash-body .ash-card,
body.dash-body .card,
body.dash-body .booking-card,
body.dash-body .chart-card,
body.dash-body .reservations-card{
  max-width:100%!important;
}

body.dash-body form .row{
  --bs-gutter-x:1rem;
  --bs-gutter-y:1rem;
}

body.dash-body .form-control,
body.dash-body .form-select,
body.dash-body textarea.form-control{
  width:100%!important;
}

body.dash-body .dashboard-titlebar,
body.dash-body .page-head,
body.dash-body .topbar{
  max-width:100%!important;
}

body.dash-body .table-responsive{
  width:100%!important;
}

body.dash-body .sidebar a{
  white-space:nowrap!important;
}

@media (min-width:1400px){
  body.dash-body .dash-main{
    padding-left:2.25rem!important;
    padding-right:2.25rem!important;
  }
}

@media (max-width:991.98px){
  body.dash-body .dash-shell{
    display:block!important;
  }
  body.dash-body .sidebar{
    width:100%!important;
    min-width:100%!important;
    max-width:100%!important;
    height:auto!important;
    position:relative!important;
    border-radius:0!important;
  }
  body.dash-body .dash-main{
    width:100%!important;
    padding:1rem!important;
  }
}