/* Tema del panel de administración para los sistemas PHP del servidor.
   Se agrega a las pantallas con menú lateral (nginx: snippets/tema-admin.conf).
   Para apagarlo: comentar el include en el snippet de cada sistema y recargar nginx.
   Solo actúa en páginas con .sidebar-nav; el resto (logins, formularios públicos) no cambia. */
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&display=swap');
:where(html) body:has(.sidebar-nav){--primary-color:#1d4ed8;--primary-dark:#1e40af;--secondary-color:#2563eb;--secondary-dark:#1e40af;--info-color:#0891b2;--light-bg:#f4f6fb;background:#f4f6fb;font-family:'Lato','Segoe UI',system-ui,sans-serif}
:where(body:has(.sidebar-nav)) .sidebar{background:#03142d;box-shadow:none;border-right:1px solid rgba(255,255,255,.06)}
:where(body:has(.sidebar-nav)) .sidebar-header{padding:24px 20px 18px;text-align:left;border-bottom:0}
:where(body:has(.sidebar-nav)) .sidebar-logo{font-size:1.35rem;font-weight:700;text-shadow:none;letter-spacing:.2px}
:where(body:has(.sidebar-nav)) .sidebar-subtitle{color:#67e8f9;font-weight:500;font-size:.8rem}
:where(body:has(.sidebar-nav)) .sidebar-user{margin:0 12px 10px;padding:12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);border-radius:12px}
:where(body:has(.sidebar-nav)) .user-avatar{background:#1d4ed8;border:0;color:#fff}
:where(body:has(.sidebar-nav)) .user-role{background:rgba(255,255,255,.12);border:0;color:#fff}
:where(body:has(.sidebar-nav)) .sidebar-nav{padding:8px 12px}
:where(body:has(.sidebar-nav)) .nav-item{margin-bottom:4px}
:where(body:has(.sidebar-nav)) .nav-link{border-radius:8px;border-left:0;padding:10px 12px;gap:12px;font-size:.875rem;font-weight:500;color:rgba(255,255,255,.82)}
:where(body:has(.sidebar-nav)) .nav-link:hover{background:rgba(255,255,255,.09);color:#fff;border-left:0;padding-left:12px}
:where(body:has(.sidebar-nav)) .nav-link.active{background:#1d4ed8;color:#fff;font-weight:700;border-left:0;box-shadow:0 8px 24px rgba(29,78,216,.25)}
:where(body:has(.sidebar-nav)) .nav-link.active::before{display:none}
:where(body:has(.sidebar-nav)) .sidebar-toggle{border-color:#1d4ed8;color:#1d4ed8}
:where(body:has(.sidebar-nav)) .sidebar-toggle:hover{background:#1d4ed8;color:#fff}
:where(body:has(.sidebar-nav)) .top-bar{background:rgba(255,255,255,.96);box-shadow:none;border-bottom:1px solid #e2e8f0;padding:16px 32px}
:where(body:has(.sidebar-nav)) .page-title{font-size:1.35rem;font-weight:700;color:#0f172a}
:where(body:has(.sidebar-nav)) .page-title i{color:#1d4ed8}
:where(body:has(.sidebar-nav)) .user-role-top{color:#1d4ed8}
:where(body:has(.sidebar-nav)) .table-container, :where(body:has(.sidebar-nav)) .stat-box, :where(body:has(.sidebar-nav)) .stat-card, :where(body:has(.sidebar-nav)) .dashboard-main-card, :where(body:has(.sidebar-nav)) .card{border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 1px 2px rgba(15,23,42,.05)}
:where(body:has(.sidebar-nav)) .modern-table thead{background:#f8fafc;color:#475569}
:where(body:has(.sidebar-nav)) .modern-table th{color:#475569;font-weight:700;letter-spacing:.04em;font-size:.75rem;border-bottom:1px solid #e2e8f0}
:where(body:has(.sidebar-nav)) .modern-table tbody tr:hover{background:#f8fafc}
:where(body:has(.sidebar-nav)) .btn-primary{background:#1d4ed8;color:#fff;border-color:#1d4ed8}
:where(body:has(.sidebar-nav)) .btn-primary:hover{background:#1e40af;color:#fff;transform:none;box-shadow:0 6px 16px rgba(29,78,216,.25)}
:where(body:has(.sidebar-nav)) .modal-content{border-radius:16px;border:1px solid #e2e8f0}
:where(body:has(.sidebar-nav)) .form-control:focus, :where(body:has(.sidebar-nav)) input:focus, :where(body:has(.sidebar-nav)) select:focus, :where(body:has(.sidebar-nav)) textarea:focus{border-color:#1d4ed8;outline:0;box-shadow:0 0 0 3px rgba(29,78,216,.15)}