/* stil.css - GUROK SIPARIS ortak stiller (kaynak: siparis_sistemi.html v11b) */
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;background:#f5f6fa;color:#333}
.hdr{background:linear-gradient(135deg,#1e3a5f,#2d5f8a);color:#fff;padding:14px 16px;position:sticky;top:0;z-index:100;box-shadow:0 2px 8px rgba(0,0,0,.2)}
.hdr h1{font-size:17px;font-weight:700;margin-bottom:8px}
.hr{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.hdr select{flex:1;min-width:200px;padding:10px;font-size:14px;border:none;border-radius:8px}
.db{padding:10px 20px;background:#c00000;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer;white-space:nowrap}
.db:hover{background:#a00000}.db:disabled{background:#888;cursor:not-allowed}.db.ok{background:#2e7d32}
.mn{display:flex;min-height:calc(100vh - 90px)}
.lp{flex:1;padding:10px;overflow-y:auto;max-height:calc(100vh - 90px)}
.sp{width:360px;min-width:300px;background:#fff;border-left:3px solid #c00000;padding:14px;overflow-y:auto;max-height:calc(100vh - 90px);position:sticky;top:90px}
.gh{padding:7px 12px;font-size:12px;font-weight:700;border-radius:5px;margin:6px 0 3px;letter-spacing:.3px;color:#fff}
.g0{background:#2e75b6}.g1{background:#843c0c}.g2{background:#548235}.g3{background:#7030a0}.g4{background:#1f6e6e}.g5{background:#a6611a}.g6{background:#bf8f00}.g7{background:#c55a11}.gd{background:#666}
.ir{display:flex;align-items:center;padding:5px 8px;background:#fff;border-bottom:1px solid #f0f0f0;border-radius:3px;margin:1px 0}
.ir.hq{background:#fff9e6}
.ic{width:105px;font-size:10px;color:#999;font-family:monospace;flex-shrink:0}
.in{flex:1;font-size:12px;padding:0 6px}
.iu{width:35px;font-size:10px;color:#777;text-align:center;flex-shrink:0}
.iq input{width:52px;padding:5px 3px;text-align:center;border:2px solid #ddd;border-radius:5px;font-size:13px;font-weight:700;background:#fffde7}
.iq input:focus{border-color:#2e75b6;outline:none}.iq input.fl{border-color:#e6a800;background:#fff8d6}
.st{color:#c00000;font-size:15px;font-weight:700;border-bottom:2px solid #c00000;padding-bottom:5px;margin-bottom:3px}
.sc{font-size:12px;color:#666;margin-bottom:10px}.sc span{color:#c00000;font-weight:700;font-size:15px}
.tb{width:100%;border-collapse:collapse;font-size:11px}
.tb th{background:#c00000;color:#fff;padding:4px 6px;text-align:left;font-size:10px;position:sticky;top:0}
.tb td{padding:4px 6px;border-bottom:1px solid #f0f0f0}
.cb{display:block;width:100%;margin-top:8px;padding:8px;background:#fff;color:#999;border:1px solid #ddd;border-radius:6px;font-size:12px;cursor:pointer}
.sb{width:100%;padding:8px 10px;border:2px solid #ddd;border-radius:6px;font-size:13px;margin-bottom:6px}.sb:focus{border-color:#2e75b6;outline:none}
.ib{display:flex;justify-content:space-between;padding:4px 0;font-size:12px;color:#666}
.bg{background:#e8f0fe;color:#1e3a5f;padding:3px 8px;border-radius:10px;font-size:11px;font-weight:600}
.em{text-align:center;color:#bbb;padding:40px;font-size:13px}
.tb2{padding:10px 16px;background:#1a6b3c;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer;white-space:nowrap}
.tb2:hover{background:#14532d}.tb2.active{background:#f59e0b;color:#333}
.depo-panel{display:none;padding:16px;overflow-y:auto}
.depo-panel.show{display:block}
.depo-header{background:#1a1a1a;color:#fff;padding:10px 14px;font-size:15px;font-weight:700;border-radius:6px;margin-bottom:10px;display:flex;justify-content:space-between;align-items:center}
.depo-tbl{width:100%;border-collapse:collapse;font-size:12px}
.depo-tbl th{background:#1a1a1a;color:#fff;padding:6px 8px;text-align:left;font-size:11px;position:sticky;top:0}
.depo-tbl td{padding:5px 8px;border-bottom:1px solid #eee}
.depo-tbl tr:hover{background:#f0f7ff}
.depo-tbl .outlet-cell{font-size:10px;color:#666}
.depo-grp{background:#305496;color:#fff;padding:6px 12px;font-size:12px;font-weight:700;border-radius:4px;margin:8px 0 4px}
.depo-count{background:#c00000;color:#fff;padding:3px 10px;border-radius:12px;font-size:12px;font-weight:700}
/* ===== Bulut sürümü için eklenenler ===== */

/* Gönder butonu */
.gb{padding:10px 20px;background:#1a6b3c;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer;white-space:nowrap}
.gb:hover{background:#14532d}
.gb:disabled{background:#888;cursor:not-allowed}
.gb.ok{background:#2e7d32}

/* Seçili barın adı (bar başlığı) */
.outlet-ad{background:rgba(255,255,255,.15);color:#fff;padding:9px 14px;border-radius:8px;
           font-size:15px;font-weight:700;white-space:nowrap;flex:1;min-width:180px}

/* Kod giriş kutusu — kod kısa, iri ve okunaklı olsun */
#kod{font-size:24px;font-weight:700;letter-spacing:4px;padding:14px;text-transform:uppercase}
.kilit small{color:#999;font-size:12px;letter-spacing:0}
.kilit small b{color:#1e3a5f}

/* Mutfak bölüm seçimi */
.bolum-btn{width:100%;padding:15px;margin-bottom:9px;background:#fff;color:#1e3a5f;
           border:2px solid #dde3ea;border-radius:9px;font-size:16px;font-weight:700;
           cursor:pointer;display:flex;justify-content:space-between;align-items:center}
.bolum-btn:hover{border-color:#2e75b6;background:#f0f7ff}
.bolum-btn span{font-size:11px;font-weight:600;color:#999}

/* Gönderim durumu rozeti (bar) */
.dz{font-size:12px;padding:5px 12px;border-radius:14px;font-weight:700;white-space:nowrap}
.dz.yok{background:rgba(255,255,255,.15);color:#dbe6f0}
.dz.var{background:#2e7d32;color:#fff}
.dz.hata{background:#c00000;color:#fff}

/* Depo şifre ekranı */
.kilit{max-width:380px;margin:80px auto;background:#fff;padding:28px;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.12);text-align:center}
.kilit h2{font-size:18px;color:#1e3a5f;margin-bottom:6px}
.kilit p{font-size:13px;color:#777;margin-bottom:18px}
.kilit input{width:100%;padding:12px;font-size:16px;border:2px solid #ddd;border-radius:8px;text-align:center;margin-bottom:12px}
.kilit input:focus{border-color:#2e75b6;outline:none}
.kilit button{width:100%;padding:12px;background:#1e3a5f;color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:700;cursor:pointer}
.kilit button:disabled{background:#888;cursor:not-allowed}
.kilit .err{color:#c00000;font-size:13px;font-weight:600;min-height:18px;margin-top:10px}

/* Depo durum şeridi */
.serit{background:#fff;border-radius:8px;padding:12px 14px;margin-bottom:10px;box-shadow:0 1px 4px rgba(0,0,0,.08)}
.serit-ust{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:10px}
.serit-ust b{font-size:15px;color:#1e3a5f}
.serit-alt{display:flex;flex-wrap:wrap;gap:5px}
.chip{font-size:11px;padding:5px 10px;border-radius:11px;font-weight:600}
.chip.geldi{background:#e3f5e8;color:#1a6b3c;border:1px solid #a8d5b8}
.chip.bekliyor{background:#f7f7f7;color:#888;border:1px solid #e6e6e6}
.bekle-btn{background:none;border:none;color:#777;font-size:12px;font-weight:600;
           cursor:pointer;padding:4px 0}
.bekle-btn:hover{color:#1e3a5f;text-decoration:underline}
.serit input[type=date]{padding:8px 10px;border:2px solid #ddd;border-radius:7px;font-size:13px}
.canli{font-size:11px;color:#888;display:flex;align-items:center;gap:5px}
.canli i{width:7px;height:7px;border-radius:50%;background:#2e7d32;display:inline-block;animation:yanip 2s infinite}
@keyframes yanip{0%,100%{opacity:1}50%{opacity:.25}}

/* Grup başlığındaki kalem sayısı */
.gh .gs{float:right;background:rgba(255,255,255,.25);padding:1px 8px;border-radius:9px;
        font-size:10px;font-weight:600}

/* ===== Bar: gönderim makbuzu ===== */
.makbuz{margin-top:16px;border-top:2px solid #eee;padding-top:12px}
.makbuz-bas{font-size:11px;font-weight:700;color:#1a6b3c;letter-spacing:.4px;margin-bottom:7px}
.makbuz-sat{display:flex;justify-content:space-between;align-items:center;gap:8px;
            background:#f2f9f4;border:1px solid #d7ecdd;border-radius:6px;
            padding:7px 10px;margin-bottom:5px}
.makbuz-sat b{font-family:monospace;font-size:11px;color:#1a6b3c}
.makbuz-sat span{font-size:11px;color:#777}

/* ===== Depo: sekmeler ===== */
.sekmeler{display:flex;gap:6px;margin-bottom:10px}
.sk{padding:10px 18px;background:#fff;color:#888;border:1px solid #e0e0e0;border-radius:8px;
    font-size:13px;font-weight:700;cursor:pointer}
.sk:hover{color:#1e3a5f}
.sk.aktif{background:#1e3a5f;color:#fff;border-color:#1e3a5f}

/* ===== Depo: talep listesi ===== */
.talep-bas,.talep-sat{display:grid;grid-template-columns:170px 1fr 62px 210px 170px 24px;
                      gap:10px;align-items:center}
.talep-bas{padding:8px 14px;font-size:10px;font-weight:700;color:#999;letter-spacing:.5px}
.talep-sat{background:#fff;border-radius:8px;padding:13px 14px;margin-bottom:6px;cursor:pointer;
           box-shadow:0 1px 3px rgba(0,0,0,.07);border-left:4px solid #e6a800;
           transition:transform .12s,box-shadow .12s;font-size:13px}
.talep-sat:hover{transform:translateX(3px);box-shadow:0 3px 10px rgba(0,0,0,.13)}
.talep-sat.onayli{border-left-color:#2e7d32;background:#fbfefb}
.talep-sat .tno{font-family:monospace;font-size:12px;font-weight:700;color:#1e3a5f}
.talep-sat .ileri{font-size:22px;color:#bbb;text-align:right}
.talep-sat .uyari{font-style:normal;font-size:10px;background:#fff3e0;color:#b26500;
                  padding:2px 7px;border-radius:9px;margin-left:4px;white-space:nowrap}
/* Mutfak bölüm etiketi (KAHVALTI, PASTANE...) */
.bolum-et{font-style:normal;font-size:10px;font-weight:700;background:#ede7f6;color:#5e35b1;
          padding:2px 8px;border-radius:9px;margin-left:5px;white-space:nowrap}

.rz{font-size:11px;font-weight:700;padding:5px 11px;border-radius:12px;white-space:nowrap}
.rz.talep{background:#fff8e1;color:#b26500;border:1px solid #ffe0a3}
.rz.onay{background:#e3f5e8;color:#1a6b3c;border:1px solid #a8d5b8}

/* ===== Depo: kalem envanteri ===== */
.env-arac{background:#fff;border-radius:8px;padding:12px 14px;margin-bottom:10px;
          box-shadow:0 1px 4px rgba(0,0,0,.08);display:flex;align-items:center;
          gap:10px;flex-wrap:wrap}
.env-arac label{font-size:12px;color:#777;font-weight:600;display:flex;align-items:center;gap:6px}
.env-arac input[type=date]{padding:7px 9px;border:2px solid #ddd;border-radius:7px;font-size:13px}
.env-arac input[type=date]:focus{border-color:#2e75b6;outline:none}
.env-hazir{font-size:12px;color:#888}
.env-ara{flex:1;min-width:180px;margin:0 !important;max-width:280px}

.env-tbl{width:100%;border-collapse:collapse;font-size:12px}
.env-tbl th{background:#1a1a1a;color:#fff;padding:8px;text-align:left;font-size:11px;
            position:sticky;top:0;z-index:2}
.env-tbl td{padding:7px 9px;border-bottom:1px solid #f0f0f0}
.env-tbl .say{text-align:center}
.env-sat{cursor:pointer;background:#fff}
.env-sat:hover{background:#f0f7ff}
.env-sat .cikan{font-weight:700;color:#1a6b3c;font-size:14px}
.env-sat .cikan.sifir{color:#ccc;font-weight:400;font-size:12px}
.env-sat .bekleyen{color:#b26500;font-weight:600}
.env-sat .hrk-say{color:#999;font-size:11px}
.env-sat .ileri{color:#bbb;font-size:19px}

/* Ürün hareket ekranındaki özet kutuları */
.ozet-kutu{display:inline-flex;flex-direction:column;align-items:center;
           background:#f5f6fa;border:1px solid #e6e6e6;border-radius:8px;padding:7px 15px;min-width:78px}
.ozet-kutu b{font-size:19px;line-height:1.1;color:#333}
.ozet-kutu span{font-size:9px;color:#999;letter-spacing:.5px;margin-top:2px}
.ozet-kutu.cikan{background:#e3f5e8;border-color:#a8d5b8}
.ozet-kutu.cikan b{color:#1a6b3c}
.ozet-kutu.bekleyen{background:#fff8e1;border-color:#ffe0a3}
.ozet-kutu.bekleyen b{color:#b26500}
.detay-tbl tr.bekleyen-sat{background:#fffaf0}

/* ===== Depo: sipariş detayı ===== */
.geri{background:none;border:none;color:#1e3a5f;font-size:14px;font-weight:700;
      cursor:pointer;padding:6px 0;margin-bottom:10px}
.geri:hover{text-decoration:underline}
.detay-bas{background:#fff;border-radius:10px;padding:16px;margin-bottom:12px;
           box-shadow:0 1px 4px rgba(0,0,0,.08);display:flex;justify-content:space-between;
           align-items:center;flex-wrap:wrap;gap:12px}
.detay-bas .dno{font-family:monospace;font-size:19px;font-weight:700;color:#1e3a5f}
.detay-bas .dbar{font-size:13px;color:#777;margin-top:3px}
.detay-btn{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.detay-tbl{width:100%;border-collapse:collapse;font-size:12px;background:#fff;
           border-radius:8px;overflow:hidden}
.detay-tbl th{background:#1a1a1a;color:#fff;padding:9px;text-align:left;font-size:11px;
              position:sticky;top:0}
.detay-tbl td{padding:7px 9px;border-bottom:1px solid #f0f0f0}
.detay-tbl tr.degisti{background:#fff8e1}
.detay-tbl tr.verilmedi{background:#fdeaea;color:#999}
.detay-tbl tr.verilmedi td:nth-child(2){text-decoration:line-through}
.onay-inp{width:66px;padding:6px 4px;text-align:center;border:2px solid #2e75b6;border-radius:6px;
          font-size:14px;font-weight:700;background:#fff}
.onay-inp:focus{outline:none;border-color:#1e3a5f;background:#fffde7}
.onay-inp:disabled{border-color:#ddd;background:#f4f4f4;color:#999}
.onay-inp.kaydedildi{border-color:#2e7d32;background:#e3f5e8}
.detay-not{font-size:12px;color:#888;padding:12px 4px}

@media(max-width:768px){
  .mn{flex-direction:column}
  .sp{width:100%;min-width:auto;border-left:none;border-top:3px solid #c00000;max-height:none;position:relative;top:0}
  .lp{max-height:none}
  .ic{width:80px;font-size:9px}
  .talep-bas{display:none}
  .talep-sat{grid-template-columns:1fr auto;gap:5px 10px;font-size:12px}
  .talep-sat .ileri{display:none}
  .detay-bas{flex-direction:column;align-items:stretch}
  .env-ara{max-width:none}
  .env-tbl{font-size:11px}
  .env-tbl th:nth-child(6),.env-sat td:nth-child(6){display:none}  /* HAREKET sütunu */
}