@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

html, body {
    margin: 0;
    padding: 0;
    font-family: 'Inter', 'Segoe UI', Tahoma, sans-serif;
    -webkit-font-smoothing: antialiased;
}

/* Tüm MudBlazor componentlerini Inter ile sar */
.mud-typography,
.mud-input,
.mud-button,
.mud-nav-link,
.mud-table,
.mud-chip,
.mud-card,
.mud-input-control,
.mud-select {
    font-family: 'Inter', 'Segoe UI', Tahoma, sans-serif !important;
}

/* Drawer hover refinement */
.mud-nav-link.active {
    background: rgba(198, 40, 40, 0.08) !important;
    border-right: 3px solid var(--mud-palette-primary);
}

.mud-nav-link:hover {
    background: rgba(128, 128, 128, 0.08) !important;
}

/* Drawer section labels + footer — theme-aware via currentColor/opacity */
.nav-section {
    opacity: .55;
    font-weight: 600 !important;
    letter-spacing: .08em;
}

.nav-footer {
    border-top: 1px solid var(--mud-palette-lines-default);
    font-size: .75rem;
    opacity: .55;
}

/* Card lift on hover (general dashboard cards) */
.mud-card {
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

/* ---- Menü Yönetimi ---- */
.menu-kpi-strip {
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 12px;
    background: var(--mud-palette-surface);
}

/* ---- Menü Yönetimi — Swiss-minimalism + sıcak altın accent (iştah açıcı gıda kimliği) ---- */
/* Design tokens: tek accent, cömert boşluk, ince gölge, 8px ritim, net hiyerarşi */
:root {
    --menu-gold: #b45309;          /* WCAG AA on white (7.0:1) — food/appetizing accent */
    --menu-gold-soft: rgba(180, 83, 9, .10);
    --menu-gold-line: rgba(180, 83, 9, .28);
    --menu-ok: #15803d;
    --menu-ok-soft: rgba(21, 128, 61, .10);
    --menu-off: #b91c1c;
    --menu-off-soft: rgba(185, 28, 28, .10);
    --menu-warn: #b45309;
}
:root[data-theme="dark"], .mud-theme-dark {
    --menu-gold: #fbbf24;
    --menu-gold-soft: rgba(251, 191, 36, .14);
    --menu-gold-line: rgba(251, 191, 36, .30);
    --menu-ok: #4ade80;
    --menu-ok-soft: rgba(74, 222, 128, .14);
    --menu-off: #f87171;
    --menu-off-soft: rgba(248, 113, 113, .14);
}

/* KPI şeridi: Swiss stat-tiles, ince ayraç, tabular figürler */
.menu-kpi-strip {
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 14px;
    background: var(--mud-palette-surface);
    padding: 4px 8px;
}
.menu-kpi {
    min-width: 104px;
    padding: 12px 20px;
    position: relative;
}
.menu-kpi:not(:last-child)::after {
    content: ""; position: absolute; right: 0; top: 22%; height: 56%;
    width: 1px; background: var(--mud-palette-lines-default);
}
.menu-kpi .kpi-value {
    font-size: 1.65rem; font-weight: 700; line-height: 1;
    font-variant-numeric: tabular-nums; letter-spacing: -.02em;
}
.menu-kpi .kpi-label {
    font-size: .72rem; font-weight: 500; opacity: .6;
    letter-spacing: .06em; text-transform: uppercase; margin-top: 4px;
}

/* Kategori kartı: temiz, tek ince gölge, sol accent şerit */
.menu-cat {
    border-radius: 14px;
    overflow: hidden;
    border: 1px solid var(--mud-palette-lines-default);
    box-shadow: 0 1px 2px rgba(15, 23, 42, .04);
}
.menu-cat-passive { opacity: .68; }

.menu-cat-header {
    display: flex; align-items: center; gap: 14px;
    padding: 16px 18px;
    border-bottom: 1px solid var(--mud-palette-lines-default);
}
/* Kategori indeks rozeti — altın tonlu, gıda kimliği */
.menu-cat-index {
    flex: 0 0 auto; width: 40px; height: 40px; border-radius: 11px;
    display: flex; align-items: center; justify-content: center;
    background: var(--menu-gold-soft); color: var(--menu-gold);
    font-weight: 700; font-size: 1rem; font-variant-numeric: tabular-nums;
}
.menu-cat-passive .menu-cat-index {
    background: var(--mud-palette-action-default-hover); color: var(--mud-palette-text-secondary);
}
.menu-cat-title { font-size: 1.05rem; font-weight: 700; letter-spacing: -.01em; }
.menu-cat-meta  { font-size: .78rem; opacity: .55; margin-top: 2px; letter-spacing: .01em; }

/* Fiyat pili — tabular, altın vurgulu */
.menu-price {
    display: inline-block; font-weight: 700; font-variant-numeric: tabular-nums;
    letter-spacing: -.01em;
}

/* Durum pilleri — semantik, ikon + metin (renk-only değil) */
.menu-pill {
    display: inline-flex; align-items: center; gap: 5px;
    padding: 3px 10px; border-radius: 999px;
    font-size: .74rem; font-weight: 600; white-space: nowrap;
    border: 1px solid transparent;
}
.menu-pill svg { width: 14px; height: 14px; }
.menu-pill-ok   { color: var(--menu-ok);   background: var(--menu-ok-soft);   border-color: transparent; }
.menu-pill-warn { color: var(--menu-warn); background: var(--menu-gold-soft); border-color: var(--menu-gold-line); }
.menu-pill-off  { color: var(--menu-off);  background: var(--menu-off-soft);  border-color: transparent; }

/* Ürün adı — satış dışında soluk + üstü çizili */
.menu-item-name { font-weight: 600; letter-spacing: -.005em; }
.menu-item-off  { opacity: .45; text-decoration: line-through; }
.menu-item-desc { font-size: .78rem; opacity: .55; max-width: 46ch; }

/* Satır aksiyonları: hover'da belirginleşir (masaüstü); dokunmatikte hep görünür */
.menu-row-actions { opacity: .28; transition: opacity .2s ease; white-space: nowrap; }
tr:hover .menu-row-actions { opacity: 1; }
@media (hover: none) { .menu-row-actions { opacity: 1; } }

.menu-table .mud-table-cell { padding-top: 10px; padding-bottom: 10px; }
.menu-table tbody tr { transition: background .2s ease; }

/* En çok satılan — sıralama madalyaları + pay çubuğu */
.topitem-medal {
    display: inline-flex; align-items: center; justify-content: center;
    width: 26px; height: 26px; border-radius: 50%;
    font-weight: 700; font-size: .8rem; color: #fff;
    font-variant-numeric: tabular-nums;
}
.topitem-medal-1 { background: linear-gradient(135deg, #f59e0b, #d97706); }
.topitem-medal-2 { background: linear-gradient(135deg, #94a3b8, #64748b); }
.topitem-medal-3 { background: linear-gradient(135deg, #b45309, #92400e); }
.topitem-bar { height: 8px; border-radius: 4px; }

/* Şube detay — hero + bilgi kartları */
.branch-hero {
    display: flex; align-items: center; gap: 16px;
    padding: 20px 22px;
    border: 1px solid var(--mud-palette-lines-default);
    border-left: 4px solid var(--mud-palette-lines-default);
    border-radius: 14px; background: var(--mud-palette-surface);
    box-shadow: 0 1px 2px rgba(15, 23, 42, .04);
}
.branch-hero-ok   { border-left-color: var(--menu-ok); }
.branch-hero-warn { border-left-color: var(--menu-warn); }
.branch-hero-off  { border-left-color: var(--menu-off); }

.branch-hero-avatar {
    flex: 0 0 auto; width: 52px; height: 52px; border-radius: 14px;
    display: flex; align-items: center; justify-content: center;
    background: var(--menu-gold-soft); color: var(--menu-gold);
    font-weight: 700; font-size: 1.5rem; line-height: 1;
}
.branch-hero-body { flex: 1 1 auto; min-width: 0; }
.branch-hero-title { font-size: 1.2rem; font-weight: 700; letter-spacing: -.01em; }
.branch-hero-sub {
    display: flex; align-items: center; gap: 10px; margin-top: 6px; flex-wrap: wrap;
}
.branch-code-chip {
    font-size: .72rem; font-weight: 700; letter-spacing: .04em;
    padding: 2px 8px; border-radius: 6px; white-space: nowrap;
    background: var(--mud-palette-action-default-hover);
    color: var(--mud-palette-text-secondary); font-variant-numeric: tabular-nums;
}
.branch-hero-loc {
    display: inline-flex; align-items: center; gap: 3px;
    font-size: .82rem; opacity: .65;
}
.branch-hero-loc .mud-icon-root { font-size: 1rem; }
.branch-hero-status { flex: 0 0 auto; }

.branch-card {
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 14px; overflow: hidden;
    background: var(--mud-palette-surface);
    box-shadow: 0 1px 2px rgba(15, 23, 42, .04);
}
.branch-card-head {
    display: flex; align-items: center; gap: 8px;
    padding: 13px 18px;
    border-bottom: 1px solid var(--mud-palette-lines-default);
    font-weight: 700; font-size: .92rem; letter-spacing: -.005em;
}
.branch-card-head .mud-icon-root { font-size: 1.15rem; opacity: .7; }

.branch-facts { padding: 6px 18px 10px; }
.branch-fact {
    display: flex; align-items: center; justify-content: space-between; gap: 16px;
    padding: 11px 0;
    border-bottom: 1px solid var(--mud-palette-lines-default);
}
.branch-fact:last-child { border-bottom: none; }
.branch-fact-label { font-size: .82rem; opacity: .6; font-weight: 500; }
.branch-fact-value { font-size: .92rem; font-weight: 600; text-align: right; }

/* MudDateRangePicker toolbar — uzun aralık başlığı (Typo.h5=34px) sabit yüksekliğe
   sığmayıp taşıyordu; başlığı küçült, toolbar'ı otomatik yükseklikle sar */
.mud-picker-datepicker-toolbar {
    height: auto !important;
    min-height: 84px;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    align-items: flex-start !important;
}
.mud-picker-datepicker-toolbar .mud-button-label {
    font-size: 1.15rem !important;
    line-height: 1.3 !important;
    white-space: normal !important;
    text-align: left;
}
/* Yıl butonu (ilk) küçük kalsın */
.mud-picker-datepicker-toolbar > button:first-child .mud-button-label {
    font-size: .8rem !important;
    opacity: .85;
}

/* Date range popup paper — picker'a verilen inline genişlik popup kağıdını da
   daraltıp takvimi (7 sütun ≈ 310px) yatay kaydırmaya zorluyordu; kağıda takvimi
   tam saracak min-genişlik ver ve yatay kaymayı kapat */
.mud-picker-paper {
    min-width: 320px !important;
    overflow-x: hidden !important;
}

/* Kasa raporu — dönem etiketi + KPI kartları */
.cash-period {
    display: inline-flex; align-items: center;
    font-size: .82rem; font-weight: 600; letter-spacing: .01em;
    padding: 4px 12px; border-radius: 999px;
    color: var(--menu-gold);
    background: var(--menu-gold-soft); border: 1px solid var(--menu-gold-line);
    font-variant-numeric: tabular-nums;
}
.cash-kpi {
    display: flex; align-items: center; gap: 14px;
    padding: 18px 20px;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 14px; background: var(--mud-palette-surface);
    box-shadow: 0 1px 2px rgba(15, 23, 42, .04);
    height: 100%;
}
.cash-kpi-primary {
    border-color: var(--menu-gold-line);
    background: linear-gradient(135deg, var(--menu-gold-soft), transparent);
}
.cash-kpi-icon {
    flex: 0 0 auto; width: 46px; height: 46px; border-radius: 12px;
    display: flex; align-items: center; justify-content: center;
    background: var(--menu-gold-soft); color: var(--menu-gold);
}
.cash-kpi-icon .mud-icon-root { font-size: 1.5rem; }
.cash-kpi-icon-ok { background: var(--menu-ok-soft); color: var(--menu-ok); }
.cash-kpi-icon-neutral {
    background: var(--mud-palette-action-default-hover);
    color: var(--mud-palette-text-secondary);
}
.cash-kpi-value {
    font-size: 1.6rem; font-weight: 700; line-height: 1.1;
    font-variant-numeric: tabular-nums; letter-spacing: -.02em;
}
.cash-kpi-label {
    font-size: .74rem; font-weight: 500; opacity: .6;
    letter-spacing: .04em; text-transform: uppercase; margin-top: 3px;
}

/* Şube operatörü toggle satırı — dokunmatik dostu (≥56px), büyük hedef */
.menu-op-row {
    display: flex; align-items: center; gap: 14px;
    padding: 12px 16px; min-height: 56px;
    border-bottom: 1px solid var(--mud-palette-lines-default);
    transition: background .2s ease;
}
.menu-op-row:last-child { border-bottom: none; }
.menu-op-row:hover { background: var(--mud-palette-action-default-hover); }
.menu-op-off { background: var(--menu-off-soft); }