﻿.select2-container--default .select2-selection.is-invalid,
select.is-invalid + .select2-container .select2-selection {
    border-color: #dc3545 !important;
}
/* Select2 — 12px rounded to match inputs */
.select2-container--default .select2-selection--single {
    border-radius: 12px !important;
}

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: calc(1.5em + 1rem) !important; /* vertical-center the text */
        padding-left: 12px;
    }

    .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: calc(1.5em + 1rem) !important;
    }
/* the dropdown panel */
.select2-container--default .select2-dropdown {
    border-radius: 12px !important;
    overflow: hidden;
    border-color: var(--bs-border-color) !important;
}
/* focus ring on theme color */
.select2-container--default.select2-container--focus .select2-selection--single,
.select2-container--default.select2-container--open .select2-selection--single {
    border-color: var(--bs-primary) !important;
    box-shadow: 0 0 0 .2rem var(--bs-primary-bg-subtle) !important;
}

/* Global scrollbar ---------------------------------------------------------
   Firefox uses scrollbar-color; Chromium/Safari use the webkit selectors. */
:root {
    --aira-scrollbar-track: #eef2f7;
    --aira-scrollbar-thumb: linear-gradient(180deg, #593069 0%, #371949 100%);
    --aira-scrollbar-thumb-solid: #371949;
    --aira-scrollbar-thumb-hover: #251031;
}

[data-bs-theme="dark"] {
    --aira-scrollbar-track: #18202d;
    --aira-scrollbar-thumb-solid: #6d467c;
    --aira-scrollbar-thumb-hover: #865a96;
}

html {
    scrollbar-width: thin;
    scrollbar-color: var(--aira-scrollbar-thumb-solid) var(--aira-scrollbar-track);
}

* {
    scrollbar-width: thin;
    scrollbar-color: var(--aira-scrollbar-thumb-solid) var(--aira-scrollbar-track);
}

*::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

*::-webkit-scrollbar-track {
    background: var(--aira-scrollbar-track);
    border-radius: 999px;
}

*::-webkit-scrollbar-thumb {
    min-height: 42px;
    background: var(--aira-scrollbar-thumb);
    background-clip: padding-box;
    border: 2px solid transparent;
    border-radius: 999px;
}

*::-webkit-scrollbar-thumb:hover {
    background: var(--aira-scrollbar-thumb-hover);
    background-clip: padding-box;
}

*::-webkit-scrollbar-corner {
    background: transparent;
}

/* The navigation panel uses SimpleBar instead of the browser scrollbar. */
.simplebar-scrollbar::before {
    background: var(--aira-scrollbar-thumb-solid) !important;
    border-radius: 999px !important;
    opacity: .65 !important;
    transition: opacity .2s ease, background-color .2s ease !important;
}

.simplebar-scrollbar:hover::before,
.simplebar-dragging .simplebar-scrollbar::before {
    background: var(--aira-scrollbar-thumb-hover) !important;
    opacity: 1 !important;
}

.simplebar-track.simplebar-vertical {
    width: 10px !important;
}

.simplebar-track.simplebar-horizontal {
    height: 10px !important;
}
