/* DAVIDPEOPLE POS v2.1.0 — Yönetim > Sistem sekmesi */
.sis-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 12px; margin: 14px 0 18px; }
.sis-kart { background: var(--yuzey); border: 1px solid var(--cizgi); border-radius: var(--r-orta); padding: 14px 16px; min-width: 0; }
.sis-kart span { display: block; color: var(--silik); font-size: 13px; }
.sis-kart b { display: block; font-size: 18px; margin-top: 4px; overflow-wrap: anywhere; }
.sis-kart small { display: block; color: var(--silik); font-size: 12px; margin-top: 4px; overflow-wrap: anywhere; }
.sis-kart.iyi { border-left: 4px solid var(--yesil); }
.sis-kart.uyar { border-left: 4px solid var(--amber); }
.sis-kart.kotu { border-left: 4px solid var(--kirmizi); }
.sis-blok { background: var(--yuzey); border: 1px solid var(--cizgi); border-radius: var(--r-orta); padding: 16px; margin-bottom: 16px; }
.sis-blok-bas { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; flex-wrap: wrap; margin-bottom: 10px; }
.sis-blok-bas p { margin: 2px 0 0; }
.sis-uyari { background: var(--amber-acik); border: 1px solid var(--amber); color: var(--murekkep); border-radius: var(--r-orta); padding: 10px 14px; margin: 8px 0; }
.sis-uyari.kotu { background: var(--kirmizi-acik); border-color: var(--kirmizi); }
.sis-form { display: grid; grid-template-columns: 1fr 1fr; gap: 12px 16px; align-items: start; }
.sis-form label { display: grid; gap: 4px; font-size: 14px; }
.sis-form input[type="text"], .sis-form input:not([type]) { padding: 9px 10px; border: 1px solid var(--cizgi-koyu); border-radius: var(--r-kucuk); font: inherit; min-width: 0; }
.sis-form .sis-onay { display: flex; flex-direction: row; gap: 8px; align-items: center; align-self: center; font-weight: 600; }
.sis-form .sis-onay input { width: 18px; height: 18px; margin: 0; flex: none; }
.sis-form-arac { align-self: center; }
.sis-form-arac { display: flex; gap: 8px; flex-wrap: wrap; }
.sis-form .form-hata, .sis-form details { grid-column: 1 / -1; }
.sis-form details ol { margin: 8px 0; padding-left: 20px; }
.sis-form code { background: var(--kasa); padding: 2px 6px; border-radius: 4px; }
#sekme-sistem .tablo td.sag, #sekme-sistem .tablo th.sag { text-align: right; }
@media (max-width: 760px) { .sis-form { grid-template-columns: 1fr; } }

