html, body {
    font-family: 'Roboto', sans-serif;
    margin: 0;
    padding: 0;
}

/* Aktif nav link vurgusu */
.nav-link-active {
    background-color: rgba(var(--mud-palette-primary-rgb), 0.12) !important;
    border-right: 3px solid var(--mud-palette-primary);
}

/* Grup başlığı padding düzenlemesi */
.mud-nav-group-header {
    pointer-events: none;
}

/* ── Sabit işlem kolonu ── */
.sticky-action-col {
    position: sticky !important;
    right: 0;
    z-index: 2;
    background: var(--mud-palette-surface) !important;
    box-shadow: -4px 0 8px rgba(0, 0, 0, 0.08);
    min-width: 60px;
    text-align: center !important;
}

/* Dark mode uyumu */
.mud-dark .sticky-action-col {
    background: var(--mud-palette-background) !important;
    box-shadow: -4px 0 8px rgba(0, 0, 0, 0.3);
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-text-fill-color: #111827 !important;
    -webkit-box-shadow: 0 0 0px 1000px #ffffff inset !important;
    transition: background-color 5000s ease-in-out 0s;
}

.login-form input,
.login-form input:-webkit-autofill,
.login-form input:-webkit-autofill:hover,
.login-form input:-webkit-autofill:focus,
.login-form input:-webkit-autofill:active {
    color: #111827 !important;
    -webkit-text-fill-color: #111827 !important;
    -webkit-box-shadow: 0 0 0px 1000px #ffffff inset !important;
    transition: background-color 9999s ease-in-out 0s !important;
    color-scheme: light !important;
}

/* OutboundOrderDetailDialog — Activities sekmesi Printed/IsRead durumuna göre
   kart içeriğini kalın/italik göstermek için. MudText'in kendi tipografi
   sınıfları font-weight'i override ettiğinden, inline style yerine
   !important'lı bir class ile tüm alt elemanları zorluyoruz.
   Bu ikisi SADECE dialog'daki kart (MudPaper) bazlı gösterimde kullanılır —
   sticky-action-col içermediği için burada sorun yaratmaz. */
.activity-bold, .activity-bold * {
    font-weight: 700 !important;
}

.activity-italic, .activity-italic * {
    font-style: italic !important;
}

/* ── OutboundOrders liste ekranı satır class'ları ──────────────────────────
   NOT: Bunlar KASITLI olarak yukarıdaki .activity-bold / .activity-italic'ten
   farklı isimler (row-not-printed / row-no-pdf) — aynı ismi kullansaydık,
   sticky-action-col'daki ikonlar (Detay/Yazdır/Teslim Tarihi) da bu stilden
   etkilenip renklerini kaybediyordu. td:not(.sticky-action-col) ile işlem
   kolonu SEÇİCİ SEVİYESİNDE baştan hariç tutuluyor — "sonradan üzerine yazma"
   değil, hiç eşleşmeme. Bu yüzden ikonlar her zaman kendi orijinal
   Primary/Secondary/Info renklerinde kalır. */
tr.row-not-printed td:not(.sticky-action-col),
tr.row-not-printed td:not(.sticky-action-col) * {
    font-weight: 700 !important;
}

tr.row-no-pdf td:not(.sticky-action-col):not(.mud-table-cell-checkbox),
tr.row-no-pdf td:not(.sticky-action-col):not(.mud-table-cell-checkbox) * {
    font-style: italic !important;
    color: var(--mud-palette-text-disabled) !important;
}