/* ==========================================================================
   Sellerado Light Theme — Preppino-style overrides
   Applied after app.min.css to turn the Skote template into a clean,
   white/light-grey UI with indigo accent colors.
   ========================================================================== */

/* --- Primary colour override (Indigo #4f46e5) --- */
:root {
    --bs-primary: #4f46e5;
    --bs-primary-rgb: 79, 70, 229;
}

a {
    color: #4f46e5;
}

.btn-primary {
    background-color: #4f46e5;
    border-color: #4f46e5;
}
.btn-primary:hover,
.btn-primary:focus {
    background-color: #4338ca;
    border-color: #4338ca;
}
.btn-outline-primary {
    color: #4f46e5;
    border-color: #4f46e5;
}
.btn-outline-primary:hover,
.btn-outline-primary.active {
    background-color: #4f46e5;
    border-color: #4f46e5;
    color: #fff;
}

.bg-primary {
    background-color: #4f46e5 !important;
}

.text-primary {
    color: #4f46e5 !important;
}

.badge.bg-primary {
    background-color: #4f46e5 !important;
}

/* Page links */
.page-item.active .page-link {
    background-color: #4f46e5;
    border-color: #4f46e5;
}
.page-link {
    color: #4f46e5;
}

/* --- Cards: softer shadows, larger border-radius --- */
.card {
    border: 1px solid #e5e7eb;
    border-radius: 0.75rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}
.card:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
}

/* --- Topbar: subtle bottom shadow --- */
#page-topbar {
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
}

/* --- Light sidebar tweaks --- */
.vertical-menu {
    background: #fff;
    border-right: 1px solid #e5e7eb;
}

/* Active menu item — left indigo stripe */
#sidebar-menu ul li a.active,
#sidebar-menu ul li a.mm-active {
    color: #4f46e5;
    border-left: 3px solid #4f46e5;
    background-color: #eef2ff;
}

/* Menu items default */
#sidebar-menu ul li a {
    color: #4b5563;
    border-left: 3px solid transparent;
}
#sidebar-menu ul li a:hover {
    color: #4f46e5;
    background-color: #f9fafb;
}

/* Menu group title: uppercase, letter-spacing */
#sidebar-menu .menu-title {
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-size: 0.68rem;
    color: #9ca3af;
    font-weight: 600;
}

/* Sidebar brand/logo area */
.navbar-brand-box {
    background: #fff;
    border-bottom: 1px solid #e5e7eb;
}

/* --- Mini-stat KPI cards --- */
.mini-stat-icon.bg-primary .avatar-title,
.avatar-title {
    background-color: #4f46e5;
}

/* --- Table improvements --- */
.table-light th {
    background-color: #f9fafb;
    color: #6b7280;
    font-weight: 600;
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

/* --- Breadcrumb --- */
.breadcrumb-item a {
    color: #4f46e5;
}

/* --- Form controls focus --- */
.form-control:focus,
.form-select:focus {
    border-color: #a5b4fc;
    box-shadow: 0 0 0 0.15rem rgba(79, 70, 229, 0.15);
}

/* --- Modal improvements --- */
.modal-content {
    border-radius: 0.75rem;
    border: none;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
}

/* --- Alert info with indigo tint --- */
.alert-info {
    background-color: #eef2ff;
    border-color: #c7d2fe;
    color: #3730a3;
}

/* --- Account pages bg-soft override --- */
.bg-primary.bg-soft {
    background-color: #eef2ff !important;
}
.bg-primary.bg-soft .text-primary {
    color: #4f46e5 !important;
}