/*
 * Menü (kenar çubuğu) tasarımı — Filament 5 sınıfları üzerine. Renkler tema değişkenlerinden (--primary-*, --gray-*), koyu tema dahil.
 * Düzen: marka · menüde ara · simgesiz "Başlangıç" kısayolları · simgeli, açılır gruplar (öğeler ince bir kılavuz çizgisiyle) · etkin öğe vurgusu.
 */

/* ---------- marka ---------- */
.stk-brand { display: inline-flex; align-items: center; gap: .65rem; min-width: 0; }
.stk-brand-mark {
    flex: none; width: 2.25rem; height: 2.25rem; border-radius: .7rem; display: grid; place-items: center; color: #fff;
    background: linear-gradient(135deg, var(--primary-500), var(--primary-700));
    box-shadow: 0 1px 2px rgb(0 0 0 / .08), inset 0 1px 0 rgb(255 255 255 / .18);
}
.stk-brand-mark svg { width: 1.3rem; height: 1.3rem; }
.stk-brand-text { display: flex; flex-direction: column; line-height: 1.1; min-width: 0; text-align: start; }
.stk-brand-name { font-weight: 700; font-size: 1rem; letter-spacing: -.01em; color: var(--gray-950); }
.stk-brand-org { font-size: .7rem; font-weight: 500; color: var(--gray-500); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 12.5rem; }
.dark .stk-brand-name { color: #fff; }
.dark .stk-brand-org { color: var(--gray-400); }
.fi-simple-layout .stk-brand-name { font-size: 1.15rem; }

/* ---------- kenar çubuğu yüzeyi ---------- */
.fi-main-sidebar { background: #fff; border-inline-end: 1px solid var(--gray-200); }
.dark .fi-main-sidebar { background: var(--gray-900); border-color: rgb(255 255 255 / .06); }
@media (min-width: 1024px) { .fi-main-sidebar { box-shadow: none; } }
.fi-main-sidebar .fi-sidebar-header { border-bottom: 1px solid var(--gray-100); box-shadow: none; }
.dark .fi-main-sidebar .fi-sidebar-header { border-color: rgb(255 255 255 / .06); }
.fi-main-sidebar .fi-sidebar-nav { padding: .75rem .75rem 1.25rem; gap: .25rem; scrollbar-width: thin; scrollbar-color: var(--gray-200) transparent; }
.fi-main-sidebar .fi-sidebar-nav-groups { gap: .125rem; margin-inline: 0; }

/* ---------- menüde ara ---------- */
.stk-nav-search { position: relative; margin: 0 0 .5rem; }
.stk-nav-search input {
    width: 100%; height: 2.25rem; padding: 0 2rem 0 2.1rem; border-radius: .6rem; font-size: .8125rem;
    background: var(--gray-50); border: 1px solid var(--gray-200); color: var(--gray-900); outline: none; transition: border-color .15s, box-shadow .15s, background .15s;
}
.stk-nav-search input::placeholder { color: var(--gray-400); }
.stk-nav-search input:focus { background: #fff; border-color: var(--primary-500); box-shadow: 0 0 0 3px color-mix(in oklab, var(--primary-500) 18%, transparent); }
.stk-nav-search input::-webkit-search-cancel-button { display: none; }
.stk-nav-search-icon { position: absolute; inset-inline-start: .65rem; top: 50%; translate: 0 -50%; width: 1rem; height: 1rem; color: var(--gray-400); pointer-events: none; }
.stk-nav-search-kbd {
    position: absolute; inset-inline-end: .5rem; top: 50%; translate: 0 -50%; font: 600 .68rem/1 ui-monospace, monospace; color: var(--gray-500);
    border: 1px solid var(--gray-200); border-bottom-width: 2px; border-radius: .3rem; padding: .15rem .35rem; background: #fff; pointer-events: none;
}
.stk-nav-search input:focus + .stk-nav-search-kbd, .stk-nav-search input:not(:placeholder-shown) + .stk-nav-search-kbd { display: none; }
.dark .stk-nav-search input { background: rgb(255 255 255 / .04); border-color: rgb(255 255 255 / .08); color: #fff; }
.dark .stk-nav-search input:focus { background: rgb(255 255 255 / .06); }
.dark .stk-nav-search-kbd { background: transparent; border-color: rgb(255 255 255 / .12); color: var(--gray-400); }
.stk-nav-empty { font-size: .8125rem; color: var(--gray-500); padding: .5rem .75rem; }
.stk-nav-empty[hidden] { display: none; }

/* ---------- grup başlıkları ---------- */
.fi-main-sidebar .fi-sidebar-group { gap: 0; }
.fi-main-sidebar .fi-sidebar-group-btn {
    gap: .7rem; padding: .5rem .65rem; border-radius: .6rem; cursor: pointer; transition: background .15s, color .15s;
}
.fi-main-sidebar .fi-sidebar-group.fi-collapsible > .fi-sidebar-group-btn:hover { background: var(--gray-100); }
.dark .fi-main-sidebar .fi-sidebar-group.fi-collapsible > .fi-sidebar-group-btn:hover { background: rgb(255 255 255 / .05); }
.fi-main-sidebar .fi-sidebar-group-btn > .fi-icon { width: 1.25rem; height: 1.25rem; color: var(--gray-400); transition: color .15s; }
.fi-main-sidebar .fi-sidebar-group-label { font-size: .875rem; font-weight: 600; color: var(--gray-700); letter-spacing: -.005em; }
.dark .fi-main-sidebar .fi-sidebar-group-label { color: var(--gray-200); }
.fi-main-sidebar .fi-sidebar-group.fi-active > .fi-sidebar-group-btn > .fi-icon { color: var(--primary-600); }
.fi-main-sidebar .fi-sidebar-group.fi-active > .fi-sidebar-group-btn .fi-sidebar-group-label { color: var(--gray-950); }
.dark .fi-main-sidebar .fi-sidebar-group.fi-active > .fi-sidebar-group-btn > .fi-icon { color: var(--primary-400); }
.dark .fi-main-sidebar .fi-sidebar-group.fi-active > .fi-sidebar-group-btn .fi-sidebar-group-label { color: #fff; }
.fi-main-sidebar .fi-sidebar-group-collapse-btn { margin: -.35rem -.35rem -.35rem auto; color: var(--gray-400); }
.fi-main-sidebar .fi-sidebar-group-collapse-btn .fi-icon { width: 1rem; height: 1rem; }

/* simgesiz gruplar (Başlangıç, Favoriler): küçük bölüm başlığı */
.fi-main-sidebar .fi-sidebar-group:not(:has(> .fi-sidebar-group-btn > .fi-icon)) > .fi-sidebar-group-btn { padding: .75rem .65rem .3rem; cursor: default; }
.fi-main-sidebar .fi-sidebar-group:not(:has(> .fi-sidebar-group-btn > .fi-icon)) .fi-sidebar-group-label {
    font-size: .68rem; font-weight: 600; text-transform: uppercase; letter-spacing: .07em; color: var(--gray-400);
}
.fi-main-sidebar .fi-sidebar-group:not(:has(> .fi-sidebar-group-btn > .fi-icon)):first-child > .fi-sidebar-group-btn { padding-top: .25rem; }
/* simgeli grupların üstünde ince ayraç */
.fi-main-sidebar .fi-sidebar-group:not(:has(> .fi-sidebar-group-btn > .fi-icon)) + .fi-sidebar-group:has(> .fi-sidebar-group-btn > .fi-icon) {
    margin-top: .5rem; padding-top: .5rem; border-top: 1px solid var(--gray-100);
}
.dark .fi-main-sidebar .fi-sidebar-group:not(:has(> .fi-sidebar-group-btn > .fi-icon)) + .fi-sidebar-group:has(> .fi-sidebar-group-btn > .fi-icon) { border-color: rgb(255 255 255 / .06); }

/* ---------- öğeler ---------- */
.fi-main-sidebar .fi-sidebar-group-items { gap: 1px; }
.fi-main-sidebar .fi-sidebar-item-btn {
    gap: .7rem; padding: .45rem .65rem; border-radius: .55rem; transition: background .12s, color .12s; position: relative;
}
.fi-main-sidebar .fi-sidebar-item-btn:hover { background: var(--gray-100); }
.dark .fi-main-sidebar .fi-sidebar-item-btn:hover { background: rgb(255 255 255 / .05); }
.fi-main-sidebar .fi-sidebar-item-label { font-size: .8125rem; font-weight: 500; color: var(--gray-600); }
.dark .fi-main-sidebar .fi-sidebar-item-label { color: var(--gray-300); }
.fi-main-sidebar .fi-sidebar-item-icon { width: 1.2rem; height: 1.2rem; color: var(--gray-400); }

/* simgeli grubun öğeleri: grup simgesinin hizasında ince kılavuz çizgi */
.fi-main-sidebar .fi-sidebar-group:has(> .fi-sidebar-group-btn > .fi-icon) > .fi-sidebar-group-items {
    margin: .125rem 0 .4rem 1.25rem; padding-inline-start: .55rem; border-inline-start: 1px solid var(--gray-300);
}
.dark .fi-main-sidebar .fi-sidebar-group:has(> .fi-sidebar-group-btn > .fi-icon) > .fi-sidebar-group-items { border-color: rgb(255 255 255 / .08); }
.fi-main-sidebar .fi-sidebar-item-grouped-border { display: none; }
.fi-main-sidebar .fi-sidebar-group:has(> .fi-sidebar-group-btn > .fi-icon) .fi-sidebar-item-btn { padding-block: .4rem; }

/* etkin öğe */
.fi-main-sidebar .fi-sidebar-item.fi-active > .fi-sidebar-item-btn { background: color-mix(in oklab, var(--primary-500) 10%, transparent); }
.fi-main-sidebar .fi-sidebar-item.fi-active > .fi-sidebar-item-btn .fi-sidebar-item-label { color: var(--primary-700); font-weight: 600; }
.fi-main-sidebar .fi-sidebar-item.fi-active > .fi-sidebar-item-btn .fi-sidebar-item-icon { color: var(--primary-600); }
.dark .fi-main-sidebar .fi-sidebar-item.fi-active > .fi-sidebar-item-btn { background: color-mix(in oklab, var(--primary-400) 14%, transparent); }
.dark .fi-main-sidebar .fi-sidebar-item.fi-active > .fi-sidebar-item-btn .fi-sidebar-item-label { color: var(--primary-300); }
.fi-main-sidebar .fi-sidebar-group:has(> .fi-sidebar-group-btn > .fi-icon) .fi-sidebar-item.fi-active > .fi-sidebar-item-btn::before {
    content: ''; position: absolute; inset-inline-start: calc(-.55rem - 1px); top: .4rem; bottom: .4rem; width: 2px; border-radius: 2px; background: var(--primary-600);
}

/* rozetler */
.fi-main-sidebar .fi-sidebar-item-badge-ctn .fi-badge { min-width: 1.35rem; justify-content: center; padding: .05rem .4rem; font-size: .7rem; border-radius: 999px; }

/* ---------- daraltılmış (yalnız simge) masaüstü ---------- */
.fi-main-sidebar:not(.fi-sidebar-open) .fi-sidebar-nav { padding-inline: .5rem; }
.fi-main-sidebar:not(.fi-sidebar-open) .fi-sidebar-group-dropdown-trigger-btn,
.fi-main-sidebar:not(.fi-sidebar-open) .fi-sidebar-item-btn { justify-content: center; border-radius: .6rem; }
.fi-main-sidebar:not(.fi-sidebar-open) .fi-sidebar-group + .fi-sidebar-group { margin-top: 0 !important; padding-top: 0 !important; border-top: 0 !important; }
.fi-main-sidebar:not(.fi-sidebar-open) .fi-sidebar-group:not(:has(> .fi-sidebar-group-btn > .fi-icon)) + .fi-sidebar-group:has(> .fi-sidebar-group-btn > .fi-icon) { margin-top: .4rem !important; padding-top: .4rem !important; border-top: 1px solid var(--gray-100) !important; }
.fi-main-sidebar .fi-sidebar-group-dropdown-trigger-btn:hover { background: var(--gray-100); }
.dark .fi-main-sidebar .fi-sidebar-group-dropdown-trigger-btn:hover { background: rgb(255 255 255 / .05); }
.fi-main-sidebar .fi-sidebar-group.fi-active .fi-sidebar-group-dropdown-trigger-btn { background: color-mix(in oklab, var(--primary-500) 10%, transparent); }
.fi-main-sidebar .fi-sidebar-group.fi-active .fi-sidebar-group-dropdown-trigger-btn .fi-icon { color: var(--primary-600); }

/* ---------- menüde ara: süzme ---------- */
.fi-sidebar-nav.stk-filtering .stk-hide { display: none !important; }
.fi-sidebar-nav.stk-filtering .fi-sidebar-group-collapse-btn { visibility: hidden; }
.fi-sidebar-nav.stk-filtering .fi-sidebar-group + .fi-sidebar-group { margin-top: 0; padding-top: 0; border-top: 0; }

/* hareket azaltma tercihi */
@media (prefers-reduced-motion: reduce) { .fi-main-sidebar * { transition: none !important; } }

/* sürüm (menü altı) */
.stk-version { padding: .6rem 1.4rem .9rem; font-size: .7rem; color: var(--gray-400); border-top: 1px solid var(--gray-100); }
.dark .stk-version { border-color: rgb(255 255 255 / .06); }