/* Gudang Kain PT ASS — tambahan tampilan sistem asli (memakai warna dan huruf yang sama dengan contoh aplikasi) */

/* sedang menyimpan: garis tipis berjalan di atas layar, ketukan lain diabaikan */
html.gk-busy body::after{content:"";position:fixed;left:0;right:0;top:env(safe-area-inset-top,0px);height:3px;z-index:9999;
  background:linear-gradient(90deg,transparent 0,var(--acc,#2F4A8A) 35%,transparent 70%) 0 0/200% 100%;animation:gk-bar 1s linear infinite}
html.gk-busy [data-a]{cursor:progress}
@keyframes gk-bar{to{background-position:-200% 0}}
@media (prefers-reduced-motion:reduce){html.gk-busy body::after{animation:none;background:var(--acc,#2F4A8A);opacity:.6}}

.gk-lead{margin:4px 2px 14px}
.gk-note{margin:0 0 14px}
.gk-card{padding:14px}
.gk-form .lg-field{margin-top:12px}
.gk-form .lg-field label{display:block;font-weight:600;font-size:13px;margin-bottom:6px}
.gk-wrap{flex-wrap:wrap}
.gk-jq{align-items:flex-start}
.gk-jq .k{max-width:100%;line-height:1.5}
.gk-jqd{display:block;margin-top:4px;color:var(--ink,inherit)}
.gk-jqd small{color:var(--muted,#667)}
.field-err{color:var(--alert,#B42318);font-size:13px;margin:6px 0 0}
.inp.bad{border-color:var(--alert,#B42318)}

/* impor packing list / stok awal */
.gk-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px 14px}
.gk-cols label{display:flex;flex-direction:column;justify-content:space-between;gap:6px;font-weight:600}
.gk-cols .seg{grid-column:1/-1}
.gk-plrow{align-items:flex-start}
.gk-plrow .k{min-width:0;line-height:1.5}
.gk-plrow .v{text-align:right;white-space:nowrap}
.gk-plmap{display:flex;flex-direction:column;gap:6px;margin-top:8px}
.gk-plmap label{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.gk-plmap select{width:auto;min-width:0;max-width:100%}
.gk-tbl{overflow-x:auto;margin:0 -2px}
.gk-tbl table{border-collapse:collapse;width:100%;font-size:13px}
.gk-tbl th,.gk-tbl td{padding:6px 8px;border-bottom:1px solid var(--line,rgba(0,0,0,.08));text-align:left;white-space:nowrap}
.gk-tbl td.r,.gk-tbl th.r{text-align:right}
.gk-tbl tr.bad td{color:var(--alert,#B42318)}
.gk-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.gk-row .btn{width:auto;flex:0 0 auto}
.gk-row + .field{margin-top:14px}
.gk-awnew{display:grid;grid-template-columns:minmax(90px,1fr) repeat(3,minmax(0,1.3fr));gap:8px 10px;align-items:end;padding:8px 0}
.gk-awnew + .gk-awnew{border-top:1px solid var(--line,rgba(0,0,0,.08))}
.gk-awnew b{overflow-wrap:anywhere;align-self:center}
.gk-awnew label{display:flex;flex-direction:column;gap:4px;min-width:0}
.gk-awcust{grid-template-columns:minmax(90px,1fr) minmax(0,1.3fr) 2.6fr}
@media (max-width:640px){.gk-awnew,.gk-awcust{grid-template-columns:1fr 1fr}.gk-awnew b{grid-column:1/-1}}

/* opname sprei & bedcover pakai scanner */
.av3.gnoira{background:#4E6A2E}
.op-head{margin:2px 2px 14px}
.op-head .h1{margin:2px 0 4px}
.op-head .d{margin:0;line-height:1.55}
.op-head .lead{margin:6px 0 0}
.op-none{margin:4px 2px 10px}
.op-gap{margin-top:10px}
.op-gap2{margin-top:22px}
.op-scanrow{display:flex;gap:8px;align-items:stretch}
.op-scan{flex:1;min-width:0;display:flex;align-items:center;gap:10px;height:58px;padding:0 14px;border:2px solid var(--accent);border-radius:14px;background:var(--surface);cursor:text;box-sizing:border-box}
.op-scan .ic{width:26px;height:26px;flex:none;color:var(--accent)}
.op-scan input{flex:1;min-width:0;width:100%;height:100%;border:0;outline:0;background:transparent;font:700 19px/1 var(--f-data);color:var(--ink);letter-spacing:.03em;text-transform:uppercase}
.op-scan input::placeholder{text-transform:none;letter-spacing:0;font-weight:600;color:var(--ink-3)}
.op-scan:focus-within{box-shadow:0 0 0 4px var(--accent-soft)}
html .btn.op-kbd{width:58px;min-height:58px;flex:none;padding:0;border-radius:14px;display:grid;place-items:center}
.op-kbd[aria-pressed="true"]{background:var(--accent-soft);border-color:var(--accent)}
.op-kbd .ic{width:24px;height:24px}
.op-stat{display:flex;align-items:center;gap:7px;margin:9px 4px 12px;font-size:var(--t-sm);color:var(--ink-3)}
.op-stat i{width:8px;height:8px;border-radius:50%;background:var(--ok);flex:none}
.op-stat.wait i{background:var(--hold-dot)}
.op-stat.off{color:var(--hold);font-weight:700}
.op-stat.off i{background:var(--hold)}
.op-last{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:16px;background:var(--surface);padding:14px 16px;margin-bottom:12px}
.op-last.ok{border-color:#9CCDB8;background:var(--ok-soft)}
.op-last.warn{border-color:#E3BE80;background:var(--hold-soft)}
.op-last.bad{border-color:#E4A4A1;background:var(--alert-soft)}
.op-last.flash{animation:op-flash .45s ease-out}
@keyframes op-flash{from{transform:scale(1.025);box-shadow:0 0 0 6px var(--accent-soft)}to{transform:none;box-shadow:none}}
@media (prefers-reduced-motion:reduce){.op-last.flash{animation:none}}
.op-tip{margin:0;font-size:var(--t-sm);line-height:1.55;color:var(--ink-2)}
.op-sku{font-family:var(--f-data);font-weight:800;letter-spacing:.02em}
.op-last .op-sku{font-size:var(--t-sm);color:var(--ink-2)}
.op-last .op-v{font-size:18px;font-weight:800;line-height:1.3;margin-top:2px;color:var(--ink)}
.op-last small{font-size:var(--t-sm);color:var(--ink-3);line-height:1.5;margin-top:2px}
.op-last.warn small,.op-last.bad small{color:var(--ink-2)}
.op-step{margin:12px 0 4px}
.op-step button:disabled{opacity:.35;cursor:default}
.op-qtyrow{display:flex;justify-content:center}
.op-qtyrow .btn{width:auto}
.op-sum{margin:4px 4px 10px;font-size:var(--t-sm);color:var(--ink-2)}
.op-sum b{font-size:var(--t-lg);color:var(--ink)}
.op-tabs{margin-bottom:10px}
.op-list{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--surface)}
.op-row{display:flex;align-items:center;gap:12px;width:100%;padding:11px 14px;background:var(--surface);border:0;border-bottom:1px solid var(--line);text-align:left;cursor:pointer;font:inherit;color:inherit;box-sizing:border-box}
.op-row.static{cursor:default}
.op-row:last-child{border-bottom:0}
button.op-row:hover{background:var(--surface-2)}
.op-row.on{background:var(--accent-soft)}
.op-row-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.op-row-main>span{font-size:var(--t-sm);color:var(--ink-2);line-height:1.45;overflow-wrap:anywhere}
.op-row-n{font:800 18px/1 var(--f-display);font-variant-numeric:tabular-nums;min-width:34px;text-align:right;white-space:nowrap}
.op-row-n.op-ft{font-size:var(--t-md);font-weight:700}
.op-res{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;font-size:12px;margin-left:4px;color:#fff;vertical-align:-3px}
.op-res.ok{background:var(--ok)}.op-res.bad{background:var(--alert)}.op-res.unk{background:var(--hold)}
.op-more{margin:0;padding:12px 14px}
.op-lab{margin:0;padding:10px 14px 6px;font-size:var(--t-xs);font-weight:700;color:var(--ink-3);background:var(--surface-2);border-bottom:1px solid var(--line)}
.op-d{font:800 18px/1 var(--f-display);font-variant-numeric:tabular-nums;white-space:nowrap;margin-left:auto}
.op-d.up{color:var(--ok)}.op-d.down{color:var(--alert)}
.op-why{display:block;color:var(--hold);margin-top:3px;font-weight:600}
.op-bad{display:block;color:var(--alert);font-weight:600}
.op-ck .main{min-width:0}
.op-ck .t{overflow-wrap:anywhere}
.op-kpi{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 14px}
.op-kpi div{border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:var(--surface);min-width:0}
.op-kpi span{display:block;font-size:var(--t-xs);color:var(--ink-3);line-height:1.3}
.op-kpi b{display:block;font:800 22px/1.25 var(--f-display);font-variant-numeric:tabular-nums}
.op-det{margin-top:14px}
.op-det summary{cursor:pointer;font-weight:700;font-size:var(--t-sm);color:var(--ink-2);padding:6px 2px 10px}
.op-groups{max-height:none}
.op-gseg .segb{padding:6px 12px}
.op-val{font:800 44px/1 var(--f-display);text-align:center;margin:10px 0 4px;font-variant-numeric:tabular-nums;min-height:48px}
.op-ph{font-size:18px;font-weight:600;color:var(--ink-3)}
.op-keys{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}
.op-keys button{height:60px;border-radius:14px;border:1px solid var(--line-2);background:var(--surface);font:700 24px/1 var(--f-display);color:var(--ink);cursor:pointer}
.op-keys button:active{background:var(--surface-2)}
.op-keys .ok{background:var(--accent);color:var(--on-accent);border-color:var(--accent);font-size:17px}
.op-keys .ok:disabled{opacity:.4}
.op-pre{white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.6 var(--f-data);background:var(--surface-2);border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin:8px 0 10px}
@media (max-width:420px){.op-kpi b{font-size:19px}.op-last .op-v{font-size:17px}}

/* cetak: hanya kertasnya, tanpa menu dan tombol */
@media print{
  @page{size:A4;margin:10mm}
  #side,#top,#foot,#mobile-nav,#toast,#cmdk,#backdrop,.pglabel,#screen>p.d{display:none!important}
  html,body,.stage,.app,#screen{background:#fff!important;color:#000!important;padding:0!important;margin:0!important;box-shadow:none!important;overflow:visible!important;height:auto!important;min-height:0!important;display:block!important}
  *{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;animation:none!important}
  .pwrap{overflow:visible!important}
  .paper{border:0!important;box-shadow:none!important;border-radius:0!important;margin:0 0 6mm!important;break-inside:avoid;min-width:0!important}
  .paper.a4{break-after:page}
  html.gk-busy body::after{display:none}
}