/* MUHASEBE → ÖDEMELER sekmesi (kol O2, 2026-10-25; sözleşme raporlar/uretim-odemeler-yapim-sozlesme-2026-10-25.md §C.6,
   tasarım raporlar/muhasebe-odemeler-tasarim-2026-10-24.md §4, §5, §12).
   Kurallar: yalnız tema belirteçleri (renk değişkenleri, elev, radius, ease; sabit renk yok), monospace yok, emoji yok, satır içi SVG ikon,
   gizleme hidden özniteliğiyle (aşağıdaki [hidden] kuralı display:flex / grid tuzağını kapatır), 1440x900 tek ekran (tablo kendi içinde kayar),
   375 px yatay taşma yok, mobilde kenar 6 px (themes.css .content kuralı). Bayrak kapalıyken bu dosyanın hiçbir kuralı görünür bir öğeye
   değmez: seçicilerin hepsi odm- önekli ya da #panelOdemeler / #mTabs içindeki gizli Ödemeler düğmesiyle sınırlı. */

#panelOdemeler [hidden], .odm-pencere [hidden], .odm-oneri[hidden], .odm-menu[hidden], #mTabs > .m-tab[hidden], .odm-ek[hidden]{display:none !important;}

/* Ödemeler açıkken sayfa başındaki personel / maaş özet kartları gizli (Hakediş sekmesindeki karar deseni); Ödemeler kendi şeridini gösterir */
#muhasebeArea.odm-acik > .ozet-grid{display:none;}

.odm-kok{display:flex; flex-direction:column; gap:10px; min-width:0;}
.odm-kok :focus-visible, .odm-pencere :focus-visible{outline:none; box-shadow:var(--ring);}
.odm-kok button, .odm-pencere button{font-family:inherit;}

/* ---- üst satır: alt görünümler + eylemler ---- */
.odm-ust{display:flex; align-items:center; gap:10px; flex-wrap:wrap; min-width:0;}
.odm-alt-sekmeler{display:flex; gap:6px; min-width:0; overflow-x:auto; scrollbar-width:none;}
.odm-alt-sekmeler::-webkit-scrollbar{display:none;}
.odm-alt-sekme{padding:7px 13px; border-radius:var(--radius-sm); border:1px solid var(--line); background:transparent; color:var(--ink-muted);
  font-size:12.5px; font-weight:700; cursor:pointer; white-space:nowrap; flex:none; transition:color var(--dur) var(--ease), border-color var(--dur) var(--ease);}
.odm-alt-sekme:hover{color:var(--ink); border-color:color-mix(in srgb, var(--accent) 40%, var(--line));}
.odm-alt-sekme.aktif{background:var(--accent-soft, color-mix(in srgb, var(--accent) 12%, transparent)); color:var(--accent); border-color:color-mix(in srgb, var(--accent) 45%, transparent);}
.odm-eylemler{display:flex; align-items:center; gap:6px; margin-left:auto; flex-wrap:wrap; justify-content:flex-end;}
.odm-ust-sag{display:flex; align-items:center; gap:6px; margin-left:auto; flex-wrap:wrap; min-width:0;}
.odm-ust-sag:empty{display:none;}
.odm-eylemler .btn, .odm-donem .btn, .odm-btn-kucuk{padding:6px 11px; font-size:12.5px; min-height:0; line-height:1.4; display:inline-flex; align-items:center; gap:6px;}
.odm-eylemler .btn svg, .odm-donem .btn svg, .odm-ikon-btn svg, .odm-btn-kucuk svg{width:15px; height:15px; flex:none;}
.odm-ikon-btn{display:inline-flex; align-items:center; justify-content:center; width:32px; height:32px; border-radius:var(--radius-sm); border:1px solid var(--line);
  background:var(--surface-2); color:var(--ink-muted); cursor:pointer; padding:0; flex:none;}
.odm-ikon-btn:hover{color:var(--accent); border-color:var(--accent);}
.odm-sayac{display:inline-flex; align-items:center; justify-content:center; min-width:18px; height:18px; padding:0 5px; border-radius:var(--radius-pill);
  background:color-mix(in srgb, var(--warn) 22%, transparent); color:var(--ink); font-size:11px; font-weight:800; font-variant-numeric:tabular-nums;}

/* ---- açılır menü (Yazdır ▾, Dışa aktar ▾) ---- */
.odm-menu-sar{position:relative; display:inline-flex;}
.odm-menu{position:absolute; right:0; left:auto; top:calc(100% + 4px); z-index:40; min-width:240px; background:var(--surface); border:1px solid var(--line);
  border-radius:var(--radius-md); box-shadow:var(--elev-3); padding:6px; display:flex; flex-direction:column; gap:2px; animation:odmGiris 140ms var(--ease-out);}
.odm-menu button{display:flex; align-items:center; gap:8px; width:100%; text-align:left; padding:8px 10px; border-radius:var(--radius-sm); border:0;
  background:transparent; color:var(--ink); font-size:13px; cursor:pointer;}
