/*
    Denge ERP tasarım tokenları (tek kaynak).
    Kaynak: HgEbelge Golden Master paleti (docs/UI_DESIGN_STANDARD.md, HgEbelgeTheme.xaml, HgEbelge.Web site.css).
    ERP yoğunluğu (32/34 px kontrol, 11/12 px grid/aksiyon yazısı) docs/ERP_UI_UX_DESIGN_STANDARD.md §17.1'den korunur.
    Ekran CSS'i renk/font/ölçü değerini doğrudan yazmaz; yalnız bu değişkenleri kullanır.
*/

:root {
    /* Tipografi */
    --erp-font-family: Inter, "Segoe UI", Arial, sans-serif;
    --erp-font-family-mono: ui-monospace, SFMono-Regular, Consolas, monospace;
    --erp-font-size-page-title: 22px;
    --erp-font-size-section-title: 14px;
    --erp-font-size-lead: 13px;
    --erp-font-size-body: 12px;
    --erp-font-size-control: 12px;
    --erp-font-size-grid: 11px;
    --erp-font-size-label: 11px;
    --erp-font-size-hint: 11px;
    --erp-font-size-eyebrow: 10px;
    --erp-font-weight-regular: 400;
    --erp-font-weight-medium: 500;
    --erp-font-weight-semibold: 600;
    --erp-font-weight-bold: 700;
    --erp-line-height: 1.45;
    --erp-icon-size: 14px;     /* menü / alan içi simge karakteri */
    --erp-icon-size-lg: 16px;  /* üst bar simge butonu, açılır ok */

    /* Ana palet (HgEbelge Golden Master; lacivert ve vurgu mavisi 30 Ekim 2026'da Denge ERP logosuna hizalandı) */
    --erp-color-navy: #0a1f44;                 /* marka laciverti (logo #0A1F44); üstünde beyaz metin 16.3:1 */
    --erp-color-navy-hover: #061532;
    --erp-color-ink: #17212b;
    --erp-color-text: #465869;
    --erp-color-muted: #6b7785;
    --erp-color-subtle: #a6b0ba;
    --erp-color-accent: #0066ff;               /* marka mavisi (logo #0066FF); beyaz üstünde / üstünde beyaz 4.8:1 (AA) */
    --erp-color-accent-hover: #0052cc;         /* 6.8:1 */
    --erp-color-on-navy: #ffffff;              /* lacivert / koyu dolgu üstündeki yazı */
    --erp-on-navy-soft: rgba(255, 255, 255, .18); /* lacivert dolgu üstündeki sayaç zemini */

    /* Yüzeyler ve çizgiler */
    --erp-surface-page: #f3f5f8;
    --erp-surface-card: #ffffff;
    --erp-surface-soft: #f7f9fb;
    --erp-surface-section: #f7f8fa;
    --erp-surface-hover: #eef2f6;
    --erp-surface-selected: #e8edf4;
    --erp-surface-topbar: rgba(255, 255, 255, .94); /* yarı saydam üst bar (arkası bulanıklaşır) */
    --erp-border-card: #dde2e8;
    --erp-border-field: #cdd5df;
    --erp-border-soft: #e2e7ed;
    --erp-border-divider: #edf0f3;
    --erp-border-button: #bfc9d4;
    --erp-border-focus: #80b3ff;               /* odaktaki alan çerçevesi (odak halkasıyla birlikte) */

    /* Durum renkleri (yalnız anlamsal durum için) */
    --erp-neutral-bg: #f1f3f5;
    --erp-neutral-border: #d5dbe1;
    --erp-neutral-text: #5b6773;
    --erp-info-bg: #eef5fb;
    --erp-info-border: #c4d9ea;
    --erp-info-text: #315d7a;
    --erp-success-bg: #f2faf5;
    --erp-success-border: #b9dec7;
    --erp-success-text: #2f6b45;
    --erp-warning-bg: #fff8e8;
    --erp-warning-border: #e7d29b;
    --erp-warning-text: #7a5a18;
    --erp-danger-bg: #fff1f1;
    --erp-danger-border: #e5b2b2;
    --erp-danger-text: #a23d3d;
    --erp-danger-solid: #b83f3f;

    /* Boşluk ölçeği */
    --erp-space-1: 4px;
    --erp-space-2: 6px;
    --erp-space-3: 8px;
    --erp-space-4: 10px;
    --erp-space-5: 12px;
    --erp-space-6: 14px;
    --erp-space-7: 18px;
    --erp-space-8: 22px;

    /* Köşe yarıçapı (HG 12/10/8 ölçeği ERP yoğunluğuna indirildi) */
    --erp-radius-field: 5px;
    --erp-radius-control: 6px;
    --erp-radius-panel: 8px;
    --erp-radius-dialog: 12px;
    --erp-radius-pill: 999px;

    /* Gölgeler: kartlar düz, yalnız açılır panel ve dialog gölge taşır */
    --erp-shadow-popover: 0 10px 30px rgba(10, 31, 68, .16);
    --erp-shadow-dialog: 0 24px 70px rgba(10, 31, 68, .22);
    --erp-focus-ring: 0 0 0 3px rgba(0, 102, 255, .14);
    --erp-focus-outline: rgba(0, 102, 255, .28); /* metin bağlantısı odak çizgisi */
    --erp-backdrop: rgba(23, 33, 43, .42);

    /* Kontrol ölçüleri (ERP §17.1) */
    --erp-control-height: 34px;
    --erp-control-height-sm: 30px;
    --erp-editor-height: 32px;
    --erp-control-font-size: var(--erp-font-size-control);
    --erp-grid-font-size: var(--erp-font-size-grid);
    --erp-control-radius: var(--erp-radius-control);

    /* Kabuk ölçüleri */
    --erp-sidebar-width: 212px;
    --erp-sidebar-collapsed-width: 56px; /* daraltılmış menü: yalnız simgeler + D ikonu */
    --erp-sidebar-flyout-width: 232px;   /* daraltılmış menüde grup açılır paneli */
    --erp-topbar-height: 48px;
    --erp-content-gutter: 20px;

    /* Yogun calisma yuzeyi (tasarim A: kayit ve rapor kabugu) */
    --erp-dense-control-height: 28px;
    --erp-dense-control-height-sm: 24px;
    --erp-dense-font-size: 12px;
    --erp-dense-label-size: 11px;
    --erp-dense-cell-padding-block: 5px;
    --erp-dense-cell-padding-inline: 8px;
    --erp-record-title-size: 14px;
    --erp-record-bar-height: 42px;
    --erp-context-panel-width: 286px;
    --erp-report-filter-width: 238px;

    /* Dokunmatik kasa (PosWeb). 34 px kontrol kuralının yazılı istisnası: docs/ERP_UI_UX_DESIGN_STANDARD.md §Dokunmatik */
    --erp-touch-target: 44px;
    --erp-touch-target-sm: 36px;
    --erp-touch-target-lg: 56px;
    --erp-touch-key: 64px;
    --erp-touch-font-size: 14px;
    --erp-touch-font-size-lg: 16px;
    --erp-touch-font-size-xl: 20px;
    --erp-touch-font-size-amount: 32px;
    --erp-touch-auth-width: 440px;

    /* Marka (logo dosyaları wwwroot/brand/; tasarım standardı "Marka" bölümü) */
    --erp-brand-logo-height: 30px;        /* sol menü yatay logo yüksekliği (540x126 oranı korunur) */
    --erp-brand-icon-size: 30px;          /* dar menüde ikon */
    --erp-brand-logo-height-lg: 40px;     /* İlk Kurulum / sayfa markası (sloganlı) */
    --erp-brand-status-icon-size: 44px;   /* sayfa bulunamadı gibi durum ekranlarında D ikonu */

    /* DevExpress bileşenleri (grid, editör, popup) aynı yazı ailesini kullanır */
    --dxds-font-family-sans-serif: var(--erp-font-family);

    /* Geriye uyumluluk: eski global ad (app.css) yeni tokenlara bağlanır */
    --erp-control-border: var(--erp-border-field);
    --erp-control-text: var(--erp-color-navy);
    --erp-link: var(--erp-color-accent);
    --erp-link-hover: var(--erp-color-accent-hover);

    /* Dolgu düğme (kasa nakit/ödeme) ve lacivert şerit ikincil yazısı */
    --erp-success-solid: #1a7f4b;          /* beyaz yazı 5.3:1 */
    --erp-on-navy-muted: #c6d2e3;          /* lacivert üstünde ikincil yazı 11:1 */
}

