[data-theme-mode="dark"] .select2-container--bootstrap-5 .select2-selection {
    background-color: #1f2937; /* dark bg */
    color: #d1d5db; /* text color */
    border-color: #374151; /* border */
}

[data-theme-mode="dark"] .select2-container--bootstrap-5 .select2-selection__rendered {
    color: #d1d5db;
}

[data-theme-mode="dark"] .select2-container--bootstrap-5 .select2-dropdown {
    background-color: #1f2937;
    color: #d1d5db;
}

[data-theme-mode="dark"] .select2-container--bootstrap-5 .select2-dropdown .select2-search .select2-search__field {
    background-color: #283951;
}

[data-theme-mode="dark"] .select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered {
    color: #d1d5db;
}

.bg-cream {
    background-color: #d8d7db42;
}

.btn-rate {
    background-color: #4b5675;
    color: white;
}

.btn-rate-orange {
    background-color: #F8B133;
    color: white;
}

.btn-rate-light {
    background-color: #737b92;
    color: white;
}

label.required::after {
    content: ' *';
    color: red;
}

input:focus-visible, select:focus-visible, textarea:focus-visible {
    outline: none !important;
}

.py-0\.15 {
    padding-top: 0.15rem;
    padding-bottom: 0.15rem;
  }

@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}

.container-fixed-table {
    flex-grow: 1;
    width: 100%;
    padding-inline-start: 1.5rem;
    padding-inline-end: 1.5rem;
}

@media (min-width: 1280px) {
    .container-fixed-table {
        margin-inline-start: auto;
        margin-inline-end: auto;
        padding-inline-start: 1.875rem;
        padding-inline-end: 1.875rem;
        /* max-width: 1660px; */
    }

    .container-no-max-width {
        max-width: none !important;
    }
}

.custom-warning-light{
    background-color:
 color-mix(in oklab, #68f013 10%, transparent);
}

.td-custom-bg-light {
    background-color: var(--tw-table-head-background-color);
}

.site-filter-checkbox:checked {
    accent-color: #757991;
}

.match-filter-radio:checked {
    accent-color: #F8285A;
}

.score-filter-checkbox:checked {
    accent-color: #F6B100;
}

.btn-warning {
  color: #fff;
  background-color: var(--tw-warning);
}

.dark input, .dark textarea, .dark select {
    background-color: var(--tw-light-active);
    color: var(--tw-gray-600);
}

.max-h-\[75vh\] {
  max-height: 75vh;
}

/* Sidebar daralınca gizle */
.sidebar-collapsed .footer-full {
    display: none !important;
}

.sidebar-collapsed .sidebar-img {
    display: block !important;
}

.sidebar-collapsed .sidebar-not-hidden {
    display: block !important;
}

.sidebar-collapsed .sidebar-exit {
    display: block !important;
}

.sidebar-collapsed .lg-sidebar-exit {
    display: none !important;
}

/* Sidebar daralınca profil + çıkış ikonu için özel satır */
.sidebar-collapsed-only-footer {
    display: none;
}

.sidebar-collapsed .sidebar-collapsed-only-footer {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding-bottom: 12px;
}

.sidebar-collapsed .sidebar-collapsed-only:hover .menu-dropdown {
    display: block !important;
}

.sidebar-collapsed #adminCollapsedTrigger {
    display: block !important;
}

.sidebar-collapsed .admin-panel-full {
    display: none !important;
}

.sidebar-collapsed .sidebar-collapsed-only {
    display: block !important;
}

.sidebar-collapsed-only {
    display: none;
}

.sidebar-collapsed .sidebar-collapsed-only:hover>.menu-dropdown {
    display: block !important;
}

.sidebar-collapsed {
    --tw-sidebar-width: 80px !important;
    width: 80px !important;
}

/* Tüm metinleri yok et */
.sidebar-collapsed .menu-title,
.sidebar-collapsed .text-white,
.sidebar-collapsed .text-md,
.sidebar-collapsed .text-lg,
.sidebar-collapsed .menu-arrow,
.sidebar-collapsed .btn>span:not(.icon),
.sidebar-collapsed .btn>svg,
.sidebar-collapsed .menu-link>span:not(.menu-icon),
.sidebar-collapsed img {
    display: none !important;
}

/* Butonları tam genişlikten çıkar, simgeyi ortaya al */
.sidebar-collapsed .btn {
    justify-content: center !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    min-width: 0 !important;
}

/* Menü ikonlarını ortala */
.sidebar-collapsed .menu-icon {
    justify-content: center !important;
    width: 100% !important;
    display: flex !important;
}

.sidebar-collapsed .sidebar-menu-icon {
    width: 50% !important;
}

/* paddingleri azalt */
.sidebar-collapsed .px-3\.5,
.sidebar-collapsed .ps-4,
.sidebar-collapsed .pe-3\.5 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.sidebar-collapsed #sidebarToggleBtn {
    position: absolute !important;
    transform: translateY(-50%) !important;
    z-index: 100;
    display: block !important;
}

@media (min-width: 1024px) {
    .content-collapsed {
        margin-left: 80px !important;
    }
}

@media (max-width: 1023.98px) {
    .content-collapsed {
        margin-left: 0 !important;
    }
}

.sidebar-collapsed .sidebar-icon {
    display: inline-block !important;
    font-size: 1.25rem;
}

/* Başta: sadece büyük logo görünür */
.big-logo-img {
    display: block;
}

.sidebar-img {
    display: none;
}

/* Tüm img’leri gizleme - ama sadece sidebar-img hariç */
.sidebar-collapsed img:not(.sidebar-img) {
    display: none !important;
}

/* Küçük logo gösterilsin */
.sidebar-collapsed .sidebar-img {
    display: block !important;
    width: 32px;
    height: 32px;
    object-fit: cover;
}

/* Büyük logo gizlensin */
.sidebar-collapsed .big-logo-img {
    display: none !important;
}


.sidebar-collapsed .sidebar-link {
    width: 50%;
    align-self: anchor-center;
}

/* Yazılar sidebar daralınca gizlenir */
.sidebar-collapsed .sidebar-text {
    display: none !important;
}

.btn-clear.btn-rate-orange {
  border-color: transparent;
  background-color: transparent;
  color: #F8B133;
}

.btn-clear.btn-rate-orange:hover, .btn-clear.btn-rate-orange:focus, .btn-clear.btn-rate-orange:active, .btn-clear.btn-rate-orange.active {
  color: white;
  background-color: #F8B133;
  border-color: #F8B133;
  box-shadow: none;
}

.btn-clear.btn-rate-orange:hover i, .btn-clear.btn-rate-orange:focus i, .btn-clear.btn-rate-orange:active i, .btn-clear.btn-rate-orange.active i {
  color: white;
}

.bg-rate-light-2{
    background-color: #737b925c;
}

@keyframes progressBarSlide {
    0% {
        transform: translateX(-100%);
    }

    100% {
        transform: translateX(300%);
    }
}

.progress-bar {
    width: 30%;
    height: 100%;
    background-color: #006cff47 !important;
    animation: progressBarSlide 1.5s linear infinite;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 9999px;
}

.legend-dot {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    margin-right: 6px;
}