@import url("https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,100..900&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap");

/* =====================================================================
   Pfeifer & Langen Brand Identity
   Background (Off-White): #F8FAFC
   Surface (White):        #FFFFFF
   Text & Headers:         #102D69 (P&L Navy)
   Accent (P&L Red):       #D31E24 (P&L Red)
   Secondary/Borders:      #E2E8F0
   Fonts: Plus Jakarta Sans (headers), Inter (UI/data)
   ===================================================================== */

:root, [data-bs-theme=light] {
    /* Primary brand — P&L Navy */
    --theme-primary: #102D69;
    --theme-primary-rgb: 16, 45, 105;
    --theme-primary-text-emphasis: #0a1d45;
    --theme-primary-border-subtle: #b3c0da;
    --theme-primary-bg-subtle: #e7eaf0;
    /* Secondary — P&L Red */
    --theme-secondary: #D31E24;
    --theme-secondary-rgb: 211, 30, 36;
    /* Links */
    --theme-link-color: #102D69;
    --theme-link-hover-color: #D31E24;
    /* Success */
    --theme-success: #10B981;
    --theme-success-rgb: 16, 185, 129;
    /* Focus ring */
    --theme-focus-ring-color: rgba(16, 45, 105, 0.25);
    /* Fonts */
    --theme-font-sans-serif: "Inter", sans-serif;
    --theme-body-font-family: "Inter", sans-serif;
    /* Body background */
    --theme-body-bg: #F8FAFC;
    /* Borders */
    --theme-border-color: #E2E8F0;
    /* Sidebar */
    --theme-sidenav-bg: #ffffff;
    --theme-sidenav-border-color: #E2E8F0;
    --theme-sidenav-item-color: #64748b;
    --theme-sidenav-item-hover-color: #102D69;
    --theme-sidenav-item-hover-bg: rgba(16, 45, 105, 0.05);
    --theme-sidenav-item-active-color: #102D69;
    --theme-sidenav-item-active-bg: rgba(16, 45, 105, 0.08);
    /* Topbar */
    --theme-topbar-bg: #ffffff;
    --theme-topbar-border-color: #E2E8F0;
    --theme-topbar-item-color: #64748b;
    --theme-topbar-item-hover-color: #102D69;
}

/* ---- Base ---- */
body {
    font-family: "Inter", sans-serif;
    background-color: #F8FAFC;
    color: #0F172A; /* Dark slate for better readability */
}

/* ---- Typography ---- */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .ibox-title h5, .card-header h5 {
    font-family: "Plus Jakarta Sans", sans-serif;
    color: #102D69; /* Headers in Navy */
    font-weight: 700;
}

/* ---- Buttons ---- */
.btn-primary {
    background-color: #102D69;
    border-color: #102D69;
    color: #ffffff;
}

    .btn-primary:hover, .btn-primary:focus, .btn-primary:active {
        background-color: #D31E24 !important; /* Switch to Red on hover */
        border-color: #D31E24 !important;
        color: #ffffff !important;
    }

.btn-outline-primary {
    color: #102D69;
    border-color: #102D69;
}

    .btn-outline-primary:hover {
        background-color: #102D69;
        color: #ffffff;
    }

/* ---- Active nav item indicator ---- */
.side-nav .side-nav-link.active, .side-nav .active > .side-nav-link {
    color: #102D69 !important;
    font-weight: 600;
}

    .side-nav .side-nav-link.active::before, .side-nav .active > .side-nav-link::before {
        background-color: #D31E24; /* Red accent for the active bar */
    }

/* ---- Form controls ---- */
.form-control:focus, .form-select:focus {
    border-color: #102D69;
    box-shadow: 0 0 0 0.2rem rgba(16, 45, 105, 0.15);
}

/* ---- Syncfusion Tabs — Brand colors ---- */
.e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-text {
    color: #102D69 !important;
}

.e-tab .e-tab-header .e-indicator {
    background: #D31E24 !important; /* Red indicator for active tab */
}

/* ibox / Card Enhancements */
.ibox, .card {
    border-radius: 8px;
    border: 1px solid #E2E8F0;
    box-shadow: 0 1px 3px rgba(0,0,0,0.02);
}