/* Premium Indigo Theme - Primary: #6366f1 (Indigo) Secondary: #8b5cf6 (Purple) */

/* Header Navigation Bar with Premium Gradient */
.page-header.navbar {
    background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%) !important;
    box-shadow: 0 4px 20px rgba(99, 102, 241, 0.25) !important;
}

.page-header.navbar .page-logo {
    background: transparent !important;
}

/* Sidebar */
.page-sidebar {
    background: #6366f1;
}

.page-sidebar .page-sidebar-menu > li.active > a,
.page-sidebar .page-sidebar-menu > li.active.open > a,
.page-sidebar .page-sidebar-menu > li:hover > a {
    background: #4f46e5 !important;
    border-left-color: #8b5cf6 !important;
}

/* Buttons with Premium Look */
.btn-primary {
    background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%) !important;
    border-color: #6366f1 !important;
    box-shadow: 0 2px 8px rgba(99, 102, 241, 0.4) !important;
    transition: all 0.3s ease !important;
    color: #fff !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%) !important;
    border-color: #4f46e5 !important;
    box-shadow: 0 4px 12px rgba(79, 70, 229, 0.5) !important;
    transform: translateY(-1px) !important;
}

.btn-outline.dark {
    border-color: #6366f1 !important;
    color: #6366f1 !important;
}

.btn-outline.dark:hover {
    background: #6366f1 !important;
    color: #fff !important;
}

/* Links */
a {
    color: #6366f1;
    transition: color 0.2s ease;
}

a:hover {
    color: #8b5cf6;
}

/* Portlet Titles */
.portlet.light.bordered > .portlet-title {
    border-bottom: 1px solid #e2e8f0;
}

.portlet > .portlet-title > .caption > .caption-subject {
    color: #1e293b;
    font-weight: 600;
}

.portlet > .portlet-title > .caption > i {
    color: #6366f1;
}

/* Tables with Modern Styling */
.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: rgba(99, 102, 241, 0.03);
}

.table thead th {
    background-color: #f8fafc;
    color: #1e293b;
    font-weight: 600;
    border-bottom: 2px solid #6366f1;
}

/* Form Controls Focus */
.form-control:focus {
    border-color: #6366f1 !important;
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.1) !important;
}

/* Checkboxes */
.mt-checkbox > input[type="checkbox"]:checked + span:after {
    border-color: #6366f1 !important;
}

.mt-checkbox > span:after {
    border-color: #6366f1;
}

/* Pagination */
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    background-color: #6366f1 !important;
    border-color: #6366f1 !important;
}

.pagination > li > a:hover {
    color: #6366f1 !important;
}

/* Badges and Labels */
.badge-primary,
.label-primary {
    background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%) !important;
}

/* Progress Bars */
.progress-bar {
    background: linear-gradient(90deg, #6366f1 0%, #8b5cf6 100%) !important;
}

/* Tabs */
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    border-top: 3px solid #6366f1 !important;
    color: #6366f1 !important;
}

/* Dropdown Menu Active Items */
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
    background-color: #6366f1 !important;
}

/* Dashboard Stats */
.dashboard-stat.blue {
    background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%) !important;
}

.dashboard-stat.blue.dashboard-stat-light:hover {
    background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%) !important;
}

/* Modals */
.modal-header {
    background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);
    color: #fff;
}

/* Alerts */
.alert-info {
    background-color: rgba(99, 102, 241, 0.1);
    border-color: #6366f1;
    color: #4338ca;
}

/* Note boxes */
.note.note-info {
    background-color: rgba(99, 102, 241, 0.05);
    border-left-color: #6366f1;
}

/* Portlet bordered */
.portlet.light.bordered {
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}