/* Adisyon — Yönetim paneli. Q Menü tasarım dili. */
:root {
  --kasa: #EEF1EF;
  --yuzey: #FFFFFF;
  --murekkep: #16302B;
  --silik: #5E6E69;
  --cizgi: #D5DCD9;
  --cizgi-koyu: #B9C3BF;
  --ray: #22403A;
  --yesil: #1E9E6A;
  --yesil-koyu: #157A51;
  --yesil-acik: #E3F4EC;
  --amber: #B87605;
  --amber-acik: #FBF1DC;
  --kirmizi: #B83227;
  --kirmizi-acik: #FBE9E7;
  --mavi: #22527F;
  --mavi-acik: #E4EEF8;
  --odak: #2B6CB0;
  --yazi: "Segoe UI", "SF Pro Text", -apple-system, Roboto, "Noto Sans", "Helvetica Neue", Arial, sans-serif;
  --r-kucuk: 6px;
  --r-orta: 10px;
}

* { box-sizing: border-box; }
/* display atayan kurallar hidden özniteliğini ezmesin */
[hidden] { display: none !important; }
body { margin: 0; background: var(--kasa); color: var(--murekkep); font-family: var(--yazi); font-size: 15px; line-height: 1.45; }
h1 { font-size: 24px; margin: 0 0 4px; letter-spacing: -0.01em; }
h2 { font-size: 18px; margin: 0; }
p { margin: 0; }
.silik { color: var(--silik); font-size: 14px; }
:focus-visible { outline: 2px solid var(--odak); outline-offset: 2px; }

/* ---------- Giriş / kurulum ---------- */
.tam-ekran { min-height: 100vh; display: grid; place-items: center; padding: 24px; }
.kart-giris { background: var(--yuzey); border: 1px solid var(--cizgi); border-radius: 14px; padding: 26px;
  width: min(420px, 100%); display: flex; flex-direction: column; gap: 14px; }
