/* ==========================================================================
   Flowbase Manager — Color Palette + Overrides
   Base: Qompac UI customizer palette, primary swapped to #3190FF
   ========================================================================== */

:root {
    --bs-primary: #3190FF;
    --bs-primary-rgb: 49, 144, 255;
    --bs-primary-bg-subtle: #eaf3ff;
    --bs-primary-border-subtle: #c1ddff;
    --bs-link-color-rgb: var(--bs-primary-rgb);
    --bs-primary-hover-bg: #2873cc;
    --bs-primary-hover-border: #1f5699;
    --bs-primary-active-bg: #2873cc;
    --bs-primary-active-border: #1f5699;

    --bs-secondary: #aca4bc;
    --bs-secondary-rgb: 172, 164, 188;
    --bs-secondary-bg-subtle: #eeedf2;
    --bs-secondary-border-subtle: #dedbe4;
    --bs-secondary-hover-bg: #8a8396;
    --bs-secondary-hover-border: #787384;
    --bs-secondary-active-bg: #8a8396;
    --bs-secondary-active-border: #787384;

    --bs-success: #1AA053;
    --bs-success-rgb: 26, 160, 83;
    --bs-success-bg-subtle: #d1ecdd;
    --bs-success-border-subtle: #a3d9ba;
    --bs-success-hover-bg: #158042;
    --bs-success-hover-border: #12703a;
    --bs-success-active-bg: #158042;
    --bs-success-active-border: #12703a;

    --bs-warning: #F16A1B;
    --bs-warning-rgb: 241, 106, 27;
    --bs-warning-bg-subtle: #fce1d1;
    --bs-warning-border-subtle: #f9c3a4;
    --bs-warning-hover-bg: #c15516;
    --bs-warning-hover-border: #a94a13;
    --bs-warning-active-bg: #c15516;
    --bs-warning-active-border: #a94a13;

    --bs-danger: #C03221;
    --bs-danger-rgb: 192, 50, 33;
    --bs-danger-bg-subtle: #f2d6d3;
    --bs-danger-border-subtle: #e6ada6;
    --bs-danger-hover-bg: #9a281a;
    --bs-danger-hover-border: #862317;
    --bs-danger-active-bg: #9a281a;
    --bs-danger-active-border: #862317;

    --bs-info: #08B1BA;
    --bs-info-rgb: 8, 177, 186;
    --bs-info-bg-subtle: #ceeff1;
    --bs-info-border-subtle: #9ce0e3;
    --bs-info-hover-bg: #068e95;
    --bs-info-hover-border: #067c82;
    --bs-info-active-bg: #068e95;
    --bs-info-active-border: #067c82;

    --bs-light: #dee2e6;
    --bs-light-rgb: 222, 226, 230;
    --bs-light-bg-subtle: #f8f9fa;
    --bs-light-border-subtle: #f2f3f5;
    --bs-light-hover-bg: #b2b5b8;
    --bs-light-hover-border: #9b9ea1;
    --bs-light-active-bg: #b2b5b8;
    --bs-light-active-border: #9b9ea1;

    --bs-dark: #000000;
    --bs-dark-rgb: 0, 0, 0;
    --bs-dark-bg-subtle: #cccccc;
    --bs-dark-border-subtle: #999999;
    --bs-dark-hover-bg: black;
    --bs-dark-hover-border: black;
    --bs-dark-active-bg: black;
    --bs-dark-active-border: black;

    --bs-gray: #6c757d;
    --bs-gray-rgb: 108, 117, 125;
    --bs-gray-bg-subtle: #e2e3e5;
    --bs-gray-border-subtle: #c4c8cb;
    --bs-gray-hover-bg: #565e64;
    --bs-gray-hover-border: #4c5258;
    --bs-gray-active-bg: #565e64;
    --bs-gray-active-border: #4c5258;

    /* shades utilitários */
    --bs-primary-shade-20: #2873cc;
    --bs-primary-shade-40: #1f5699;
    --bs-primary-shade-60: #143966;
    --bs-primary-shade-80: #0a1d33;
}

:root[data-bs-theme=dark] {
    --bs-primary-text-emphasis: #7ab8ff;
    --bs-primary-bg-subtle: #091a33;
    --bs-secondary-text-emphasis: #cdc8d7;
    --bs-secondary-bg-subtle: #222126;
    --bs-success-text-emphasis: #76c698;
    --bs-success-bg-subtle: #052011;
    --bs-warning-text-emphasis: #f7a676;
    --bs-warning-bg-subtle: #301505;
    --bs-danger-text-emphasis: #d9847a;
    --bs-danger-bg-subtle: #260a07;
    --bs-info-text-emphasis: #6bd0d6;
    --bs-info-bg-subtle: #022325;
    --bs-light-text-emphasis: #ebeef0;
    --bs-light-bg-subtle: #2c2d2e;
    --bs-dark-text-emphasis: #666666;
    --bs-dark-bg-subtle: black;
    --bs-gray-text-emphasis: #a7acb1;
    --bs-gray-bg-subtle: #161719;
}

