/* LW Management Console - Custom Styles */

/* Reduce expanded left menu width by ~20% (240px -> 192px) */
:root {
    --ins-sidenav-width: 192px;
}

/* Light theme overrides — match specificity of app.min.css (data-skin + data-menu-color) */
html[data-skin="minimal"][data-bs-theme="light"][data-menu-color="light"] {
    --ins-sidenav-bg: #ffffff;
    --ins-sidenav-border-color: #edf2f9;
    --ins-sidenav-item-color: #1f2937;
    --ins-sidenav-item-hover-bg: #f5f6f8;
    --ins-sidenav-item-active-bg: #f0f2f5;
}

html[data-skin="minimal"][data-bs-theme="light"][data-topbar-color="light"] {
    --ins-topbar-bg: #ffffff;
    --ins-topbar-item-color: #1f2937;
}

/* Admin-only elements */
.lw-admin-only {
    display: block;
}

/* Online/Offline badges */
.badge.bg-success {
    background-color: #10b981 !important;
}

.badge.bg-danger {
    background-color: #ef4444 !important;
}

/* Notification badge pulse */
#lw-notif-count {
    animation: pulse 2s infinite;
}

@keyframes pulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.1); }
    100% { transform: scale(1); }
}

/* Dark mode adjustments */
[data-bs-theme="dark"] .card {
    background-color: #1f2937;
    border-color: #374151;
}

[data-bs-theme="dark"] .table {
    color: #e5e7eb;
}

/* Stats cards */
.avatar-title {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 0.375rem;
}

/* Page title */
#lw-page-title {
    color: #1f2937;
    font-weight: 600;
}

[data-bs-theme="dark"] #lw-page-title {
    color: #f9fafb;
}