/* ============================================================
   BLOOM ACADEMY - UNIFIED THEME SYSTEM (VS CODE EDITION)
   Centralized CSS Variable Engine & Global Dark/Light Theme System
   ============================================================ */

:root {
    /* ===== CENTRALIZED THEME TOKENS (LIGHT MODE) ===== */
    --vscode-bg: #f8fafc;
    --vscode-surface: #ffffff;
    --vscode-card: #ffffff;
    --vscode-sidebar: #ffffff;
    --vscode-header: #ffffff;
    --vscode-footer: #ffffff;
    --vscode-text-primary: #0f172a;
    --vscode-text-secondary: #475569;
    --vscode-text-muted: #94a3b8;
    --vscode-border: #e2e8f0;
    --vscode-border-soft: #f1f5f9;
    --vscode-hover: rgba(37, 99, 235, 0.08);
    --vscode-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);

    --vscode-blue: #2563eb;
    --vscode-blue-hover: #1d4ed8;
    --vscode-success: #16a34a;
    --vscode-warning: #f59e0b;
    --vscode-danger: #dc2626;
    --vscode-info: #0284c7;

    /* ===== MAPPED COMPONENT PALETTE ===== */
    --color-primary: var(--vscode-blue);
    --color-primary-light: #60a5fa;
    --color-primary-dark: var(--vscode-blue-hover);
    --color-primary-pale: rgba(37, 99, 235, 0.1);

    --color-accent: #8b5cf6;
    --color-accent-light: #a78bfa;
    --color-accent-dark: #7c3aed;
    --color-accent-pale: rgba(139, 92, 246, 0.15);

    --color-secondary: #0284c7;
    --color-secondary-light: #38bdf8;
    --color-secondary-dark: #0369a1;

    --color-white: #ffffff;
    --color-cream: #f8fafc;
    --color-beige: #f1f5f9;
    --color-off-white: #f8fafc;
    --color-bg-light: #f8fafc;
    --color-bg-alt: #f1f5f9;

    --color-text: var(--vscode-text-primary);
    --color-text-light: var(--vscode-text-secondary);
    --color-text-muted: var(--vscode-text-muted);
    --color-text-dark: #020617;

    --color-success: var(--vscode-success);
    --color-success-light: #4ade80;
    --color-error: var(--vscode-danger);
    --color-error-light: #f87171;
    --color-warning: var(--vscode-warning);
    --color-warning-light: #fbbf24;
    --color-info: var(--vscode-info);
    --color-info-light: #38bdf8;

    --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.04);
    --shadow-sm: 0 2px 6px rgba(0, 0, 0, 0.06);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.1);
    --shadow-xl: 0 12px 40px rgba(0, 0, 0, 0.12);

    --border-light: 1px solid var(--vscode-border-soft);
    --border-medium: 1px solid var(--vscode-border);
    --border-dark: 1px solid #cbd5e1;

    --spacing-1: 0.25rem;
    --spacing-2: 0.5rem;
    --spacing-3: 0.75rem;
    --spacing-4: 1rem;
    --spacing-5: 1.25rem;
    --spacing-6: 1.5rem;
    --spacing-8: 2rem;
    --spacing-10: 2.5rem;

    --radius-sm: 0.375rem;
    --radius-md: 0.5rem;
    --radius-lg: 0.75rem;
    --radius-xl: 1rem;
    --radius-full: 9999px;

    --font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif;
    --font-size-xs: 0.75rem;
    --font-size-sm: 0.875rem;
    --font-size-base: 1rem;
    --font-size-lg: 1.125rem;
    --font-size-xl: 1.25rem;
    --font-size-2xl: 1.5rem;

    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;

    --line-height-normal: 1.5;
    --transition-normal: 250ms cubic-bezier(0.4, 0, 0.2, 1);
}