.marka { display: flex; align-items: center; gap: 10px; font-weight: 750; font-size: 19px; }
.marka-q { display: inline-grid; place-items: center; width: 32px; height: 32px; border-radius: 9px;
  background: var(--murekkep); color: #fff; font-weight: 800; }

/* ---------- Üst çubuk ---------- */
.ust { background: var(--yuzey); border-bottom: 1px solid var(--cizgi); display: flex; align-items: center;
  gap: 24px; padding: 10px 22px; position: sticky; top: 0; z-index: 20; flex-wrap: wrap; }
.ust-sag { margin-left: auto; display: flex; align-items: center; gap: 12px; }
.sekmeler { display: flex; gap: 4px; flex-wrap: wrap; }
.sekme { font: inherit; font-size: 15px; font-weight: 600; color: var(--silik); background: transparent; border: 0;
  border-bottom: 2px solid transparent; padding: 9px 12px; cursor: pointer; min-height: 42px; }
.sekme.etkin { color: var(--murekkep); border-bottom-color: var(--murekkep); }
main { max-width: 1180px; margin: 0 auto; padding: 24px 18px 64px; }

/* ---------- Düğmeler ---------- */
.btn { font: inherit; font-size: 14.5px; font-weight: 650; border-radius: var(--r-kucuk); border: 1px solid transparent;
  padding: 9px 15px; min-height: 42px; cursor: pointer; white-space: nowrap; }
.btn-ana { background: var(--murekkep); color: #fff; }
.btn-ana:hover { background: var(--ray); }
.btn-sade { background: var(--yuzey); color: var(--murekkep); border-color: var(--cizgi-koyu); }
.btn-sade:hover { border-color: var(--murekkep); }
.btn-tehlike { background: var(--kirmizi); color: #fff; }
.btn-tehlike-sade { background: var(--yuzey); color: var(--kirmizi); border-color: var(--kirmizi); }
.btn-kucuk { min-height: 36px; padding: 6px 11px; font-size: 13.5px; }
.btn:disabled { opacity: .55; cursor: not-allowed; }
.btn-kapat { background: transparent; border: 0; font-size: 26px; line-height: 1; color: var(--silik); cursor: pointer; padding: 2px 8px; }

/* ---------- Form ---------- */
label { display: flex; flex-direction: column; gap: 5px; font-weight: 600; font-size: 14px; }
input, select, textarea { font: inherit; font-size: 15px; padding: 10px 11px; min-height: 44px;
  border: 1px solid var(--cizgi-koyu); border-radius: var(--r-kucuk); background: var(--yuzey); color: var(--murekkep); width: 100%; }
textarea { min-height: 60px; resize: vertical; }
label small { font-weight: 400; }
.satir-anahtar { flex-direction: row; align-items: center; gap: 10px; font-size: 15px; }
.satir-anahtar input { width: 20px; height: 20px; min-height: 0; accent-color: var(--yesil); }
.ikili { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.form-hata { color: var(--kirmizi); font-size: 14px; font-weight: 600; min-height: 1px; }
.uyari { background: var(--amber-acik); border-left: 3px solid var(--amber); border-radius: 4px; padding: 9px 12px; font-size: 14px; }

/* ---------- Bölüm başlığı ---------- */
.bolum-bas { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; margin-bottom: 18px; flex-wrap: wrap; }
.bolum-arac { display: flex; gap: 8px; flex-wrap: wrap; }
.alt-bas { margin-top: 26px; }

/* ---------- Liste / kart ---------- */
.liste { display: flex; flex-direction: column; gap: 10px; }
.satir { background: var(--yuzey); border: 1px solid var(--cizgi); border-radius: var(--r-orta); padding: 14px 16px;
  display: flex; align-items: center; gap: 16px; flex-wrap: wrap; }
.satir-ana { flex: 1; min-width: 190px; display: flex; flex-direction: column; gap: 3px; }
.satir-ad { font-weight: 700; font-size: 16px; }
.satir-arac { display: flex; gap: 8px; flex-wrap: wrap; }
.kutu-bos { background: var(--yuzey); border: 1px dashed var(--cizgi-koyu); border-radius: var(--r-orta);
  padding: 30px 20px; text-align: center; display: flex; flex-direction: column; gap: 12px; align-items: center; }

.rozet { font-size: 12.5px; font-weight: 700; padding: 3px 9px; border-radius: 20px; white-space: nowrap; }
.rozet-yesil { background: var(--yesil-acik); color: var(--yesil-koyu); }
.rozet-gri { background: #E6EAE8; color: var(--silik); }
.rozet-amber { background: var(--amber-acik); color: var(--amber); }
.rozet-mavi { background: var(--mavi-acik); color: var(--mavi); }
.rozet-kirmizi { background: var(--kirmizi-acik); color: var(--kirmizi); }

/* ---------- İki sütun (katalog) ---------- */
.iki-sutun { display: grid; grid-template-columns: 280px 1fr; gap: 18px; align-items: start; }
.yan-baslik { font-size: 14px; color: var(--silik); margin-bottom: 10px; }
.kat-satir { background: var(--yuzey); border: 1px solid var(--cizgi); border-left: 3px solid transparent;
  border-radius: var(--r-kucuk); padding: 11px 13px; cursor: pointer; display: flex; align-items: center; gap: 10px; }
.kat-satir.secili { border-left-color: var(--yesil); background: var(--yesil-acik); }
.kat-satir .kat-ad { font-weight: 650; flex: 1; }

/* ---------- Tablo ---------- */
.tablo-kap { background: var(--yuzey); border: 1px solid var(--cizgi); border-radius: var(--r-orta); overflow: auto; max-height: 70vh; }
.tablo { width: 100%; border-collapse: collapse; font-size: 14.5px; }
.tablo th { text-align: left; font-size: 12.5px; font-weight: 600; color: var(--silik); background: #F6F8F7;
  padding: 10px 14px; white-space: nowrap; position: sticky; top: 0; z-index: 1; }
.tablo td { padding: 8px 14px; border-top: 1px solid var(--cizgi); vertical-align: middle; }
.tablo .say { text-align: right; }
.tablo .kat-baslik td { background: #F6F8F7; font-weight: 700; font-size: 13px; color: var(--silik); }
.fiyat-girdi { min-height: 38px; padding: 6px 9px; width: 110px; text-align: right; }
.fiyat-girdi.degisti { border-color: var(--yesil); background: var(--yesil-acik); }

/* ---------- Modüller ---------- */
.modul-liste { display: flex; flex-direction: column; gap: 8px; margin-top: 14px; }
.modul-satir { display: flex; align-items: flex-start; gap: 14px; padding: 11px 13px; border: 1px solid var(--cizgi); border-radius: var(--r-kucuk); }
.modul-satir.kapali-bagimli { background: #F6F8F7; }
.modul-metin { flex: 1; }
.modul-ad { font-weight: 650; }
.kol { width: 48px; height: 28px; border-radius: 999px; background: var(--cizgi-koyu); border: 0; padding: 0;
  cursor: pointer; position: relative; flex: none; margin-top: 2px; }
.kol[aria-checked=true] { background: var(--yesil); }
.kol .dugme { position: absolute; top: 3px; left: 3px; width: 22px; height: 22px; border-radius: 50%; background: #fff; transition: left .15s; }
.kol[aria-checked=true] .dugme { left: 23px; }

/* ---------- Ürün boyları ---------- */
.boy-satiri td:first-child { border-top-color: transparent; }
.boy-rozet { font-size: 12.5px; font-weight: 700; padding: 2px 8px; border-radius: 5px; background: #E6EAE8; color: var(--silik); }
.boy-rozet.vars { background: var(--yesil-acik); color: var(--yesil-koyu); }
.boy-alan { display: flex; flex-direction: column; gap: 6px; }
.boy-etiket { font-weight: 600; font-size: 14px; }
.boy-secim { display: flex; flex-wrap: wrap; gap: 8px; }
.boy-kutu { display: flex; align-items: center; gap: 7px; border: 1px solid var(--cizgi-koyu); border-radius: var(--r-kucuk);
  padding: 7px 11px; cursor: pointer; font-size: 14px; font-weight: 600; background: var(--yuzey); }
.boy-kutu.secili { border-color: var(--yesil); background: var(--yesil-acik); color: var(--yesil-koyu); }
.boy-kutu input { width: 17px; height: 17px; min-height: 0; accent-color: var(--yesil); }
.boy-kutu .vars { font-size: 11.5px; font-weight: 700; color: var(--silik); }
.boy-kutu.secili .vars { color: var(--yesil-koyu); }

/* ---------- Arama ve içe aktarma ---------- */
.ara-kutu { width: 200px; min-height: 42px; }
.dosya-sec { position: relative; overflow: hidden; display: inline-flex; align-items: center; }
.dosya-sec input[type=file] { position: absolute; inset: 0; opacity: 0; cursor: pointer; font-size: 0; }
.dosya-sec.mesgul { opacity: .6; pointer-events: none; cursor: progress; }
.aktar-ozet { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); border: 1px solid var(--cizgi); border-radius: var(--r-orta); }
.aktar-ozet div { padding: 12px 14px; border-left: 1px solid var(--cizgi); display: flex; flex-direction: column; gap: 2px; }
.aktar-ozet div:first-child { border-left: 0; }
.aktar-ozet b { font-size: 22px; font-weight: 750; }
.aktar-ozet span { font-size: 13px; color: var(--silik); font-weight: 600; }
.aktar-liste { border: 1px solid var(--cizgi); border-radius: var(--r-orta); max-height: 320px; overflow: auto; margin-top: 12px; }
.aktar-hatalar { border: 1px solid #EBC3BE; background: var(--kirmizi-acik); border-radius: var(--r-orta);
  padding: 10px 14px; max-height: 150px; overflow: auto; font-size: 14px; margin-top: 12px; }
.aktar-hatalar ul { margin: 6px 0 0; padding-left: 18px; }
#aktar-onizleme { display: flex; flex-direction: column; }
@media (max-width: 860px) { .aktar-ozet { grid-template-columns: repeat(2, minmax(0,1fr)); } .ara-kutu { width: 100%; } }

/* ---------- Personel ve masa ---------- */
.alt-form { border-top: 1px solid var(--cizgi); padding-top: 14px; display: flex; flex-direction: column; gap: 12px; }
.alt-form-arac { display: flex; gap: 8px; justify-content: flex-end; }
.satir-form { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.satir-form input[name=ad], .satir-form input[name=onek] { flex: 1; min-width: 160px; }
.satir-form input[name=adet] { width: 90px; }
.satir-form select { min-width: 150px; }
.etiket-liste { display: flex; flex-wrap: wrap; gap: 8px; }
.etiket { display: inline-flex; align-items: center; gap: 8px; background: var(--yuzey); border: 1px solid var(--cizgi);
  border-radius: 999px; padding: 6px 8px 6px 14px; font-size: 14px; font-weight: 600; }
.etiket button { background: transparent; border: 0; color: var(--silik); cursor: pointer; font-size: 17px; line-height: 1; padding: 0 4px; }
.etiket button:hover { color: var(--kirmizi); }
.etiket.pasif { opacity: .55; }
.pin-rozet { font-family: Consolas, monospace; letter-spacing: .1em; }

/* ---------- Şube kurulumu ---------- */
.kurulum-durum { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; min-height: 26px; }
.kurulum-adim { margin: 0; padding-left: 20px; font-size: 14.5px; display: flex; flex-direction: column; gap: 6px; }
.kod-kutu { display: flex; align-items: center; gap: 12px; background: var(--yesil-acik); border: 1px solid var(--yesil);
  border-radius: var(--r-orta); padding: 14px 16px; }
.kod-deger { font-size: 30px; font-weight: 800; letter-spacing: .16em; font-family: Consolas, "SF Mono", monospace;
  color: var(--yesil-koyu); flex: 1; text-align: center; user-select: all; }
@media (max-width: 860px) { .kod-deger { font-size: 22px; letter-spacing: .1em; } }

/* ---------- Dialog ---------- */
.dlg { border: 0; border-radius: 14px; padding: 0; width: min(520px, calc(100vw - 24px)); background: var(--yuzey); color: var(--murekkep); }
.dlg-genis { width: min(720px, calc(100vw - 24px)); }
.dlg::backdrop { background: rgba(12, 26, 22, .45); }
.dlg-bas { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; padding: 18px 20px 10px; }
.dlg-govde { padding: 6px 20px 16px; display: flex; flex-direction: column; gap: 14px; max-height: 68vh; overflow: auto; }
.dlg-alt { display: flex; justify-content: flex-end; gap: 8px; padding: 14px 20px 18px; border-top: 1px solid var(--cizgi); }

/* ---------- Bildirim ---------- */
.bildirim { position: fixed; left: 50%; bottom: 26px; transform: translateX(-50%); background: var(--murekkep); color: #fff;
  padding: 12px 20px; border-radius: var(--r-orta); font-weight: 600; z-index: 60; box-shadow: 0 8px 24px rgba(0,0,0,.22); max-width: min(520px, 92vw); }
.sayfa-arac { display: flex; justify-content: center; margin-top: 16px; }

/* ---------- Mobil ---------- */
@media (max-width: 860px) {
  .iki-sutun { grid-template-columns: 1fr; }
  .ust { gap: 10px; padding: 10px 14px; }
  .ust-sag { margin-left: 0; width: 100%; justify-content: space-between; }
  .sekmeler { width: 100%; overflow-x: auto; }
  .satir { align-items: flex-start; }
  .satir-arac { width: 100%; }
  .satir-arac .btn { flex: 1; }
  .ikili { grid-template-columns: 1fr; }
}

/* ---------- Ayar kutusu ve ödeme türleri ---------- */
.ayar-kutu { background: var(--yuzey); border: 1px solid var(--cizgi); border-radius: var(--r-orta);
  padding: 14px 16px; margin-bottom: 14px; }
.ayar-satir { display: flex; align-items: flex-start; gap: 14px; }
.odeme-grup-baslik { font-size: 13px; font-weight: 700; color: var(--silik); margin: 16px 0 6px; }
#odeme-turu-liste .kol:disabled { opacity: .55; cursor: not-allowed; }

/* ---------- Stok ---------- */
#sekme-stok select, #stok-sube { font: inherit; font-size: 15px; padding: 9px 11px; min-height: 42px;
  border: 1px solid var(--cizgi-koyu); border-radius: var(--r-kucuk); background: var(--yuzey); }
.stok-miktar { font-variant-numeric: tabular-nums; font-weight: 700; }
.stok-kritik { color: var(--kirmizi); }
.stok-eksi { color: var(--kirmizi); font-weight: 800; }
.sayim-girdi { min-height: 38px; padding: 6px 9px; width: 110px; text-align: right; }
.sekme-grup { display: flex; gap: 8px; flex-wrap: wrap; }
.sekme-grup button { font: inherit; font-weight: 650; padding: 8px 14px; min-height: 42px; cursor: pointer;
  border: 1px solid var(--cizgi-koyu); border-radius: var(--r-kucuk); background: var(--yuzey); }
.sekme-grup button[aria-pressed=true] { background: var(--murekkep); color: #fff; border-color: var(--murekkep); }
#recete-malzeme { min-width: 260px; }
.ara-kutu.genis { width: 100%; }
.dar-kutu { width: 120px; }
.satir-anahtar.satir-ici { display: inline-flex; margin-right: 10px; }

/* ---------- Fiş tasarımı ---------- */
.fis-duzen { display: grid; grid-template-columns: 1fr 380px; gap: 18px; align-items: start; }
.fis-form { display: flex; flex-direction: column; gap: 12px; }
.fis-onizleme { background: #FFFDF7; border: 1px solid var(--cizgi-koyu); border-radius: var(--r-kucuk);
  padding: 14px 12px; font-family: Consolas, "Courier New", monospace; font-size: 12px; line-height: 1.35;
  white-space: pre; overflow-x: auto; margin: 0; max-height: 60vh; overflow-y: auto; }
@media (max-width: 900px) { .fis-duzen { grid-template-columns: 1fr; } }
/* Takeaway seçenek / combo yönetimi */
.uc-sutun{display:grid;grid-template-columns:2fr 1fr 1fr;gap:10px}.yan-yana{display:grid;grid-template-columns:1fr 1fr;gap:6px}.sec-yon-satir{border:1px solid var(--cizgi);border-radius:12px;padding:12px;margin-bottom:10px}.sec-yon-bas{display:flex;align-items:center;justify-content:space-between;gap:10px}.sec-yon-bas label{flex-direction:row;align-items:center}.sec-yon-liste{margin-top:8px;display:flex;gap:6px;flex-wrap:wrap}.sec-chip{background:var(--kasa);border:1px solid var(--cizgi);border-radius:999px;padding:6px 9px;font-size:12px}.sec-ekle{display:grid;grid-template-columns:1fr 120px auto;gap:6px;margin-top:8px}.sec-ekle input{min-height:38px!important;padding:8px!important}@media(max-width:800px){.uc-sutun{grid-template-columns:1fr}.sec-ekle{grid-template-columns:1fr 100px auto}}


/* ---------- v1.4 Reçete yönetimi ---------- */
.recete-ozet { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin:0 0 12px; }
.recete-ozet>div { border:1px solid var(--cizgi); border-radius:var(--r-orta); background:var(--yuzey); padding:13px 15px; display:flex; flex-direction:column; gap:4px; }
.recete-ozet span { color:var(--silik); font-size:12.5px; font-weight:650; }
.recete-ozet strong { font-size:24px; line-height:1.1; }
.recete-form { align-items:stretch; }
.recete-form #recete-malzeme { flex:1 1 260px; }
.recete-form .dar-kutu { width:150px; }
.recete-yardim { margin:-4px 0 0; font-size:12.5px; }
#btn-merkez-siparis { text-decoration:none; white-space:nowrap; }
@media(max-width:900px){ .recete-ozet{grid-template-columns:repeat(2,minmax(0,1fr));} .recete-form .dar-kutu{width:100%;flex:1 1 140px;} }

/* ===== v1.6.0 Satış raporları / Gün sonu ===== */
.rapor-filtre{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:0 0 16px}.rapor-filtre select,.rapor-filtre input{min-height:42px;border:1px solid var(--cizgi-koyu);border-radius:8px;background:var(--yuzey);padding:8px 10px;font:inherit}.rapor-kartlar{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:12px 0 18px}.rapor-kart{background:var(--yuzey);border:1px solid var(--cizgi);border-radius:12px;padding:15px}.rapor-kart b{display:block;font-size:23px;line-height:1.1}.rapor-kart span{display:block;color:var(--silik);font-size:12.5px;margin-top:5px}.rapor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.rapor-panel{background:var(--yuzey);border:1px solid var(--cizgi);border-radius:12px;padding:14px;margin-bottom:14px}.rapor-panel h2{font-size:16px;margin:0 0 12px}.bar-chart{display:flex;flex-direction:column;gap:8px;min-height:90px}.bar-row{display:grid;grid-template-columns:minmax(110px,1fr) 3fr auto;gap:9px;align-items:center;font-size:12.5px}.bar-track{height:11px;background:#eef1f3;border-radius:999px;overflow:hidden}.bar-fill{height:100%;background:var(--yesil);border-radius:999px}.bar-val{font-weight:700;white-space:nowrap}.line-chart svg{display:block;width:100%;height:180px}.line-chart .line-empty,.bar-empty{color:var(--silik);font-size:13px;padding:18px 0}.kasa-mutabakat{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.kasa-mutabakat div{background:var(--zemin);border-radius:10px;padding:12px}.kasa-mutabakat b{display:block;font-size:18px}.kasa-mutabakat span{color:var(--silik);font-size:12px}@media(max-width:900px){.rapor-kartlar{grid-template-columns:repeat(2,minmax(0,1fr))}.rapor-grid{grid-template-columns:1fr}.kasa-mutabakat{grid-template-columns:repeat(2,minmax(0,1fr))}.bar-row{grid-template-columns:100px 1fr auto}}

/* ===== v1.7.0 Kurumsal BI / raporlama ===== */
.rapor-hero{padding:4px 0 8px}.eyebrow{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.12em;color:#667085;margin-bottom:5px}.eyebrow.risk{color:#b42318}.sticky-filtre{position:sticky;top:0;z-index:4;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);border:1px solid #eaecf0;border-radius:14px;padding:10px 12px;margin-bottom:14px;box-shadow:0 8px 24px rgba(16,24,40,.05)}
.hizli-donem{display:flex;gap:6px;flex-wrap:wrap}.rapor-kpi-grid{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:10px}.rapor-kart{position:relative;overflow:hidden}.rapor-kart .kpi-delta{display:block;margin-top:7px;font-size:11px;font-weight:700}.kpi-delta.pozitif{color:#067647}.kpi-delta.negatif{color:#b42318}.kpi-delta.notr{color:#667085}.rapor-kart .kpi-sub{display:block;margin-top:4px;font-size:10px;color:#98a2b3}
.rapor-grid-buyuk{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}.rapor-panel-wide{grid-column:1/-1;min-height:280px}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.panel-head h2{margin:0}.kurumsal-line svg{height:210px}.bar-row{grid-template-columns:minmax(110px,1.3fr) minmax(100px,2fr) minmax(76px,.8fr);gap:10px}.bar-fill{border-radius:999px;background:linear-gradient(90deg,#b42318,#e64b3c)}
.donut-wrap{display:grid;grid-template-columns:180px 1fr;gap:18px;align-items:center}.donut-chart svg{width:180px;height:180px;display:block}.donut-legend{display:grid;gap:8px}.donut-item{display:flex;justify-content:space-between;gap:12px;font-size:12px;border-bottom:1px dashed #eaecf0;padding-bottom:6px}.donut-item b{white-space:nowrap}
.rapor-alt-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:14px;margin-top:14px}.risk-kartlar{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px}.risk-kart{background:#fff5f5;border:1px solid #fee4e2;border-radius:12px;padding:10px}.risk-kart b{display:block;font-size:17px;color:#b42318}.risk-kart span{font-size:11px;color:#667085}.tablo.kompakt th,.tablo.kompakt td{padding:8px 10px;font-size:12px}.rapor-detay{margin-top:14px;border:1px solid #eaecf0;border-radius:14px;background:#fff;padding:12px}.rapor-detay summary{cursor:pointer;font-weight:800}.uyari-kutu:not(:empty){margin-top:12px;border-radius:12px;padding:10px 12px;background:#fff4ed;border:1px solid #ffddb8;color:#9a3412;font-weight:700}
.status-chip{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:800}.status-chip.ok{background:#ecfdf3;color:#067647}.status-chip.warn{background:#fffaeb;color:#b54708}.status-chip.bad{background:#fef3f2;color:#b42318}.status-chip.idle{background:#f2f4f7;color:#475467}
@media(max-width:1050px){.rapor-kpi-grid{grid-template-columns:repeat(2,minmax(150px,1fr))}.rapor-grid-buyuk,.rapor-alt-grid{grid-template-columns:1fr}.rapor-panel-wide{grid-column:auto}.donut-wrap{grid-template-columns:1fr}.donut-chart{margin:auto}.sticky-filtre{position:static}}@media(max-width:620px){.rapor-kpi-grid{grid-template-columns:1fr 1fr}.hizli-donem{width:100%}.hizli-donem .btn{flex:1}.bar-row{grid-template-columns:88px 1fr 65px}.risk-kartlar{grid-template-columns:1fr}.rapor-kart b{font-size:18px}}

/* ===== v1.8 Kurumsal Satış Dashboard + Fiş Tasarım Stüdyosu ===== */
#sekme-satis{--rapor-mavi:#2563eb;--rapor-yesil:#10b981;--rapor-turuncu:#f59e0b;--rapor-mor:#8b5cf6}
#sekme-satis .rapor-kpi-grid .rapor-kart:nth-child(4n+1){background:linear-gradient(135deg,#0f766e,#14b8a6);color:#fff;border-color:transparent}
#sekme-satis .rapor-kpi-grid .rapor-kart:nth-child(4n+2){background:linear-gradient(135deg,#1d4ed8,#3b82f6);color:#fff;border-color:transparent}
#sekme-satis .rapor-kpi-grid .rapor-kart:nth-child(4n+3){background:linear-gradient(135deg,#d97706,#f59e0b);color:#fff;border-color:transparent}
#sekme-satis .rapor-kpi-grid .rapor-kart:nth-child(4n+4){background:linear-gradient(135deg,#7c3aed,#8b5cf6);color:#fff;border-color:transparent}
#sekme-satis .rapor-kpi-grid .rapor-kart .silik,#sekme-satis .rapor-kpi-grid .rapor-kart span{color:rgba(255,255,255,.82)}
#sekme-satis .rapor-panel{border-radius:16px;box-shadow:0 8px 28px rgba(16,24,40,.06);border:1px solid #e4e7ec;background:#fff}
#sekme-satis .sticky-filtre{border-radius:14px;background:#fff;box-shadow:0 8px 24px rgba(16,24,40,.06);padding:12px 14px}
.fis-editor-toolbar{display:flex;flex-wrap:wrap;align-items:end;gap:10px;background:#fff;border:1px solid #e4e7ec;border-radius:14px;padding:12px;margin-bottom:14px;box-shadow:0 6px 18px rgba(16,24,40,.05)}
.fis-editor-toolbar label{display:grid;gap:5px;font-size:12px;font-weight:700;color:#475467}.fis-editor-toolbar input,.fis-editor-toolbar select{min-width:160px}
.fis-studio{display:grid;grid-template-columns:250px minmax(360px,1fr) 340px;gap:14px;align-items:start}
.fis-palet,.fis-canvas-kutu,.fis-editor-preview{background:#fff;border:1px solid #e4e7ec;border-radius:16px;box-shadow:0 10px 28px rgba(16,24,40,.06);padding:14px}
.fis-palet h3,.fis-canvas-kutu h3,.fis-editor-preview h3{margin:0 0 4px}.palet-satir{display:flex;align-items:center;justify-content:space-between;padding:9px 10px;margin:7px 0;border:1px solid #eaecf0;border-radius:10px;background:#f8fafc}.palet-satir span:first-child{display:grid}.palet-satir small{color:#98a2b3;margin-top:2px}
.fis-metin-ayarlari{display:grid;gap:8px;margin-top:14px;border-top:1px solid #eaecf0;padding-top:14px}.fis-metin-ayarlari label{display:grid;gap:4px;font-size:12px;font-weight:700;color:#475467}.fis-metin-ayarlari .satir-anahtar{display:flex}
.fis-canvas-bas{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eaecf0;padding-bottom:10px;margin-bottom:10px}.fis-canvas{min-height:560px;background:linear-gradient(#f2f4f7 1px,transparent 1px),linear-gradient(90deg,#f2f4f7 1px,transparent 1px);background-size:18px 18px;border:1px dashed #cfd4dc;border-radius:12px;padding:14px}
.fis-blok{display:grid;grid-template-columns:26px 1fr 88px 38px 38px 38px;gap:7px;align-items:center;background:#fff;border:1px solid #d0d5dd;border-left:4px solid #2563eb;border-radius:10px;padding:9px 8px;margin:8px 0;box-shadow:0 3px 10px rgba(16,24,40,.06);cursor:grab}.fis-blok.surukleniyor{opacity:.45}.fis-blok.kapali{opacity:.45;border-left-color:#98a2b3}.surukle{font-size:18px;color:#98a2b3}.fis-blok-metin{display:grid}.fis-blok-metin small{color:#98a2b3;margin-top:2px}.fis-blok button,.fis-blok select{height:32px;border:1px solid #d0d5dd;border-radius:8px;background:#fff}.fis-blok button{cursor:pointer}.blok-stil.aktif{background:#eff6ff;border-color:#2563eb;color:#1d4ed8}
.kurumsal-fis-preview{min-height:590px;max-height:720px;overflow:auto;background:#fff;color:#111;border:10px solid #f2f4f7;border-radius:6px;box-shadow:inset 0 0 0 1px #d0d5dd;font-size:12px;line-height:1.35;white-space:pre-wrap}.editor-uygula-kutu{margin-top:10px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;padding:10px}
@media(max-width:1180px){.fis-studio{grid-template-columns:220px 1fr}.fis-editor-preview{grid-column:1/-1}.kurumsal-fis-preview{min-height:320px}}
@media(max-width:760px){.fis-studio{grid-template-columns:1fr}.fis-palet,.fis-canvas-kutu,.fis-editor-preview{grid-column:auto}.fis-blok{grid-template-columns:24px 1fr 78px 34px 34px 34px}.fis-editor-toolbar>*{flex:1 1 150px}}

/* ==========================================================
   DAVIDPEOPLE POS v1.9 — Kurumsal UI Sistemi
   Onaylanan dashboard tasarımının canlı panele uygulanması.
   ========================================================== */
:root{--dp-navy:#0b1b2b;--dp-navy2:#10283f;--dp-blue:#1976ff;--dp-blue2:#0f62e8;--dp-bg:#f3f7fb;--dp-card:#fff;--dp-line:#dbe5ef;--dp-text:#132238;--dp-muted:#6d7c8f;--dp-green:#08a47b;--dp-orange:#ff9f0a;--dp-red:#ff4055;--dp-purple:#8d3cf7;--dp-cyan:#20aef3;--dp-shadow:0 2px 10px rgba(15,40,70,.07)}
body{background:var(--dp-bg);color:var(--dp-text);font-size:14px}
#ekran-panel{min-height:100vh}
#ekran-panel>.ust{position:fixed;left:0;top:0;bottom:0;width:214px;height:100vh;padding:0 8px 18px;background:linear-gradient(180deg,#0b1b2b,#0d2235);border:0;display:flex;flex-direction:column;align-items:stretch;gap:0;z-index:50;box-shadow:3px 0 18px rgba(4,20,35,.12)}
#ekran-panel>.ust .marka{height:76px;padding:0 14px;color:#fff;font-size:0;border-bottom:1px solid rgba(255,255,255,.08);letter-spacing:.08em}
#ekran-panel>.ust .marka:after{content:'DAVIDPEOPLE\A POS SİSTEMİ';white-space:pre;font-size:18px;line-height:1.05;font-weight:800;letter-spacing:.08em}
#ekran-panel>.ust .marka-q{display:none}
#ekran-panel>.ust .sekmeler{display:flex;flex-direction:column;gap:4px;padding-top:12px;width:100%;flex:1;overflow:auto}
#ekran-panel>.ust .sekme{position:relative;width:100%;min-height:42px;text-align:left;color:#d5dfeb;border:0;border-radius:6px;padding:10px 10px 10px 40px;font-size:13px;font-weight:600}
#ekran-panel>.ust .sekme:hover{background:rgba(255,255,255,.07);color:#fff}
#ekran-panel>.ust .sekme.etkin{background:linear-gradient(90deg,#1976ff,#2b8cff);color:#fff;box-shadow:0 4px 12px rgba(25,118,255,.28)}
#ekran-panel>.ust .sekme:before{position:absolute;left:13px;top:10px;width:20px;text-align:center;font-size:16px;opacity:.95}
#ekran-panel>.ust .sekme[data-sekme="subeler"]:before{content:'⌂'}
#ekran-panel>.ust .sekme[data-sekme="katalog"]:before{content:'▦'}
#ekran-panel>.ust .sekme[data-sekme="fiyat"]:before{content:'₺'}
#ekran-panel>.ust .sekme[data-sekme="stok"]:before{content:'◫'}
#ekran-panel>.ust .sekme[data-sekme="odeme"]:before{content:'▤'}
#ekran-panel>.ust .sekme[data-sekme="satis"]:before{content:'⌁'}
#ekran-panel>.ust .sekme[data-sekme="gunsonu"]:before{content:'◷'}
#ekran-panel>.ust .sekme[data-sekme="fiseditor"]:before{content:'✎'}
#ekran-panel>.ust .sekme[data-sekme="denetim"]:before{content:'☷'}
#ekran-panel>.ust .ust-sag{position:fixed;left:214px;right:0;top:0;height:50px;background:linear-gradient(90deg,#0b1b2b,#10283f);padding:0 18px;margin:0;color:#fff;z-index:49;box-shadow:0 1px 8px rgba(0,0,0,.15)}
#ekran-panel>.ust .ust-sag .silik{color:#fff;font-weight:650}
#ekran-panel>.ust .ust-sag .btn{min-height:34px;padding:6px 12px;background:#173653;color:#fff;border-color:#294966}
#ekran-panel>main{max-width:none;margin:0 0 0 214px;padding:68px 14px 44px;min-height:100vh}
.sekme-icerik{max-width:1500px;margin:0 auto}
.bolum-bas{background:#fff;border:1px solid var(--dp-line);border-radius:8px;padding:14px 16px;margin-bottom:12px;box-shadow:var(--dp-shadow)}
.bolum-bas h1{font-size:22px}.bolum-bas h2{font-size:17px}.silik{color:var(--dp-muted)}
.btn{border-radius:6px;min-height:36px;padding:7px 13px;font-size:13px}.btn-ana{background:linear-gradient(180deg,#2d8cff,#1268ed);box-shadow:0 2px 5px rgba(25,118,255,.2)}.btn-ana:hover{background:#1268ed}.btn-sade{border-color:#ccd9e6;color:#1b3653}.btn-sade:hover{border-color:#1976ff;color:#1268ed}
input,select,textarea{min-height:38px;border-color:#ccd9e6;border-radius:6px;font-size:13px}
.satir,.tablo-kap,.ayar-kutu,.rapor-panel{border-color:var(--dp-line);box-shadow:var(--dp-shadow);border-radius:8px}
.tablo th{background:#f4f8fc;color:#53657a}.tablo td{border-color:#e7eef5}.tablo tbody tr:hover td{background:#f7fbff}
/* Sales dashboard */
#sekme-satis .rapor-hero{padding:12px 16px;background:#fff}#sekme-satis .rapor-hero .eyebrow{display:none}#sekme-satis .rapor-hero h1{font-size:24px}#sekme-satis .rapor-hero h1:before{content:'▦ ';color:#1b3653}
.rapor-filtre{background:#fff!important;border:1px solid var(--dp-line)!important;border-radius:8px!important;padding:9px 10px!important;box-shadow:var(--dp-shadow);gap:7px!important}.sticky-filtre{top:58px!important}
.rapor-kpi-grid{grid-template-columns:repeat(6,minmax(130px,1fr))!important;gap:10px!important}.rapor-kpi-grid .rapor-kart{border:0!important;color:#fff!important;min-height:88px;border-radius:7px!important;box-shadow:0 4px 12px rgba(20,60,100,.12)!important}.rapor-kpi-grid .rapor-kart:nth-child(6n+1){background:linear-gradient(135deg,#078b75,#09ae8c)!important}.rapor-kpi-grid .rapor-kart:nth-child(6n+2){background:linear-gradient(135deg,#1976ff,#38a0ff)!important}.rapor-kpi-grid .rapor-kart:nth-child(6n+3){background:linear-gradient(135deg,#ff9f0a,#ffb72c)!important}.rapor-kpi-grid .rapor-kart:nth-child(6n+4){background:linear-gradient(135deg,#ff4055,#ff6576)!important}.rapor-kpi-grid .rapor-kart:nth-child(6n+5){background:linear-gradient(135deg,#8138ef,#a64df7)!important}.rapor-kpi-grid .rapor-kart:nth-child(6n+6){background:linear-gradient(135deg,#139eea,#37baf7)!important}.rapor-kpi-grid .rapor-kart *{color:#fff!important}.rapor-kpi-grid .rapor-kart .silik{opacity:.9}
.rapor-grid{gap:10px!important}.rapor-panel{background:#fff!important;padding:12px!important}.rapor-panel h2{font-size:15px;color:#182d45}.bar-row{border-radius:4px}.bar-fill{background:linear-gradient(90deg,#1c7dff,#24b7f3)!important}.rapor-panel svg{max-height:230px}
/* Receipt studio */
#sekme-fiseditor .rapor-hero{background:#fff;padding:12px 16px}#sekme-fiseditor .rapor-hero .eyebrow{display:none}.fis-editor-toolbar{background:#fff!important;border:1px solid var(--dp-line)!important;border-radius:8px!important;box-shadow:var(--dp-shadow);padding:10px!important}.fis-studio{grid-template-columns:190px minmax(420px,1fr) 310px!important;gap:10px!important}.fis-palet,.fis-canvas-kutu,.fis-editor-preview{background:#fff!important;border:1px solid var(--dp-line)!important;border-radius:8px!important;box-shadow:var(--dp-shadow)}.fis-canvas{background:#edf2f7!important}.fis-onizleme{background:#fff!important;border:1px solid #cfd9e3!important;box-shadow:0 6px 18px rgba(20,40,60,.12)}
/* dialogs */
.dlg{border:0!important;border-radius:10px!important;box-shadow:0 18px 55px rgba(8,25,45,.28)!important}.dlg-bas{background:#f7faff;border-bottom:1px solid var(--dp-line)}
@media(max-width:1100px){.rapor-kpi-grid{grid-template-columns:repeat(3,1fr)!important}.fis-studio{grid-template-columns:1fr!important}#ekran-panel>.ust{width:190px}#ekran-panel>.ust .ust-sag{left:190px}#ekran-panel>main{margin-left:190px}}
@media(max-width:760px){#ekran-panel>.ust{position:sticky;width:100%;height:auto;bottom:auto;padding:0 8px}#ekran-panel>.ust .marka{height:52px}#ekran-panel>.ust .sekmeler{flex-direction:row;overflow:auto;padding:5px 0}#ekran-panel>.ust .sekme{width:auto;min-width:max-content;padding-left:34px}#ekran-panel>.ust .ust-sag{position:static;height:auto;padding:7px 4px;width:100%}#ekran-panel>main{margin-left:0;padding-top:12px}.rapor-kpi-grid{grid-template-columns:repeat(2,1fr)!important}}

/* v1.9.2 mobil yönetim — onaylı mobil dil: dar drawer, içerik görünür, dokunmatik */
@media(max-width:760px){
 body{background:#f3f7fb!important}.dp-sidebar,.yan-menu,.mobil-menu-acik .yan-menu{width:min(82vw,310px)!important;max-width:310px!important;box-shadow:8px 0 28px rgba(5,25,45,.24)!important}.yan-menu a,.yan-menu button{min-height:46px!important;font-size:14px!important}.ana-icerik,.icerik,main{max-width:100%!important}.kart,.panel,.rapor-kart{border-radius:10px!important}.kpi-grid,.ozet-kartlar,.rapor-kpi{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.kpi,.ozet-kart{min-height:96px!important;padding:14px!important}.kpi strong,.ozet-kart strong{font-size:24px!important}.tablo-kap{overflow-x:auto!important;-webkit-overflow-scrolling:touch}.filtreler,.rapor-filtre{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important}.filtreler>*:first-child,.rapor-filtre>*:first-child{grid-column:1/-1!important}.btn,.button,button{min-height:42px}.mobil-ust{position:sticky!important;top:0!important;z-index:40!important}}
@media(max-width:420px){.kpi-grid,.ozet-kartlar,.rapor-kpi{grid-template-columns:1fr 1fr!important}.filtreler,.rapor-filtre{grid-template-columns:1fr!important}.filtreler>*:first-child,.rapor-filtre>*:first-child{grid-column:auto!important}}


/* ===== v1.9.9 SUPER ADMIN MOBIL - KILITLI YERLESIM ===== */
.mobil-menu-btn,.mobil-menu-perde{display:none}
@media(max-width:760px){
  html,body{max-width:100%;overflow-x:hidden}
  #ekran-panel>.ust{position:fixed!important;left:0!important;top:0!important;bottom:auto!important;width:100%!important;height:58px!important;padding:0 14px!important;background:linear-gradient(90deg,#0b1b2b,#10283f)!important;display:flex!important;flex-direction:row!important;align-items:center!important;z-index:100!important;box-shadow:0 2px 12px rgba(4,20,35,.22)!important}
  #ekran-panel>.ust .marka{height:auto!important;min-width:0!important;padding:0!important;margin-left:48px!important;border:0!important;display:flex!important;align-items:center!important}
  #ekran-panel>.ust .marka:after{font-size:14px!important;line-height:1.05!important;letter-spacing:.06em!important}
  #ekran-panel>.ust .sekmeler{position:fixed!important;left:-310px!important;top:58px!important;bottom:0!important;width:min(82vw,310px)!important;height:auto!important;padding:12px 10px 120px!important;background:#0d2235!important;display:flex!important;flex-direction:column!important;gap:5px!important;overflow-y:auto!important;overflow-x:hidden!important;transition:left .22s ease!important;z-index:102!important;box-shadow:8px 0 28px rgba(5,25,45,.24)!important}
  #ekran-panel>.ust .sekme{width:100%!important;min-width:0!important;min-height:48px!important;padding:12px 12px 12px 42px!important;font-size:14px!important;border-radius:9px!important}
  #ekran-panel>.ust .sekme:before{left:14px!important;top:12px!important}
  #ekran-panel>.ust .ust-sag{position:fixed!important;left:-310px!important;top:auto!important;bottom:0!important;width:min(82vw,310px)!important;height:auto!important;min-height:112px!important;padding:10px!important;margin:0!important;background:#10283f!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;z-index:103!important;transition:left .22s ease!important;border-top:1px solid rgba(255,255,255,.08)!important}
  #ekran-panel>.ust .ust-sag .silik{grid-column:1/-1;text-align:center;padding:2px 4px;color:#fff!important}
  #ekran-panel>.ust .ust-sag .btn{width:100%!important;margin:0!important;justify-content:center!important;min-height:44px!important}
  body.superadmin-menu-acik #ekran-panel>.ust .sekmeler,body.superadmin-menu-acik #ekran-panel>.ust .ust-sag{left:0!important}
  .mobil-menu-btn{display:block!important;position:fixed!important;left:12px!important;top:9px!important;width:40px!important;height:40px!important;min-height:40px!important;padding:0!important;border:1px solid rgba(255,255,255,.15)!important;border-radius:9px!important;background:#173653!important;color:#fff!important;font-size:22px!important;line-height:38px!important;z-index:105!important}
  .mobil-menu-perde{display:block;position:fixed;inset:58px 0 0 0;width:100%;height:calc(100vh - 58px);border:0;background:rgba(4,17,29,.48);z-index:99;padding:0}
  .mobil-menu-perde[hidden]{display:none!important}
  #ekran-panel>main{margin:0!important;padding:76px 12px 34px!important;width:100%!important;max-width:100%!important;min-height:100vh!important}
  .sekme-icerik{width:100%;max-width:100%}
  .bolum-bas{align-items:flex-start!important;gap:10px!important;flex-wrap:wrap!important}
  .bolum-bas>div:first-child{min-width:0;flex:1 1 100%}
  .bolum-bas h1{font-size:24px!important;line-height:1.12!important;margin-bottom:4px!important}
  .bolum-arac{display:grid!important;grid-template-columns:1fr!important;width:100%!important;gap:8px!important}
  .bolum-arac>*{width:100%!important;max-width:none!important}
  .ayar-kutu,.rapor-panel,.kart,.liste>.satir{border-radius:12px!important}
  .iki-sutun,.uc-sutun,.yan-yana{grid-template-columns:1fr!important}
  .yan{position:static!important;width:100%!important}
  .tablo-kap{width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}
  .tablo{min-width:680px}
  .rapor-filtre,.filtreler{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%!important;gap:8px!important}
  .rapor-filtre select,.rapor-filtre input,.rapor-filtre .btn{width:100%!important;min-width:0!important}
  .hizli-donem{grid-column:1/-1!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important;width:100%!important}
  .rapor-kpi-grid,.rapor-kartlar,.recete-ozet{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
  .rapor-kart{padding:13px!important;min-width:0!important}
  .rapor-kart b{font-size:19px!important;overflow-wrap:anywhere}
  .rapor-grid,.rapor-grid-buyuk,.rapor-alt-grid,.kasa-mutabakat{grid-template-columns:1fr!important}
  .fis-studio{grid-template-columns:1fr!important}
}
@media(max-width:430px){
  #ekran-panel>main{padding-left:10px!important;padding-right:10px!important}
  .rapor-filtre,.filtreler{grid-template-columns:1fr!important}
  .hizli-donem{grid-column:auto!important;grid-template-columns:1fr 1fr!important}
  .rapor-kpi-grid,.rapor-kartlar,.recete-ozet{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .btn{white-space:normal}
}
a.btn{text-decoration:none}

/* v2.16.0 dönüşüm */
#dlg-donusum .donusum-sadece { display: inline-flex; flex-direction: row; gap: 8px; align-items: center; margin: 0 0 10px; font-weight: 600; }
#dlg-donusum .donusum-sadece input { width: 18px; height: 18px; margin: 0; flex: none; }
#dlg-donusum .donusum-tanim { display: flex; gap: 6px; align-items: center; flex-wrap: nowrap; white-space: nowrap; }
#dlg-donusum .donusum-tanim select { width: auto; min-width: 0; max-width: 150px; }
#dlg-donusum .donusum-tanim input { width: 90px; min-width: 0; }
#dlg-donusum .donusum-urun { font-size: 12px; color: var(--silik, #667085); margin-top: 2px; }
#dlg-donusum { width: min(1200px, calc(100% - 24px)); max-width: none; }
#dlg-donusum td:first-child { min-width: 200px; max-width: 320px; }
#dlg-donusum .tablo td { vertical-align: middle; }
.rozet-sari { background: #fef7c3; color: #854a0e; }
/* v2.17.0 WiFi kodu */
#sekme-wifi #wf-ayar .tablo-kap, #sekme-wifi #wf-ayar .sis-form-arac, #sekme-wifi #wf-ayar .silik { grid-column: 1 / -1; }
#sekme-wifi .wf-onay { display: flex; flex-direction: row; gap: 8px; align-items: center; font-weight: 400; font-size: 14px; white-space: nowrap; }
#sekme-wifi .wf-onay input { width: 18px; height: 18px; margin: 0; flex: none; }
#sekme-wifi td input[data-anahtar] { width: 100%; min-width: 220px; padding: 8px 10px; border: 1px solid var(--cizgi-koyu); border-radius: var(--r-kucuk); font: inherit; }
#sekme-wifi td { vertical-align: middle; }

/* v2.18.0 menü ekranları */
#sekme-ekranlar td { vertical-align: middle; }
#sekme-ekranlar td input[data-url], #sekme-ekranlar td input[data-anahtar] { width: 100%; min-width: 200px; padding: 8px 10px; border: 1px solid var(--cizgi-koyu); border-radius: var(--r-kucuk); font: inherit; }
#sekme-ekranlar .pm-onay { display: flex; flex-direction: row; gap: 8px; align-items: center; font-weight: 400; font-size: 14px; white-space: nowrap; }
#sekme-ekranlar .pm-onay input { width: 18px; height: 18px; margin: 0; flex: none; }
#sekme-ekranlar .pm-arac { display: flex; gap: 6px; flex-wrap: wrap; }
#sekme-ekranlar .pm-son { font-size: 12px; line-height: 1.4; max-width: 280px; }

/* v2.19.0 Online platformlar */
.pf-sube { display: flex; flex-direction: column; gap: 4px; font-weight: 600; min-width: 220px; }
.pf-sube select { min-height: 42px; padding: 0 10px; border: 1px solid var(--cizgi-koyu, #B9C3BF); border-radius: 8px; font: inherit; background: #fff; }
.pf-kartlar { display: grid; grid-template-columns: repeat(auto-fill, minmax(330px, 1fr)); gap: 14px; margin-bottom: 16px; }
.pf-kart { background: var(--yuzey, #fff); border: 1px solid var(--cizgi, #e4e7ec); border-top: 5px solid var(--pr, #475467); border-radius: 12px; padding: 16px; display: flex; flex-direction: column; gap: 10px; }
.pf-kart-bas { display: flex; justify-content: space-between; align-items: center; gap: 8px; }
.pf-kart-bas h3 { margin: 0; font-size: 18px; }
.pf-cip { font-size: 12px; font-weight: 800; padding: 3px 10px; border-radius: 999px; background: #f2f4f7; color: #475467; white-space: nowrap; }
.pf-cip.acik { background: #dcfce7; color: #166534; }
.pf-cip.bekliyor { background: #fef3c7; color: #92400e; }
.pf-not { font-size: 13px; color: #92400e; background: #fffbeb; border-radius: 8px; padding: 8px 10px; margin: 0; }
.pf-kart label { display: flex; flex-direction: column; gap: 4px; font-size: 13px; font-weight: 600; }
.pf-kart input:not([type=checkbox]), .pf-kart select { min-height: 40px; padding: 0 10px; border: 1px solid var(--cizgi-koyu, #B9C3BF); border-radius: 8px; font: inherit; background: #fff; width: 100%; }
.pf-iki { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.pf-onay { flex-direction: row !important; align-items: center; gap: 8px !important; font-weight: 600; }
.pf-onay input { width: 18px; height: 18px; }
.pf-bilgi { font-size: 13px; color: var(--silik, #667085); line-height: 1.5; }
.pf-hata { color: #b42318; }
.pf-arac { display: flex; gap: 6px; flex-wrap: wrap; }
.pf-arac .btn { flex: 1 1 auto; }
.pf-eslesme-sec { min-height: 36px; padding: 0 8px; border: 1px solid var(--cizgi-koyu, #B9C3BF); border-radius: 8px; font: inherit; background: #fff; width: 100%; max-width: 380px; }
tr.pf-bos td:first-child { border-left: 4px solid #f59e0b; }
.pf-yon { font-size: 11px; font-weight: 800; padding: 2px 8px; border-radius: 999px; background: #eff6ff; color: #1d4ed8; }
.pf-yon.gelen { background: #f5f3ff; color: #6d28d9; }
@media (max-width: 600px) { .pf-iki { grid-template-columns: 1fr; } .pf-kartlar { grid-template-columns: 1fr; } }


/* =====================================================================
   DAVIDPEOPLE POS v2.21.0 — Yönetim "Net" tasarımı (kasa ile aynı dil).
   Önceki katmanların üstüne gelir; yalnız görünüm.
   ===================================================================== */
@font-face { font-family: 'DP Sans'; src: url(/assets/font/dm-sans-latin.woff2) format('woff2'); font-weight: 100 1000; font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'DP Sans'; src: url(/assets/font/dm-sans-latin-ext.woff2) format('woff2'); font-weight: 100 1000; font-display: swap;
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
:root {
  --kasa: #F3F4F6; --zemin: #F9FAFB; --yuzey: #FFFFFF; --murekkep: #0F172A; --silik: #6B7280; --cizgi: #E5E7EB; --cizgi-koyu: #D1D5DB;
  --ray: #0B0B0C; --ray-2: #1F1F23; --ana: #4F46E5; --ana-koyu: #4338CA; --ana-acik: #EEF2FF;
  --yesil: #16A34A; --yesil-koyu: #15803D; --yesil-acik: #DCFCE7; --amber: #B45309; --amber-acik: #FEF3C7;
  --kirmizi: #DC2626; --kirmizi-acik: #FEE2E2; --mavi: #4338CA; --mavi-acik: #EEF2FF; --odak: #4F46E5;
  --yazi: 'DP Sans', 'Segoe UI', -apple-system, Roboto, 'Noto Sans', Arial, sans-serif;
  --r-kucuk: 10px; --r-orta: 14px;
  --dp-navy: #0F172A; --dp-navy2: #1E293B; --dp-blue: #4F46E5; --dp-blue2: #4338CA; --dp-bg: #F3F4F6; --dp-card: #fff; --dp-line: #E5E7EB;
  --dp-text: #0F172A; --dp-muted: #6B7280; --dp-green: #16A34A; --dp-orange: #F59E0B; --dp-red: #DC2626; --dp-purple: #7C3AED; --dp-cyan: #0891B2;
  --dp-shadow: 0 1px 2px rgba(15,23,42,.05);
  --yan-gen: 236px;
}
body { font-family: var(--yazi); background: var(--kasa); color: var(--murekkep); font-size: 14.5px; -webkit-font-smoothing: antialiased; font-variant-numeric: tabular-nums; }
h1 { font-weight: 800; letter-spacing: -.015em; }
h2 { font-weight: 800; letter-spacing: -.01em; }
.silik { color: var(--silik); }
:focus-visible { outline: 3px solid color-mix(in srgb, var(--ana) 40%, transparent); outline-offset: 2px; }

/* ---------- Giriş / kurulum ---------- */
.tam-ekran { background: radial-gradient(1200px 600px at 50% -10%, #26262B 0%, var(--ray) 60%); }
.kart-giris { border: 0; border-radius: 24px; padding: 30px; box-shadow: 0 30px 80px -20px rgba(0,0,0,.6); }
.kart-giris h1 { font-size: 24px; }
.kart-giris .marka { font-size: 0; }
.kart-giris .marka-q, .marka-q { width: 52px; height: 52px; border-radius: 50%; font-size: 0; color: transparent;
  background: #fff url(/assets/davidpeople/isaret.png) center / cover no-repeat; box-shadow: 0 0 0 1px var(--cizgi); }
.kart-giris label { font-weight: 700; font-size: 13px; color: #374151; }

/* ---------- Düğmeler ve alanlar ---------- */
.btn { border-radius: 10px; min-height: 40px; padding: 8px 15px; font-size: 13.5px; font-weight: 700; }
.btn-ana { background: var(--ana) !important; border-color: var(--ana) !important; color: #fff; box-shadow: none !important; }
.btn-ana:hover { background: var(--ana-koyu) !important; }
.btn-sade { background: var(--yuzey); border-color: var(--cizgi); color: var(--murekkep); }
.btn-sade:hover { border-color: var(--cizgi-koyu); background: var(--zemin); color: var(--murekkep); }
.btn-tehlike { background: var(--kirmizi); }
.btn-tehlike-sade { border-color: #FCA5A5; color: var(--kirmizi); }
input, select, textarea { border-color: var(--cizgi-koyu); border-radius: 10px; font-size: 14px; }
input:focus, select:focus, textarea:focus { border-color: var(--ana); outline: 3px solid var(--ana-acik); outline-offset: 0; }

/* ---------- Kartlar, tablolar ---------- */
.bolum-bas { background: transparent; border: 0; box-shadow: none; padding: 4px 2px 6px; margin-bottom: 14px; }
.bolum-bas h1 { font-size: 26px; }
.satir, .tablo-kap, .ayar-kutu, .rapor-panel, .kart, .sis-kart, .rapor-kart { border-color: var(--cizgi) !important; box-shadow: var(--dp-shadow) !important; border-radius: 14px !important; }
.liste > .satir { border-radius: 14px; }
.tablo th { background: var(--zemin); color: var(--silik); font-size: 12px; text-transform: uppercase; letter-spacing: .05em; font-weight: 700; }
.tablo td { border-color: #F1F2F4; }
.tablo tbody tr:hover td { background: var(--zemin); }
.rozet, .etiket { border-radius: 999px; }

/* Raporlar: renkli gradyan kartlar yerine sade KPI kartları */
.rapor-filtre { border-color: var(--cizgi) !important; border-radius: 14px !important; box-shadow: var(--dp-shadow); }
#ekran-panel .rapor-kpi-grid .rapor-kart { background: var(--yuzey) !important; color: var(--murekkep) !important; border: 1px solid var(--cizgi) !important; box-shadow: inset 0 4px 0 var(--k, var(--ana)) !important; border-radius: 14px !important; }
#ekran-panel .rapor-kpi-grid .rapor-kart * { color: var(--murekkep) !important; }
#ekran-panel .rapor-kpi-grid .rapor-kart .silik, #ekran-panel .rapor-kpi-grid .rapor-kart span { color: var(--silik) !important; }
#ekran-panel .rapor-kpi-grid .rapor-kart:nth-child(6n+1) { background: var(--yuzey) !important; --k: #16A34A; }
#ekran-panel .rapor-kpi-grid .rapor-kart:nth-child(6n+2) { background: var(--yuzey) !important; --k: #4F46E5; }
#ekran-panel .rapor-kpi-grid .rapor-kart:nth-child(6n+3) { background: var(--yuzey) !important; --k: #F59E0B; }
#ekran-panel .rapor-kpi-grid .rapor-kart:nth-child(6n+4) { background: var(--yuzey) !important; --k: #DC2626; }
#ekran-panel .rapor-kpi-grid .rapor-kart:nth-child(6n+5) { background: var(--yuzey) !important; --k: #7C3AED; }
#ekran-panel .rapor-kpi-grid .rapor-kart:nth-child(6n+6) { background: var(--yuzey) !important; --k: #0891B2; }
.bar-fill { background: var(--ana) !important; }
.bar-track { background: var(--kasa); }
#sekme-satis .rapor-hero, #sekme-fiseditor .rapor-hero { background: transparent; border: 0; box-shadow: none; }
#sekme-satis .rapor-hero h1:before { content: none; }
.fis-editor-toolbar, .fis-palet, .fis-canvas-kutu, .fis-editor-preview { border-color: var(--cizgi) !important; border-radius: 14px !important; }

/* ---------- Pencereler, bildirim ---------- */
.dlg { border-radius: 20px !important; box-shadow: 0 30px 70px -20px rgba(15,23,42,.45) !important; }
.dlg::backdrop { background: rgba(15,23,42,.5); backdrop-filter: blur(2px); }
.dlg-bas { background: var(--yuzey) !important; border-bottom: 1px solid var(--cizgi) !important; }
.dlg-alt { background: var(--zemin); }
.bildirim { border-radius: 14px; }

/* ---------- Sol menü (bilgisayar) ---------- */
@media (min-width: 761px) {
  #ekran-panel > .ust { width: var(--yan-gen); background: var(--ray); box-shadow: none; padding: 0 12px 16px; }
  #ekran-panel > .ust .marka { height: 80px; padding: 0 6px; gap: 12px; border-bottom: 1px solid #1F1F23; font-size: 0; }
  #ekran-panel > .ust .marka-q { display: inline-grid; width: 44px; height: 44px; flex: none; box-shadow: none; }
  #ekran-panel > .ust .marka::after { content: 'DAVIDPEOPLE\A POS'; white-space: pre; font-size: 14px; line-height: 1.15; font-weight: 800; letter-spacing: .08em; color: #fff; }
  #ekran-panel > .ust .sekmeler { gap: 2px; padding-top: 12px; scrollbar-width: thin; scrollbar-color: #2A2A30 transparent; }
  #ekran-panel > .ust .sekme { min-height: 42px; border-radius: 10px; padding: 10px 10px 10px 44px; font-size: 13.5px; font-weight: 600; color: #A1A1AA; }
  #ekran-panel > .ust .sekme:hover { background: var(--ray-2); color: #fff; }
  #ekran-panel > .ust .sekme.etkin { background: var(--ray-2); color: #fff; box-shadow: inset 3px 0 0 #A5B4FC; }
  #ekran-panel > .ust .ust-sag { left: var(--yan-gen); height: 60px; background: var(--yuzey); color: var(--murekkep); border-bottom: 1px solid var(--cizgi); box-shadow: none; padding: 0 22px; gap: 10px; }
  #ekran-panel > .ust .ust-sag .silik { color: var(--murekkep) !important; font-weight: 700; }
  #ekran-panel > .ust .ust-sag .btn { min-height: 38px; padding: 6px 14px; background: var(--yuzey); color: var(--murekkep); border: 1px solid var(--cizgi); }
  #ekran-panel > .ust .ust-sag .btn:hover { background: var(--zemin); }
  #ekran-panel > main { margin-left: var(--yan-gen); padding: 84px 28px 48px; }
  #ekran-panel > .ust .ust-sag { justify-content: flex-end; }
  #ekran-panel .rapor-filtre { display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 8px !important; }
  #ekran-panel .rapor-filtre > select, #ekran-panel .rapor-filtre > input { flex: 0 1 210px !important; width: auto !important; min-width: 150px; }
  #ekran-panel .rapor-filtre > .hizli-donem { flex: 1 1 100% !important; }
}
@media (min-width: 761px) and (max-width: 1100px) {
  :root { --yan-gen: 200px; }
}
/* Menü simgeleri */
#ekran-panel > .ust .sekme::before { content: '' !important; position: absolute; left: 14px; top: 50% !important; width: 18px; height: 18px; margin-top: -9px;
  background: currentColor; opacity: 1; -webkit-mask: var(--ic) center / contain no-repeat; mask: var(--ic) center / contain no-repeat; }
.sekme[data-sekme="subeler"] { --ic: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M3 10.5 12 3l9 7.5%22/%3E%3Cpath d=%22M5 9.5V21h14V9.5%22/%3E%3Cpath d=%22M10 21v-6h4v6%22/%3E%3C/svg%3E"); }
.sekme[data-sekme="katalog"] { --ic: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%223%22 y=%223%22 width=%227%22 height=%227%22 rx=%221%22/%3E%3Crect x=%2214%22 y=%223%22 width=%227%22 height=%227%22 rx=%221%22/%3E%3Crect x=%223%22 y=%2214%22 width=%227%22 height=%227%22 rx=%221%22/%3E%3Crect x=%2214%22 y=%2214%22 width=%227%22 height=%227%22 rx=%221%22/%3E%3C/svg%3E"); }
.sekme[data-sekme="fiyat"] { --ic: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M12 2H2v10l9.29 9.29a1 1 0 0 0 1.41 0l8.59-8.59a1 1 0 0 0 0-1.41Z%22/%3E%3Ccircle cx=%227%22 cy=%227%22 r=%221.5%22/%3E%3C/svg%3E"); }
.sekme[data-sekme="stok"] { --ic: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M16.5 9.4 7.55 4.24%22/%3E%3Cpath d=%22M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z%22/%3E%3Cpath d=%22M3.27 6.96 12 12.01l8.73-5.05%22/%3E%3Cpath d=%22M12 22.08V12%22/%3E%3C/svg%3E"); }
.sekme[data-sekme="odeme"] { --ic: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%222%22 y=%225%22 width=%2220%22 height=%2214%22 rx=%222%22/%3E%3Cpath d=%22M2 10h20%22/%3E%3C/svg%3E"); }
.sekme[data-sekme="okc"] { --ic: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M4 2v20l2-1 2 1 2-1 2 1 2-1 2 1 2-1 2 1V2l-2 1-2-1-2 1-2-1-2 1-2-1-2 1Z%22/%3E%3Cpath d=%22M16 8H8%22/%3E%3Cpath d=%22M16 12H8%22/%3E%3Cpath d=%22M13 16H8%22/%3E%3C/svg%3E"); }
.sekme[data-sekme="satis"] { --ic: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M3 3v18h18%22/%3E%3Cpath d=%22m7 15 4-4 3 3 5-6%22/%3E%3C/svg%3E"); }
.sekme[data-sekme="gunsonu"] { --ic: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%223%22 y=%224%22 width=%2218%22 height=%2218%22 rx=%222%22/%3E%3Cpath d=%22M16 2v4M8 2v4M3 10h18%22/%3E%3Cpath d=%22m9 16 2 2 4-4%22/%3E%3C/svg%3E"); }
.sekme[data-sekme="fiseditor"] { --ic: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M12 20h9%22/%3E%3Cpath d=%22M16.5 3.5a2.1 2.1 0 0 1 3 3L7 19l-4 1 1-4Z%22/%3E%3C/svg%3E"); }
.sekme[data-sekme="denetim"] { --ic: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M8 6h13M8 12h13M8 18h13M3 6h.01M3 12h.01M3 18h.01%22/%3E%3C/svg%3E"); }
.sekme[data-sekme="sistem"] { --ic: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z%22/%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%223%22/%3E%3C/svg%3E"); }
.sekme[data-sekme="kullanicilar"] { --ic: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2%22/%3E%3Ccircle cx=%229%22 cy=%227%22 r=%224%22/%3E%3Cpath d=%22M22 21v-2a4 4 0 0 0-3-3.87%22/%3E%3Cpath d=%22M16 3.13a4 4 0 0 1 0 7.75%22/%3E%3C/svg%3E"); }
.sekme[data-sekme="musteriler"] { --ic: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z%22/%3E%3C/svg%3E"); }
.sekme[data-sekme="qmenu"] { --ic: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%223%22 y=%223%22 width=%227%22 height=%227%22 rx=%221%22/%3E%3Crect x=%2214%22 y=%223%22 width=%227%22 height=%227%22 rx=%221%22/%3E%3Crect x=%223%22 y=%2214%22 width=%227%22 height=%227%22 rx=%221%22/%3E%3Cpath d=%22M14 14h3v3h-3zM20 14v.01M14 20h.01M17 20h4v-3%22/%3E%3C/svg%3E"); }
.sekme[data-sekme="puanla"] { --ic: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z%22/%3E%3C/svg%3E"); }
.sekme[data-sekme="wifi"] { --ic: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M5 13a10 10 0 0 1 14 0%22/%3E%3Cpath d=%22M8.5 16.5a5 5 0 0 1 7 0%22/%3E%3Cpath d=%22M2 8.82a15 15 0 0 1 20 0%22/%3E%3Cpath d=%22M12 20h.01%22/%3E%3C/svg%3E"); }
.sekme[data-sekme="ekranlar"] { --ic: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%222%22 y=%223%22 width=%2220%22 height=%2214%22 rx=%222%22/%3E%3Cpath d=%22M8 21h8%22/%3E%3Cpath d=%22M12 17v4%22/%3E%3C/svg%3E"); }
.sekme[data-sekme="platform"] { --ic: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%2210%22/%3E%3Cpath d=%22M2 12h20%22/%3E%3Cpath d=%22M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z%22/%3E%3C/svg%3E"); }
.sekme[data-sekme="asistan"] { --ic: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M12 3l1.9 5.8L20 11l-6.1 2.2L12 19l-1.9-5.8L4 11l6.1-2.2z%22/%3E%3Cpath d=%22M19 3v4M21 5h-4%22/%3E%3C/svg%3E"); }
.sekme[data-sekme="hesap"] { --ic: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%223%22 y=%2211%22 width=%2218%22 height=%2211%22 rx=%222%22/%3E%3Cpath d=%22M7 11V7a5 5 0 0 1 10 0v4%22/%3E%3C/svg%3E"); }

/* ---------- Telefon (yerleşim aynı, renkler yeni) ---------- */
@media (max-width: 760px) {
  body { background: var(--kasa) !important; }
  #ekran-panel > .ust { background: var(--ray) !important; }
  #ekran-panel > .ust .marka { font-size: 0; gap: 10px; }
  #ekran-panel > .ust .marka-q { display: inline-grid !important; width: 34px; height: 34px; box-shadow: none; }
  #ekran-panel > .ust .marka::after { content: 'DAVIDPEOPLE POS' !important; white-space: nowrap !important; color: #fff; font-weight: 800; }
  #ekran-panel > .ust .sekmeler { background: var(--ray) !important; }
  #ekran-panel > .ust .sekme { color: #A1A1AA; }
  #ekran-panel > .ust .sekme.etkin { background: var(--ray-2) !important; color: #fff !important; box-shadow: inset 3px 0 0 #A5B4FC !important; }
  #ekran-panel > .ust .ust-sag { background: #141416 !important; }
  .mobil-menu-btn { background: var(--ray-2) !important; border-color: #2A2A30 !important; }
  #ekran-panel > .ust .ust-sag .btn { background: var(--ray-2) !important; border-color: #2A2A30 !important; color: #fff !important; }
  .mobil-menu-perde { background: rgba(15,23,42,.5); }
}
.kat-satir.secili { border-left-color: var(--ana); background: var(--ana-acik); }
.boy-kutu.secili { border-color: var(--ana); background: var(--ana-acik); color: var(--ana-koyu); }
.boy-kutu.secili .vars { color: var(--ana-koyu); }

/* ---------- v2.22.0 Kiosk ---------- */
.sekme[data-sekme="kiosk"] { --ic: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%222%22 y=%223%22 width=%2220%22 height=%2214%22 rx=%222%22/%3E%3Cpath d=%22M8 21h8%22/%3E%3Cpath d=%22M12 17v4%22/%3E%3C/svg%3E"); }
.ki-liste { display: grid; gap: 12px; margin-bottom: 16px; }
.ki-kart { display: flex; gap: 16px; align-items: center; justify-content: space-between; flex-wrap: wrap; background: var(--yuzey); border: 1px solid var(--cizgi); border-radius: 14px; padding: 16px 18px; box-shadow: inset 4px 0 0 var(--ana); }
.ki-ana { display: grid; gap: 6px; min-width: 0; flex: 1 1 420px; }
.ki-bas { display: flex; gap: 10px; align-items: baseline; flex-wrap: wrap; }
.ki-bas b { font-size: 17px; }
.ki-etiket { display: flex; gap: 6px; flex-wrap: wrap; }
.ki-rozet { font-size: 12px; font-weight: 700; padding: 3px 10px; border-radius: 999px; background: var(--kasa); color: var(--silik); }
.ki-rozet.yesil { background: var(--yesil-acik); color: var(--yesil-koyu); }
.ki-rozet.sari { background: var(--amber-acik); color: var(--amber); }
.ki-rozet.kirmizi { background: var(--kirmizi-acik); color: var(--kirmizi); }
.ki-uyari { color: var(--amber); font-weight: 600; font-size: 13px; }
.ki-bekleyen { font-size: 13px; color: var(--ana-koyu); }
.ki-arac { display: flex; gap: 8px; flex-wrap: wrap; }
.ki-bos { padding: 28px; text-align: center; color: var(--silik); background: var(--yuzey); border: 1px dashed var(--cizgi-koyu); border-radius: 14px; }
.ki-adimlar { margin: 0; padding: 0 22px 8px 38px; display: grid; gap: 8px; color: #374151; line-height: 1.5; }
.ki-kutu { border: 1px solid var(--cizgi); border-radius: 12px; padding: 12px 14px; display: grid; gap: 10px; margin: 0; }
.ki-kutu legend { font-weight: 800; font-size: 13px; padding: 0 6px; }
.dlg label.satir-secim, label.satir-secim { flex-direction: row !important; align-items: center; gap: 10px; font-weight: 600; }
label.satir-secim input { width: 20px !important; height: 20px; min-height: 0 !important; flex: none; }
.ki-kod-govde { text-align: center; }
.ki-kod { display: flex; gap: 8px; justify-content: center; margin: 8px 0; }
.ki-kod span { width: 54px; height: 66px; border-radius: 12px; background: var(--ray); color: #fff; display: grid; place-items: center; font-size: 34px; font-weight: 800; }
.ki-kod-adres { font-weight: 800; font-size: 18px; color: var(--ana-koyu); user-select: all; }