/**
 * main-layout.css
 *
 * PAKET 0C — ACK.Web Ana Layout Mobil-Stil Menü Teması
 *
 * Scope: MainLayout.razor drawer + AppBar
 * Renk paleti: Mobil ACK ile uyumlu (koyu lacivert + kırmızı)
 */

/* ==================== APPBAR — DARK NAVY ==================== */
.mud-appbar.mud-appbar-dense {
    background-color: #0F172A !important;
    color: #E2E8F0 !important;
}

.mud-appbar .mud-icon-button {
    color: #E2E8F0 !important;
}

.mud-appbar .mud-typography {
    color: #E2E8F0 !important;
}

/* ==================== DRAWER — DARK NAVY THEME ==================== */
.ack-main-drawer .mud-drawer-content {
    background-color: #0F172A;
    color: #E2E8F0;
}

/* NavMenu genel stil */
.ack-main-drawer .mud-navmenu {
    background-color: #0F172A;
}

/* NavGroup başlıkları (kategori) */
.ack-main-drawer .mud-nav-group .mud-nav-link {
    color: #94A3B8; /* Mobil'deki kategori gri tonu */
    font-weight: 500;
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 0.5px;
    padding: 8px 16px;
}

/* NavLink normal durum */
.ack-main-drawer .mud-nav-link {
    color: #E2E8F0;
    border-left: 3px solid transparent;
    transition: all 0.2s ease;
}

.ack-main-drawer .mud-nav-link:hover {
    background-color: rgba(226, 232, 240, 0.1);
    color: #FFFFFF;
}

/* NavLink aktif durum — kırmızı sol border */
.ack-main-drawer .mud-nav-link.mud-nav-link-active {
    background-color: rgba(220, 38, 38, 0.15);
    border-left-color: #DC2626;
    color: #FFFFFF;
    font-weight: 600;
}

/* NavGroup icon alanını gizle (artık icon yok ama MudBlazor default spacing olabilir) */
.ack-main-drawer .mud-nav-link .mud-icon-root {
    display: none;
}

/* Divider (Admin bölümü üstündeki çizgi) */
.ack-main-drawer .mud-divider {
    background-color: rgba(226, 232, 240, 0.2);
}

/* NavGroup expanded ok işareti */
.ack-main-drawer .mud-nav-group .mud-nav-link .mud-icon-root.mud-svg-icon {
    color: #94A3B8;
}

/* Alt menü öğeleri (sub-items) */
.ack-main-drawer .mud-nav-group .mud-list-item {
    padding-left: 24px;
}

/* Drawer genişlik ve animasyon (Persistent variant için) */
.ack-main-drawer {
    width: 280px;
}

.ack-main-drawer .mud-drawer {
    transition: width 0.2s ease;
}

/* YZC-053 — Kategori Şeması Admin tablosu (ÜA2 KURAL 87 V3) */
.ack-spec-schema-table thead th {
    background: #f9fafb;
    color: #374151;
    font-weight: 600;
    font-size: 11px;
    letter-spacing: .3px;
    text-transform: uppercase;
    border-bottom: 2px solid #e5e7eb;
}
.ack-spec-schema-table tbody tr:hover {
    background: #f9fafb;
}
.ack-spec-schema-table tbody td {
    border-bottom: 1px solid #f3f4f6;
}