/* ===== VS CODE DARK THEME OVERRIDES (100% COVERAGE) ===== */
html.dark-theme,
body.dark-theme {
    /* VS Code Classic Palette Tokens */
    --vscode-bg: #1e1e1e;           /* VS Code Editor Main Background */
    --vscode-surface: #252526;      /* VS Code Card / Widget Background */
    --vscode-card: #252526;
    --vscode-sidebar: #181818;      /* VS Code Sidebar / Activity Bar */
    --vscode-header: #181818;       /* VS Code Header / TitleBar */
    --vscode-footer: #181818;       /* VS Code Status Bar */
    --vscode-text-primary: #d4d4d4;   /* VS Code Foreground Text */
    --vscode-text-secondary: #cccccc;
    --vscode-text-muted: #808080;
    --vscode-border: #2d2d2d;         /* Soft VS Code Divider */
    --vscode-border-soft: #252526;
    --vscode-hover: rgba(0, 122, 204, 0.2);
    --vscode-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);

    --vscode-blue: #007acc;         /* VS Code Blue Accent */
    --vscode-blue-hover: #0098ff;
    --vscode-success: #4ec9b0;
    --vscode-warning: #ce9178;
    --vscode-danger: #f44747;
    --vscode-info: #9cdcfe;

    --color-primary: var(--vscode-blue);
    --color-primary-light: #0098ff;
    --color-primary-dark: #005999;
    --color-primary-pale: rgba(0, 122, 204, 0.2);

    --color-white: var(--vscode-card);
    --color-cream: var(--vscode-bg);
    --color-beige: var(--vscode-surface);
    --color-off-white: var(--vscode-surface);
    --color-bg-light: var(--vscode-bg);
    --color-bg-alt: var(--vscode-surface);

    --color-text: var(--vscode-text-primary);
    --color-text-light: var(--vscode-text-secondary);
    --color-text-muted: var(--vscode-text-muted);
    --color-text-dark: #ffffff;

    --border-light: 1px solid var(--vscode-border);
    --border-medium: 1px solid #3c3c3c;
    --border-dark: 1px solid #505050;

    background-color: var(--vscode-bg) !important;
    color: var(--vscode-text-primary) !important;
}

/* Background & Body Overrides */
body.dark-theme,
html.dark-theme body {
    background: var(--vscode-bg) !important;
    color: var(--vscode-text-primary) !important;
}

/* Layout Containers & Wrappers */
body.dark-theme .dashboard-wrapper,
body.dark-theme .dashboard-main,
body.dark-theme .page-content-wrapper,
body.dark-theme .view-page-content,
body.dark-theme .view-container,
body.dark-theme .erp-setup-container {
    background-color: var(--vscode-bg) !important;
    color: var(--vscode-text-primary) !important;
}

/* Header, Navbar & Sidebar */
body.dark-theme .dashboard-header,
body.dark-theme .sidebar,
body.dark-theme .navbar {
    background-color: var(--vscode-sidebar) !important;
    border-color: var(--vscode-border) !important;
    color: var(--vscode-text-primary) !important;
}

body.dark-theme .sidebar-link,
body.dark-theme .sidebar-dropdown-toggle {
    color: var(--vscode-text-secondary) !important;
}

body.dark-theme .sidebar-link:hover,
body.dark-theme .sidebar-item.active > .sidebar-link {
    background-color: var(--vscode-hover) !important;
    color: #ffffff !important;
    border-left-color: var(--vscode-blue) !important;
}

body.dark-theme .academic-year-dropdown,
body.dark-theme .notification-dropdown,
body.dark-theme .user-dropdown-menu,
body.dark-theme .dropdown-menu,
body.dark-theme .erp-tabs-nav {
    background-color: var(--vscode-surface) !important;
    border-color: #3c3c3c !important;
    color: var(--vscode-text-primary) !important;
    box-shadow: var(--vscode-shadow) !important;
}

