/* Ortak gezinme: mevcut lacivert/beyaz kimlik ve masaüstü menüsü korunur. */
.app-sidebar-close { display: none; }
.app-topbar .app-sidebar-toggle {
    flex: 0 0 44px; width: 44px; min-width: 44px; min-height: 44px;
}
.app-menu-sub a { min-height: 44px; display: flex; align-items: center; }
.app-menu-link { min-height: 44px; }
.app-sidebar .app-brand-mark > span:last-child { min-width: 0; overflow-wrap: anywhere; }
.app-topbar .topbar-title :is(strong, h1) { white-space: normal; overflow-wrap: anywhere; }
.app-topbar .topbar-kurum { white-space: normal; height: auto; min-height: 44px; overflow-wrap: anywhere; }
.app-topbar .topbar-kurum svg { flex: 0 0 12px; }
.app-topbar .topbar-user-chip { height: auto; min-height: 44px; white-space: normal; }
.app-topbar .topbar-user-chip small { white-space: normal; }
/* Küçük yardımcı metin için açık panel üzerinde de yeterli kontrast. */
.section-head .meta { color: #526174; }
.app-sidebar :where(a, button, summary):focus-visible {
    outline-color: #93c5fd !important;
}
@media (min-width: 1200px) {
    .app-topbar .app-sidebar-toggle { display: none; }
}
@media (max-width: 1199.98px) {
    .app-sidebar { visibility: hidden; max-width: calc(100vw - 48px); overscroll-behavior: contain; }
    .sidebar-open .app-sidebar { visibility: visible; }
    .app-sidebar-close {
        display: flex; align-items: center; justify-content: center;
        min-width: 44px; min-height: 44px; margin: .5rem .75rem .25rem auto;
        padding: .5rem .75rem; border: 1px solid #93abc5; border-radius: .5rem;
        color: #fff; background: transparent; font: inherit;
    }
}
@media (max-width: 767.98px) {
    .app-topbar {
        display: grid;
        grid-template-columns: 44px minmax(0, 1fr) 44px 44px;
        gap: .5rem; padding: .75rem;
        /* Uzun başlık/rol mobilde içeriği veya odaktaki alanı örtmesin. */
        position: relative;
    }
    .app-topbar .app-sidebar-toggle { grid-column: 1; grid-row: 1; }
    .app-topbar .topbar-kurum { grid-column: 2; grid-row: 1; padding: .5rem; min-width: 0; }
    .app-topbar > .topbar-icon-btn { grid-column: 3; grid-row: 1; }
    .app-topbar .topbar-cikis { grid-column: 4; grid-row: 1; }
    .app-topbar .topbar-icon-btn { width: 44px; min-width: 44px; height: 44px; }
    .app-topbar .topbar-title { grid-column: 1 / -1; grid-row: 2; }
    .app-topbar .topbar-title :is(strong, h1) { font-size: 1.125rem; line-height: 1.4; overflow: visible; }
    .app-topbar > .dropdown { grid-column: 1 / -1; grid-row: 3; min-width: 0; }
    .app-topbar .topbar-user-chip { width: 100%; max-width: none; padding: .5rem .75rem; }
    .app-topbar .topbar-user-chip > span:last-child { display: block; }
    .app-topbar .topbar-user-chip span { overflow: visible; white-space: normal; overflow-wrap: anywhere; }
    .app-topbar .topbar-user-chip .avatar { flex: 0 0 28px; }
    .app-topbar .dropdown-menu { max-width: calc(100vw - 24px); }
    .app-topbar .dropdown-header { white-space: normal; overflow-wrap: anywhere; }
}