/* ==========================================================================
   Bootstrap component overrides
   ========================================================================== */

.form-check-input:checked {
    background-color: var(--bs-primary) !important;
    border-color: var(--bs-primary) !important;
}

.form-check-input:focus {
    border-color: var(--bs-primary);
    box-shadow: 0 0 0 0.15rem rgba(var(--bs-primary-rgb), 0.25);
}

.loader.simple-loader .loader-body .image-loader {
    animation: none;
    -webkit-animation: none;
}

/* intl-tel-input */
.iti { width: 100%; }

/* Select2 — search input */
.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa !important;
    border-radius: var(--bs-border-radius-sm);
    padding: .375rem .5rem;
    font-size: .875rem;
    color: var(--bs-body-color);
    background-color: var(--bs-body-bg);
    outline: none;
}

.select2-container--default .select2-search--dropdown .select2-search__field:focus {
    border-color: var(--bs-primary) !important;
    box-shadow: 0 0 0 0.15rem rgba(var(--bs-primary-rgb), 0.25);
}


[data-bs-theme=dark] {
    --iti-border-color: #495057;
    --iti-dropdown-bg: #212529;
    --iti-icon-color: #dee2e6;
    --iti-hover-color: #30363d;
}

[data-bs-theme=dark] .iti__dropdown-content {
    background-color: #212529;
    border-color: #495057;
    color: #dee2e6;
}

[data-bs-theme=dark] .iti__search-input {
    background-color: #2c3034;
    border-color: #495057;
    color: #dee2e6;
}

[data-bs-theme=dark] .iti__search-input::placeholder {
    color: #6c757d;
}

[data-bs-theme=dark] .iti__country:hover,
[data-bs-theme=dark] .iti__country.iti__highlight {
    background-color: #30363d;
}

[data-bs-theme=dark] .iti__country-name,
[data-bs-theme=dark] .iti__dial-code {
    color: #dee2e6;
}

.status-pill {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .45em .9em;
    border-radius: 50rem;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1;
    white-space: nowrap;
}
.status-pill-active    {
    background-color: var(--bs-success);
    color: var(--bs-white);
}
.status-pill-inactive  {
    background-color: var(--bs-secondary);
    color: var(--bs-white);
}
.status-pill-suspended {
    background-color: var(--bs-danger);
    color: var(--bs-white);
}

.btn-primary {
    background-color: var(--bs-primary) !important;
    border-color: var(--bs-primary) !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: var(--bs-primary-hover-bg) !important;
    border-color: var(--bs-primary-hover-border) !important;
}

.bg-soft-primary {
    color: var(--bs-primary-shade-20) !important;
    background-color: rgba(var(--bs-primary-rgb), 0.1) !important;
}

a.bg-soft-primary:hover, a.bg-soft-primary:focus,
button.bg-soft-primary:hover, button.bg-soft-primary:focus {
    color: var(--bs-primary-shade-40) !important;
    background-color: rgba(var(--bs-primary-rgb), 0.3) !important;
}

.dropdown-menu {
    --bs-dropdown-link-hover-color: var(--bs-primary-hover-bg);
    --bs-dropdown-link-hover-bg: rgba(var(--bs-primary-rgb), 0.1);
    --bs-dropdown-link-active-bg: var(--bs-primary-hover-bg);
}

[data-bs-theme=dark] .bg-soft-primary {
    color: var(--bs-primary) !important;
    background-color: rgba(var(--bs-primary-rgb), 0.2) !important;
}

[data-bs-theme=dark] .dropdown-menu .dropdown-item:hover,
[data-bs-theme=dark] .dropdown-menu .dropdown-item:focus {
    background-color: rgba(var(--bs-primary-rgb), 0.25);
    color: var(--bs-white);
}

/* ==========================================================================
   Sidebar & logo
   ========================================================================== */

.sidebar.sidebar-mini .sidebar-header .logo-normal { display: none; }
.sidebar.sidebar-mini .sidebar-header .logo-mini   { display: block; }

.logo-dark              { display: none; }
[data-bs-theme=dark] .logo-light { display: none; }
[data-bs-theme=dark] .logo-dark  { display: block; }

.sidebar .navbar-brand {
    padding: 0.7rem 1rem;
}

.sidebar.sidebar-mini .sidebar-header .logo-mini {
    padding: 0.4rem;
}