/* ReservaPro v20 — navegación y espaciado global corregidos */
:root{--rp20-gold:#f2b84b;--rp20-gold-soft:rgba(242,184,75,.14);--rp20-gold-line:rgba(242,184,75,.34);--rp20-dark:#0a0f15;--rp20-dark-2:#111820;--rp20-muted:#b8c1cb}

/* Layout global: menos aire muerto entre sidebar y contenido */
.dashboard-wrapper{
  display:grid!important;
  grid-template-columns:238px minmax(0,1fr)!important;
  align-items:start!important;
  min-height:calc(100vh - 61px)!important;
  gap:0!important;
}
.sidebar{
  position:sticky!important;
  top:61px!important;
  left:auto!important;
  bottom:auto!important;
  width:auto!important;
  min-width:0!important;
  height:calc(100vh - 61px)!important;
  padding:14px 10px 16px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  background:linear-gradient(180deg,#080d12 0%,#0c131a 100%)!important;
  border-right:1px solid rgba(255,255,255,.06)!important;
  box-shadow:none!important;
  z-index:40!important;
}
.main-content-area{
  width:auto!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  background:radial-gradient(circle at 96% 4%,rgba(242,184,75,.055),transparent 24%),#f7f7f4!important;
}
.main-content-area>.rp-page,
.main-content-area>.an-page,
.main-content-area>.calendar-pro,
.main-content-area>.config-container,
.main-content-area>.container-fluid,
.main-content-area>.container,
.main-content-area>.prod-wrap,
.main-content-area>.bill-wrap,
.main-content-area>.sa-shell,
.rp-module-page{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:18px 20px 28px!important;
}
.sa-shell{max-width:none!important;margin:0!important;padding:18px 20px 28px!important}
.sa-panel{margin-bottom:14px!important}.sa-stats,.sa-v13-kpis{gap:10px!important}.sa-grid2,.sa-v13-dashboard-grid,.sa-v13-bottom-grid{gap:14px!important}.sa-plans,.sa-plans-crud{gap:12px!important}
.prod-wrap{max-width:none!important;margin:0!important;padding:18px 20px 28px!important}.prod-hero{max-width:none!important;margin:0 0 14px!important}.prod-grid{gap:14px!important}

/* Menú: normal neutro, dorado solo hover/activo */
.sidebar-nav{display:grid!important;gap:3px!important}
.sidebar .nav-item,
.sidebar-nav .nav-item{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  min-height:40px!important;
  margin:0!important;
  padding:9px 11px!important;
  border-radius:10px!important;
  border:1px solid transparent!important;
  background:transparent!important;
  color:#c2cbd5!important;
  font-size:12px!important;
  font-weight:650!important;
  box-shadow:none!important;
  transform:none!important;
  transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease!important;
}
.sidebar .nav-item svg,.sidebar-nav .nav-item svg{width:17px!important;height:17px!important;color:#9eabb8!important;transition:color .16s ease!important}
.sidebar .nav-item:hover,.sidebar-nav .nav-item:hover{
  background:linear-gradient(90deg,rgba(242,184,75,.13),rgba(242,184,75,.045))!important;
  border-color:rgba(242,184,75,.20)!important;
  color:#ffd77a!important;
  transform:translateX(2px)!important;
  box-shadow:none!important;
}
.sidebar .nav-item:hover svg,.sidebar-nav .nav-item:hover svg{color:#f2b84b!important}
.sidebar .nav-item.active,.sidebar-nav .nav-item.active{
  background:linear-gradient(90deg,rgba(242,184,75,.20),rgba(242,184,75,.075))!important;
  border-color:rgba(242,184,75,.34)!important;
  color:#ffd77a!important;
  box-shadow:inset 3px 0 0 #f2b84b!important;
  transform:none!important;
}
.sidebar .nav-item.active svg,.sidebar-nav .nav-item.active svg{color:#f2b84b!important}
.sidebar-footer{margin-top:14px!important;padding:13px!important;border-radius:13px!important}

/* Paneles y tarjetas más compactos */
.sa-panel,.rp-card,.an-card,.bill-card,.rp-panel,.card,.panel-card,.table-container{border-radius:16px!important}
.sa-panel,.rp-card,.an-card,.bill-card,.rp-panel{padding:16px!important}
.rp-page-head,.an-head,.rp-module-head,.sa-hero,.sa-summary-hero,.prod-hero{margin-bottom:14px!important}
.rp-grid-2,.rp-grid-3,.an-grid.two,.an-grid.three{gap:12px!important}
.rp-kpis,.an-kpis{gap:10px!important;margin-bottom:12px!important}

/* SuperAdmin por anclas: evita múltiples dorados simultáneos */
body.rp-route-superadmin .sidebar-nav .nav-item:not(.active){background:transparent!important;border-color:transparent!important;color:#c2cbd5!important;box-shadow:none!important}

/* Responsive: por debajo de 1080px la barra lateral es un menú desplegable (premium-global-v16 + premium-ui-v16.js). */
@media(min-width:1081px) and (max-width:1100px){
  .dashboard-wrapper{grid-template-columns:218px minmax(0,1fr)!important}
}
@media(max-width:1080px){
  .sidebar{position:fixed!important;left:-280px!important;top:61px!important;width:260px!important;height:calc(100vh - 61px)!important;overflow-y:auto!important;z-index:850!important;transition:left .22s ease;background:#0b1016!important;box-shadow:20px 0 50px rgba(0,0,0,.35)!important}
  .sidebar.is-open{left:0!important}
  .sidebar-nav{display:flex!important;flex-direction:column!important;min-width:0!important}
  .dashboard-wrapper{display:block!important}
  .main-content-area{width:100%!important}
  .main-content-area>.rp-page,.main-content-area>.an-page,.main-content-area>.calendar-pro,.main-content-area>.config-container,.main-content-area>.container-fluid,.main-content-area>.container,.main-content-area>.prod-wrap,.main-content-area>.bill-wrap,.main-content-area>.sa-shell,.rp-module-page{padding:12px!important}
}