.odm-menu button:hover{background:var(--surface-2);}
.odm-menu button svg{width:15px; height:15px; color:var(--ink-muted); flex:none;}
.odm-menu .odm-menu-not{font-size:11.5px; color:var(--ink-muted); padding:4px 10px 6px;}
.odm-menu label{display:flex; align-items:center; gap:8px; padding:5px 10px; font-size:12.5px; color:var(--ink); cursor:pointer;}
.odm-menu hr{border:0; border-top:1px solid var(--line-soft); margin:4px 0;}
.odm-menu.sol{left:0; right:auto;}
.odm-suzgec-menu{min-width:280px;}
.odm-suzgec-menu .odm-suzgec{display:flex; flex-direction:column; align-items:stretch; gap:6px; padding:4px 6px;}
.odm-suzgec-menu .odm-suzgec select{max-width:none; width:100%;}
.odm-secim{padding:6px 8px; font-size:12.5px; border:1px solid var(--line); border-radius:var(--radius-sm); background:var(--surface); color:var(--ink); min-width:220px;}
@keyframes odmGiris{from{opacity:0; transform:translateY(-4px);} to{opacity:1; transform:none;}}

/* ---- dönem satırı ---- */
.odm-donem{display:flex; align-items:center; gap:8px; flex-wrap:wrap; min-width:0;}
.odm-hafta{display:inline-flex; align-items:center; gap:4px; background:var(--surface); border:1px solid var(--line); border-radius:var(--radius-md); padding:3px;}
.odm-hafta .odm-ikon-btn{width:28px; height:28px; border:0; background:transparent;}
.odm-hafta-etiket{font-size:13.5px; font-weight:700; color:var(--ink); padding:0 6px; white-space:nowrap; font-variant-numeric:tabular-nums;}
.odm-seg{display:inline-flex; border:1px solid var(--line); border-radius:var(--radius-sm); overflow:hidden;}
.odm-seg button{border:0; background:transparent; color:var(--ink-muted); padding:6px 11px; font-size:12.5px; font-weight:700; cursor:pointer;}
.odm-seg button + button{border-left:1px solid var(--line);}
.odm-seg button.aktif{background:var(--accent-soft, color-mix(in srgb, var(--accent) 12%, transparent)); color:var(--accent);}
.odm-aralik{display:inline-flex; align-items:center; gap:4px;}
.odm-aralik input, .odm-suzgec select, .odm-suzgec input[type="search"]{padding:6px 8px; font-size:12.5px; border:1px solid var(--line); border-radius:var(--radius-sm);
  background:var(--surface); color:var(--ink); min-width:0;}
.odm-suzgec{display:flex; align-items:center; gap:6px; flex-wrap:wrap;}
.odm-suzgec select{max-width:160px;}
.odm-suzgec label{display:inline-flex; align-items:center; gap:5px; font-size:12px; color:var(--ink-muted); cursor:pointer; white-space:nowrap;}
.odm-maas-haric{font-size:11px; font-weight:700; color:var(--ink-muted); border:1px dashed var(--line); border-radius:var(--radius-pill); padding:2px 8px; white-space:nowrap;}

/* ---- üst şerit (özet) ---- */
.odm-serit{display:grid; grid-template-columns:repeat(4, minmax(0, 1.2fr)) repeat(4, minmax(0, .8fr)); gap:8px;}
.odm-kpi{background:var(--surface); border:1px solid var(--line); border-radius:var(--radius-md); padding:9px 12px; min-width:0; box-shadow:var(--elev-1);
  border-top:3px solid var(--odm-ton, var(--line));}