/* Koyu takım: Yalnız data-erp-theme="dark" taşıyan kapsayıcıda geçerlidir (perakende kasa B düzeni).
   ERP ekranları açık takımda kalır. Değerler onaylı kasa tasarımındaki koyu nesneden alınmıştır (docs/tasarim/kasa/Main.dc.html). */
[data-erp-theme="dark"] {
    color-scheme: dark;
    --erp-color-navy: #050c18;
    --erp-color-ink: #f2f6fb;
    --erp-color-text: #c9d4e2;
    --erp-color-muted: #a9b8cc;
    --erp-neutral-text: #a9b8cc;
    --erp-color-accent: #2f7dff;
    --erp-color-accent-hover: #8db8ff;
    --erp-surface-page: #0b1526;
    --erp-surface-card: #14233a;
    --erp-surface-soft: #1a2b45;
    --erp-surface-section: #182840;
    --erp-surface-hover: #1c2e4a;
    --erp-surface-selected: #20324e;
    --erp-border-card: #2a3e5d;
    --erp-border-field: #34496b;
    --erp-border-soft: #2a3e5d;
    --erp-border-divider: #22344f;
    --erp-success-solid: #178a4c;
    --erp-success-text: #5fdc95;
    --erp-success-bg: #12301f;
    --erp-success-border: #22583a;
    --erp-danger-text: #ff9c9c;
    --erp-danger-solid: #c2413b;
    --erp-danger-bg: #3a1d24;
    --erp-danger-border: #6b2f38;
    --erp-warning-text: #f3d68a;
    --erp-warning-bg: #3a3018;
    --erp-warning-border: #6b5a2a;
    --erp-info-text: #9cc7f0;
    --erp-info-bg: #16304d;
    --erp-info-border: #2a4f78;
    --erp-backdrop: rgba(0, 0, 0, .6);
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

html,
body {
    margin: 0;
    min-height: 100%;
}

/* Gövde yazı boyutu DevExpress temel ölçüsünde (14px) bırakılır; dönüştürülmemiş ekranların göreli ölçüleri bozulmaz.
   Dönüştürülen ekranlar .erp-page ile ERP gövde ölçüsüne (12px) geçer. */
body {
    background: var(--erp-surface-page);
    color: var(--erp-color-ink);
    font-family: var(--erp-font-family);
    -webkit-font-smoothing: antialiased;
}

button,
input,
select,
textarea {
    font-family: inherit;
}

.erp-numeric {
    font-variant-numeric: tabular-nums;
}