/* Cards, Panels & Boxes */
body.dark-theme .card,
body.dark-theme .profile-section,
body.dark-theme .detail-card,
body.dark-theme .stat-card,
body.dark-theme .chart-card,
body.dark-theme .activity-section,
body.dark-theme .form-step,
body.dark-theme .class-builder-card,
body.dark-theme .academic-group,
body.dark-theme .tag-input-wrapper,
body.dark-theme .settings-section,
body.dark-theme .view-card,
body.dark-theme .erp-form-card,
body.dark-theme .erp-header-card,
body.dark-theme .welcome-card,
body.dark-theme .quick-actions-box {
    background-color: var(--vscode-card) !important;
    border-color: var(--vscode-border) !important;
    color: var(--vscode-text-primary) !important;
    box-shadow: var(--vscode-shadow) !important;
}

body.dark-theme .erp-info-node,
body.dark-theme .quick-action-item,
body.dark-theme .list-row-item {
    background-color: #1e1e1e !important;
    border-color: var(--vscode-border) !important;
    color: var(--vscode-text-primary) !important;
}

body.dark-theme .quick-action-item:hover,
body.dark-theme .erp-info-node:hover {
    border-color: var(--vscode-blue) !important;
    background-color: var(--vscode-hover) !important;
}

/* Headings & Text Elements */
body.dark-theme h1,
body.dark-theme h2,
body.dark-theme h3,
body.dark-theme h4,
body.dark-theme h5,
body.dark-theme h6,
body.dark-theme .profile-name,
body.dark-theme .section-title,
body.dark-theme .setting-label,
body.dark-theme .detail-label,
body.dark-theme label,
body.dark-theme .form-label,
body.dark-theme .stat-card-value,
body.dark-theme .erp-card-header h2 {
    color: #ffffff !important;
}

body.dark-theme p,
body.dark-theme span,
body.dark-theme .subtitle,
body.dark-theme .profile-subtitle,
body.dark-theme .setting-description,
body.dark-theme .detail-value,
body.dark-theme .text-muted,
body.dark-theme .stat-card-label {
    color: var(--vscode-text-secondary) !important;
}

/* Forms, Inputs, Selects & Textareas */
body.dark-theme input[type="text"],
body.dark-theme input[type="email"],
body.dark-theme input[type="password"],
body.dark-theme input[type="number"],
body.dark-theme input[type="url"],
body.dark-theme input[type="date"],
body.dark-theme input[type="time"],
body.dark-theme input[type="search"],
body.dark-theme select,
body.dark-theme textarea,
body.dark-theme .form-control,
body.dark-theme .form-input,
body.dark-theme .form-select,
body.dark-theme .erp-input-wrapper input,
body.dark-theme .erp-input-wrapper select {
    background-color: #1e1e1e !important;
    border-color: #3c3c3c !important;
    color: #ffffff !important;
}

body.dark-theme input:focus,
body.dark-theme select:focus,
body.dark-theme textarea:focus,
body.dark-theme .erp-input-wrapper input:focus,
body.dark-theme .erp-input-wrapper select:focus {
    border-color: var(--vscode-blue) !important;
    box-shadow: 0 0 0 2px rgba(0, 122, 204, 0.4) !important;
}

body.dark-theme input::placeholder,
body.dark-theme textarea::placeholder {
    color: var(--vscode-text-muted) !important;
}

body.dark-theme select option {
    background-color: #252526 !important;
    color: #ffffff !important;
}

body.dark-theme .erp-input-wrapper .input-icon {
    color: var(--vscode-text-muted) !important;
}

/* Tables & DataTables */
body.dark-theme table,
body.dark-theme .table,
body.dark-theme .academic-summary-table,
body.dark-theme .data-table,
body.dark-theme table.dataTable {
    background-color: var(--vscode-card) !important;
    border-color: var(--vscode-border) !important;
    color: var(--vscode-text-primary) !important;
}

body.dark-theme table th,
body.dark-theme .table th,
body.dark-theme .academic-summary-table th,
body.dark-theme table.dataTable thead th {
    background-color: #1e1e1e !important;
    color: #ffffff !important;
    border-color: #3c3c3c !important;
}