.odm-kpi .l{font-size:10.5px; letter-spacing:.05em; text-transform:uppercase; color:var(--ink-muted); font-weight:700; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.odm-kpi .v{font-size:18px; font-weight:800; color:var(--ink); margin-top:2px; font-variant-numeric:tabular-nums; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.odm-kpi .a{font-size:11px; color:var(--ink-muted); margin-top:1px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.odm-kpi.kucuk .v{font-size:16px;}
.odm-kpi.tikla{cursor:pointer;}
.odm-kpi.tikla:hover{box-shadow:var(--elev-2);}
.odm-ton-nakit{--odm-ton:var(--accent);} .odm-ton-gider{--odm-ton:var(--critical);} .odm-ton-stok{--odm-ton:var(--warn);} .odm-ton-disi{--odm-ton:var(--good);}
.odm-ton-uyari{--odm-ton:var(--warn);} .odm-ton-gri{--odm-ton:var(--line);}
.odm-artis{color:var(--warn); font-weight:800;}
.odm-iskelet{height:62px; border-radius:var(--radius-md);}

/* ---- rozetler ---- */
.odm-rozet{display:inline-flex; align-items:center; gap:4px; padding:1px 7px; border-radius:var(--radius-pill); font-size:11px; font-weight:700; white-space:nowrap;
  border:1px solid var(--line); color:var(--ink-muted); background:var(--surface-2); vertical-align:1px;}
.odm-rozet svg{width:12px; height:12px;}
.odm-rozetler{display:flex; flex-wrap:wrap; gap:3px; margin-top:3px;}
.odm-rozet.uyari{color:var(--warn); border-color:color-mix(in srgb, var(--warn) 45%, transparent); background:color-mix(in srgb, var(--warn) 10%, transparent);}
.odm-rozet.kotu{color:var(--critical); border-color:color-mix(in srgb, var(--critical) 45%, transparent); background:color-mix(in srgb, var(--critical) 10%, transparent);}
.odm-rozet.iyi{color:var(--good); border-color:color-mix(in srgb, var(--good) 45%, transparent); background:color-mix(in srgb, var(--good) 10%, transparent);}
.odm-rozet.bilgi{color:var(--accent); border-color:color-mix(in srgb, var(--accent) 45%, transparent); background:color-mix(in srgb, var(--accent) 10%, transparent);}
.odm-nokta{display:inline-block; width:8px; height:8px; border-radius:50%; background:var(--warn); vertical-align:1px;}

/* ---- Bu hafta beklenenler ---- */
.odm-beklenen{background:var(--surface); border:1px solid var(--line); border-radius:var(--radius-md); box-shadow:var(--elev-1); min-width:0;}
.odm-beklenen-bas{display:flex; align-items:center; gap:8px; padding:7px 12px; font-size:12px; font-weight:800; letter-spacing:.04em; text-transform:uppercase;
  color:var(--ink-muted); cursor:pointer; user-select:none; border:0; background:transparent; width:100%; text-align:left;}
.odm-beklenen-bas svg{width:14px; height:14px; transition:transform var(--dur) var(--ease);}
.odm-beklenen.kapali .odm-beklenen-bas svg{transform:rotate(-90deg);}
.odm-beklenen.kapali .odm-beklenen-liste{display:none;}
.odm-beklenen-liste{max-height:118px; overflow-y:auto; border-top:1px solid var(--line-soft);}
.odm-bk{display:grid; grid-template-columns:minmax(0, 1fr) auto auto; gap:10px; align-items:center; padding:5px 12px; font-size:12.5px; border-bottom:1px solid var(--line-soft);}
.odm-bk:last-child{border-bottom:0;}
.odm-bk-ad{min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--ink);}
.odm-bk-ad small{color:var(--ink-muted); margin-left:6px;}
.odm-bk-tutar{font-weight:700; font-variant-numeric:tabular-nums; white-space:nowrap; color:var(--ink);}
.odm-bk-tutar.bos{color:var(--ink-muted); font-weight:500;}
.odm-bk-eylem{display:flex; gap:4px;}
.odm-bk.gecikti .odm-bk-ad{color:var(--critical);}
.odm-bk .btn{padding:3px 9px; font-size:11.5px; min-height:0;}

/* ---- Hızlı giriş tablosu ---- */
.odm-hg{background:var(--surface); border:1px solid var(--line); border-radius:var(--radius-md); box-shadow:var(--elev-1); min-width:0; display:flex; flex-direction:column;}
.odm-hg-sar{overflow:auto; min-height:180px; border-radius:var(--radius-md) var(--radius-md) 0 0;}
.odm-hg-tablo{width:100%; border-collapse:separate; border-spacing:0; font-size:12.5px; table-layout:fixed;}
.odm-hg-tablo th{position:sticky; top:0; z-index:3; background:var(--surface-2); color:var(--ink-muted); font-size:10.5px; font-weight:800; letter-spacing:.05em;
  text-transform:uppercase; text-align:left; padding:7px 6px; border-bottom:1px solid var(--line); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.odm-hg-tablo th.sag, .odm-hg-tablo td.sag{text-align:right;}
.odm-hg-tablo td{padding:4px 6px; border-bottom:1px solid var(--line-soft); color:var(--ink); vertical-align:middle; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.odm-hg-tablo td.tutar{font-variant-numeric:tabular-nums; font-weight:700; text-align:right;}
.odm-hg-tablo td .odm-rozet{padding:1px 5px; gap:2px;}
.odm-tablo.sikisik td{white-space:nowrap;}
.odm-hg-giris td{background:color-mix(in srgb, var(--accent) 5%, var(--surface)); position:sticky; top:31px; z-index:2; border-bottom:2px solid color-mix(in srgb, var(--accent) 35%, var(--line)); overflow:visible;}
.odm-hg-giris.duzenle td{position:static; background:color-mix(in srgb, var(--warn) 7%, var(--surface));}
.odm-hg-giris input, .odm-hg-giris select{width:100%; min-width:0; box-sizing:border-box; padding:5px 6px; font-size:12.5px; font-family:inherit; color:var(--ink);
  background:var(--surface); border:1px solid var(--line); border-radius:var(--radius-sm);}
.odm-hg-giris input:focus, .odm-hg-giris select:focus{outline:none; border-color:var(--accent); box-shadow:var(--ring);}
.odm-hg-giris input.tutar{text-align:right; font-variant-numeric:tabular-nums; font-weight:700;}
.odm-hg-giris input.hatali{border-color:var(--critical);}
.odm-hg-giris .odm-ikon-btn{width:28px; height:28px;}
.odm-hg-eylem{display:flex; gap:4px; justify-content:flex-end;}
.odm-hg-alt td{background:color-mix(in srgb, var(--accent) 3%, var(--surface)); white-space:normal; font-size:12px; color:var(--ink-muted); padding:5px 8px 7px;}
.odm-hg-alt .odm-alt-sat{display:flex; flex-wrap:wrap; align-items:center; gap:8px 12px;}
.odm-hg-alt .odm-alt-sat + .odm-alt-sat{margin-top:5px;}
.odm-hg-alt label{display:inline-flex; align-items:center; gap:5px; color:var(--ink-muted); font-size:11.5px;}
.odm-hg-alt input, .odm-hg-alt select{padding:4px 6px; font-size:12px; border:1px solid var(--line); border-radius:var(--radius-sm); background:var(--surface); color:var(--ink); max-width:220px;}
.odm-uyari-sat{color:var(--warn); font-weight:700;}
.odm-hata-sat{color:var(--critical); font-weight:700;}
.odm-oneri-sat{color:var(--accent); font-weight:600;}
.odm-hg-gun td{background:var(--surface-2); color:var(--ink-muted); font-size:11px; font-weight:800; letter-spacing:.03em; padding:5px 8px; position:static;}
.odm-hg-gun td b{color:var(--ink); font-variant-numeric:tabular-nums; margin-left:6px;}
.odm-hg-satir{cursor:default;}
.odm-hg-satir:hover td{background:color-mix(in srgb, var(--accent) 4%, transparent);}
.odm-hg-satir.secili td{background:color-mix(in srgb, var(--accent) 10%, transparent);}
.odm-hg-satir.silindi td{color:var(--ink-muted); text-decoration:line-through;}
.odm-hg-satir.planli td{color:var(--ink-muted); font-style:italic;}
.odm-hg-satir td .odm-alt-kat{color:var(--ink-muted);}
.odm-hg-satir .odm-satir-eylem{display:flex; gap:2px; justify-content:flex-end; opacity:.55;}
.odm-hg-satir:hover .odm-satir-eylem, .odm-hg-satir.secili .odm-satir-eylem{opacity:1;}
.odm-hg-satir .odm-satir-eylem button{width:26px; height:26px; border:0; background:transparent; color:var(--ink-muted); border-radius:var(--radius-sm); cursor:pointer; display:inline-flex; align-items:center; justify-content:center; padding:0;}
.odm-hg-satir .odm-satir-eylem button:hover{color:var(--accent); background:var(--surface-2);}
.odm-hg-satir .odm-satir-eylem svg{width:14px; height:14px;}
.odm-hg-bilgi td{white-space:normal; font-size:11.5px; color:var(--ink-muted); padding:2px 8px 6px 18px; border-bottom:1px solid var(--line-soft);}
.odm-hg-bos td{white-space:normal; text-align:center; color:var(--ink-muted); padding:22px 12px;}
.odm-hg-alt-cizgi{display:flex; align-items:center; gap:10px; flex-wrap:wrap; padding:6px 12px; border-top:1px solid var(--line); font-size:12px; color:var(--ink-muted); min-width:0;}
.odm-kat-toplam{flex:1 1 auto; min-width:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.odm-kat-toplam b{color:var(--ink); font-variant-numeric:tabular-nums; font-weight:700;}
.odm-gizli-not{display:inline-flex; align-items:center; gap:6px; color:var(--ink-muted); font-style:italic;}
.odm-gizli-not svg{width:14px; height:14px;}
.odm-kisayol-ipucu{font-size:11.5px; color:var(--ink-muted); white-space:nowrap;}
.odm-kisayol-ipucu kbd, .odm-yardim kbd{font-family:inherit; font-size:11px; font-weight:700; padding:1px 6px; border-radius:5px; border:1px solid var(--line); background:var(--surface-2); color:var(--ink);}

/* ---- öneri (otomatik tamamlama) listesi ---- */
.odm-oneri{position:fixed; z-index:420; min-width:220px; max-width:420px; max-height:300px; overflow-y:auto; background:var(--surface); border:1px solid var(--line);
  border-radius:var(--radius-md); box-shadow:var(--elev-3); padding:4px;}
.odm-oneri-oge{display:flex; align-items:center; gap:8px; padding:6px 9px; border-radius:var(--radius-sm); font-size:12.5px; color:var(--ink); cursor:pointer;}
.odm-oneri-metin{min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.odm-oneri-oge small{margin-left:auto; color:var(--ink-muted); font-size:11px; white-space:nowrap;}
.odm-oneri-oge.secili, .odm-oneri-oge:hover{background:color-mix(in srgb, var(--accent) 12%, transparent);}
.odm-oneri-oge mark{background:transparent; color:var(--accent); font-weight:800;}
.odm-oneri-bas{font-size:10.5px; letter-spacing:.05em; text-transform:uppercase; color:var(--ink-muted); font-weight:800; padding:6px 9px 2px;}
.odm-oneri-bos{font-size:12px; color:var(--ink-muted); padding:8px 9px;}

/* ---- genel görünüm kartları (Özet, Cariler, Tekrarlayanlar, Kategoriler) ---- */
.odm-izgara{display:grid; grid-template-columns:repeat(12, minmax(0, 1fr)); gap:10px; align-items:start; min-width:0;}
.odm-izgara > .g4{grid-column:span 4;} .odm-izgara > .g5{grid-column:span 5;} .odm-izgara > .g6{grid-column:span 6;} .odm-izgara > .g7{grid-column:span 7;}
.odm-izgara > .g8{grid-column:span 8;} .odm-izgara > .g12{grid-column:1 / -1;} .odm-izgara > .g3{grid-column:span 3;}
.odm-kart{background:var(--surface); border:1px solid var(--line); border-radius:var(--radius-md); box-shadow:var(--elev-1); min-width:0; display:flex; flex-direction:column;
  border-top:3px solid var(--odm-ton, var(--accent));}
.odm-kart-bas{display:flex; align-items:center; gap:8px; padding:8px 12px; font-size:11px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; color:var(--ink-muted); border-bottom:1px solid var(--line-soft);}
.odm-kart-bas svg{width:15px; height:15px; color:var(--odm-ton, var(--accent)); flex:none;}
.odm-kart-bas .sag{margin-left:auto; text-transform:none; letter-spacing:0; font-size:12px; color:var(--ink); font-weight:600; display:flex; gap:6px; align-items:center;}
.odm-kart-govde{padding:8px 12px; min-width:0;}
.odm-kart-kay{overflow:auto; min-height:120px;}
.odm-tablo{width:100%; border-collapse:collapse; font-size:12.5px;}
.odm-tablo th{position:sticky; top:0; background:var(--surface-2); color:var(--ink-muted); font-size:10.5px; letter-spacing:.05em; text-transform:uppercase; font-weight:800;
  text-align:left; padding:6px 8px; border-bottom:1px solid var(--line); white-space:nowrap; z-index:1;}
.odm-tablo td{padding:5px 8px; border-bottom:1px solid var(--line-soft); color:var(--ink); vertical-align:middle;}
.odm-tablo .sag{text-align:right; font-variant-numeric:tabular-nums; white-space:nowrap;}
.odm-tablo tr.grup td{background:color-mix(in srgb, var(--accent) 6%, var(--surface)); font-weight:800; font-size:12px;}
.odm-tablo tr.alt td:first-child{padding-left:26px; color:var(--ink-muted);}
.odm-tablo tr.tikla{cursor:pointer;}
.odm-tablo tr.tikla:hover td{background:color-mix(in srgb, var(--accent) 5%, transparent);}
.odm-tablo tr.pasif td{color:var(--ink-muted);}
.odm-tablo td .btn.odm-btn-kucuk{padding:3px 8px; font-size:11.5px;}
.odm-tablo td .btn.odm-btn-kucuk svg{width:13px; height:13px;}
.odm-isaretler{display:inline-flex; gap:4px; flex-wrap:nowrap; white-space:nowrap;}
.odm-kat-tablo td{padding-top:4px; padding-bottom:4px;}
.odm-cubuk{height:6px; border-radius:var(--radius-pill); background:var(--surface-2); overflow:hidden; min-width:60px;}
.odm-cubuk > i{display:block; height:100%; background:var(--accent); border-radius:var(--radius-pill);}
.odm-dagilim{display:flex; flex-direction:column; gap:6px;}
.odm-dagilim-sat{display:grid; grid-template-columns:minmax(0, 1fr) auto; gap:4px 10px; font-size:12.5px; align-items:center;}
.odm-dagilim-sat .odm-cubuk{grid-column:1 / -1;}
.odm-dagilim-sat b{font-variant-numeric:tabular-nums;}
.odm-ozet-sag{display:flex; flex-direction:column; gap:10px; min-width:0; min-height:0;}
.odm-ozet-sag > .odm-kart.esnek{flex:1 1 auto; min-height:140px;}
.odm-ozet-sag > .odm-kart.esnek > .odm-kart-govde{overflow:auto; min-height:0; flex:1 1 auto;}
.odm-ozet-sag > .odm-ozet-ikili{gap:10px; flex:none;}
.odm-bos{padding:28px 14px; text-align:center; color:var(--ink-muted); font-size:13px;}
.odm-bos svg{width:28px; height:28px; display:block; margin:0 auto 8px; opacity:.55;}
.odm-bos b{display:block; color:var(--ink); font-size:14px; margin-bottom:4px;}
.odm-arac{display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin-bottom:8px;}
.odm-arac input[type="search"], .odm-arac select{padding:6px 9px; font-size:12.5px; border:1px solid var(--line); border-radius:var(--radius-sm); background:var(--surface); color:var(--ink);}
.odm-arac input[type="search"]{min-width:220px;}
.odm-cip-sar{display:flex; flex-wrap:wrap; gap:5px;}
.odm-cip{display:inline-flex; align-items:center; gap:5px; padding:4px 10px; border-radius:var(--radius-pill); border:1px solid var(--line); background:var(--surface);
  color:var(--ink-muted); font-size:12px; font-weight:700; cursor:pointer; white-space:nowrap;}
.odm-cip:hover{border-color:var(--accent); color:var(--ink);}
.odm-cip.aktif{border-color:color-mix(in srgb, var(--accent) 55%, transparent); background:color-mix(in srgb, var(--accent) 12%, var(--surface)); color:var(--accent);}

/* ---- pencereler (tek ödeme formu, cari kartı, yapıştır, kopyala, sahipsiz belgeler, yardım) ---- */
.odm-pencere .modal{max-height:94vh; display:flex; flex-direction:column;}
.odm-pencere .modal-body{overflow:auto; min-height:0;}
.odm-pencere .modal.modal-genis > .modal-body.dp-izgara{align-content:start;}
.odm-pencere .dp-kart{min-width:0;}
.odm-alanlar{display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:8px 10px;}
.odm-alanlar.uc{grid-template-columns:repeat(3, minmax(0, 1fr));}
.odm-alanlar .tam{grid-column:1 / -1;}
.odm-alanlar .s2{grid-column:span 2;}
.odm-alan{display:flex; flex-direction:column; gap:3px; min-width:0;}
.odm-alan > span{font-size:10.5px; letter-spacing:.05em; text-transform:uppercase; color:var(--ink-muted); font-weight:800;}
.odm-alan input, .odm-alan select, .odm-alan textarea{width:100%; box-sizing:border-box; padding:7px 9px; font-size:13px; font-family:inherit; color:var(--ink);
  background:var(--surface); border:1px solid var(--line); border-radius:var(--radius-sm); min-width:0;}
.odm-alan textarea{resize:vertical; min-height:54px; line-height:1.45;}
.odm-alan input:focus, .odm-alan select:focus, .odm-alan textarea:focus{outline:none; border-color:var(--accent); box-shadow:var(--ring);}
.odm-alan.buyuk input{font-size:22px; font-weight:800; padding:8px 10px; text-align:right; font-variant-numeric:tabular-nums;}
.odm-alan small{font-size:11.5px; color:var(--ink-muted);}
.odm-alan input.hatali, .odm-alan select.hatali{border-color:var(--critical);}
.odm-kur-rozet{display:inline-flex; align-items:center; gap:6px; font-size:12px; color:var(--ink-muted); cursor:pointer; border:1px dashed var(--line); border-radius:var(--radius-sm); padding:4px 8px; background:transparent;}
.odm-kur-rozet b{color:var(--ink); font-variant-numeric:tabular-nums;}
.odm-kur-rozet.bekliyor{color:var(--warn); border-color:color-mix(in srgb, var(--warn) 50%, transparent);}
.odm-dag-sat{display:grid; grid-template-columns:minmax(0, 1.4fr) minmax(0, .8fr) 28px; gap:6px; align-items:center;}
.odm-dag-sat + .odm-dag-sat{margin-top:6px;}
.odm-form [data-dagilim]{max-height:min(300px, 38vh); overflow:auto; padding:2px; margin:-2px;}
.odm-dag-sat input, .odm-dag-sat select{width:100%; box-sizing:border-box; padding:6px 8px; font-size:12.5px; border:1px solid var(--line); border-radius:var(--radius-sm); background:var(--surface); color:var(--ink); min-width:0;}
.odm-dag-sat input.tutar{text-align:right; font-variant-numeric:tabular-nums; font-weight:700;}
.odm-dag-ek{grid-column:1 / -1; display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:6px;}
.odm-kalan{display:flex; align-items:center; justify-content:space-between; gap:8px; font-size:12.5px; padding:6px 0 0; border-top:1px dashed var(--line-soft); margin-top:6px;}
.odm-kalan b{font-variant-numeric:tabular-nums;}
.odm-kalan.sifir b{color:var(--good);} .odm-kalan.eksi b, .odm-kalan.arti b{color:var(--critical);}
.odm-belge-liste{display:flex; flex-direction:column; gap:6px;}
.odm-belge{display:grid; grid-template-columns:44px minmax(0, 1fr) auto; gap:8px; align-items:center; padding:5px; border:1px solid var(--line-soft); border-radius:var(--radius-sm); background:var(--surface);}
.odm-belge-gorsel{width:44px; height:44px; border-radius:6px; background:var(--surface-2); overflow:hidden; display:flex; align-items:center; justify-content:center; color:var(--ink-muted);}
.odm-belge-gorsel img{width:100%; height:100%; object-fit:cover;}
.odm-belge-gorsel svg{width:20px; height:20px;}
.odm-belge-ad{font-size:12px; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.odm-belge-ad small{display:block; color:var(--ink-muted); font-size:11px;}
.odm-ilerleme{height:4px; border-radius:var(--radius-pill); background:var(--surface-2); overflow:hidden; margin-top:3px;}
.odm-ilerleme > i{display:block; height:100%; background:var(--accent); transition:width var(--dur) var(--ease);}
.odm-belge.hata .odm-belge-ad small{color:var(--critical);}
.odm-yukle-dugmeler{display:flex; gap:6px; flex-wrap:wrap;}
.odm-gecmis{display:flex; flex-direction:column; gap:4px; font-size:11.5px; color:var(--ink-muted); max-height:120px; overflow:auto;}
.odm-gecmis b{color:var(--ink); font-weight:600;}
.odm-form-durum{font-size:12.5px; margin-right:auto; align-self:center; color:var(--ink-muted);}
.odm-form-durum.hata{color:var(--critical);} .odm-form-durum.iyi{color:var(--good);}
.odm-onay-kutu{grid-column:1 / -1; padding:9px 12px; border-radius:var(--radius-md); background:color-mix(in srgb, var(--warn) 12%, transparent);
  border:1.5px solid color-mix(in srgb, var(--warn) 60%, transparent); font-size:12.5px; display:flex; align-items:center; gap:10px; flex-wrap:wrap;}
.odm-onay-kutu .btn{padding:4px 10px; font-size:12px; min-height:0;}
.odm-ayrinti-dugme{display:none;}
.odm-yardim{display:grid; grid-template-columns:auto minmax(0, 1fr); gap:6px 14px; font-size:13px; align-items:center;}
.odm-yardim dt{white-space:nowrap;} .odm-yardim dd{margin:0; color:var(--ink-muted);}
.odm-durum-ikon svg{width:16px; height:16px; vertical-align:-3px;}
.odm-durum-ikon.tamam{color:var(--good);} .odm-durum-ikon.oneri{color:var(--accent);} .odm-durum-ikon.hata{color:var(--critical);} .odm-durum-ikon.mukerrer{color:var(--warn);}
.odm-ice-metin{width:100%; box-sizing:border-box; min-height:90px; padding:8px 10px; font-size:12.5px; border:1px solid var(--line); border-radius:var(--radius-sm); background:var(--surface); color:var(--ink); resize:vertical;}
.odm-gg-yonlendir{padding:10px 12px; border-radius:var(--radius-md); border:1.5px solid color-mix(in srgb, var(--accent) 50%, transparent);
  background:color-mix(in srgb, var(--accent) 9%, transparent); font-size:13px; color:var(--ink); display:flex; align-items:center; gap:10px; flex-wrap:wrap;}
.odm-gg-yonlendir .btn{padding:5px 11px; font-size:12.5px; min-height:0;}
.odm-maas-ust{display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin-bottom:8px; font-size:12.5px; color:var(--ink-muted);}
.odm-fatura-durum{margin-right:6px;}

/* ---- mobil kart listesi + yüzen düğme ---- */
.odm-mobil-liste{display:none;}
.odm-fab{display:none;}
.odm-kart-sat{display:grid; grid-template-columns:minmax(0, 1fr) auto; gap:2px 8px; padding:10px 12px; border-bottom:1px solid var(--line-soft); background:var(--surface); cursor:pointer;}
.odm-kart-sat .ad{font-weight:700; color:var(--ink); min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:13.5px;}
.odm-kart-sat .tt{font-weight:800; font-variant-numeric:tabular-nums; white-space:nowrap; font-size:13.5px; text-align:right;}
.odm-kart-sat .mt{grid-column:1 / -1; font-size:11.5px; color:var(--ink-muted); min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.odm-kart-gun{padding:6px 12px; font-size:11px; font-weight:800; letter-spacing:.04em; color:var(--ink-muted); background:var(--surface-2); display:flex; justify-content:space-between; gap:8px;}

@media (max-width:1280px){
  .odm-serit{grid-template-columns:repeat(4, minmax(0, 1fr));}
}
@media (max-width:1100px){
  .odm-izgara > .g4, .odm-izgara > .g5, .odm-izgara > .g3{grid-column:span 6;}
  .odm-izgara > .g6, .odm-izgara > .g7, .odm-izgara > .g8{grid-column:1 / -1;}
}
@media (max-width:640px){
  .odm-kok{gap:8px;}
  .odm-ust{flex-wrap:nowrap; flex-direction:column; align-items:stretch; gap:6px;}
  .odm-alt-sekmeler{width:100%;}
  .odm-alt-sekme{min-height:40px; padding:8px 12px;}
  /* araç çubuğu satıra sarar (gizli yatay kaydırma yok: Dışa aktar / Kopyala fark edilsin) */
  .odm-eylemler{margin-left:0; flex-wrap:wrap; overflow-x:visible;}
  .odm-eylemler .btn{min-height:40px; flex:none;}
  .odm-eylemler .odm-masaustu{display:none;}
  .odm-donem{gap:6px;}
  .odm-hafta{width:100%; justify-content:space-between;}
  .odm-hafta .odm-ikon-btn{width:40px; height:40px;}
  .odm-hafta-etiket{font-size:12.5px; white-space:normal; text-align:center; min-width:0;}
  .odm-ust-sag{width:100%; margin-left:0;}
  .odm-ust-sag .odm-hafta{flex:1 1 100%;}
  .odm-suzgec-menu{min-width:0; width:calc(100vw - 24px); max-width:340px;}
  .odm-suzgec-menu .odm-suzgec select{min-height:40px;}
  .odm-donem > .odm-eylemler{width:100%; margin-left:0; justify-content:flex-start;}
  .odm-secim{min-width:0; max-width:100%;}
  .odm-serit{grid-template-columns:repeat(4, minmax(0, 1fr)); gap:6px;}
  .odm-kpi{padding:8px 10px;}
  .odm-kpi:not(.kucuk){grid-column:span 2;}
  .odm-kpi .v{font-size:16px;}
  .odm-kpi.kucuk{padding:6px 7px;}
  .odm-kpi.kucuk .l{font-size:9px; letter-spacing:.02em;}
  .odm-kpi.kucuk .v{font-size:14px;}
  .odm-kpi.kucuk .a{display:none;}
  .odm-kpi.kucuk .odm-rozet{font-size:9.5px; padding:0 4px;}
  .odm-form .modal-body > .dp-ton-mavi{order:1;}
  .odm-form .modal-body > .dp-ton-turuncu{order:2;}
  .odm-form .modal-body > .dp-ton-yesil{order:3;}
  .odm-form .modal-body > .dp-ton-mor{order:4;}
  .odm-form .modal-body > .dp-ton-camgobegi{order:5;}
  .odm-bk{grid-template-columns:minmax(0, 1fr) auto; padding:7px 10px;}
  .odm-bk-eylem{grid-column:1 / -1;}
  .odm-bk .btn{min-height:36px;}
  .odm-hg-sar, .odm-hg-alt-cizgi .odm-kisayol-ipucu{display:none;}
  .odm-mobil-liste{display:block; max-height:none;}
  .odm-hg{border-radius:var(--radius-md); overflow:hidden;}
  .odm-fab{display:inline-flex; position:fixed; right:12px; bottom:16px; z-index:250; align-items:center; gap:8px; padding:12px 18px; border-radius:var(--radius-pill);
    border:0; background:var(--accent); color:var(--accent-contrast); font-weight:800; font-size:14px; box-shadow:var(--elev-3); cursor:pointer;}
  .odm-fab svg{width:18px; height:18px;}
  .odm-izgara{grid-template-columns:1fr;}
  .odm-izgara > *{grid-column:1 / -1 !important;}
  .odm-arac input[type="search"]{min-width:0; flex:1 1 100%;}
  .odm-tablo{font-size:12px;}
  .odm-tablo .mobil-gizle{display:none;}
  /* tek sayfalık mobil ödeme formu: tam ekran, ayrıntılar [Ayrıntı] altında */
  .odm-pencere.odm-form-bd{padding:0 !important; align-items:stretch;}
  .odm-pencere.odm-form-bd > .modal{max-width:none !important; width:100%; min-height:100%; max-height:none; border-radius:0; border:0;}
  .odm-pencere.odm-form-bd .modal-body{padding:8px 6px !important; gap:8px;}
  .odm-form:not(.ayrinti-acik) .odm-ayrinti{display:none !important;}
  .odm-ayrinti-dugme{display:inline-flex;}
  .odm-alanlar, .odm-alanlar.uc{grid-template-columns:repeat(2, minmax(0, 1fr));}
  .odm-alan input, .odm-alan select{min-height:40px; font-size:15px;}
  .odm-alan.buyuk input{font-size:28px; min-height:56px;}
  .odm-pencere .modal-foot{position:sticky; bottom:0; background:var(--surface); z-index:2;}
  .odm-pencere .modal-foot .btn{min-height:44px; flex:1 1 auto;}
  .odm-cip{min-height:36px; padding:6px 12px;}
  .odm-menu{right:auto; left:0;}
  .odm-oneri{max-width:calc(100vw - 12px);}
}
@media (prefers-reduced-motion:reduce){ .odm-menu{animation:none;} }