/* ── INPUT PRODUKSI ── */
.inp-wrapper{background:var(--bg1);border:1px solid var(--bdr2);border-radius:var(--rad2);overflow:hidden;margin-bottom:14px}
.inp-topbar{background:var(--bg2);border-bottom:2px solid var(--amber);padding:12px 18px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}
.inp-topbar-title{font-family:var(--body);font-size:14px;font-weight:600;letter-spacing:-.1px;color:var(--amber);display:flex;align-items:center;gap:8px}
.inp-topbar-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.inp-meta-select{background:var(--bg3);border:1px solid var(--bdr2);color:var(--txt);padding:5px 8px;border-radius:var(--rad);font-size:12px;font-family:var(--body);outline:none;cursor:pointer}
.inp-meta-select:focus{border-color:var(--amber)}
.inp-meta-input{background:var(--bg3);border:1px solid var(--bdr2);color:var(--txt);padding:5px 8px;border-radius:var(--rad);font-size:12px;font-family:var(--body);outline:none;width:130px}
.inp-meta-input:focus{border-color:var(--amber)}
.op-row{background:var(--bg3);border-bottom:1px solid var(--bdr);padding:10px 18px;display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.op-field{display:flex;align-items:center;gap:8px}
.op-label{font-size:10px;color:var(--txt3);font-family:var(--mono);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}
.op-input{background:var(--bg2);border:1px solid var(--bdr2);color:var(--txt);padding:5px 10px;border-radius:var(--rad);font-size:12px;font-family:var(--body);outline:none;width:160px}
.op-input:focus{border-color:var(--amber)}
.sec-hdr{background:var(--bg3);border-bottom:1px solid var(--bdr);padding:6px 12px;font-size:9px;font-family:var(--mono);font-weight:700;color:var(--teal);text-transform:uppercase;letter-spacing:1px;display:flex;align-items:center;justify-content:space-between}
.sec-hdr.xp{color:var(--red);background:rgba(255,77,90,.06);border-color:rgba(255,77,90,.15)}

/* produksi table */
.inp-prod-table{width:100%;border-collapse:collapse}
.inp-prod-table thead th{background:var(--bg3);color:var(--txt3);font-size:9px;text-transform:uppercase;letter-spacing:.7px;padding:7px 8px;border:1px solid var(--bdr);text-align:center;font-family:var(--mono);font-weight:600;white-space:nowrap}
.inp-prod-table thead th.th-main{background:var(--bg2)}
.inp-prod-table tbody td{border:1px solid var(--bdr);padding:0;vertical-align:middle}
.inp-prod-table tbody td.td-no{text-align:center;font-family:var(--mono);font-size:9px;color:var(--txt4);width:28px;background:var(--bg3);padding:0 4px}
.inp-prod-table tbody td.td-auto{background:var(--bg2);font-family:var(--mono);font-size:10px;color:var(--teal);text-align:center;padding:2px 4px;word-break:break-all;line-height:1.3}
.inp-prod-table tbody td.td-keterangan{background:var(--bg2);font-family:var(--mono);font-size:9px;color:var(--amber);text-align:left;padding:3px 6px;word-break:break-all;line-height:1.4;cursor:pointer;transition:background .15s}
.inp-prod-table tbody td.td-keterangan:hover{background:var(--amber-dim)}
.inp-prod-table input.ci{width:100%;height:30px;background:transparent;border:none;padding:2px 6px;font-size:11px;color:var(--txt);font-family:var(--mono);text-align:center;outline:none}
.inp-prod-table input.ci:focus{background:rgba(245,166,35,.06)}
.inp-prod-table input.ci:read-only{color:var(--teal);cursor:default;background:transparent}
.inp-prod-table tbody tr:hover td{background:rgba(255,255,255,.015)}
.inp-prod-table tbody tr:hover td.td-no{background:var(--bg3)}
.inp-prod-table tbody tr:hover td.td-auto{background:var(--bg2)}
.inp-prod-table tbody tr:hover td.td-keterangan{background:var(--amber-dim)}
.inp-prod-table tfoot td{background:var(--bg3);font-family:var(--mono);font-size:10px;font-weight:700;padding:6px 8px;text-align:center;border:1px solid var(--bdr2);color:var(--amber)}
.inp-prod-table tfoot td.tf-label{color:var(--txt3);font-weight:600;text-align:right}
.del-btn{width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:4px;background:var(--red-dim);color:var(--red);border:none;cursor:pointer;font-size:10px;margin:4px auto}
.del-btn:hover{background:var(--red);color:white}

/* X Pengganti table */
.xp-table{width:100%;border-collapse:collapse}
.xp-table thead th{background:rgba(255,77,90,.08);color:var(--red);font-size:9px;text-transform:uppercase;letter-spacing:.7px;padding:7px 8px;border:1px solid rgba(255,77,90,.15);text-align:center;font-family:var(--mono);font-weight:600;white-space:nowrap}
.xp-table tbody td{border:1px solid var(--bdr);padding:0;vertical-align:middle}
.xp-table tbody td.td-no{text-align:center;font-family:var(--mono);font-size:9px;color:var(--txt4);width:28px;background:var(--bg3);padding:0 4px}
.xp-table tbody td.td-dipakai{background:var(--bg2);font-family:var(--mono);font-size:9px;color:var(--yellow);text-align:left;padding:3px 6px;word-break:break-all;line-height:1.4}
.xp-table input.xi{width:100%;height:30px;background:transparent;border:none;padding:2px 6px;font-size:11px;color:var(--red);font-family:var(--mono);text-align:center;outline:none}
.xp-table input.xi:focus{background:rgba(255,77,90,.06)}
.xp-table input.xi:read-only{color:var(--teal);cursor:default}
.xp-table tfoot td{background:rgba(255,77,90,.08);font-family:var(--mono);font-size:10px;font-weight:700;padding:6px 8px;text-align:center;border:1px solid rgba(255,77,90,.15);color:var(--red)}
.xp-table tfoot td.tf-label{color:var(--txt3);font-weight:600;text-align:right}

/* summary bar — bilyet units */
.sum-bar{padding:10px 18px;background:var(--bg3);border-top:1px solid var(--bdr);display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.sum-item{text-align:center;min-width:80px}
.sum-label{font-size:8px;color:var(--txt3);font-family:var(--mono);text-transform:uppercase;letter-spacing:.7px}
.sum-val{font-family:var(--mono);font-size:16px;font-weight:700;margin-top:2px}
.sum-unit{font-size:8px;color:var(--txt3);font-family:var(--mono)}

/* laporan classic print */
.lap-classic{background:white;color:#111;border-radius:4px;font-family:'Courier New',monospace;font-size:10px;padding:20px;line-height:1.3}
.lap-classic table{width:100%;border-collapse:collapse;font-size:9.5px}
.lap-classic th,.lap-classic td{border:1px solid #888;padding:3px 5px;text-align:center}
.lap-classic th{background:#d0d0d0;font-weight:bold}
.lap-classic .total-row td{background:#e0e0e0;font-weight:bold}
.lap-classic .ket td{background:#fffde7;text-align:left;font-size:8px}
.lap-h1{font-size:12px;font-weight:bold;text-align:center;margin-bottom:4px}
.lap-h2{font-size:10px;text-align:center;margin-bottom:10px;color:#555}
.chart-wrap{position:relative;overflow:hidden;width:100%;max-width:100%;box-sizing:border-box}
.chart-wrap canvas{max-width:100% !important}

/* consumable list */
.cons-item{display:flex;align-items:center;gap:12px;padding:11px 14px;border-bottom:1px solid var(--bdr)}
.cons-item:last-child{border-bottom:none}
.cons-ico{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0;background:var(--bg3)}
.cons-nm{font-size:12px;font-weight:600;color:var(--txt)}
.cons-lbl{font-size:10px;color:var(--txt3);font-family:var(--mono);margin-top:1px}
.cons-stok{font-family:var(--mono);font-size:15px;font-weight:700;text-align:right}
.cons-bar{flex:1}