:root {
    --primary-red: #DC143C;
    --primary-red-dark: #8B0000;
}

/* 1. Header: Simple Color Change */
.no-print.tw-shrink-0 {
    background: var(--primary-red) !important;
    background-image: linear-gradient(to right, var(--primary-red), var(--primary-red-dark)) !important;
}

.no-print.tw-shrink-0 * {
    color: #fff !important;
}

/* 2. Sidebar: Clean & Stable */
.side-bar {
    background: rgba(255, 255, 255, 0.95) !important;
    backdrop-filter: blur(10px);
}

.side-bar a:hover, 
.side-bar .active > a {
    background: var(--primary-red) !important;
    color: #fff !important;
}

/* 3. Welcome Section & Blue Elements: COLOR ONLY */
/* We target the specific primary classes but ONLY change the background */
.tw-bg-primary-800, 
[class*="tw-from-primary"], 
[class*="tw-to-primary"],
.bg-aqua,
.btn-primary,
.btn-info {
    background-color: var(--primary-red) !important;
    background-image: linear-gradient(135deg, var(--primary-red), var(--primary-red-dark)) !important;
    border-color: var(--primary-red-dark) !important;
    color: #fff !important;
}

/* 4. Dashboard Widgets: NO LAYOUT CHANGES */
.info-box-icon {
    background-color: var(--primary-red) !important;
    color: #fff !important;
}

.info-box {
    border: 1px solid #eee !important;
}

/* 5. Branding Area */
.side-bar > a:first-child {
    background: var(--primary-red) !important;
}

/* 6. Typography */
h1, h2, h3, .info-box-number {
    color: #333 !important;
}

/* REMOVE ALL CUSTOM PADDING/MARGIN OVERRIDES THAT BROKE THE LAYOUT */