/* ===== THEME TOGGLE + DARK MODE V2 ===== */

.theme-toggle-btn{
    appearance:none;
    border:1px solid #C8D4E2;
    background:#FFFFFF;
    color:#111827;
    border-radius:999px;
    padding:8px 14px;
    font-size:12px;
    font-weight:700;
    display:inline-flex;
    align-items:center;
    gap:8px;
    cursor:pointer;
    box-shadow:0 4px 12px rgba(28,52,84,0.06);
    transition:.2s ease;
    margin-left:10px;
}

.theme-toggle-btn:hover{
    border-color:#2F8EF4;
    color:#2F8EF4;
    background:#F8FBFF;
}

.theme-toggle-btn .theme-icon{
    font-size:14px;
    line-height:1;
}

/* ===== DASHBOARD RECENT INVOICES LIST ===== */

.dashboard-compact-list{
    display:grid;
    gap:12px;
}

.dashboard-compact-item{
    background:#F8FBFF;
    border:1px solid #D9E4F0;
    border-radius:16px;
    padding:14px 14px 12px;
    box-shadow:0 4px 12px rgba(28,52,84,0.04);
}

.dashboard-compact-top{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:12px;
    margin-bottom:8px;
}

.dashboard-compact-title{
    color:#111827;
    font-size:14px;
    font-weight:800;
    line-height:1.25;
}

.dashboard-compact-subtitle{
    color:#5B6472;
    font-size:12px;
    line-height:1.3;
}

.dashboard-compact-meta{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-top:8px;
}

.dashboard-compact-chip{
    display:inline-flex;
    align-items:center;
    gap:6px;
    padding:5px 9px;
    border-radius:999px;
    font-size:11px;
    font-weight:700;
    background:#EEF3F8;
    color:#475569;
}

.dashboard-compact-chip.primary{
    background:#E3F0FF;
    color:#2C6EB5;
}

.dashboard-compact-chip.success{
    background:#DDF8E8;
    color:#1E7E46;
}

.dashboard-compact-chip.danger{
    background:#FCE3E3;
    color:#A93A3A;
}

/* ===== DARK MODE ===== */

