/* =========================================================================== */
/* site.css – Proje Genel Stil Dosyası                                         */
/* =========================================================================== */

/* --------------------------------------------- */
/* 1. GLOBAL RESET & LAYOUT                      */
/* --------------------------------------------- */
html, body {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    margin: 0;
    height: 100%;
    overflow-x: hidden;
    background-color: #f5f5f5;
}

.mud-main-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

/* --------------------------------------------- */
/* 2. APPBAR                                     */
/* --------------------------------------------- */
.custom-appbar {
    background: white !important;
    border-bottom: none !important;
}

.menu-button {
    color: #5D87FF !important;
}

/* --------------------------------------------- */
/* 3. USER MENU                                  */
/* --------------------------------------------- */
.user-menu-container {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-right: 4px;
}

.user-icon-button {
    color: #5D87FF !important;
    margin-left: auto;
}

.user-menu {
    min-width: 120px !important;
    padding: 0 !important;
}

.logout-menu-item {
    padding: 6px 12px !important;
    color: #2A3547 !important;
    min-height: 36px !important;
    border-bottom: none !important;
    box-shadow: none !important;
    text-decoration: none !important;
}

    .logout-menu-item:hover {
        background-color: rgba(93, 135, 255, 0.08) !important;
    }

.logout-icon {
    color: #5D87FF !important;
    font-size: 1rem !important;
}

.user-menu .mud-list-item-icon {
    margin-right: 12px !important;
    min-width: 24px !important;
    margin-left: 4px !important;
}

.user-menu .mud-popover {
    border-radius: 4px !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;
    border: 1px solid #e0e0e0 !important;
}

/* --------------------------------------------- */
/* 4. DRAWER / SIDEBAR                           */
/* --------------------------------------------- */
.sidebar-drawer {
    background: white !important;
    box-shadow: none !important;
}

.drawer-divider {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 1px;
    background-color: #e0e0e0;
}

.sidebar-header {
    border-bottom: none !important;
    padding: 16px 16px 8px 16px !important;
}

.app-title {
    color: #5D87FF !important;
}

/* --------------------------------------------- */
/* 5. NAV LINK STYLES                            */
/* --------------------------------------------- */
/* Alt çizgiyi tamamen kaldır */
.mud-nav-link,
.mud-nav-link .mud-nav-link-content {
    text-decoration: none !important;
}

/* Temel nav-link ayarları */
.nav-link {
    padding: 0 !important;
    border-radius: 4px !important;
    display: flex !important;
    align-items: center !important;
    min-height: 32px !important;
    margin: 2px 0 !important;
    box-shadow: none !important;
}

    .nav-link:hover {
        background-color: rgba(93, 135, 255, 0.08) !important;
    }

    .nav-link.mud-nav-link-active {
        background-color: rgba(93, 135, 255, 0.12) !important;
    }

.nav-link-content {
    display: flex;
    align-items: center;
    padding: 4px 0 !important;
}

/* NavLink ikonları */
.nav-icon {
    color: #5D87FF !important;
    margin-right: 12px !important;
    font-size: 1.1rem !important;
}

/* ---------------------------------------------------- */
/* MudNavGroup başlık metnini link metinleriyle eşitle */
/* ---------------------------------------------------- */
.mud-nav-group-root > button.mud-nav-link .mud-nav-group-title {
    font-size: 0.875rem !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    color: #2A3547 !important;
}

/* --------------------------------------------- */
/* 9. INPUT & SELECT                              */
/* --------------------------------------------- */
.mud-select .mud-input-input,
.mud-input-input {
    text-align: center !important;
}

body.mud-theme-dark .mud-input-root,
body.mud-theme-light .mud-input-root {
    border-bottom: none !important;
}

/* --------------------------------------------- */
/* 10. PRINT STYLES                               */
/* --------------------------------------------- */
@media print {
    body * {
        visibility: hidden;
    }

    .print-container,
    .print-container * {
        visibility: visible;
    }

    .print-container {
        position: absolute;
        left: 0;
        top: 0;
    }
}

/* --------------------------------------------- */
/* 11. FILTER SELECT STYLES (Dashboard Filters)  */
/* --------------------------------------------- */
/* Sadece filtre alanlarındaki MudSelect'ler için özel ayar */
/* Yüksekliği küçült ve içerik sola yapışmasın diye padding ekle */
.filter-select {
    height: 32px;
    --mud-select-padding: 0px;
    --mud-select-min-height: 32px;
    display: flex;
    /*align-items: center;*/
}

    /* Select kutusu iç yüksekliği sıfırla */
    .filter-select .mud-input-control {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
        min-height: 32px !important;
    }

    /* İç boşlukları sıfırla */
    .filter-select .mud-input-slot {
        padding: 0px !important;
    }

    /* Yazı hizası ve padding ayarı */
    .filter-select .mud-input {
        min-height: 32px !important;
        height: 32px !important;
        padding-left: 8px !important; /* Sol boşluk */
    }