/* Premium Transfer - uygulama ozel stilleri */

/* ============================================================
   Renk paleti: Flat UI Colors 2 - "Spanish" (flatuicolors.com/palette/es)
   Semantik eslesme asagida; CoreUI/Bootstrap degiskenleri ezilir.
   ============================================================ */
:root {
    --es-primary: #227093;   --es-primary-h: #1b5c79;
    --es-info: #34ace0;      --es-info-h: #2b93c1;
    --es-success: #218c74;   --es-success-h: #1b7460;
    --es-warning: #ffb142;   --es-warning-h: #f0a02f;
    --es-danger: #b33939;    --es-danger-h: #992f2f;
    --es-secondary: #84817a; --es-secondary-h: #6f6c66;
    --es-dark: #2c2c54;
    --es-light: #f7f1e3;
}

/* Kok renk degiskenleri (rozet, metin/zemin yardimcilari, uyarilar, baglantilar). */
:root,
[data-coreui-theme="light"],
[data-coreui-theme="dark"] {
    --cui-primary: var(--es-primary);       --cui-primary-rgb: 34, 112, 147;
    --cui-info: var(--es-info);             --cui-info-rgb: 52, 172, 224;
    --cui-success: var(--es-success);       --cui-success-rgb: 33, 140, 116;
    --cui-warning: var(--es-warning);       --cui-warning-rgb: 255, 177, 66;
    --cui-danger: var(--es-danger);         --cui-danger-rgb: 179, 57, 57;
    --cui-secondary: var(--es-secondary);   --cui-secondary-rgb: 132, 129, 122;
    --cui-dark: var(--es-dark);             --cui-dark-rgb: 44, 44, 84;
    --cui-light: var(--es-light);           --cui-light-rgb: 247, 241, 227;
    --cui-link-color: var(--es-primary);        --cui-link-color-rgb: 34, 112, 147;
    --cui-link-hover-color: var(--es-primary-h); --cui-link-hover-color-rgb: 27, 92, 121;
}

/* Dolu (solid) butonlar: --cui-btn-* degiskenleri sinif icinde sabit oldugundan ezilir. */
.btn-primary {
    --cui-btn-bg: var(--es-primary); --cui-btn-border-color: var(--es-primary);
    --cui-btn-hover-bg: var(--es-primary-h); --cui-btn-hover-border-color: var(--es-primary-h);
    --cui-btn-active-bg: var(--es-primary-h); --cui-btn-active-border-color: var(--es-primary-h);
    --cui-btn-disabled-bg: var(--es-primary); --cui-btn-disabled-border-color: var(--es-primary);
    --cui-btn-color: #fff; --cui-btn-hover-color: #fff; --cui-btn-active-color: #fff; --cui-btn-disabled-color: #fff;
}
.btn-info {
    --cui-btn-bg: var(--es-info); --cui-btn-border-color: var(--es-info);
    --cui-btn-hover-bg: var(--es-info-h); --cui-btn-hover-border-color: var(--es-info-h);
    --cui-btn-active-bg: var(--es-info-h); --cui-btn-active-border-color: var(--es-info-h);
    --cui-btn-disabled-bg: var(--es-info); --cui-btn-disabled-border-color: var(--es-info);
    --cui-btn-color: #fff; --cui-btn-hover-color: #fff; --cui-btn-active-color: #fff; --cui-btn-disabled-color: #fff;
}
.btn-success {
    --cui-btn-bg: var(--es-success); --cui-btn-border-color: var(--es-success);
    --cui-btn-hover-bg: var(--es-success-h); --cui-btn-hover-border-color: var(--es-success-h);
    --cui-btn-active-bg: var(--es-success-h); --cui-btn-active-border-color: var(--es-success-h);
    --cui-btn-disabled-bg: var(--es-success); --cui-btn-disabled-border-color: var(--es-success);
    --cui-btn-color: #fff; --cui-btn-hover-color: #fff; --cui-btn-active-color: #fff; --cui-btn-disabled-color: #fff;
}
.btn-danger {
    --cui-btn-bg: var(--es-danger); --cui-btn-border-color: var(--es-danger);
    --cui-btn-hover-bg: var(--es-danger-h); --cui-btn-hover-border-color: var(--es-danger-h);
    --cui-btn-active-bg: var(--es-danger-h); --cui-btn-active-border-color: var(--es-danger-h);
    --cui-btn-disabled-bg: var(--es-danger); --cui-btn-disabled-border-color: var(--es-danger);
    --cui-btn-color: #fff; --cui-btn-hover-color: #fff; --cui-btn-active-color: #fff; --cui-btn-disabled-color: #fff;
}
.btn-warning {
    --cui-btn-bg: var(--es-warning); --cui-btn-border-color: var(--es-warning);
    --cui-btn-hover-bg: var(--es-warning-h); --cui-btn-hover-border-color: var(--es-warning-h);
    --cui-btn-active-bg: var(--es-warning-h); --cui-btn-active-border-color: var(--es-warning-h);
    --cui-btn-disabled-bg: var(--es-warning); --cui-btn-disabled-border-color: var(--es-warning);
    --cui-btn-color: #2c2c54; --cui-btn-hover-color: #2c2c54; --cui-btn-active-color: #2c2c54; --cui-btn-disabled-color: #2c2c54;
}
.btn-secondary {
    --cui-btn-bg: var(--es-secondary); --cui-btn-border-color: var(--es-secondary);
    --cui-btn-hover-bg: var(--es-secondary-h); --cui-btn-hover-border-color: var(--es-secondary-h);
    --cui-btn-active-bg: var(--es-secondary-h); --cui-btn-active-border-color: var(--es-secondary-h);
    --cui-btn-disabled-bg: var(--es-secondary); --cui-btn-disabled-border-color: var(--es-secondary);
    --cui-btn-color: #fff; --cui-btn-hover-color: #fff; --cui-btn-active-color: #fff; --cui-btn-disabled-color: #fff;
}
.btn-dark {
    --cui-btn-bg: var(--es-dark); --cui-btn-border-color: var(--es-dark);
    --cui-btn-hover-bg: #23233f; --cui-btn-hover-border-color: #23233f;
    --cui-btn-active-bg: #23233f; --cui-btn-active-border-color: #23233f;
    --cui-btn-disabled-bg: var(--es-dark); --cui-btn-disabled-border-color: var(--es-dark);
    --cui-btn-color: #fff; --cui-btn-hover-color: #fff; --cui-btn-active-color: #fff; --cui-btn-disabled-color: #fff;
}

