/* Custom Admin Styles - Blue Theme */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap');

:root {
    --primary-color: #1d4ed8;
    --primary-hover: #1e40af;
    --primary-light: #3b82f6;
    --primary-gradient: linear-gradient(135deg, #1d4ed8 0%, #1e40af 100%);
    --bg-color: #eff6ff;
    --card-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.05), 0 4px 6px -2px rgba(0, 0, 0, 0.02);
}

body {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    background-color: var(--bg-color) !important;
}

#header {
    background: var(--primary-gradient) !important;
    padding: 15px 40px !important;
    color: white !important;
}

#header a:link,
#header a:visited {
    color: white !important;
}

#branding h1 {
    font-weight: 700 !important;
    letter-spacing: -0.5px !important;
}

.module {
    border: none !important;
    border-radius: 12px !important;
    box-shadow: var(--card-shadow) !important;
    margin-bottom: 20px !important;
    overflow: hidden !important;
}

.module h2,
.module caption,
.inline-group h2 {
    background: #eff6ff !important;
    color: #1e3a5f !important;
    font-weight: 600 !important;
    text-transform: none !important;
    padding: 12px 20px !important;
}

div.breadcrumbs {
    background: white !important;
    border-bottom: 1px solid #e2e8f0 !important;
    padding: 10px 40px !important;
}

.button,
input[type=submit],
input[type=button],
.submit-row input,
a.button {
    background: var(--primary-gradient) !important;
    border: none !important;
    border-radius: 6px !important;
    padding: 10px 20px !important;
    font-weight: 600 !important;
    transition: all 0.2s ease !important;
}

.button:hover,
input[type=submit]:hover {
    opacity: 0.9 !important;
    box-shadow: 0 4px 12px rgba(29, 78, 216, 0.3) !important;
}

#content h1 {
    font-weight: 700 !important;
    color: #1e3a5f !important;
    margin-bottom: 25px !important;
}

.card {
    border-radius: 12px !important;
}

/* Sidebar styling */
#nav-sidebar {
    background: #eff6ff !important;
    border-right: 1px solid #dbeafe !important;
}

.sidebar-section strong {
    color: var(--primary-color) !important;
    font-weight: 700 !important;
    padding: 10px 15px !important;
    display: block !important;
}

#nav-sidebar .module th,
#nav-sidebar .module td {
    background: transparent !important;
}

#nav-sidebar a:link,
#nav-sidebar a:visited {
    color: #374151 !important;
    padding: 8px 15px !important;
    display: block !important;
    border-radius: 4px !important;
}

#nav-sidebar a:hover {
    background: #dbeafe !important;
    color: var(--primary-color) !important;
}

/* Fix for sidebar toggle button */
.sidebar-toggle {
    background: var(--primary-gradient) !important;
    color: white !important;
}

/* Links */
a:link, a:visited {
    color: var(--primary-color) !important;
}

a:hover {
    color: var(--primary-hover) !important;
}

/* Override default Django admin link colors in specific areas */
#header a:link, #header a:visited,
.button, a.button,
input[type=submit] {
    color: white !important;
}

#changelist-filter h2 {
    background: var(--primary-gradient) !important;
    color: white !important;
}

#changelist-filter li.selected a {
    color: var(--primary-color) !important;
    font-weight: 700 !important;
}