/* v2.2.0 — Kullanıcılar ve Hesabım */
.kul-form { display: grid; gap: 12px; }
.kul-form label { display: grid; gap: 4px; }
.kul-iki { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.kul-kutu { border: 1px solid var(--cizgi); border-radius: var(--r-orta); padding: 10px 12px; margin: 0; display: grid; gap: 8px; }
.kul-kutu legend { padding: 0 6px; font-weight: 600; }
#kul-izinler, #kul-subeler { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 8px 14px; }
.kul-form .kul-onay, .kul-kutu .kul-onay { display: flex; flex-direction: row; gap: 8px; align-items: flex-start; font-weight: normal; }
.kul-onay input { width: 18px; height: 18px; margin: 2px 0 0; flex: none; }
.iki-kurulum { margin-top: 12px; display: grid; gap: 10px; justify-items: start; }
.iki-kurulum ol { margin: 0; padding-left: 20px; }
.iki-kurulum img { width: 200px; height: 200px; background: #fff; border: 1px solid var(--cizgi); border-radius: var(--r-orta); padding: 6px; }
.iki-kurulum code, .iki-kodlar pre { background: var(--kasa); padding: 2px 6px; border-radius: 4px; font-size: 14px; letter-spacing: .04em; }
.iki-kodlar { margin-top: 12px; background: var(--amber-acik); border: 1px solid var(--amber); border-radius: var(--r-orta); padding: 12px 14px; }
.iki-kodlar pre { padding: 10px 12px; columns: 2; font-size: 16px; }
.iki-islem { display: flex; gap: 8px; flex-wrap: wrap; margin: 8px 0; }
.iki-islem input, #iki-onay-kod { padding: 9px 10px; border: 1px solid var(--cizgi-koyu); border-radius: var(--r-kucuk); font: inherit; min-width: 0; }
#form-iki-adim .btn-sade { margin-top: 6px; }
@media (max-width: 760px) { .kul-iki { grid-template-columns: 1fr; } }

#ekran-panel>.ust .sekme[data-sekme="sistem"]:before{content:'⚙'}
#ekran-panel>.ust .sekme[data-sekme="kullanicilar"]:before{content:'☺'}
#ekran-panel>.ust .sekme[data-sekme="hesap"]:before{content:'⚿'}

#is-gunu-saat { width: 76px; }
#ekran-panel>.ust .sekme[data-sekme="musteriler"]:before{content:'★'}

/* v2.6.0: Ürün görseli */
.gorsel-alan{display:grid;gap:6px;margin:4px 0 8px}
.gorsel-satir{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.gorsel-kutu{width:96px;height:96px;border:1px dashed #cbd5e1;border-radius:10px;display:grid;place-items:center;overflow:hidden;background:#f8fafc;color:#94a3b8;font-size:12px;text-align:center}
.gorsel-kutu img{width:100%;height:100%;object-fit:cover}
.gorsel-arac{display:flex;gap:8px;flex-wrap:wrap}
/* v2.7.0 Toplu ürün görseli */
.tg-adim{margin:0 0 10px;padding-left:20px;display:grid;gap:12px;font-size:14px}
.tg-satir{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;margin-top:8px}
.tg-onay{display:inline-flex;gap:6px;align-items:center;font-size:13.5px;cursor:pointer}
.tg-stil{width:100%;margin-top:6px;font:inherit;font-size:13px;padding:8px;border:1px solid var(--cizgi);border-radius:8px;resize:vertical}
.tg-ozet{margin:6px 0;font-weight:600;font-size:14px}
.tg-tablo{max-height:42vh}
.tg-tablo select{max-width:100%;font:inherit;font-size:13px;padding:4px 6px;border:1px solid var(--cizgi);border-radius:6px}
.tg-tablo td:first-child{word-break:break-all;max-width:220px}
.tg-iyi{color:#067647;font-weight:600}.tg-uyari{color:#b54708;font-weight:600}.tg-kotu{color:#b42318;font-weight:600}
#tg-eksik-liste{font-size:13px;line-height:1.6}
#dlg-gorsel .tg-onay{display:inline-flex!important;flex-direction:row!important;align-items:center;gap:8px;margin:0!important;font-weight:500}
#dlg-gorsel .tg-onay input[type=checkbox]{width:18px!important;height:18px!important;min-height:0!important;margin:0!important;padding:0!important;flex:none}

/* v2.8.0 Şube menüsü */
.sm-arac{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;margin-bottom:10px}
.sm-arac .ara-kutu{flex:1 1 220px;min-width:180px}
.sm-arac select{min-height:40px;padding:6px 10px;border:1px solid var(--cizgi);border-radius:8px;font:inherit}
.sm-tablo{max-height:56vh}
#dlg-sube-menu td input[type=checkbox]{width:20px!important;height:20px!important;min-height:0!important;margin:0}
#dlg-sube-menu td.ort{text-align:center}
#dlg-sube-menu tr.sm-kapali td:first-child{color:#98a2b3;text-decoration:line-through}
#dlg-sube-menu tr.sm-tukendi td:first-child{color:#b42318;font-weight:700}

/* v2.9.0 QR menü kodları */
.qrkod-durum { display: flex; flex-wrap: wrap; gap: 6px; }
.qrkod-liste { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 10px; }
.qrkod-kart { display: flex; gap: 12px; align-items: center; border: 1px solid var(--cizgi); border-radius: 10px; padding: 10px; background: #fff; }
.qrkod-kart img { flex: none; width: 120px; height: 120px; image-rendering: pixelated; }
.qrkod-metin { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.qrkod-url { font-size: 12px; word-break: break-all; color: #2B6CB0; }
.qrkod-sec { display: flex; flex-direction: row; align-items: center; gap: 6px; font-size: 13px; font-weight: 600; }
.qrkod-sec input { width: 18px !important; height: 18px !important; min-height: 0 !important; padding: 0; margin: 0; flex: none; }
@media (max-width: 520px) { .qrkod-liste { grid-template-columns: 1fr; } .qrkod-kart img { width: 96px; height: 96px; } }

/* v2.9.1 Q Menü yönetimi */
.qm-arac { display: flex; gap: 8px; flex-wrap: wrap; }
.qm-sekmeler { display: flex; gap: 6px; flex-wrap: wrap; margin: 4px 0 14px; }
.qm-sekme { border: 1px solid var(--cizgi-koyu); background: var(--yuzey); border-radius: 999px; padding: 8px 14px; font: inherit; font-weight: 600; cursor: pointer; }
.qm-sekme[aria-selected=true] { background: var(--murekkep, #0B1B2B); border-color: var(--murekkep, #0B1B2B); color: #fff; }
.qm-gorsel { display: flex; align-items: center; min-height: 60px; margin-bottom: 10px; }
.qm-gorsel img { max-height: 70px; max-width: 260px; object-fit: contain; background: #fff; border: 1px solid var(--cizgi); border-radius: 8px; padding: 6px; }
.qm-grup { margin-top: 12px; }
.qm-grup h3 { font-size: 13px; text-transform: uppercase; letter-spacing: .04em; color: var(--silik); margin: 0 0 6px; }
.qm-durum { font-size: 12.5px; font-weight: 700; margin-top: 4px; }
.qm-durum.yesil { color: var(--yesil); } .qm-durum.amber { color: var(--amber); } .qm-durum.gri { color: var(--silik); }
.qm-pos { margin-top: 16px; }
.qm-genis { grid-column: 1 / -1; }
.qm-sonuc { margin: 0; font-size: 14px; } .qm-sonuc.iyi { color: var(--yesil); font-weight: 700; } .qm-sonuc.kotu { color: var(--kirmizi); }
.qm-arac-satir { display: flex; gap: 6px; flex-wrap: wrap; justify-content: flex-end; }
@media (max-width: 700px) { .qm-pos .sis-form { grid-template-columns: 1fr; } }