body.dark-theme table td,
body.dark-theme .table td,
body.dark-theme .academic-summary-table td,
body.dark-theme table.dataTable tbody td {
    background-color: var(--vscode-card) !important;
    color: var(--vscode-text-primary) !important;
    border-color: var(--vscode-border) !important;
}

body.dark-theme table tr:hover td,
body.dark-theme .table tr:hover td,
body.dark-theme table.dataTable tbody tr:hover td {
    background-color: #2a2d2e !important;
}

/* Buttons & Footers */
body.dark-theme .btn-secondary,
body.dark-theme .erp-btn-secondary {
    background-color: #3c3c3c !important;
    border-color: #505050 !important;
    color: #ffffff !important;
}

body.dark-theme .btn-secondary:hover,
body.dark-theme .erp-btn-secondary:hover {
    background-color: #4a4a4a !important;
}

body.dark-theme .btn-primary,
body.dark-theme .erp-btn-primary {
    background: linear-gradient(135deg, #007acc, #005999) !important;
    color: #ffffff !important;
}

body.dark-theme .erp-sticky-footer {
    background-color: rgba(37, 37, 38, 0.95) !important;
    border-color: var(--vscode-border) !important;
}

/* ===== VS CODE STYLE ANIMATED THEME SWITCH BUTTON ===== */
.vscode-theme-switch {
    background: transparent;
    border: none;
    padding: 0;
    cursor: pointer;
    outline: none;
    display: inline-flex;
    align-items: center;
}

.vscode-switch-track {
    position: relative;
    width: 58px;
    height: 30px;
    background: #cbd5e1;
    border-radius: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 6px;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15);
    transition: background 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

html.dark-theme .vscode-switch-track,
body.dark-theme .vscode-switch-track {
    background: #3c3c3c;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.5);
}

.vscode-switch-icon {
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
    color: #64748b;
    transition: color 0.3s ease;
}

.vscode-icon-sun {
    color: #f59e0b !important;
}

.vscode-theme-switch.is-dark .vscode-icon-moon {
    color: #9cdcfe !important;
}

.vscode-switch-thumb {
    position: absolute;
    top: 3px;
    left: 3px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #ffffff;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    transition: transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1), background 0.3s ease;
    z-index: 1;
}

.vscode-theme-switch.is-dark .vscode-switch-thumb {
    transform: translateX(28px);
    background: #007acc;
    box-shadow: 0 2px 8px rgba(0, 122, 204, 0.6);
}

.vscode-theme-switch:active .vscode-switch-thumb {
    width: 28px;
}

/* Global Transitions & Scrollbars */
body.dark-theme ::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

body.dark-theme ::-webkit-scrollbar-track {
    background: var(--vscode-bg);
}

body.dark-theme ::-webkit-scrollbar-thumb {
    background: #3c3c3c;
    border-radius: 4px;
}

body.dark-theme ::-webkit-scrollbar-thumb:hover {
    background: #505050;
}

/* ============================================================
   ERP FOOTER & GLOBAL LAYOUT SPACING IMPROVEMENTS
   ============================================================ */

/* Thin Clean ERP Footer (Centered glassmorphism styling) */
.erp-footer {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: var(--spacing-2) var(--spacing-6);
    background: rgba(15, 23, 42, 0.85); /* Dark transparency */
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-top: 1px solid rgba(255, 255, 255, 0.15);
    box-shadow: 0 -4px 30px rgba(0, 0, 0, 0.2);
    height: 56px;
    box-sizing: border-box;
    font-family: var(--font-family, 'Inter', sans-serif);
    color: #f8fafc;
    font-size: var(--font-size-sm, 0.875rem);
    width: 100%;
    margin-top: auto; /* Pushes footer to bottom if content is short */
    flex-shrink: 0; /* Prevents footer from squishing */
    z-index: 10;
}

.erp-footer-left {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--spacing-2);
}

.erp-footer-logo {
    height: 28px;
    width: auto;
    object-fit: contain;
}

