/* ============ Stok Awal — input massal saldo awal per gudang ============ */
.sa-bar{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end;margin-bottom:12px}
.sa-bar .field{margin:0;min-width:150px;flex:0 0 auto}
.sa-bar .field label{margin-bottom:5px;font-size:11.5px}
.sa-bar .field.sa-cari{flex:1 1 200px;min-width:180px}
.sa-bar .select,.sa-bar .input{height:auto;padding:9px 12px;line-height:1.25;font-size:13px}
.sa-bar .select{padding-right:32px}

table.sa-tbl{min-width:800px}
table.sa-tbl td{padding:7px 10px;font-size:12.4px;vertical-align:middle}
table.sa-tbl td.sa-no{color:#93a0ad;font-size:11px;font-weight:700}
table.sa-tbl td.cell-kat{font-size:11px;color:#5e6b79;max-width:132px}
table.sa-tbl tr.sa-on>td{background:#f0f8f2}
table.sa-tbl tr.sa-on:hover>td{background:#e8f5ec}
.sa-qty{width:106px;text-align:right;padding:6px 9px;font-weight:800;font-size:13px;background:#fbfcfd}
.sa-qty:focus{border-color:#195395;background:#fff;box-shadow:0 0 0 3px rgba(25,83,149,.12)}
.sa-qty::placeholder{font-weight:500;color:#b9c3cd}

.sa-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;
  border-top:1px solid #eef1f5;margin-top:12px;padding-top:12px}
.sa-sum{font-size:12.4px;color:#5a6673}
.sa-sum b{color:#0d3a6d;font-size:13.2px}
.sa-acts{display:flex;gap:8px;flex-wrap:wrap}

@media (max-width:680px){
  .sa-bar .field{min-width:calc(50% - 5px);flex:1 1 calc(50% - 5px)}
  .sa-bar .field.sa-cari{flex:1 1 100%;min-width:100%}
  .sa-acts{width:100%}
  .sa-acts .btn{flex:1}
  .sa-qty{width:88px}
}