/* Cerceveli (outline) butonlar. */
.btn-outline-primary { --cui-btn-color: var(--es-primary); --cui-btn-border-color: var(--es-primary); --cui-btn-hover-bg: var(--es-primary); --cui-btn-hover-border-color: var(--es-primary); --cui-btn-active-bg: var(--es-primary); --cui-btn-active-border-color: var(--es-primary); --cui-btn-hover-color: #fff; --cui-btn-active-color: #fff; }
.btn-outline-info { --cui-btn-color: var(--es-info-h); --cui-btn-border-color: var(--es-info); --cui-btn-hover-bg: var(--es-info); --cui-btn-hover-border-color: var(--es-info); --cui-btn-active-bg: var(--es-info); --cui-btn-active-border-color: var(--es-info); --cui-btn-hover-color: #fff; --cui-btn-active-color: #fff; }
.btn-outline-success { --cui-btn-color: var(--es-success); --cui-btn-border-color: var(--es-success); --cui-btn-hover-bg: var(--es-success); --cui-btn-hover-border-color: var(--es-success); --cui-btn-active-bg: var(--es-success); --cui-btn-active-border-color: var(--es-success); --cui-btn-hover-color: #fff; --cui-btn-active-color: #fff; }
.btn-outline-danger { --cui-btn-color: var(--es-danger); --cui-btn-border-color: var(--es-danger); --cui-btn-hover-bg: var(--es-danger); --cui-btn-hover-border-color: var(--es-danger); --cui-btn-active-bg: var(--es-danger); --cui-btn-active-border-color: var(--es-danger); --cui-btn-hover-color: #fff; --cui-btn-active-color: #fff; }
.btn-outline-warning { --cui-btn-color: var(--es-warning-h); --cui-btn-border-color: var(--es-warning); --cui-btn-hover-bg: var(--es-warning); --cui-btn-hover-border-color: var(--es-warning); --cui-btn-active-bg: var(--es-warning); --cui-btn-active-border-color: var(--es-warning); --cui-btn-hover-color: #2c2c54; --cui-btn-active-color: #2c2c54; }
.btn-outline-secondary { --cui-btn-color: var(--es-secondary-h); --cui-btn-border-color: var(--es-secondary); --cui-btn-hover-bg: var(--es-secondary); --cui-btn-hover-border-color: var(--es-secondary); --cui-btn-active-bg: var(--es-secondary); --cui-btn-active-border-color: var(--es-secondary); --cui-btn-hover-color: #fff; --cui-btn-active-color: #fff; }

/* Kenar cubugunda aktif menu ogesi marka rengiyle vurgulanir. */
.sidebar {
    --cui-sidebar-nav-link-active-bg: var(--es-primary);
    --cui-sidebar-nav-link-active-color: #fff;
    --cui-sidebar-nav-link-active-icon-color: #fff;
}

/* Alt menuler: biraz daha disari (girinti), ikon bir tik kucuk, secili olan belirgin. */
.sidebar-nav .nav-group-items .nav-link {
    padding-left: 2.75rem;
}
.sidebar-nav .nav-group-items .nav-icon {
    font-size: 1rem;
    width: 1.15rem;
    height: 1.15rem;
    flex: 0 0 1.15rem;
}
.sidebar-nav .nav-group-items .nav-link.active {
    font-weight: 600;
    box-shadow: inset .2rem 0 0 rgba(255, 255, 255, .9);
}

/* Hamburger (menu toggle) ikonu: temaya gore gorunur renk. Acik temada koyu cizgiler. */
.header-toggler .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%232c2c54' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2.2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
[data-coreui-theme="dark"] .header-toggler .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23ffffff' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2.2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

/* Modal zemini: ilk kareden itibaren yogun blur; ton degismez (flikleme yok).
   Blur ve hafif ton dogrudan .modal-backdrop'ta; sonradan sinif eklenmez. */
.modal-backdrop {
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    transition: none;
}
.modal-backdrop.show {
    opacity: 1;
}

/* ============================================================
   Material yaklasimi: yukseklik (elevation) golgeleri, yukselen butonlar +
   ripple, elevasyonlu kart/menu/modal, uygulama cubugu golgesi, alt-cizgi
   sekmeler ve material odak durumlari. CoreUI/Bootstrap yapisi korunur.
   ============================================================ */
:root {
    --es-elev-1: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .16);
    --es-elev-2: 0 3px 6px rgba(0, 0, 0, .13), 0 2px 4px rgba(0, 0, 0, .10);
    --es-elev-3: 0 10px 20px rgba(0, 0, 0, .12), 0 3px 6px rgba(0, 0, 0, .10);
    --es-elev-4: 0 14px 28px rgba(0, 0, 0, .15), 0 10px 10px rgba(0, 0, 0, .08);
    --es-elev-8: 0 24px 38px rgba(0, 0, 0, .28), 0 9px 12px rgba(0, 0, 0, .20);
    --es-motion: .2s cubic-bezier(.4, 0, .2, 1);
}

/* Kartlar: cerceve yerine yukseklik golgesi. */
.card {
    border: 0;
    border-radius: .5rem;
    box-shadow: var(--es-elev-1);
}

/* Butonlar: yumusak kose, orta agirlik, hareket; ripple icin tasma gizli. */
.btn {
    border-radius: .375rem;
    font-weight: 500;
    letter-spacing: .01em;
    position: relative;
    overflow: hidden;
    transition: box-shadow var(--es-motion), transform .08s ease, background-color var(--es-motion), border-color var(--es-motion), color var(--es-motion);
}
/* Dolu butonlar yukselir (kagit hissi); cerceveli/link butonlar duz kalir. */
.btn-primary, .btn-secondary, .btn-success, .btn-danger, .btn-warning, .btn-info, .btn-dark, .btn-light {
    box-shadow: var(--es-elev-1);
}
.btn-primary:hover, .btn-secondary:hover, .btn-success:hover, .btn-danger:hover,
.btn-warning:hover, .btn-info:hover, .btn-dark:hover, .btn-light:hover {
    box-shadow: var(--es-elev-2);
    transform: translateY(-1px);
}
.btn-primary:active, .btn-secondary:active, .btn-success:active, .btn-danger:active,
.btn-warning:active, .btn-info:active, .btn-dark:active, .btn-light:active {
    box-shadow: var(--es-elev-1);
    transform: translateY(0);
}
.btn:disabled, .btn.disabled { box-shadow: none; transform: none; }

/* Ripple (JS ile eklenir). Renk buton metninden gelir (dolu=beyaz, cerceveli=renk). */
.es-ripple {
    position: absolute;
    border-radius: 50%;
    background: currentColor;
    opacity: .3;
    transform: scale(0);
    pointer-events: none;
    animation: es-ripple .6s cubic-bezier(.4, 0, .2, 1);
}
@keyframes es-ripple {
    to { transform: scale(2.6); opacity: 0; }
}

/* Acilir menu, modal, popover: elevasyon + yumusak kose. */
.dropdown-menu {
    border: 0;
    border-radius: .5rem;
    box-shadow: var(--es-elev-3);
}
.modal-content {
    border: 0;
    border-radius: .75rem;
    box-shadow: var(--es-elev-8);
}
.popover, .toast {
    border: 0;
    box-shadow: var(--es-elev-3);
}

/* Uygulama cubugu ve kenar cubugu: yuzey golgesi (app bar). */
.header {
    box-shadow: var(--es-elev-1);
    border-bottom: 0 !important;
}
.sidebar {
    box-shadow: var(--es-elev-2);
    border-right: 0 !important;
}

/* Sekmeler: material alt-cizgi gostergesi. */
.nav-tabs {
    border-bottom: 1px solid var(--cui-border-color, rgba(0, 0, 0, .12));
}
.nav-tabs .nav-link {
    border: 0;
    border-bottom: 2px solid transparent;
    border-radius: 0;
    color: var(--cui-body-color);
    transition: color var(--es-motion), border-color var(--es-motion);
}
.nav-tabs .nav-link:hover {
    border-bottom-color: rgba(34, 112, 147, .4);
    background: transparent;
}
.nav-tabs .nav-link.active {
    color: var(--es-primary);
    background: transparent;
    border-bottom-color: var(--es-primary);
}
.tab-content.border {
    border-color: var(--cui-border-color, rgba(0, 0, 0, .12)) !important;
}

/* Form alanlari: yumusak kose + primary tonlu material odak. */
.form-control, .form-select {
    border-radius: .375rem;
    transition: border-color var(--es-motion), box-shadow var(--es-motion);
}
.form-control:focus, .form-select:focus {
    border-color: var(--es-primary);
    box-shadow: 0 0 0 .2rem rgba(34, 112, 147, .18);
}

/* Gece modunda uyari/bilgi kutulari (alert, list-group-item-*, table-*): CoreUI derlemesi
   *-bg-subtle degerlerini acik temaya gore sabitliyor, bu yuzden koyu zeminde acik pastel bir
   kutu ve okunmasi zor metin cikiyor. Burada ayni degiskenler koyu tema icin yeniden tanimlanir:
   zemin renkli seffaf bir katman, metin ise rengin acik tonu. color-mix desteklemeyen tarayici
   ilk (duz) degeri kullanir. */
[data-coreui-theme="dark"] {
    --cui-primary-bg-subtle: rgba(var(--cui-primary-rgb), .16);
    --cui-primary-border-subtle: rgba(var(--cui-primary-rgb), .4);
    --cui-primary-text-emphasis: #7fb4cf;
    --cui-primary-text-emphasis: color-mix(in srgb, var(--es-primary) 45%, #fff);

    --cui-info-bg-subtle: rgba(var(--cui-info-rgb), .16);
    --cui-info-border-subtle: rgba(var(--cui-info-rgb), .4);
    --cui-info-text-emphasis: #8fd4f0;
    --cui-info-text-emphasis: color-mix(in srgb, var(--es-info) 55%, #fff);

    --cui-success-bg-subtle: rgba(var(--cui-success-rgb), .16);
    --cui-success-border-subtle: rgba(var(--cui-success-rgb), .4);
    --cui-success-text-emphasis: #6fc7b2;
    --cui-success-text-emphasis: color-mix(in srgb, var(--es-success) 45%, #fff);

    --cui-warning-bg-subtle: rgba(var(--cui-warning-rgb), .16);
    --cui-warning-border-subtle: rgba(var(--cui-warning-rgb), .4);
    --cui-warning-text-emphasis: #ffd08a;
    --cui-warning-text-emphasis: color-mix(in srgb, var(--es-warning) 70%, #fff);

    --cui-danger-bg-subtle: rgba(var(--cui-danger-rgb), .16);
    --cui-danger-border-subtle: rgba(var(--cui-danger-rgb), .4);
    --cui-danger-text-emphasis: #e58c8c;
    --cui-danger-text-emphasis: color-mix(in srgb, var(--es-danger) 45%, #fff);

    --cui-secondary-bg-subtle: rgba(var(--cui-secondary-rgb), .16);
    --cui-secondary-border-subtle: rgba(var(--cui-secondary-rgb), .4);
    --cui-secondary-text-emphasis: #c3c1bc;
    --cui-secondary-text-emphasis: color-mix(in srgb, var(--es-secondary) 35%, #fff);
}

/* Gece modunda renkli metin yardimcilari: markanin koyu tonlari (orn. danger #b33939) koyu
   zeminde okunmuyor; acik tona cekilir. Rozetler etkilenmez (onlar text-bg-* kullanir). */
[data-coreui-theme="dark"] .text-primary { color: var(--cui-primary-text-emphasis) !important; }
[data-coreui-theme="dark"] .text-info    { color: var(--cui-info-text-emphasis) !important; }
[data-coreui-theme="dark"] .text-success { color: var(--cui-success-text-emphasis) !important; }
[data-coreui-theme="dark"] .text-warning { color: var(--cui-warning-text-emphasis) !important; }
[data-coreui-theme="dark"] .text-danger  { color: var(--cui-danger-text-emphasis) !important; }

/* Gece modunda renkli tablo satirlari (.table-warning gibi): CoreUI bunlari acik zemin +
   koyu yazi olarak sabitliyor. Koyu temada zemin rengin seffaf katmani, yazi rengin acik tonu
   olur; boylece vurgulanan satir (orn. bekleyen degisiklik talebi) tabloya uyar. */
[data-coreui-theme="dark"] .table-primary,
[data-coreui-theme="dark"] .table-info,
[data-coreui-theme="dark"] .table-success,
[data-coreui-theme="dark"] .table-warning,
[data-coreui-theme="dark"] .table-danger,
[data-coreui-theme="dark"] .table-secondary,
[data-coreui-theme="dark"] .table-light {
    --cui-table-color: var(--cui-row-emphasis);
    --cui-table-bg: rgba(var(--cui-row-rgb), .16);
    --cui-table-border-color: rgba(var(--cui-row-rgb), .3);
    --cui-table-striped-color: var(--cui-row-emphasis);
    --cui-table-striped-bg: rgba(var(--cui-row-rgb), .22);
    --cui-table-active-color: var(--cui-row-emphasis);
    --cui-table-active-bg: rgba(var(--cui-row-rgb), .26);
    --cui-table-hover-color: var(--cui-row-emphasis);
    --cui-table-hover-bg: rgba(var(--cui-row-rgb), .26);
}
[data-coreui-theme="dark"] .table-primary   { --cui-row-rgb: var(--cui-primary-rgb);   --cui-row-emphasis: var(--cui-primary-text-emphasis); }
[data-coreui-theme="dark"] .table-info      { --cui-row-rgb: var(--cui-info-rgb);      --cui-row-emphasis: var(--cui-info-text-emphasis); }
[data-coreui-theme="dark"] .table-success   { --cui-row-rgb: var(--cui-success-rgb);   --cui-row-emphasis: var(--cui-success-text-emphasis); }
[data-coreui-theme="dark"] .table-warning   { --cui-row-rgb: var(--cui-warning-rgb);   --cui-row-emphasis: var(--cui-warning-text-emphasis); }
[data-coreui-theme="dark"] .table-danger    { --cui-row-rgb: var(--cui-danger-rgb);    --cui-row-emphasis: var(--cui-danger-text-emphasis); }
[data-coreui-theme="dark"] .table-secondary { --cui-row-rgb: var(--cui-secondary-rgb); --cui-row-emphasis: var(--cui-secondary-text-emphasis); }
/* table-light: renk degil "hafif zemin" amacli (toplam satiri gibi); koyu temada notr kalir. */
[data-coreui-theme="dark"] .table-light {
    --cui-row-rgb: 255, 255, 255;
    --cui-row-emphasis: var(--cui-body-color);
    --cui-table-bg: rgba(255, 255, 255, .06);
    --cui-table-striped-bg: rgba(255, 255, 255, .09);
    --cui-table-active-bg: rgba(255, 255, 255, .11);
    --cui-table-hover-bg: rgba(255, 255, 255, .11);
}

/* Rozetler: material chip (hap sekli). */
.badge {
    border-radius: 10rem;
    font-weight: 500;
    letter-spacing: .01em;
}

/* Rezervasyon durum rozetleri: metin her zaman beyaz. Bootstrap'in text-bg-*
   siniflari acik renklerde (warning/info/light) koyu metin verir; durum rozetleri
   tum renklerde ayni okunsun diye bu sinif ile beyaza sabitlenir. */
.badge.badge-status,
.badge.badge-status a {
    color: #fff !important;
}

/* Kart govdesine kenarliksiz (card-body p-0) oturan tablolar: ilk/son sutunun yan boslugu
   kart basligiyla ayni hizaya cekilir, boylece baslik ile tablo icerigi ayni cizgide baslar. */
.table-flush > :not(caption) > * > *:first-child {
    padding-left: var(--cui-card-cap-padding-x, 1rem);
}
.table-flush > :not(caption) > * > *:last-child {
    padding-right: var(--cui-card-cap-padding-x, 1rem);
}

/* Tablolar: hafif ayirici + primary tonlu satir vurgusu. */
.table > :not(caption) > * > * {
    border-bottom-color: var(--cui-border-color-translucent, rgba(0, 0, 0, .075));
}
.table > thead th {
    font-weight: 600;
}
.table-hover > tbody > tr:hover > * {
    --cui-table-accent-bg: rgba(34, 112, 147, .05);
}

/* Google Places otomatik tamamlama listesi modal ustunde kalsin. */
.pac-container { z-index: 1060 !important; }

/* Hafif WYSIWYG editor. */
.wysiwyg-editor {
    min-height: 12rem;
    overflow-y: auto;
}
.wysiwyg-editor:focus {
    outline: 0;
    border-color: var(--es-primary, #227093);
    box-shadow: 0 0 0 .2rem rgba(34, 112, 147, .18);
}
.wysiwyg-editor p:last-child { margin-bottom: 0; }
.wysiwyg-toolbar .btn { line-height: 1; min-width: 2rem; }
.js-var-chip { font-family: var(--cui-font-monospace, monospace); }

/* Flash bildirim: tur ikonu + altta 10 sn'lik boydan boya sure gostergesi. */
.flash-alert {
    position: relative;
    overflow: hidden;
    padding-bottom: .85rem;
}
.flash-alert .flash-icon {
    font-size: 1.15rem;
    flex: 0 0 auto;
}
.flash-alert .flash-timer {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 3px;
    width: 100%;
    background: currentColor;
    opacity: .45;
    transform-origin: left center;
    animation: flash-countdown 10s linear forwards;
}
@keyframes flash-countdown {
    from { transform: scaleX(1); }
    to   { transform: scaleX(0); }
}

/* Resim yukleme bileseni + editor. */
.image-upload-thumb {
    width: 72px;
    height: 72px;
    flex: 0 0 auto;
    border-radius: .5rem;
    border: 1px solid var(--cui-border-color, rgba(0, 0, 0, .15));
    background: var(--cui-tertiary-bg, #f0f0f0);
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: var(--es-elev-1);
}
.image-upload-thumb.is-empty {
    color: var(--cui-secondary-color, #9aa0a6);
    font-size: 1.7rem;
}
.image-upload-thumb .js-iu-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.ie-canvas {
    display: block;
    width: 100%;
    max-width: 420px;
    margin: 0 auto;
    border-radius: .5rem;
    border: 2px solid var(--es-primary, #227093);
    background: #202327;
    cursor: grab;
    touch-action: none;
}
.ie-canvas:active { cursor: grabbing; }

/* Sidebar bullet ikonu (gecici gorsel isaret). */
.nav-icon-bullet {
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: currentColor;
    opacity: 0.65;
}

.footer {
    display: flex;
    align-items: center;
    min-height: 3rem;
    border-top: 1px solid var(--cui-border-color, rgba(0, 0, 0, 0.1));
}

/* Select2 - Bootstrap 5 / CoreUI uyumu (yukseklik, kenarlik, koyu tema). */
/* Tekli select2: normal form-control/form-select ile ayni yukseklik. */
.select2-container .select2-selection--single {
    height: calc(1.5em + 0.75rem + 2px) !important;
    box-sizing: border-box;
    border: 1px solid var(--cui-border-color, #b1b7c1);
    border-radius: 0.375rem;
    background-color: var(--cui-input-bg, #fff);
    padding: 0;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: calc(1.5em + 0.75rem) !important;
    padding-left: 0.75rem;
    padding-right: 2rem;
    color: var(--cui-body-color, #212529);
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: calc(1.5em + 0.75rem) !important;
    right: 0.5rem;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: var(--cui-secondary-color, #8a93a2);
}
.select2-container--default.select2-container--focus .select2-selection--single,
.select2-container--default.select2-container--open .select2-selection--single {
    border-color: var(--cui-primary, #998fed);
    box-shadow: 0 0 0 0.25rem rgba(50, 31, 219, 0.25);
}
[data-coreui-theme="dark"] .select2-selection--single {
    background-color: var(--cui-input-bg, #2a2b36);
}
[data-coreui-theme="dark"] .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--cui-body-color, #e5e5e5);
}

.select2-container .select2-selection--multiple {
    min-height: calc(1.5em + 0.75rem + 2px) !important;
    border: 1px solid var(--cui-border-color, #b1b7c1);
    border-radius: 0.375rem;
    padding: 2px 4px;
    background-color: var(--cui-input-bg, #fff);
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    display: inline-flex;
    align-items: center;
    background-color: var(--cui-primary, #321fdb);
    border: none;
    color: #fff;
    border-radius: 0.25rem;
    padding: 1px 8px 1px 5px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    position: static;
    background: transparent;
    color: rgba(255, 255, 255, 0.85);
    margin: 0 6px 0 0;
    padding: 0;
    border: none;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
    padding: 0;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    background: transparent;
    color: #fff;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: var(--cui-primary, #998fed);
    box-shadow: 0 0 0 0.25rem rgba(50, 31, 219, 0.25);
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    padding: 0;
}
.select2-dropdown {
    background-color: var(--cui-body-bg, #fff);
    border-color: var(--cui-border-color, #b1b7c1);
    color: var(--cui-body-color, #212529);
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--cui-primary, #321fdb);
}
.select2-search--dropdown .select2-search__field {
    background-color: var(--cui-input-bg, #fff);
    color: var(--cui-body-color, #212529);
    border-color: var(--cui-border-color, #b1b7c1);
}
/* Koyu tema */
[data-coreui-theme="dark"] .select2-selection--multiple,
[data-coreui-theme="dark"] .select2-dropdown,
[data-coreui-theme="dark"] .select2-search--dropdown .select2-search__field {
    background-color: var(--cui-input-bg, #2a2b36);
    color: var(--cui-body-color, #e5e5e5);
}
[data-coreui-theme="dark"] .select2-container--default .select2-results__option[aria-selected="true"] {
    background-color: #3c4b64;
}

/* Coklu select2'yi tekli select gibi goster: arama acilir listenin tepesinde;
   secim kutusundaki satir ici arama alanini gizle (imlecin kutuda gorunmesini onler). */
.select2-container--default .select2-selection--multiple .select2-search--inline {
    display: none;
}
.select2-dropdown .select2-search--dropdown {
    padding: 6px;
}
.select2-dropdown .select2-search--dropdown .select2-search__field {
    border-radius: 0.375rem;
    padding: 0.35rem 0.5rem;
}

/* Tema swap dugmesi: aydinlik modda gunes, karanlik modda ay ikonu gorunur. */
.js-theme-icon-dark { display: none; }
[data-coreui-theme="dark"] .js-theme-icon-light { display: none; }
[data-coreui-theme="dark"] .js-theme-icon-dark { display: inline-block; }

/* Ikon-tek kare dugme (yalnizca bu sinifin verildigi yerlerde; rezervasyon detayindaki
   duzelt/sil ikon dugmeleri). Diger ekranlardaki metinli dugmeler etkilenmez. */
.btn-icon-sq {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.25rem;
    aspect-ratio: 1 / 1;
    line-height: 1;
}

/* Bildirim zili rozeti.
   .btn ripple icin overflow:hidden tasir; kose rozeti (translate-middle ile yarisi
   disarida) bu yuzden tam ortadan kesiliyordu. Rozet okunabilirligi bu butondaki
   ripple kirpmasindan onemli, o yuzden YALNIZCA bu butonda tasma serbest birakilir. */
.notify-toggle {
    overflow: visible;
}
.notify-toggle .badge {
    font-size: .65rem;
    line-height: 1;
    padding: .25em .45em;
    pointer-events: none;   /* tiklama butona gecsin */
    /* Kirmizi zeminde yazi her zaman beyaz. text-bg-* utility'si kendi kontrast
       rengini !important ile dayattigi icin burada da !important gerekiyor. */
    color: #fff !important;
}