.erp-footer-logo-fallback {
    font-size: 1.3rem;
}

.erp-footer-school-name {
    font-weight: 600;
    color: #ffffff;
}

/* Global Layout Improvements (whitespace reduction & ERP standardization) */
.page-content-wrapper {
    padding-inline: var(--spacing-5) !important;
    padding-top: calc(var(--dashboard-header-height) + var(--spacing-5)) !important;
    padding-bottom: 0 !important;
}

.page-header {
    padding: var(--spacing-4) var(--spacing-5) !important;
    margin-bottom: var(--spacing-4) !important;
    border-radius: var(--radius-lg) !important;
}

.page-title h1 {
    font-size: 1.5rem !important;
    font-weight: 700 !important;
}

.page-title p {
    font-size: 0.875rem !important;
}

.stats-row {
    gap: var(--spacing-4) !important;
    margin-bottom: var(--spacing-4) !important;
}

.stat-card-small {
    padding: var(--spacing-4) !important;
    border-radius: var(--radius-lg) !important;
}

.stat-card-small-value {
    font-size: 1.75rem !important;
}

.filter-section {
    padding: var(--spacing-4) !important;
    margin-bottom: var(--spacing-4) !important;
    border-radius: var(--radius-lg) !important;
}

.filter-group label {
    margin-bottom: var(--spacing-1) !important;
    font-size: 0.8125rem !important;
}

/* Standardize Buttons & Forms */
.btn {
    padding: 7px 14px !important;
    font-size: 0.875rem !important;
    height: 38px !important;
    border-radius: var(--radius-md) !important;
    box-sizing: border-box !important;
}

.btn-secondary, .btn-action {
    height: auto !important;
}

.btn-action {
    padding: 5px 10px !important;
    font-size: 0.8rem !important;
    border-radius: var(--radius-sm) !important;
}

/* Table spacing standardizations */
th, td {
    padding: 10px var(--spacing-3) !important;
    font-size: 0.875rem !important;
}

input[type="text"], input[type="email"], input[type="date"], select, textarea {
    padding: 8px 12px !important;
    font-size: 0.875rem !important;
    border-radius: var(--radius-md) !important;
}

/* ============================================================
   ERP STICKY ACTION FOOTER POSITIONING & OVERLAP FIXES
   ============================================================ */
.erp-sticky-footer {
    position: fixed !important;
    bottom: 0 !important;
    left: var(--dashboard-main-offset, 280px) !important;
    right: 0 !important;
    background-color: rgba(255, 255, 255, 0.95) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border-top: 1px solid var(--vscode-border, #e2e8f0) !important;
    box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.08) !important;
    z-index: 999 !important;
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    gap: 16px !important;
    padding: 16px 32px !important;
    box-sizing: border-box !important;
    transition: left var(--transition-smooth, 0.25s ease) !important;
}

body.dark-theme .erp-sticky-footer {
    background-color: rgba(30, 30, 31, 0.95) !important;
    border-top: 1px solid var(--vscode-border, #3c3c3c) !important;
    box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.3) !important;
}

.dashboard-wrapper.sidebar-collapsed .erp-sticky-footer {
    left: var(--dashboard-main-offset-collapsed, 90px) !important;
}

@media (max-width: 991px) {
    .erp-sticky-footer {
        left: 0 !important;
        padding: 12px 16px !important;
        flex-wrap: wrap !important;
        gap: 12px !important;
    }
    .erp-sticky-footer .footer-left,
    .erp-sticky-footer .footer-center,
    .erp-sticky-footer .footer-right {
        display: flex !important;
        gap: 8px !important;
        align-items: center !important;
    }
    .erp-sticky-footer .footer-left {
        justify-content: flex-start !important;
        order: 1;
    }
    .erp-sticky-footer .footer-center {
        justify-content: center;
        order: 3;
        width: 100% !important;
        margin-top: 4px;
    }
    .erp-sticky-footer .footer-right {
        justify-content: flex-end !important;
        order: 2;
        margin-left: auto;
    }
}

