/**
 * RelamPay brand tokens
 * Change colours here. Website, user panel, and admin follow via var(--rp-*).
 */
:root {
    --rp-green: #0A3D2C;
    --rp-green-dark: #06281d;
    --rp-lime: #39D46A;
    --rp-yellow: #F5B800;
    --rp-ink: #1A1A1A;

    --rp-green-rgb: 10, 61, 44;
    --rp-lime-rgb: 57, 212, 106;
    --rp-yellow-rgb: 245, 184, 0;
}

/* Theme paints .bg-dark as an orange gradient — force RelamPay green on sidebars */
aside.navbar-vertical-aside,
aside.navbar-vertical-aside.navbar-dark,
aside.navbar-vertical-aside.navbar-light,
aside.navbar-vertical-aside.bg-dark,
aside.navbar-vertical-aside.bg-white,
.navbar.navbar-vertical-aside.bg-dark,
.navbar.navbar-vertical.navbar-dark.bg-dark {
    background: #0A3D2C !important;
    background-image: none !important;
}

aside.navbar-vertical-aside .navbar-vertical-container,
aside.navbar-vertical-aside .navbar-vertical-footer-offset,
aside.navbar-vertical-aside .navbar-vertical-content {
    background: transparent !important;
    background-image: none !important;
}

aside.navbar-vertical-aside .navbar-vertical-footer {
    background: #06281d !important;
    background-image: none !important;
}

aside.navbar-vertical-aside .navbar-brand {
    height: 3.875rem !important;
    min-height: 3.875rem !important;
    max-height: 3.875rem !important;
    overflow: hidden !important;
    flex-shrink: 0 !important;
    position: relative;
    z-index: 3;
    background: #0A3D2C !important;
}

aside.navbar-vertical-aside .navbar-brand img.navbar-brand-logo,
aside.navbar-vertical-aside .navbar-brand img.navbar-brand-logo-auto {
    max-height: 2.25rem !important;
    max-width: 9rem !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
}

aside.navbar-vertical-aside .navbar-brand img.navbar-brand-logo-mini {
    max-height: 1.75rem !important;
    max-width: 1.75rem !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
}

aside.navbar-vertical-aside .navbar-vertical-content {
    height: calc(100% - 3.875rem) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
}