:root{
  --bg:#0b1020; --card:#111827; --line:#1f2937; --text:#e5e7eb;
  --accent:#22c55e; --accent2:#16a34a; --muted:#93a3b5; --radius:16px;
}
*{box-sizing:border-box}
body{margin:0;font-family:Inter,system-ui,Segoe UI,Roboto,Arial;background:linear-gradient(135deg,#0b1020 0%,#0f172a 60%,#0b1328 100%); color:var(--text); min-height:100vh}
.wrap{max-width:1100px;margin:0 auto;padding:16px}
.nav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.nav a{padding:11px 14px;border:1px solid var(--line);border-radius:14px;text-decoration:none;color:var(--text); background:#0f172a; transition:.2s}
.nav a.active{background:linear-gradient(180deg,#101a2f,#0d1527)}
.card{background:rgba(17,24,39,.92);border:1px solid var(--line);border-radius:var(--radius);padding:14px;margin-bottom:12px; box-shadow:0 10px 30px rgba(0,0,0,.22);}
.row{display:grid;grid-template-columns:repeat(12,1fr);gap:10px}
.input,select,textarea{width:100%;padding:14px;border-radius:14px;border:1px solid var(--line);background:#0b1526;color:var(--text); font-size:16px}
.input:focus,select:focus,textarea:focus{outline:none; border-color:#2563eb; box-shadow:0 0 0 3px rgba(37,99,235,.25)}
.btn{padding:12px 14px;border-radius:14px;border:1px solid var(--line);background:#0b1526;color:var(--text);cursor:pointer; font-weight:600}
.btn.primary{background:linear-gradient(90deg,var(--accent),var(--accent2));border:0;color:#052e16}
.btn.ghost{background:#0f172a}
.table{width:100%;border-collapse:collapse}
.table th,.table td{border-bottom:1px dashed var(--line);padding:10px;text-align:left;vertical-align:top}
.small{font-size:12px;color:var(--muted)} .kpi{font-weight:800}
.toast{background:#052e16;border:1px solid #14532d;color:#c7f9cc;padding:10px 12px;border-radius:12px;margin-bottom:12px}
.block{display:block;width:100%}

/* Mobil kullan覺m */
.qtyWrap{display:flex; align-items:center; gap:8px}
.qtyBtn{width:48px; height:48px; border-radius:12px; border:1px solid var(--line); background:#0b1526; color:var(--text); font-size:22px; line-height:46px; text-align:center}
.input.big{height:56px; font-size:18px; padding:14px 16px}
.select.big{height:56px; font-size:18px; padding:10px 12px}
.cellLabel{font-size:12px; color:#9fb2d0; margin-bottom:6px}

@media (max-width: 880px){
  .wrap{padding:10px}
  .row{grid-template-columns:repeat(6,1fr)}
  .nav a{flex:1 1 auto; text-align:center}

  table.resp{border-collapse:separate; border-spacing:0 10px}
  table.resp thead{display:none}
  table.resp tbody{display:block; background:#0f172a; border:1px solid var(--line); border-radius:14px; padding:12px; margin-bottom:10px}
  table.resp td{display:block; border:none; padding:6px 0}
  table.resp td + td{margin-top:6px; border-top:1px dashed rgba(255,255,255,.06); padding-top:8px}
  .input, select{font-size:18px}
}
.stickyBar{position:sticky; bottom:0; background:rgba(11,16,32,.92); backdrop-filter:blur(8px); border:1px solid var(--line); border-radius:14px; padding:10px; display:flex; align-items:center; gap:10px; justify-content:space-between}
.stickySum{font-weight:800; font-size:18px}
.removeBtn{border:1px solid #7f1d1d; background:#1f0e0e; color:#fecaca; border-radius:12px; padding:10px 12px}
/* Mobilde çift dokunma/pinch zoom’u kapat */
html, body { touch-action: manipulation; }
button, a, input, select, textarea { touch-action: manipulation; }