/* pengerjaan.css — layar Status pengerjaan (public/kotak/pengerjaan.js). */
/* Menu yang bisa dimatikan baru tampil setelah pengaturan menu klien tiba, supaya tidak berkedip. */
body:not([data-menu-siap]) .rel-item[data-layar="pengerjaan"]{visibility:hidden}
.pkj-kepala-aksi{display:flex;gap:8px;flex-wrap:wrap;flex:none}
.pkj-tahap{display:inline-block;font-size:11.5px;font-weight:700;padding:3px 9px;border-radius:10px;background:var(--kepala);color:var(--tx2);white-space:nowrap}
.pkj-tahap[data-t="diterima"]{background:#e6f1fb;color:#2266b8}
.pkj-tahap[data-t="dikerjakan"]{background:#fff4d6;color:#8a5a00}
.pkj-tahap[data-t="menunggu"]{background:#fde8e6;color:#b3261e}
.pkj-tahap[data-t="selesai"]{background:#efe9fb;color:#6d3fc8}
.pkj-tahap[data-t="diambil"]{background:var(--aksen-muda);color:var(--aksen-tua)}
.pkj-setuju{display:inline-block;font-size:11px;font-weight:600;padding:2px 8px;border-radius:10px;border:1px solid var(--garis2);color:var(--tx2);white-space:nowrap;margin-top:3px}
.pkj-setuju[data-s="Menunggu"]{border-color:#e0b04a;color:#8a5a00}
.pkj-setuju[data-s="Setuju"]{border-color:var(--aksen);color:var(--aksen-tua)}
.pkj-setuju[data-s="Tolak"],.pkj-setuju[data-s="Gagal"]{border-color:#e39a93;color:#b3261e}
@media (prefers-color-scheme:dark){
  .pkj-tahap[data-t="diterima"]{background:#15263a;color:#8cbcf0}
  .pkj-tahap[data-t="dikerjakan"]{background:#2b240f;color:#f1d58c}
  .pkj-tahap[data-t="menunggu"]{background:#35191a;color:#f2a9a3}
  .pkj-tahap[data-t="selesai"]{background:#231b36;color:#c7b3f2}
  .pkj-setuju[data-s="Menunggu"]{color:#f1d58c}
  .pkj-setuju[data-s="Tolak"],.pkj-setuju[data-s="Gagal"]{color:#f2a9a3}
}
.tabel-pesanan .pkj-buka{text-align:left;font-weight:500;color:var(--tx)}
.tabel-pesanan button[data-ke] svg.i{width:14px;height:14px;margin:0 0 0 4px}
/* Pembungkus kolom tiket baru: susun vertikal seperti isi dialog lainnya (sebelumnya label & input berderet). */
#pkjBagianBaru,#pkjNomorBungkus:not([hidden]){display:flex;flex-direction:column;gap:8px}
.pkj-dua{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
.pkj-dua>div{display:flex;flex-direction:column;gap:8px}
.pkj-blok h3{font-size:14px;font-weight:600;margin:0 0 8px}
.pkj-pindah{display:flex;gap:8px}
.pkj-pindah select{flex:1;min-width:0}
.pkj-setuju-baris{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;padding:6px 0;font-size:13px}
.pkj-setuju-baris small{display:block;color:var(--tx3);font-size:12px;margin-top:2px}
#pkjSetujuDaftar{margin-bottom:8px}
.pkj-riwayat{list-style:none;margin:0;padding:0;font-size:13px;max-height:200px;overflow:auto}
.pkj-riwayat li{padding:5px 0;border-bottom:1px solid var(--garis)}
.pkj-riwayat li:last-child{border-bottom:0}
.pkj-riwayat small{display:block;color:var(--tx3);font-size:12px}
.pkj-tahap-baris{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px 0;border-top:1px solid var(--garis)}
.pkj-tahap-baris:first-child{border-top:0}
.pkj-tahap-baris input[type=text]{width:100%}
.pkj-tahap-baris small{display:block;color:var(--tx3);font-size:12px;margin-top:3px}
.pkj-tahap-baris .sakelar{margin:0;font-weight:500}
.pkj-urut{width:24px;height:24px;border-radius:50%;background:var(--kepala);color:var(--tx2);display:grid;place-items:center;font-size:12px;font-weight:700}
.pkj-ip-buat{margin-top:8px}
.pkj-ip-daftar .tbl-teks{text-align:left;font-weight:500;color:var(--tx);padding:0}
@media (max-width:640px){
  .pkj-dua{grid-template-columns:1fr}
  .pkj-tahap-baris{grid-template-columns:auto minmax(0,1fr)}
  .pkj-tahap-baris .sakelar{grid-column:2}
}

/* Satu bahasa dengan halaman chat baru (Putra 27 Sep 2026): kartu bulat berbayang lembut tanpa garis tepi,
   chip saring pil tipis, kotak cari pil, dialog bersudut bulat. */
#layar-pengerjaan .kartu{border-radius:18px;padding:18px;box-shadow:0 1px 2px rgba(11,20,26,.05),0 6px 20px rgba(11,20,26,.06)}
#layar-pengerjaan .saring-item{padding:3px 10px;border:1px solid var(--garis2);border-radius:16px;background:transparent;font-size:13px;line-height:18px;font-weight:500;color:var(--tx2)}
#layar-pengerjaan .saring-item:hover{background:var(--hover);filter:none}
#layar-pengerjaan .saring-item.aktif{background:#d9fdd3;border-color:#b8e6b2;color:#0b5a38}
#layar-pengerjaan .baris-alat input[type=search]{padding:8px 16px;border:1px solid transparent;border-radius:20px;background:var(--panel);box-shadow:0 1px 2px rgba(11,20,26,.06)}
#layar-pengerjaan .baris-alat input[type=search]:focus{outline:none;border-color:color-mix(in srgb,var(--aksen) 45%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--aksen) 14%,transparent)}
#pkjDialog,#pkjDialogSetuju,#pkjDialogTahap{border-radius:18px}
.pkj-blok{margin-top:10px;padding:12px 14px;border-radius:14px;background:var(--kepala)}
/* Panel info chat: tombol teks polos tanpa ikon, senada "Catat pesanan". */
#pkjIpBuat{margin-top:6px}
@media (prefers-color-scheme:dark){
  #layar-pengerjaan .kartu{box-shadow:0 1px 2px rgba(0,0,0,.35)}
  #layar-pengerjaan .saring-item.aktif{background:#103529;border-color:#1c5a43;color:#25d366}
  #layar-pengerjaan .baris-alat input[type=search]{background:var(--kepala);box-shadow:none}
}
@media (max-width:640px){#layar-pengerjaan .kartu{padding:16px;border-radius:16px}}