/* Ensure the scrollable page content has enough bottom spacing so it doesn't get covered by the fixed footer */
.page-content-wrapper:has(.erp-sticky-footer),
.dashboard-content-inner:has(.erp-sticky-footer),
form:has(.erp-sticky-footer),
.settings-page:has(.erp-sticky-footer) {
    padding-bottom: 90px !important;
}

/* ============================================================
   ERP INTEGRATED BREADCRUMB STYLE & HEADER CARD LAYOUTS
   ============================================================ */
.erp-header-card,
.profile-header-card,
.page-header,
.registration-header,
.courses-header,
.settings-page-header,
.details-header-card {
    display: flex !important;
    flex-wrap: wrap !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
}

/* For cards that should keep standard top-down stack */
.erp-header-card,
.registration-header {
    flex-direction: column !important;
    align-items: stretch !important;
}

.integrated-breadcrumb {
    width: 100% !important;
    flex: 0 0 100% !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-size: 0.8125rem !important;
    font-weight: 500 !important;
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
    padding: 0 !important;
    margin: 0 0 14px 0 !important;
    box-sizing: border-box !important;
}

.integrated-breadcrumb a,
.integrated-breadcrumb span,
.integrated-breadcrumb div,
.integrated-breadcrumb .sep,
.integrated-breadcrumb .separator {
    color: #475569 !important; /* Slate 600 - slightly darker for visibility */
    font-family: inherit !important;
    text-decoration: none !important;
}

.integrated-breadcrumb a:hover {
    color: var(--color-primary, #4f46e5) !important;
    text-decoration: underline !important;
}

/* Dark theme overrides for integrated breadcrumbs */
body.dark-theme .integrated-breadcrumb a,
body.dark-theme .integrated-breadcrumb span,
body.dark-theme .integrated-breadcrumb div,
body.dark-theme .integrated-breadcrumb .sep,
body.dark-theme .integrated-breadcrumb .separator {
    color: #cbd5e1 !important; /* Fg color for dark theme contrast */
}

body.dark-theme .integrated-breadcrumb a:hover {
    color: #38bdf8 !important;
}

/* ============================================================
   ERP PAGE HEADER ACTION BUTTONS STANDARDIZATION
   ============================================================ */
.page-header-content {
    width: 100% !important;
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 16px !important;
}

.page-header-actions,
.action-buttons-group {
    display: flex !important;
    flex-direction: row !important;
    justify-content: flex-end !important;
    align-items: center !important;
    gap: 8px !important;
    flex-wrap: nowrap !important;
    margin-left: auto !important; /* Pushes to the right */
}

/* Ensure consistent button alignments, padding, and height */
.page-header-actions .btn,
.page-header-actions .erp-btn,
.action-buttons-group .btn,
.action-buttons-group .erp-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    padding: 8px 16px !important;
    font-size: 0.875rem !important;
    height: 38px !important;
    border-radius: var(--radius-md, 6px) !important;
    font-weight: 600 !important;
    white-space: nowrap !important;
    transition: all 0.2s ease !important;
}

/* Handle responsive layout for smaller screens */
@media (max-width: 767px) {
    .page-header-content {
        flex-direction: column !important;
        align-items: stretch !important;
    }
    
    .page-header-actions,
    .action-buttons-group {
        width: 100% !important;
        justify-content: flex-start !important;
        margin-left: 0 !important;
        margin-top: 8px !important;
    }
}

/* ============================================================
   ERP LOGO CONSTRAINTS & STABILITY LAYOUT OVERRIDES
   ============================================================ */
.erp-header-icon img {
    width: 64px !important;
    height: 64px !important;
    object-fit: contain !important;
    border-radius: 12px !important;
    display: block !important;
}

.logo-icon-img {
    width: 32px !important;
    height: 32px !important;
    object-fit: contain !important;
    border-radius: 6px !important;
    display: inline-block !important;
    vertical-align: middle !important;
    margin-right: 8px !important;
}