/* Diseño reversible: quitar el enlace a este archivo restaura el inicio anterior. */
@media (min-width:851px) {
  body:has(#viewDashboard:not([style*="display: none"]):not([style*="display:none"])) {
    --city-panel:linear-gradient(145deg,rgba(20,45,69,.82),rgba(6,24,41,.84));
    --city-nav:rgba(5,22,38,.68);
    --city-border:rgba(126,180,221,.27);
    background-color:#061321 !important;
    background-image:linear-gradient(90deg,rgba(3,15,27,.57),rgba(3,15,27,.38) 68%,rgba(3,15,27,.22)),url('assets/login-city.webp') !important;
    background-size:cover !important;
    background-position:center !important;
    background-attachment:fixed !important;
  }
  body:has(#viewDashboard:not([style*="display: none"]):not([style*="display:none"])) :is(.shell,main.main) {
    background:transparent !important;
  }
  body:has(#viewDashboard:not([style*="display: none"]):not([style*="display:none"])) :is(header.topnav,aside#sidebar.iconbar) {
    background:var(--city-nav) !important;
    border-color:var(--city-border) !important;
    backdrop-filter:blur(8px) !important;
    -webkit-backdrop-filter:blur(8px) !important;
    box-shadow:none !important;
  }
  body:has(#viewDashboard:not([style*="display: none"]):not([style*="display:none"])) main #viewDashboard .card.glass {
    background:var(--city-panel) !important;
    border-color:var(--city-border) !important;
    box-shadow:0 12px 28px rgba(0,0,0,.14),inset 0 1px 0 rgba(199,229,249,.03) !important;
    backdrop-filter:blur(10px) !important;
    -webkit-backdrop-filter:blur(10px) !important;
  }
  body:has(#viewDashboard:not([style*="display: none"]):not([style*="display:none"])) #viewDashboard :is(.dash-summary-legend,.dashboard-product-list,.dashboard-sales-messages) {
    background:rgba(7,24,40,.23) !important;
  }
  html[data-theme="light"] body:has(#viewDashboard:not([style*="display: none"]):not([style*="display:none"])) {
    --city-panel:linear-gradient(145deg,rgba(255,255,255,.92),rgba(238,247,254,.87));
    --city-nav:rgba(248,252,255,.88);
    --city-border:rgba(80,127,165,.27);
    background-image:linear-gradient(90deg,rgba(227,241,250,.8),rgba(235,245,253,.66)),url('assets/login-city.webp') !important;
  }
  html[data-theme="light"] body:has(#viewDashboard:not([style*="display: none"]):not([style*="display:none"])) #viewDashboard :is(.dash-summary-legend,.dashboard-product-list,.dashboard-sales-messages) {
    background:rgba(240,248,255,.62) !important;
  }
}
/* En móvil se conserva el diseño compacto y su navegación actual. */