body.theme-dark.panel-page,
body.theme-dark.services-page{
    background:
        radial-gradient(circle at top left, #111827 0%, #0F172A 40%, #0B1220 100%) !important;
    color:#E5EEF9 !important;
}

body.theme-dark .topbar{
    background:rgba(15,23,42,0.92) !important;
    border-bottom:1px solid rgba(148,163,184,0.18) !important;
    box-shadow:0 4px 18px rgba(0,0,0,0.25) !important;
}

body.theme-dark .logo{
    color:#7CC3FF !important;
}

body.theme-dark .menu a{
    color:#E5EEF9 !important;
}

body.theme-dark .menu a:hover,
body.theme-dark .menu a.active{
    color:#60A5FA !important;
}

body.theme-dark .menu a.active::after{
    background:#60A5FA !important;
}

body.theme-dark .page-hero,
body.theme-dark .services-hero{
    background:linear-gradient(180deg,#122033 0%, #0F1C2D 100%) !important;
    border:1px solid rgba(148,163,184,0.18) !important;
    box-shadow:0 12px 28px rgba(0,0,0,0.24) !important;
}

body.theme-dark .page-hero-text h1,
body.theme-dark .services-hero-text h1,
body.theme-dark .panel-card h2,
body.theme-dark .panel-card h3,
body.theme-dark .services-page h2{
    color:#F8FAFC !important;
}

body.theme-dark .page-hero-text p,
body.theme-dark .services-hero-text p,
body.theme-dark .panel-subtitle,
body.theme-dark .page-note,
body.theme-dark .services-page .section-subtitle,
body.theme-dark .modal-note,
body.theme-dark .billing-modal-note{
    color:#94A3B8 !important;
}

body.theme-dark .panel-card,
body.theme-dark .services-page .card,
body.theme-dark .dashboard-stat,
body.theme-dark .billing-stat,
body.theme-dark .device-stat,
body.theme-dark .ticket-stat,
body.theme-dark .dashboard-mini{
    background:#0F172A !important;
    border:1px solid rgba(148,163,184,0.18) !important;
    box-shadow:0 12px 28px rgba(0,0,0,0.24) !important;
}

body.theme-dark .dashboard-stat-label,
body.theme-dark .billing-stat-label,
body.theme-dark .device-stat-label,
body.theme-dark .ticket-stat-label,
body.theme-dark .dashboard-mini-label{
    color:#94A3B8 !important;
}

body.theme-dark .dashboard-stat-value,
body.theme-dark .billing-stat-value,
body.theme-dark .device-stat-value,
body.theme-dark .ticket-stat-value,
body.theme-dark .dashboard-mini-value{
    color:#F8FAFC !important;
}

body.theme-dark .dashboard-stat-bar,
body.theme-dark .billing-stat-bar,
body.theme-dark .device-stat-bar,
body.theme-dark .ticket-stat-bar{
    background:#1E293B !important;
}

body.theme-dark input,
body.theme-dark select,
body.theme-dark textarea{
    background:#0B1220 !important;
    color:#F8FAFC !important;
    border:1px solid rgba(148,163,184,0.25) !important;
    box-shadow:none !important;
}

body.theme-dark input::placeholder,
body.theme-dark textarea::placeholder{
    color:#94A3B8 !important;
}

body.theme-dark input:focus,
body.theme-dark select:focus,
body.theme-dark textarea:focus{
    border-color:#60A5FA !important;
    box-shadow:0 0 0 4px rgba(96,165,250,0.14) !important;
}

body.theme-dark .btn-secondary,
body.theme-dark .services-page .btn-secondary,
body.theme-dark .services-page .btn-edit,
body.theme-dark .services-page .btn-status,
body.theme-dark .services-page .btn-billing,
body.theme-dark .panel-link-btn:not(.btn-primary):not(.btn-success):not(.btn-danger){
    background:#111C2F !important;
    color:#E5EEF9 !important;
    border:1px solid rgba(148,163,184,0.22) !important;
}

body.theme-dark .btn-secondary:hover,
body.theme-dark .services-page .btn-secondary:hover,
body.theme-dark .services-page .btn-edit:hover,
body.theme-dark .services-page .btn-status:hover,
body.theme-dark .services-page .btn-billing:hover,
body.theme-dark .panel-link-btn:not(.btn-primary):not(.btn-success):not(.btn-danger):hover{
    background:#16253A !important;
    color:#60A5FA !important;
}

body.theme-dark .table-shell,
body.theme-dark .services-table-wrap{
    background:#0F172A !important;
    border:1px solid rgba(148,163,184,0.16) !important;
}

body.theme-dark .data-table,
body.theme-dark .services-table{
    background:#0F172A !important;
}

body.theme-dark .data-table thead th,
body.theme-dark .services-table thead th{
    color:#E5EEF9 !important;
    border-bottom:1px solid rgba(148,163,184,0.18) !important;
}

body.theme-dark .data-table td,
body.theme-dark .services-table td{
    background:#0F172A !important;
    color:#E5EEF9 !important;
    border-bottom:1px solid rgba(148,163,184,0.10) !important;
}

body.theme-dark .data-table tbody tr:hover td,
body.theme-dark .services-table tbody tr:hover td{
    background:#132035 !important;
}

body.theme-dark .services-page .services-table tbody tr.row-suspended td{
    background:#2A1E1E !important;
}

body.theme-dark .services-page .services-table tbody tr.row-error td{
    background:#331F1F !important;
}

body.theme-dark .mono,
body.theme-dark .services-page .mono{
    color:#CBD5E1 !important;
}

body.theme-dark .services-page .error-cell{
    color:#FCA5A5 !important;
}

body.theme-dark #mikrotikResult,
body.theme-dark #facturasResult,
body.theme-dark #devicesResult,
body.theme-dark #ticketsResult{
    background:#0B1220 !important;
    border:1px solid rgba(148,163,184,0.20) !important;
    color:#CBD5E1 !important;
}

body.theme-dark .modal{
    background:rgba(2,6,23,0.65) !important;
    backdrop-filter:blur(8px) !important;
}

body.theme-dark .modal-contenido{
    background:#0F172A !important;
    border:1px solid rgba(148,163,184,0.18) !important;
    box-shadow:0 18px 42px rgba(0,0,0,0.35) !important;
}

body.theme-dark .quick-links .panel-link-btn{
    background:#111C2F !important;
    color:#E5EEF9 !important;
    border:1px solid rgba(148,163,184,0.20) !important;
}

body.theme-dark .dashboard-compact-item{
    background:#111C2F !important;
    border:1px solid rgba(148,163,184,0.18) !important;
}

body.theme-dark .dashboard-compact-title{
    color:#F8FAFC !important;
}

body.theme-dark .dashboard-compact-subtitle{
    color:#94A3B8 !important;
}

body.theme-dark .dashboard-compact-chip{
    background:#1E293B !important;
    color:#CBD5E1 !important;
}

body.theme-dark .dashboard-compact-chip.primary{
    background:#1A3B63 !important;
    color:#93C5FD !important;
}

body.theme-dark .dashboard-compact-chip.success{
    background:#123524 !important;
    color:#86EFAC !important;
}

body.theme-dark .dashboard-compact-chip.danger{
    background:#3B1E1E !important;
    color:#FCA5A5 !important;
}

body.theme-dark .theme-toggle-btn{
    background:#111C2F !important;
    color:#E5EEF9 !important;
    border:1px solid rgba(148,163,184,0.20) !important;
}

body.theme-dark .theme-toggle-btn:hover{
    background:#16253A !important;
    color:#60A5FA !important;
}

@media (max-width: 900px){
    .theme-toggle-btn{
        padding:7px 12px;
        font-size:11px;
    }
}

/* ===== FIX REAL DARK MODE FOR SERVICES PAGE ===== */

body.theme-dark.services-page .services-hero{
    background:linear-gradient(180deg,#122033 0%, #0F1C2D 100%) !important;
    border:1px solid rgba(148,163,184,0.18) !important;
    box-shadow:0 12px 28px rgba(0,0,0,0.24) !important;
}

body.theme-dark.services-page .card{
    background:#0F172A !important;
    border:1px solid rgba(148,163,184,0.18) !important;
    box-shadow:0 12px 28px rgba(0,0,0,0.24) !important;
}

body.theme-dark.services-page h2{
    color:#F8FAFC !important;
}

body.theme-dark.services-page .section-subtitle{
    color:#94A3B8 !important;
}

body.theme-dark.services-page input,
body.theme-dark.services-page select,
body.theme-dark.services-page textarea{
    background:#0B1220 !important;
    color:#F8FAFC !important;
    border:1px solid rgba(148,163,184,0.25) !important;
    box-shadow:none !important;
}

body.theme-dark.services-page input::placeholder,
body.theme-dark.services-page textarea::placeholder{
    color:#94A3B8 !important;
}

body.theme-dark.services-page input:focus,
body.theme-dark.services-page select:focus,
body.theme-dark.services-page textarea:focus{
    border-color:#60A5FA !important;
    box-shadow:0 0 0 4px rgba(96,165,250,0.14) !important;
}

body.theme-dark.services-page .services-table-wrap{
    background:#0F172A !important;
    border:1px solid rgba(148,163,184,0.16) !important;
    border-radius:16px !important;
}

body.theme-dark.services-page .services-table{
    background:#0F172A !important;
}

body.theme-dark.services-page .services-table thead th{
    background:#0F172A !important;
    color:#E5EEF9 !important;
    border-bottom:1px solid rgba(148,163,184,0.18) !important;
}

body.theme-dark.services-page .services-table td{
    background:#0F172A !important;
    color:#E5EEF9 !important;
    border-bottom:1px solid rgba(148,163,184,0.10) !important;
}

body.theme-dark.services-page .services-table tbody tr:hover td{
    background:#132035 !important;
}

body.theme-dark.services-page .services-table tbody tr.row-suspended td{
    background:#2A1E1E !important;
}

body.theme-dark.services-page .services-table tbody tr.row-error td{
    background:#331F1F !important;
}

body.theme-dark.services-page .services-table .mono{
    color:#CBD5E1 !important;
}

body.theme-dark.services-page .error-cell{
    color:#FCA5A5 !important;
}

body.theme-dark.services-page #mikrotikResult{
    background:#0B1220 !important;
    border:1px solid rgba(148,163,184,0.20) !important;
    color:#CBD5E1 !important;
}

body.theme-dark.services-page .services-hero-actions .panel-link-btn,
body.theme-dark.services-page .services-hero-actions .hero-link,
body.theme-dark.services-page .services-hero-actions button{
    box-shadow:none !important;
}