/* ============================================================
   LSNC BACKUP CENTER - LIGHT THEME
   ============================================================ */

:root {
    --navy: #243b53;
    --teal: #087e89;
    --lsnc-navy: #243b53;
    --lsnc-navy-light: #42637a;
    --lsnc-bg: #f8fafd;
}

body {
    background: #f8fafd;
    color: #243b53;
}

/* LIGHT SIDEBAR */

.sidebar {
    background: linear-gradient(
        180deg,
        #edf7fa 0%,
        #e8f1f7 100%
    ) !important;

    color: #243b53 !important;
    border-right: 1px solid #dce8f0;
    box-shadow: 4px 0 18px rgba(40,70,90,.035);
}

.sidebar .h4,
.sidebar .fw-bold {
    color: #17384d !important;
}

.sidebar .nav-link {
    color: #496477 !important;
    font-weight: 500;
    border-radius: 11px;
    transition:
        background .25s ease,
        color .25s ease,
        transform .25s ease;
}

.sidebar .nav-link i {
    color: #60879a;
    font-size: 1.05rem;
}

.sidebar .nav-link:hover {
    background: #d8edf2 !important;
    color: #075f6c !important;
    transform: translateX(4px);
}

.sidebar .nav-link:hover i {
    color: #087e89;
}

.sidebar .nav-link.active {
    background: linear-gradient(
        110deg,
        #087e89,
        #1596a0
    ) !important;

    color: #fff !important;
    box-shadow: 0 5px 15px rgba(8,126,137,.13);
}

.sidebar .nav-link.active i {
    color: #fff !important;
}

.sidebar .nav-link.opacity-50 {
    opacity: .68 !important;
    color: #597080 !important;
}

.sidebar .nav-link.opacity-50:hover {
    background: transparent !important;
    color: #597080 !important;
    transform: none;
}

/* MAIN AREA */

.main-content {
    background: #f8fafd;
}

.brand {
    color: #17384d !important;
}

/* DASHBOARD CARDS */

.metric {
    background: #fff;
    border: 1px solid #e6edf3;
    box-shadow: 0 8px 26px rgba(35,65,90,.045);
}

.metric:hover {
    border-color: #c7e3e8;
    box-shadow: 0 14px 32px rgba(35,65,90,.085);
}

.metric .value {
    color: #17384d;
}

/* SYSTEM HEALTH TILES */

.lsnc-health-tile,
.lsnc-history-stat {
    background: linear-gradient(
        145deg,
        #ffffff,
        #f5fafc
    );

    border-color: #e0edf2;
}

.lsnc-health-value,
.lsnc-history-stat-value {
    color: #17384d;
}

/* FILTERS */

.lsnc-history-filters {
    background: #f4f9fc;
    border-color: #e1ebf2;
}

/* TABLES */

.lsnc-history-table {
    border-color: #e0eaf0;
}

.table thead th {
    background: #edf5f9;
    color: #426074;
}

.table tbody tr:hover {
    background: #eef8fa;
}

/* BUTTONS */

.btn-primary {
    background: #087e89;
    border-color: #087e89;
}

.btn-primary:hover {
    background: #066773;
    border-color: #066773;
}

/* FORM FOCUS */

.form-control:focus,
.form-select:focus {
    border-color: #087e89;
    box-shadow: 0 0 0 3px rgba(8,126,137,.12);
}

/* STATUS */

.lsnc-health-footer {
    background: #edf6fa;
    color: #4b6879;
}

/* MOBILE */

@media (max-width: 767px) {
    .sidebar {
        border-right: 0;
        border-bottom: 1px solid #dce8f0;
    }
}

/* ACCESSIBILITY */

@media (prefers-reduced-motion: reduce) {
    .sidebar .nav-link {
        transition: none;
    }
}