/* admin-light.css - Light theme overrides */

/* --------------------------------------------------
   COLORS (light palette)
-------------------------------------------------- */
:root {
    --bs-body-bg:        #F8F9FA;
    --bs-sidebar-bg:     #FFFFFF;
    --bs-navbar-bg:      #FFFFFF;
    --bs-card-bg:        #FFFFFF;
    --bs-text:           #212529;
    --bs-text-secondary: #6C757D;
    --bs-border:         #DEE2E6;
}

/* --------------------------------------------------
   GLOBAL
-------------------------------------------------- */
body {
    background: var(--bs-body-bg);
    color: var(--bs-text);
}
a, .nav-link, table, th, td {
    color: var(--bs-text-secondary);
}
a:hover,
.nav-link:hover,
.nav-link.active {
    color: var(--bs-text);
}

/* --------------------------------------------------
   SIDEBAR
-------------------------------------------------- */
.sidebar {
    width: 240px;
    background: var(--bs-sidebar-bg);
    overflow-y: auto;
    transition: width .3s;
    border-right: 1px solid var(--bs-border);
}
.sidebar.collapsed {
    width: 0;
}
.sidebar .nav-link {
    padding: .5rem 1rem;
    font-size: .9rem;
}
.sidebar .nav-link i {
    width: 1.25rem;
    text-align: center;
}

.nav span {
    background: #333;
    padding: 4px 10px;
}

/* badges & notification dot */
.badge-notif {
    position: absolute;
    top: 0;
    right: 0;
    transform: translate(50%, -50%);
}

/* --------------------------------------------------
   NAVBAR
-------------------------------------------------- */
.navbar {
    background: var(--bs-navbar-bg) !important;
    border-bottom: 1px solid var(--bs-border);
}
.form-control-dark,
.form-control-light {
    background: var(--bs-card-bg);
    border: 1px solid var(--bs-border);
    color: var(--bs-text-secondary);
}
.form-control-dark::placeholder,
.form-control-light::placeholder {
    color: var(--bs-text-secondary);
}

/* --------------------------------------------------
   CARDS
-------------------------------------------------- */
.card,
.bg-card {
    background: var(--bs-card-bg) !important;
    border: 1px solid var(--bs-border) !important;
    border-radius: .75rem;
}
.card-title {
    font-weight: 600;
    font-size: 1rem;
    color: var(--bs-text) !important;
}
.card-text {
    color: var(--bs-text-secondary) !important;
}

/* --------------------------------------------------
   TABLES
-------------------------------------------------- */
.table-light {
    background-color: var(--bs-sidebar-bg);
    color: var(--bs-text) !important;
}
.table-light th,
.table-light td {
    border-color: var(--bs-border) !important;
}
.table-light thead th {
    color: var(--bs-text) !important;
    border-bottom: 1px solid var(--bs-border) !important;
}
.table-light tbody tr:hover {
    background: rgba(0, 0, 0, 0.03);
}

/* --------------------------------------------------
   MODALS
-------------------------------------------------- */
.modal-content {
    background: var(--bs-card-bg) !important;
    color: var(--bs-text) !important;
    border: 1px solid var(--bs-border) !important;
}

/* --------------------------------------------------
   UTILS
-------------------------------------------------- */
.text-secondary { color: var(--bs-text-secondary) !important; }
.border-end   { border-right: 1px solid var(--bs-border) !important; }
.bg-sidebar   { background: var(--bs-sidebar-bg) !important; }
.bg-navbar    { background: var(--bs-navbar-bg) !important; }
.bg-card      { background: var(--bs-card-bg) !important; }

.nav-item .nav-link .page-tab-title {
	color: #efefef;
}