/*
 * Fiona teması — Metronic 8 (demo59) üzerine giydirilen kurumsal tema katmanı: keskin anlamsal renkler, ince kenarlı
 * düğme ve alanlar, gri zemin üzerinde beyaz kartlar. Ortak kopya ve notlar:
 * D:\PROJECTS\ArgeProjects\_Ortak\Fiona (README.md).
 * Yükleme sırası: plugins.bundle.css → style.bundle.css → fiona.css → uygulamaya özel css.
 */

/* ---------- Fiona Sans yazı tipi (Türkçe harflerin tamamı ve ₺ var) ---------- */
@font-face { font-family: "Fiona Sans"; src: url("../lib/fiona-yazi/FionaSans-Regular.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Fiona Sans"; src: url("../lib/fiona-yazi/FionaSans-Semibold.woff2") format("woff2"); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: "Fiona Sans"; src: url("../lib/fiona-yazi/FionaSans-Bold.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }
/* 500 (Metronic'in "medium"u) için en yakın kesim */
@font-face { font-family: "Fiona Sans"; src: url("../lib/fiona-yazi/FionaSans-Regular.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "Fiona Sans"; src: url("../lib/fiona-yazi/FionaSans-Bold.woff2") format("woff2"); font-weight: 800 900; font-style: normal; font-display: swap; }

/* ---------- Fiona belirteçleri (açık) ---------- */
:root, [data-bs-theme=light] {
    --fiona-marka: #0070f2;
    --fiona-vurgu: #0064d9;
    --fiona-odak: #0032a5;
    --fiona-zemin: #f5f6f7;
    --fiona-kabuk: #ffffff;
    --fiona-kabuk-kenar: #d9d9d9;
    --fiona-grup: #ffffff;
    --fiona-metin: #131e29;
    --fiona-etiket: #556b82;
    --fiona-ikon: #758ca4;
    --fiona-liste-kenar: #e5e5e5;
    --fiona-liste-baslik-kenar: #a8b2bd;
    --fiona-liste-uzerinde: #eaecee;
    --fiona-liste-secili: #ebf8ff;
    --fiona-liste-alternatif: #f5f6f7;
    --fiona-alan: #ffffff;
    --fiona-alan-kenar: #556b81;
    --fiona-alan-salt: #eaecee;
    --fiona-dugme: #ffffff;
    --fiona-dugme-kenar: #bcc3ca;
    --fiona-dugme-uzerinde: #eaecee;
    --fiona-dugme-secili: #edf6ff;
    --fiona-ayirici: #d9d9d9;
    --fiona-ilerleme: #d5dadd;
    --fiona-olumsuz: #aa0808;
    --fiona-olumsuz-oge: #f53232;
    --fiona-olumsuz-zemin: #ffeaf4;
    --fiona-olumsuz-kenar: #e90b0b;
    --fiona-kritik: #b44f00;
    --fiona-kritik-oge: #e76500;
    --fiona-kritik-zemin: #fff8d6;
    --fiona-kritik-kenar: #dd6100;
    --fiona-olumlu: #256f3a;
    --fiona-olumlu-oge: #30914c;
    --fiona-olumlu-zemin: #f5fae5;
    --fiona-olumlu-kenar: #30914c;
    --fiona-bilgi: #0064d9;
    --fiona-bilgi-oge: #0070f2;
    --fiona-bilgi-zemin: #e1f4ff;
    --fiona-bilgi-kenar: #0070f2;
    --fiona-notr: #788fa6;
    --fiona-notr-zemin: #eff1f2;
    --fiona-golge-0: 0 0 0.125rem 0 rgba(34,53,72,.2), 0 0.125rem 0.25rem 0 rgba(34,53,72,.2);
    --fiona-golge-1: 0 0 0 0.0625rem rgba(34,53,72,.48), 0 0.125rem 0.5rem 0 rgba(34,53,72,.3);
    --fiona-golge-2: 0 0 0 0.0625rem rgba(34,53,72,.48), 0 0.625rem 1.875rem 0 rgba(34,53,72,.25);
    --fiona-yazi: "Fiona Sans", Arial, Helvetica, sans-serif;

    /* Metronic / Bootstrap eşlemesi */
    --bs-font-sans-serif: var(--fiona-yazi);
    --bs-body-font-family: var(--fiona-yazi);
    --bs-body-color: var(--fiona-metin);
    --bs-body-bg: var(--fiona-grup);
    --bs-app-bg-color: var(--fiona-zemin);
    --bs-app-blank-bg-color: var(--fiona-zemin);
    --bs-app-sidebar-base-bg-color: var(--fiona-kabuk);
    --bs-app-header-base-bg-color: var(--fiona-kabuk);
    --bs-heading-color: var(--fiona-metin);
    --bs-emphasis-color: var(--fiona-metin);
    --bs-border-color: var(--fiona-liste-kenar);
    --bs-border-color-translucent: var(--fiona-liste-kenar);
    --bs-border-radius: .5rem;
    --bs-border-radius-sm: .25rem;
    --bs-border-radius-lg: .75rem;
    --bs-link-color: var(--fiona-vurgu);
    --bs-link-color-rgb: 0, 100, 217;
    --bs-link-hover-color: var(--fiona-vurgu);
    --bs-text-muted: var(--fiona-etiket);
    --bs-secondary-color: var(--fiona-etiket);

    --bs-gray-100: #f5f6f7;
    --bs-gray-200: #eaecee;
    --bs-gray-300: #d5dadd;
    --bs-gray-400: #a8b2bd;
    --bs-gray-500: #758ca4;
    --bs-gray-600: #556b82;
    --bs-gray-700: #354a5f;
    --bs-gray-800: #223548;
    --bs-gray-900: #131e29;
    --bs-gray-100-rgb: 245, 246, 247;
    --bs-gray-200-rgb: 234, 236, 238;
    --bs-gray-300-rgb: 213, 218, 221;
    --bs-gray-400-rgb: 168, 178, 189;
    --bs-gray-500-rgb: 117, 140, 164;
    --bs-gray-600-rgb: 85, 107, 130;
    --bs-gray-700-rgb: 53, 74, 95;
    --bs-gray-800-rgb: 34, 53, 72;
    --bs-gray-900-rgb: 19, 30, 41;

    --bs-primary: var(--fiona-marka);
    --bs-primary-rgb: 0, 112, 242;
    --bs-primary-active: var(--fiona-vurgu);
    --bs-primary-light: var(--fiona-dugme-secili);
    --bs-primary-light-rgb: 237, 246, 255;
    --bs-primary-clarity: rgba(0, 112, 242, .2);
    --bs-primary-inverse: #ffffff;
    --bs-primary-text-emphasis: var(--fiona-vurgu);
    --bs-primary-bg-subtle: var(--fiona-bilgi-zemin);
    --bs-primary-border-subtle: #99c9fa;

    --bs-success: var(--fiona-olumlu);
    --bs-success-rgb: 37, 111, 58;
    --bs-success-active: #1c5a2e;
    --bs-success-light: var(--fiona-olumlu-zemin);
    --bs-success-clarity: rgba(48, 145, 76, .2);
    --bs-success-inverse: #ffffff;

    --bs-warning: var(--fiona-kritik-oge);
    --bs-warning-rgb: 231, 101, 0;
    --bs-warning-active: var(--fiona-kritik);
    --bs-warning-light: var(--fiona-kritik-zemin);
    --bs-warning-clarity: rgba(231, 101, 0, .2);
    --bs-warning-inverse: #ffffff;

    --bs-danger: var(--fiona-olumsuz);
    --bs-danger-rgb: 170, 8, 8;
    --bs-danger-active: #8a0606;
    --bs-danger-light: var(--fiona-olumsuz-zemin);
    --bs-danger-clarity: rgba(170, 8, 8, .2);
    --bs-danger-inverse: #ffffff;

    --bs-info: var(--fiona-bilgi);
    --bs-info-rgb: 0, 100, 217;
    --bs-info-active: #0050ae;
    --bs-info-light: var(--fiona-bilgi-zemin);
    --bs-info-clarity: rgba(0, 112, 242, .2);
    --bs-info-inverse: #ffffff;

    --bs-light: var(--fiona-zemin);
    --bs-light-rgb: 245, 246, 247;
    --bs-light-active: var(--fiona-liste-uzerinde);
    --bs-light-inverse: var(--fiona-metin);
    --bs-secondary: var(--fiona-liste-uzerinde);
    --bs-secondary-active: var(--fiona-ilerleme);
    --bs-secondary-inverse: var(--fiona-metin);
    --bs-dark: var(--fiona-metin);
    --bs-dark-rgb: 19, 30, 41;

    --bs-component-active-bg: var(--fiona-marka);
    --bs-component-active-color: #ffffff;
    --bs-component-hover-bg: var(--fiona-liste-uzerinde);
    --bs-component-hover-color: var(--fiona-vurgu);
    --bs-component-checked-bg: var(--fiona-marka);
    --bs-component-checked-color: #ffffff;

    --bs-input-color: var(--fiona-metin);
    --bs-input-bg: var(--fiona-alan);
    --bs-input-solid-bg: var(--fiona-alan);
    --bs-input-solid-bg-focus: var(--fiona-alan);
    --bs-input-solid-color: var(--fiona-metin);
    --bs-input-solid-placeholder-color: var(--fiona-etiket);

    --bs-root-card-box-shadow: var(--fiona-golge-0);
    --bs-card-box-shadow: var(--fiona-golge-0);
    --bs-tooltip-box-shadow: var(--fiona-golge-1);
    --bs-dropdown-box-shadow: var(--fiona-golge-1);
    --bs-menu-dropdown-box-shadow: var(--fiona-golge-1);
}

/* ---------- Fiona belirteçleri (koyu) ---------- */
[data-bs-theme=dark] {
    --fiona-marka: #0070f2;
    --fiona-vurgu: #4db1ff;
    --fiona-odak: #9ad3ff;
    --fiona-zemin: #12171c;
    --fiona-kabuk: #1d232a;
    --fiona-kabuk-kenar: #2e3742;
    --fiona-grup: #1d232a;
    --fiona-metin: #f5f6f7;
    --fiona-etiket: #8396a8;
    --fiona-ikon: #a9b4be;
    --fiona-liste-kenar: #2e3742;
    --fiona-liste-baslik-kenar: #768ea5;
    --fiona-liste-uzerinde: #222b35;
    --fiona-liste-secili: #1d2d3e;
    --fiona-liste-alternatif: #12171c;
    --fiona-alan: #161c22;
    --fiona-alan-kenar: #a9b4be;
    --fiona-alan-salt: #242e38;
    --fiona-dugme: #1c242c;
    --fiona-dugme-kenar: #3a4a5a;
    --fiona-dugme-uzerinde: #222b35;
    --fiona-dugme-secili: #002643;
    --fiona-ayirici: #3c4957;
    --fiona-ilerleme: #2e3b48;
    --fiona-olumsuz: #fa6161;
    --fiona-olumsuz-oge: #fa6161;
    --fiona-olumsuz-zemin: #350000;
    --fiona-olumsuz-kenar: #fa6161;
    --fiona-kritik: #ffdf72;
    --fiona-kritik-oge: #f7bf00;
    --fiona-kritik-zemin: #382700;
    --fiona-kritik-kenar: #f7bf00;
    --fiona-olumlu: #97dd40;
    --fiona-olumlu-oge: #6dad1f;
    --fiona-olumlu-zemin: #11331a;
    --fiona-olumlu-kenar: #6dad1f;
    --fiona-bilgi: #4db1ff;
    --fiona-bilgi-oge: #4db1ff;
    --fiona-bilgi-zemin: #00144a;
    --fiona-bilgi-kenar: #4db1ff;
    --fiona-notr: #a9b4be;
    --fiona-notr-zemin: #222b35;
    --fiona-golge-0: 0 0 0.125rem 0 rgba(255,255,255,.15), 0 0.125rem 0.5rem 0 rgba(0,0,0,.3);
    --fiona-golge-1: 0 0 0 0.0625rem rgba(255,255,255,.2), 0 0.125rem 0.5rem 0 rgba(0,0,0,.4);
    --fiona-golge-2: 0 0 0 0.0625rem rgba(255,255,255,.2), 0 0.625rem 1.875rem 0 rgba(0,0,0,.4);

    --bs-body-color: var(--fiona-metin);
    --bs-body-bg: var(--fiona-grup);
    --bs-app-bg-color: var(--fiona-zemin);
    --bs-app-blank-bg-color: var(--fiona-zemin);
    --bs-app-sidebar-base-bg-color: var(--fiona-kabuk);
    --bs-app-header-base-bg-color: var(--fiona-kabuk);
    --bs-heading-color: var(--fiona-metin);
    --bs-emphasis-color: var(--fiona-metin);
    --bs-border-color: var(--fiona-liste-kenar);
    --bs-border-color-translucent: var(--fiona-liste-kenar);
    --bs-link-color: #008fff;
    --bs-link-color-rgb: 0, 143, 255;
    --bs-link-hover-color: var(--fiona-vurgu);
    --bs-text-muted: var(--fiona-etiket);
    --bs-secondary-color: var(--fiona-etiket);

    --bs-gray-100: #1d232a;
    --bs-gray-200: #222b35;
    --bs-gray-300: #2e3742;
    --bs-gray-400: #3a4a5a;
    --bs-gray-500: #6f89a1;
    --bs-gray-600: #8396a8;
    --bs-gray-700: #a9b4be;
    --bs-gray-800: #d5dadd;
    --bs-gray-900: #f5f6f7;
    --bs-gray-100-rgb: 29, 35, 42;
    --bs-gray-200-rgb: 34, 43, 53;
    --bs-gray-300-rgb: 46, 55, 66;
    --bs-gray-400-rgb: 58, 74, 90;
    --bs-gray-500-rgb: 111, 137, 161;
    --bs-gray-600-rgb: 131, 150, 168;
    --bs-gray-700-rgb: 169, 180, 190;
    --bs-gray-800-rgb: 213, 218, 221;
    --bs-gray-900-rgb: 245, 246, 247;

    --bs-primary: var(--fiona-marka);
    --bs-primary-rgb: 0, 112, 242;
    --bs-primary-active: #0064d9;
    --bs-primary-light: var(--fiona-dugme-secili);
    --bs-primary-light-rgb: 0, 38, 67;
    --bs-primary-inverse: #ffffff;
    --bs-primary-text-emphasis: var(--fiona-vurgu);

    --bs-success: var(--fiona-olumlu);
    --bs-success-rgb: 151, 221, 64;
    --bs-success-active: var(--fiona-olumlu-oge);
    --bs-success-light: var(--fiona-olumlu-zemin);
    --bs-success-inverse: #12171c;
    --bs-warning: var(--fiona-kritik-oge);
    --bs-warning-rgb: 247, 191, 0;
    --bs-warning-active: var(--fiona-kritik);
    --bs-warning-light: var(--fiona-kritik-zemin);
    --bs-warning-inverse: #12171c;
    --bs-danger: var(--fiona-olumsuz);
    --bs-danger-rgb: 250, 97, 97;
    --bs-danger-active: #ff8080;
    --bs-danger-light: var(--fiona-olumsuz-zemin);
    --bs-danger-inverse: #12171c;
    --bs-info: var(--fiona-bilgi);
    --bs-info-rgb: 77, 177, 255;
    --bs-info-active: #7cc5ff;
    --bs-info-light: var(--fiona-bilgi-zemin);
    --bs-info-inverse: #12171c;

    --bs-light: var(--fiona-liste-uzerinde);
    --bs-light-rgb: 34, 43, 53;
    --bs-light-active: var(--fiona-kabuk-kenar);
    --bs-light-inverse: var(--fiona-metin);
    --bs-secondary: var(--fiona-liste-uzerinde);
    --bs-secondary-active: var(--fiona-kabuk-kenar);
    --bs-secondary-inverse: var(--fiona-metin);
    --bs-dark: var(--fiona-metin);

    --bs-component-active-bg: var(--fiona-marka);
    --bs-component-hover-bg: var(--fiona-liste-uzerinde);
    --bs-component-hover-color: var(--fiona-vurgu);
    --bs-component-checked-bg: var(--fiona-marka);
    --bs-input-color: var(--fiona-metin);
    --bs-input-bg: var(--fiona-alan);
    --bs-input-solid-bg: var(--fiona-alan);
    --bs-input-solid-bg-focus: var(--fiona-alan);
    --bs-input-solid-color: var(--fiona-metin);
    --bs-input-solid-placeholder-color: var(--fiona-etiket);

    --bs-root-card-box-shadow: var(--fiona-golge-0);
    --bs-card-box-shadow: var(--fiona-golge-0);
}

/* ---------- Temel ---------- */
/* Taban yazı boyu .875rem@16px = 14px. Metronic html/body'yi !important ile 13px (mobilde 12px) yapar;
   Fiona her ekranda 14px kullanır, Metronic rem ölçüleri buna göre ölçeklenir. */
html, body { font-size: 14px !important; }
/* Sayfa kısa kaldığında altta beyaz şerit kalmasın */
html { background-color: var(--bs-app-bg-color); }
body { font-family: var(--fiona-yazi); -webkit-font-smoothing: antialiased; letter-spacing: 0; }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .fw-bold, .fw-bolder { letter-spacing: 0; }
.text-muted { color: var(--fiona-etiket) !important; }
a { text-underline-offset: .15em; }
a:not(.btn):not(.menu-link):not(.nav-link):not(.badge):hover { text-decoration: underline; }
.text-hover-primary:hover { color: var(--fiona-vurgu) !important; }

/* Odak: 2px düz çerçeve */
:focus-visible { outline: .125rem solid var(--fiona-odak) !important; outline-offset: .0625rem; }
.btn:focus-visible, .form-control:focus-visible, .form-select:focus-visible { box-shadow: none !important; }

/* ---------- Kabuk: yan menü ve araç çubuğu ---------- */
.app-sidebar { border-right: 1px solid var(--fiona-kabuk-kenar) !important; box-shadow: none !important; }
.app-sidebar .menu .menu-item > .menu-link { border-radius: .5rem; padding-top: .55rem; padding-bottom: .55rem; color: var(--fiona-metin); }
.app-sidebar .menu .menu-item > .menu-link .menu-title { color: var(--fiona-metin); font-weight: 400; font-size: 1rem; }
.app-sidebar .menu > .menu-item > .menu-link .menu-title { font-size: 1rem; }
.app-sidebar .menu .menu-item > .menu-link .menu-icon i { color: var(--fiona-ikon); }
.app-sidebar .menu .menu-item > .menu-link:hover:not(.active) { background-color: var(--fiona-liste-uzerinde); }
/* Seçili öğe: açık mavi seçim zemini + 3px sol gösterge */
.app-sidebar .menu .menu-item > .menu-link.active {
    background-color: var(--fiona-liste-secili);
    box-shadow: inset .1875rem 0 0 var(--fiona-vurgu);
}
.app-sidebar .menu .menu-item > .menu-link.active .menu-title { color: var(--fiona-vurgu); font-weight: 700; }
.app-sidebar .menu .menu-item > .menu-link.active .menu-icon i { color: var(--fiona-vurgu); }
.app-sidebar .menu .menu-item.here > .menu-link .menu-title { font-weight: 700; }

/* Sayfa başlığı: beyaz şerit, alt kenar çizgisi */
.app-toolbar {
    background-color: var(--fiona-kabuk);
    box-shadow: inset 0 -1px 0 var(--fiona-kabuk-kenar);
    padding-top: 1rem !important; padding-bottom: 1rem;
    margin-bottom: 1.5rem !important;
}
.app-toolbar .page-heading { font-size: 1.25rem !important; font-weight: 700 !important; color: var(--fiona-metin) !important; }
.app-header { background-color: var(--fiona-kabuk) !important; }
/* Metronic demo59 geniş ekranda içerik kapsayıcısının sol boşluğunu !important ile 0 yapar (beyaz menü + beyaz zeminde fark
   edilmez). Fiona'da menü kenarlı ve zemin gri olduğundan içerik menüye yapışık görünür: sol boşluk sağdakiyle eşitlenir. */
@media (min-width: 992px) {
    .app-main .app-container { padding-left: 30px !important; }
}

/* Telefon (küçük ekran): daha çok veri sığsın diye içerik kartları kenardan kenara uzanır (köşe/yan gölge yok, kartlar
   arasında ince gri ayrım), kart içi ve kartlar arası boşluk .75rem. Metronic 991px altında kapsayıcıya !important ile 20px verir. */
@media (max-width: 575.98px) {
    .app-main .app-container { padding-left: .75rem !important; padding-right: .75rem !important; }
    #kt_app_content_container { padding-left: 0 !important; padding-right: 0 !important; }
    #kt_app_content_container > .row { margin-left: 0; margin-right: 0; }
    /* Sekme içindeki ızgaralar da kenardan taşmasın: kapsayıcı boşluğu 0 olduğundan satırın negatif kenarı yatay kaydırma yapar
       (kart içindekiler kart dolgusuna yaslandığı için etkilenmez). */
    #kt_app_content_container .row:not(.card *) { margin-left: 0; margin-right: 0; }
    #kt_app_content_container > .row > * { padding-left: 0; padding-right: 0; }
    #kt_app_content_container .card { border-radius: 0 !important; box-shadow: 0 1px 0 var(--fiona-kabuk-kenar), 0 -1px 0 var(--fiona-kabuk-kenar) !important; }
    #kt_app_content_container .modal .card { border-radius: .75rem !important; }
    .app-main .row[class*=" g-"], .app-main .row[class^="g-"] { --bs-gutter-x: .75rem; --bs-gutter-y: .75rem; }
    .app-main .card .card-header { padding: 0 .75rem; }
    .app-main .card .card-body { padding: .75rem; }
    .app-main .card .card-footer { padding: .75rem; }
    .app-main .table > :not(caption) > * > * { padding-left: .5rem; padding-right: .5rem; }
    .app-main .table > :not(caption) > * > *:first-child { padding-left: 0; }
    .app-main .table > :not(caption) > * > *:last-child { padding-right: 0; }
    .app-toolbar { margin-bottom: .75rem !important; }
}

/* ---------- Kart ---------- */
.card {
    --bs-card-border-color: transparent;
    --bs-card-border-radius: .75rem;
    --bs-card-inner-border-radius: .75rem;
    --bs-card-bg: var(--fiona-grup);
    --bs-card-box-shadow: var(--fiona-golge-0);
    border: 0 !important;
    box-shadow: var(--fiona-golge-0) !important;
}
.card .card-header { min-height: 3.25rem; padding: 0 1.25rem; border-bottom: 1px solid var(--fiona-liste-kenar); }
.card .card-header .card-title, .card .card-header .card-title h3, .card .card-title .card-label { font-size: 1rem !important; font-weight: 700 !important; color: var(--fiona-metin); }
.card .card-body { padding: 1.25rem; }
.card .card-footer { border-top: 1px solid var(--fiona-liste-kenar); background: transparent; }
.border, .border-dashed { border-color: var(--fiona-liste-kenar) !important; }
.border-dashed { border-style: solid !important; }
.rounded { border-radius: .5rem !important; }

/* ---------- Düğmeler ---------- */
.btn { border-radius: .5rem; font-weight: 600; letter-spacing: 0; }
.btn:not(.btn-icon):not(.btn-sm):not(.btn-lg) { min-height: 2.25rem; }
.btn.btn-sm { border-radius: .5rem; font-size: .875rem; }
/* Vurgulu (Emphasized) */
/* Metronic .btn:not(.btn-outline)... zinciriyle kenarı sıfırlar; Fiona düğmelerinde kenar şart olduğu için !important */
.btn.btn-primary { background-color: var(--fiona-marka); border: 1px solid var(--fiona-marka) !important; color: #fff; }
.btn.btn-primary:hover:not(.btn-active), .btn.btn-primary:focus:not(.btn-active), .btn.btn-primary:active:not(.btn-active), .btn.btn-primary.active { background-color: #0064d9 !important; border-color: #0064d9 !important; color: #fff !important; }
/* Varsayılan (Default): beyaz zemin, ince kenar, mavi yazı */
.btn.btn-light, .btn.btn-secondary {
    background-color: var(--fiona-dugme); border: 1px solid var(--fiona-dugme-kenar) !important; color: var(--fiona-vurgu);
}
.btn.btn-light i, .btn.btn-secondary i { color: var(--fiona-vurgu); }
.btn.btn-light:hover:not(.btn-active), .btn.btn-light:focus:not(.btn-active), .btn.btn-secondary:hover:not(.btn-active) {
    background-color: var(--fiona-dugme-uzerinde) !important; border-color: var(--fiona-dugme-kenar) !important; color: var(--fiona-vurgu) !important;
}
/* Saydam ve açık renkli Metronic düğmeleri → Fiona ton düğmeleri */
.btn.btn-light-primary { background-color: transparent; border: 1px solid transparent !important; color: var(--fiona-vurgu); }
.btn.btn-light-primary i { color: var(--fiona-vurgu); }
.btn.btn-light-primary:hover:not(.btn-active), .btn.btn-light-primary:focus:not(.btn-active) { background-color: var(--fiona-dugme-uzerinde) !important; color: var(--fiona-vurgu) !important; }
.btn.btn-light-primary:hover i { color: var(--fiona-vurgu) !important; }
/* Reddet / Kabul: açık zemin + koyu anlamsal yazı */
.btn.btn-light-danger { background-color: var(--fiona-dugme); border: 1px solid var(--fiona-olumsuz-kenar) !important; color: var(--fiona-olumsuz); }
.btn.btn-light-danger i { color: var(--fiona-olumsuz); }
.btn.btn-light-danger:hover:not(.btn-active) { background-color: var(--fiona-olumsuz-zemin) !important; color: var(--fiona-olumsuz) !important; border-color: var(--fiona-olumsuz-kenar) !important; }
.btn.btn-light-danger:hover i { color: var(--fiona-olumsuz) !important; }
.btn.btn-light-success { background-color: var(--fiona-dugme); border: 1px solid var(--fiona-olumlu-kenar) !important; color: var(--fiona-olumlu); }
.btn.btn-light-success:hover:not(.btn-active) { background-color: var(--fiona-olumlu-zemin) !important; color: var(--fiona-olumlu) !important; }
.btn.btn-light-warning { background-color: var(--fiona-dugme); border: 1px solid var(--fiona-kritik-kenar) !important; color: var(--fiona-kritik); }
.btn.btn-light-warning:hover:not(.btn-active) { background-color: var(--fiona-kritik-zemin) !important; color: var(--fiona-kritik) !important; }
.btn.btn-danger { background-color: var(--fiona-olumsuz); border: 1px solid var(--fiona-olumsuz) !important; color: #fff; }
.btn.btn-success { background-color: var(--fiona-olumlu); border: 1px solid var(--fiona-olumlu) !important; color: #fff; }
[data-bs-theme=dark] .btn.btn-danger, [data-bs-theme=dark] .btn.btn-success { color: #12171c; }
.btn.btn-icon.btn-light, .btn.btn-icon.btn-light-primary { border-radius: .5rem; }
/* Seçili / basılı düğme: bölümlü düğme ve aç-kapa düğmeleri */
.btn.btn-light.active, .btn.btn-active-light-primary.active, .btn-check:checked + .btn.btn-light, .btn.btn-light[aria-pressed=true] {
    background-color: var(--fiona-dugme-secili) !important; border-color: var(--fiona-vurgu) !important; color: var(--fiona-vurgu) !important;
}
.btn.btn-light.active i, .btn.btn-active-light-primary.active i { color: var(--fiona-vurgu) !important; }
.btn-group > .btn.btn-light { border-radius: 0; }
.btn-group > .btn.btn-light:first-child { border-top-left-radius: .5rem; border-bottom-left-radius: .5rem; }
.btn-group > .btn.btn-light:last-child { border-top-right-radius: .5rem; border-bottom-right-radius: .5rem; }
.btn-group > .btn.btn-light + .btn.btn-light { margin-left: -1px; }
.btn-group > .btn.btn-light.active { position: relative; z-index: 1; }

/* ---------- Giriş alanları ---------- */
.form-control, .form-select, .form-control.form-control-solid, .form-select.form-select-solid {
    background-color: var(--fiona-alan);
    border: 1px solid var(--fiona-alan-kenar);
    border-radius: .25rem;
    color: var(--fiona-metin);
    font-weight: 400;
    font-size: 1rem;
    min-height: 2.25rem;
    padding: .375rem .625rem;
    box-shadow: none;
}
.form-select { padding-right: 2.25rem; }
.form-control.form-control-sm, .form-select.form-select-sm { min-height: 1.875rem; padding: .25rem .5rem; font-size: .875rem; border-radius: .25rem; }
.form-select.form-select-sm { padding-right: 2rem; }
.form-control:hover:not(:disabled):not([readonly]), .form-select:hover:not(:disabled) { border-color: var(--fiona-vurgu); }
.form-control:focus, .form-select:focus, .form-control.form-control-solid:focus, .form-select.form-select-solid:focus {
    background-color: var(--fiona-alan); border-color: var(--fiona-vurgu); color: var(--fiona-metin);
    box-shadow: inset 0 0 0 1px var(--fiona-vurgu);
}
.form-control::placeholder { color: var(--fiona-etiket); font-style: italic; } /* yer tutucu italik */
.form-control:disabled, .form-control[readonly], .form-select:disabled { background-color: var(--fiona-alan-salt); border-color: var(--fiona-alan-salt); }
.form-label, .col-form-label { color: var(--fiona-etiket); font-weight: 400; font-size: .875rem; margin-bottom: .25rem; }
.form-label.required:after, .required:after { color: var(--fiona-olumsuz); }
.form-check-input { border-color: var(--fiona-alan-kenar); border-radius: .125rem; }
.form-check-input:checked { background-color: var(--fiona-marka); border-color: var(--fiona-marka); }
/* Anahtar (Switch): Metronic .form-check-sm genişliği yüksekliğe eşitler ve anahtar kare/nokta görünür; Fiona'da yatay kanal */
.form-switch .form-check-input { width: 2.5rem !important; height: 1.375rem !important; border-radius: 1rem; flex-shrink: 0; }
.form-switch.form-check-sm .form-check-input { width: 2.125rem !important; height: 1.125rem !important; }
.form-switch .form-check-input:checked { background-color: var(--fiona-marka); border-color: var(--fiona-marka); }
.invalid-feedback, .field-validation-error, .text-danger { color: var(--fiona-olumsuz) !important; }
.input-group-text { background-color: var(--fiona-alan-salt); border-color: var(--fiona-alan-kenar); color: var(--fiona-etiket); }

/* ---------- Tablolar ---------- */
.table { --bs-table-color: var(--fiona-metin); }
.table > thead > tr, .table thead tr.text-uppercase {
    text-transform: none !important; letter-spacing: 0 !important;
    color: var(--fiona-etiket) !important; font-size: .875rem !important; font-weight: 700 !important;
}
.table > thead > tr > th { border-bottom: 1px solid var(--fiona-liste-baslik-kenar) !important; padding-top: .625rem; padding-bottom: .625rem; white-space: nowrap; }
.table.table-row-dashed tr, .table.table-row-bordered tr { border-bottom-style: solid !important; border-bottom-color: var(--fiona-liste-kenar) !important; }
.table > tbody > tr:hover > * { --bs-table-bg-state: var(--fiona-liste-uzerinde); }
.table td { color: var(--fiona-metin); }
.table-responsive { border-radius: .5rem; }

/* ---------- Durum etiketleri ---------- */
.badge { border-radius: .25rem; font-weight: 700; font-size: .8125rem; padding: .25rem .5rem; letter-spacing: 0; border: 1px solid transparent; }
.badge.badge-light-success { background-color: var(--fiona-olumlu-zemin); color: var(--fiona-olumlu); border-color: var(--fiona-olumlu-kenar); }
.badge.badge-light-warning { background-color: var(--fiona-kritik-zemin); color: var(--fiona-kritik); border-color: var(--fiona-kritik-kenar); }
.badge.badge-light-danger { background-color: var(--fiona-olumsuz-zemin); color: var(--fiona-olumsuz); border-color: var(--fiona-olumsuz-kenar); }
.badge.badge-light-info, .badge.badge-light-primary { background-color: var(--fiona-bilgi-zemin); color: var(--fiona-bilgi); border-color: var(--fiona-bilgi-kenar); }
.badge.badge-light, .badge.badge-light-dark, .badge.badge-secondary { background-color: var(--fiona-notr-zemin); color: var(--fiona-metin); border-color: var(--fiona-notr); }
/* Ters (inverted) durum: dolu zemin, beyaz yazı. Öğe renkleri (#F53232, #E76500, #30914C) beyaz küçük yazıyla AA'yı geçmez
   (3,4–4,0); metin tonları kullanılır (#AA0808 → 7,6; #B44F00 → 5,2; #256F3A → 6,2; #0064D9 → 5,5). */
.badge.badge-success { background-color: var(--fiona-olumlu); color: #fff; }
.badge.badge-warning { background-color: var(--fiona-kritik); color: #fff; }
.badge.badge-danger { background-color: var(--fiona-olumsuz); color: #fff; }
.badge.badge-info, .badge.badge-primary { background-color: var(--fiona-bilgi); color: #fff; }
[data-bs-theme=dark] .badge.badge-success, [data-bs-theme=dark] .badge.badge-warning, [data-bs-theme=dark] .badge.badge-danger, [data-bs-theme=dark] .badge.badge-info, [data-bs-theme=dark] .badge.badge-primary { color: #12171c; }

/* Metin ve zemin yardımcıları: anlamsal metin renkleri (okunurluk için koyu tonlar) */
.text-success { color: var(--fiona-olumlu) !important; }
.text-warning { color: var(--fiona-kritik) !important; }
.text-danger { color: var(--fiona-olumsuz) !important; }
.text-info { color: var(--fiona-bilgi) !important; }
.text-primary { color: var(--fiona-vurgu) !important; }
.bg-light-success { background-color: var(--fiona-olumlu-zemin) !important; }
.bg-light-warning { background-color: var(--fiona-kritik-zemin) !important; }
.bg-light-danger { background-color: var(--fiona-olumsuz-zemin) !important; }
.bg-light-info, .bg-light-primary { background-color: var(--fiona-bilgi-zemin) !important; }
.bg-light { background-color: var(--fiona-zemin) !important; }

/* ---------- Uyarı kutuları ---------- */
.alert { border-radius: .5rem; border: 1px solid; padding: .5rem .75rem; color: var(--fiona-metin); }
.alert-success, .alert.bg-light-success { background-color: var(--fiona-olumlu-zemin); border-color: var(--fiona-olumlu-kenar); }
.alert-warning, .alert.bg-light-warning { background-color: var(--fiona-kritik-zemin); border-color: var(--fiona-kritik-kenar); }
.alert-danger, .alert.bg-light-danger { background-color: var(--fiona-olumsuz-zemin); border-color: var(--fiona-olumsuz-kenar); }
.alert-info, .alert-primary, .alert.bg-light-info, .alert.bg-light-primary { background-color: var(--fiona-bilgi-zemin); border-color: var(--fiona-bilgi-kenar); }

/* ---------- Sekmeler (seçili sekmede 3px alt gösterge) ---------- */
.nav-line-tabs { border-bottom: 1px solid var(--fiona-ayirici); }
.nav-line-tabs .nav-item .nav-link { color: var(--fiona-metin); font-weight: 400; border-bottom: .1875rem solid transparent; }
.nav-line-tabs .nav-item .nav-link:hover:not(.disabled) { color: var(--fiona-vurgu); border-bottom-color: transparent; }
.nav-line-tabs .nav-item .nav-link.active, .nav-line-tabs .nav-item.show .nav-link {
    color: var(--fiona-vurgu); border-bottom: .1875rem solid var(--fiona-vurgu); font-weight: 700;
}

/* ---------- Bölümlü sekme: sayfa içi alt görünümler, ör. Yazılımlar ----------
   Metronic'in nav-pills dolgulu seçili rengi yerine bölümlü düğme: tek çerçeve, seçili bölüm açık mavi
   zemin + vurgu rengi; yazı ağırlığı seçimle değişmez (genişlik oynamasın), sayaç her durumda aynı tonda. */
.nav.nav-segment { display: inline-flex; flex-wrap: nowrap; gap: 0; padding: .125rem; border: 1px solid var(--fiona-dugme-kenar); border-radius: .5rem; background-color: var(--fiona-dugme); }
.nav.nav-segment .nav-link {
    display: inline-flex; align-items: center; gap: .375rem; margin: 0; padding: .3125rem .875rem; border: 1px solid transparent; border-radius: .375rem;
    background-color: transparent; color: var(--fiona-metin); font-size: .875rem; font-weight: 600; line-height: 1.25rem; white-space: nowrap;
}
.nav.nav-segment .nav-link:hover:not(.active) { background-color: var(--fiona-dugme-uzerinde); color: var(--fiona-metin); }
.nav.nav-segment .nav-link.active, .nav.nav-segment .nav-link.active:hover {
    background-color: var(--fiona-dugme-secili); border-color: var(--fiona-vurgu); color: var(--fiona-vurgu);
}
.nav.nav-segment .nav-link:focus-visible { outline: .125rem solid var(--fiona-odak); outline-offset: -.125rem; }
.nav.nav-segment .sayac {
    display: inline-block; min-width: 1.25rem; padding: 0 .375rem; border-radius: .625rem; background-color: var(--fiona-notr-zemin);
    color: var(--fiona-etiket); font-size: .75rem; font-weight: 600; line-height: 1.125rem; text-align: center;
}
.nav.nav-segment .nav-link.active .sayac { background-color: var(--fiona-grup); color: var(--fiona-vurgu); }
@media (max-width: 575.98px) {
    .nav.nav-segment { display: flex; width: 100%; overflow-x: auto; }
    .nav.nav-segment .nav-link { flex: 1 0 auto; justify-content: center; padding: .3125rem .625rem; }
}

/* ---------- Nesne listesi: tablo yerine satır kartları ----------
   Her öğe tek bakışta okunur, yatay kaydırma yoktur: başlık + rozetler, altında özellikler (dar ekranda alt satıra akar),
   en altta yol/komut (gerekirse sözcük ortasından kırılır), sağda işlem. Uyarı öğesi sol kenarda kritik renk şeridi taşır. */
.oge-listesi { border-top: 1px solid var(--fiona-liste-kenar); }
.oge { display: flex; align-items: flex-start; gap: .75rem; padding: .625rem .5rem; border-bottom: 1px solid var(--fiona-liste-kenar); }
.oge:hover { background-color: var(--fiona-liste-uzerinde); }
.oge-govde { flex: 1 1 auto; min-width: 0; }
.oge-baslik { display: flex; flex-wrap: wrap; align-items: center; gap: .25rem .375rem; color: var(--fiona-metin); font-weight: 600; line-height: 1.375rem; overflow-wrap: anywhere; }
.oge-ozellikler { display: flex; flex-wrap: wrap; gap: .125rem 1rem; margin-top: .125rem; color: var(--fiona-etiket); font-size: .8125rem; line-height: 1.25rem; }
.oge-ozellikler > span { overflow-wrap: anywhere; }
.oge-ozellikler .etiket { color: var(--fiona-etiket); opacity: .8; margin-right: .25rem; }
.oge-ozellikler .deger { color: var(--fiona-metin); }
.oge-yol { margin-top: .25rem; color: var(--fiona-etiket); font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: .75rem; line-height: 1.125rem; word-break: break-all; }
.oge-sag { flex: 0 0 auto; display: flex; flex-direction: column; align-items: flex-end; gap: .25rem; text-align: right; }
.oge.oge-uyari { background-color: var(--fiona-kritik-zemin); box-shadow: inset .1875rem 0 0 var(--fiona-kritik-oge); }
.oge.oge-soluk .oge-govde { opacity: .6; }
.oge.oge-dikkat { box-shadow: inset .1875rem 0 0 var(--fiona-kritik-oge); }
.oge.oge-olumsuz { box-shadow: inset .1875rem 0 0 var(--fiona-olumsuz-oge); }
.oge.oge-bilgi { box-shadow: inset .1875rem 0 0 var(--fiona-bilgi-oge); }
.oge.oge-olumlu { box-shadow: inset .1875rem 0 0 var(--fiona-olumlu-oge); }
.oge.oge-secili { background-color: var(--fiona-liste-secili); }
/* Uzun açıklama/mesaj: düz yazı, 3 satırda kısalır; tıklayınca tamamı açılır (rmm.js) */
.oge-metin { margin-top: .25rem; color: var(--fiona-metin); font-size: .8125rem; line-height: 1.25rem; overflow-wrap: anywhere; white-space: pre-line; }
.oge-metin.kisalt { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; cursor: pointer; }
.oge-metin.kisalt.acik { display: block; -webkit-line-clamp: unset; }
.oge-islemler { display: flex; flex-wrap: wrap; align-items: center; gap: .375rem; margin-top: .5rem; }
.oge-islemler form { display: inline-flex; gap: .375rem; }
.oge-sag form { display: inline-block; }
.oge-sag .btn { white-space: nowrap; }
/* Kartta küçük ölçüm göstergeleri (CPU / RAM / Disk) yan yana, dar ekranda alt satıra akar */
.oge-olcumler { display: flex; flex-wrap: wrap; gap: .375rem 1rem; margin-top: .375rem; font-size: .8125rem; }
.oge-olcumler > div { display: flex; align-items: center; gap: .375rem; min-width: 6.5rem; }
.oge-olcumler .etiket { color: var(--fiona-etiket); }
.oge-kaydir { max-height: 40rem; overflow-y: auto; }
@media (max-width: 575.98px) { .oge-kaydir { max-height: none; overflow-y: visible; } } /* telefonda iç içe kaydırma olmasın */

/* ---------- İlerleme ---------- */
.progress { background-color: var(--fiona-ilerleme); border-radius: .5rem; }
.progress-bar.bg-success { background-color: var(--fiona-olumlu-oge) !important; }
.progress-bar.bg-warning { background-color: var(--fiona-kritik-oge) !important; }
.progress-bar.bg-danger { background-color: var(--fiona-olumsuz-oge) !important; }
.progress-bar.bg-primary, .progress-bar.bg-info { background-color: var(--fiona-bilgi-oge) !important; }
/* Gri değer çubuğu çubuk zemini (#D5DADD = gray-300) ile aynı renge düşmesin: nötr değer rengi */
.progress-bar.bg-gray-300, .progress-bar.bg-gray-400, .progress-bar.bg-secondary { background-color: var(--fiona-notr) !important; }

/* ---------- Açılır pencere, menü, ipucu ---------- */
.modal-content { border-radius: .75rem; border: 0; box-shadow: var(--fiona-golge-2); }
.modal-header { border-bottom: 1px solid var(--fiona-liste-kenar); padding: 1rem 1.25rem; }
.modal-header .modal-title { font-weight: 700; font-size: 1.25rem; }
.modal-footer { border-top: 1px solid var(--fiona-liste-kenar); }
.menu-sub-dropdown, .dropdown-menu { border-radius: .5rem; box-shadow: var(--fiona-golge-1) !important; border: 0; }
.tooltip-inner { border-radius: .25rem; }
.swal2-popup { border-radius: .75rem !important; font-family: var(--fiona-yazi) !important; }
.swal2-popup .swal2-styled.swal2-confirm { background-color: var(--fiona-marka) !important; border-radius: .5rem !important; }

/* ---------- Simgeler ---------- */
.symbol .symbol-label { border-radius: .5rem; }

/* ---------- Alt gezinme çubuğu (mobil gezinme çubuğu) ----------
   Telefon/tablet ve kurulu uygulama: 2-5 ana hedef, yalnız gezinme. Dar ekranda tam genişlik, simge üstte etiket altta;
   orta genişlikte (tablet) öğeler yan yana ve ortalı; 992px ve üstünde yan menü kullanılır (çubuk gizli).
   Seçili: dolu simge + hap gösterge (ikincil kap rengi), vurgu renginde kalın etiket. Rozet: negatif renk.
   İşaretleme: <nav class="alt-gezinme"><a class="alt-gezinme-oge secili"><span class="alt-gezinme-gosterge"><i/>
   <span class="alt-gezinme-rozet"/></span><span class="alt-gezinme-etiket"/></a>…</nav>, gövdeye "alt-gezinme-var". */
.alt-gezinme {
    position: fixed; left: 0; right: 0; bottom: 0; z-index: 105;
    display: flex; align-items: stretch; justify-content: space-around;
    height: calc(4.5rem + env(safe-area-inset-bottom)); padding: 0 .25rem env(safe-area-inset-bottom);
    background-color: var(--fiona-kabuk);
    border-top: 1px solid var(--fiona-kabuk-kenar);
    box-shadow: 0 -0.125rem 0.5rem rgba(34, 53, 72, .08);
}
.alt-gezinme-oge {
    flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .25rem;
    padding: .5rem .25rem; border: 0; background: transparent; color: var(--fiona-etiket); text-decoration: none !important;
    -webkit-tap-highlight-color: transparent; cursor: pointer;
}
.alt-gezinme-gosterge {
    position: relative; display: inline-flex; align-items: center; justify-content: center;
    width: 4rem; height: 2.25rem; border-radius: 1.125rem; transition: background-color .15s ease;
}
.alt-gezinme-gosterge i { font-size: 1.6rem; line-height: 1; color: var(--fiona-etiket); }
.alt-gezinme-etiket { font-size: .8125rem; line-height: 1.1; white-space: nowrap; color: var(--fiona-etiket); }
.alt-gezinme-oge:hover .alt-gezinme-gosterge { background-color: var(--fiona-liste-uzerinde); }
.alt-gezinme-oge.secili .alt-gezinme-gosterge { background-color: var(--fiona-bilgi-zemin); }
.alt-gezinme-oge.secili .alt-gezinme-gosterge i, .alt-gezinme-oge.secili .alt-gezinme-etiket { color: var(--fiona-vurgu); }
.alt-gezinme-oge.secili .alt-gezinme-etiket { font-weight: 700; }
.alt-gezinme-oge:focus-visible { outline: none !important; }
.alt-gezinme-oge:focus-visible .alt-gezinme-gosterge { outline: .125rem solid var(--fiona-odak); outline-offset: .0625rem; }
.alt-gezinme-rozet {
    position: absolute; top: .125rem; left: calc(50% + .375rem);
    min-width: 1.125rem; height: 1.125rem; padding: 0 .3rem; border-radius: .5625rem;
    background-color: var(--fiona-olumsuz); color: #fff; font-size: .6875rem; font-weight: 700; line-height: 1.125rem; text-align: center;
    box-shadow: 0 0 0 .125rem var(--fiona-kabuk);
}
[data-bs-theme=dark] .alt-gezinme-rozet { color: #12171c; }
/* Tablet (orta genişlik): öğeler yan yana, çubuk ortada */
@media (min-width: 576px) and (max-width: 991.98px) {
    .alt-gezinme { justify-content: center; gap: .5rem; height: calc(4rem + env(safe-area-inset-bottom)); }
    /* Hap gösterge simge yerine öğenin tamamını (simge + etiket) sarar */
    .alt-gezinme-oge { flex: 0 1 auto; flex-direction: row; gap: .5rem; margin: .75rem 0; padding: 0 1.25rem 0 1rem; border-radius: 1.25rem; }
    .alt-gezinme-gosterge { width: auto; height: auto; background: none !important; }
    .alt-gezinme-etiket { font-size: .875rem; }
    .alt-gezinme-oge:hover { background-color: var(--fiona-liste-uzerinde); }
    .alt-gezinme-oge.secili { background-color: var(--fiona-bilgi-zemin); }
    .alt-gezinme-rozet { top: -.5rem; left: auto; right: -.625rem; }
    .alt-gezinme-oge:focus-visible { outline: .125rem solid var(--fiona-odak) !important; outline-offset: .0625rem; }
    .alt-gezinme-oge:focus-visible .alt-gezinme-gosterge { outline: none; }
}
/* Gezinme tek yerde: alt çubuk varken üst başlıktaki hamburger gizlenir (çekmece tetikleyicisi olarak DOM'da kalır) */
body.alt-gezinme-var #kt_app_sidebar_mobile_toggle { visibility: hidden; }
/* İçerik çubuğun altında kalmasın */
@media (max-width: 991.98px) {
    body.alt-gezinme-var #kt_app_content { padding-bottom: calc(5.5rem + env(safe-area-inset-bottom)); }
}