/* ================================
   GLOBAL ADMIN UI
=================================== */
body, html {
    font-family: "Inter", "Poppins", sans-serif !important;
    background: #f7f9fc !important;
    color: #1e293b !important;
}

/* ================================
   FIX HEADINGS (NO WHITE TEXT)
=================================== */
/* #content h1,
#content h2,
#content h3,
#content h4,
#content h5 {
    color: #fff !important;
} */

/* ================================
   SIDEBAR (KEEP DARK + MODERN)
=================================== */
.sidebar {
    background: linear-gradient(180deg, #0f172a, #1e293b) !important;
}

.sidebar .nav-link {
    padding: 10px 14px !important;
    border-radius: 8px !important;
    color: #cbd5e1 !important;
    font-size: 14px !important;
    margin: 4px 8px !important;
}
.sidebar .nav-link:hover {
    background: rgba(255,255,255,0.08) !important;
    color: #fff !important;
}
.sidebar .nav-link.active {
    background: linear-gradient(90deg, #6366f1, #4f46e5) !important;
    color: #fff !important;
}

/* ================================
   NAVBAR
=================================== */
.navbar {
    background: #0f172a !important;
    border-bottom: 1px solid rgba(255,255,255,0.08);
}
.navbar .nav-link {
    color: #cbd5e1 !important;
}
.navbar .nav-link:hover {
    color: #fff !important;
}

/* ================================
   CARDS, BOXES, CONTENT BACKGROUND
   (FIX DARK BACKGROUND)
=================================== */
.card,
.box,
.content-wrapper,
.change-list .module,
.related-widget-wrapper,
.dashboard-item,
.module {
    background: #ffffff !important;
    border-radius: 12px !important;
    box-shadow: 0 3px 10px rgba(0,0,0,0.05);
    color: #1e293b !important;
}

/* Remove ugly borders */
.box-header,
.module caption {
    background: #ffffff !important;
    color: #1e293b !important;
    border-bottom: 1px solid #e2e8f0 !important;
}

/* ================================
   TABLES
=================================== */
table {
    border-radius: 10px !important;
    overflow: hidden !important;
    background: #ffffff !important;
}

table thead tr {
    background: #1e293b !important;
    color: #ffffff !important;
    text-transform: uppercase;
    font-size: 13px !important;
}

table tbody tr:hover {
    background: rgba(99,102,241,0.07) !important;
}

/* ================================
   BUTTONS
=================================== */
.btn,
button,
input[type=submit] {
    border-radius: 8px !important;
    font-size: 14px !important;
    padding: 6px 14px !important;
}

.btn-primary {
    background: linear-gradient(90deg, #6366f1, #4f46e5) !important;
    border: none !important;
}

.btn-success {
    background: linear-gradient(90deg, #10b981, #059669) !important;
    border: none !important;
}

.btn-danger {
    background: linear-gradient(90deg, #ef4444, #dc2626) !important;
    border: none !important;
}

/* ================================
   FORM INPUTS
=================================== */
input,
select,
textarea {
    background: #ffffff !important;
    color: #1e293b !important;
    border-radius: 8px !important;
    border: 1px solid #cbd5e1 !important;
    padding: 8px 10px !important;
}

input:focus,
select:focus,
textarea:focus {
    border-color: #6366f1 !important;
    box-shadow: 0 0 0 2px rgba(99,102,241,0.25) !important;
}

/* Hide annoying gray label background */
label {
    color: #1e293b !important;
}

/* ================================
   PAGINATION
=================================== */
.paginator a,
.paginator span {
    border-radius: 6px !important;
    padding: 6px 12px !important;
}

/* ================================
   HIDE EXTRA DARK AREAS
=================================== */
#header, .breadcrumbs, .page-header {
    background: #ffffff !important;
    color: #1e293b !important;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: #e7e7e7;
}

thead a {
    color: #fff !important;
    text-decoration: none !important;
}

/* ================================
   OPTIONAL: Hide Add/Change links
=================================== */
/*
.object-tools,
.addlink,
.changelink,
.deletelink {
    display: none !important;
}
*/