/* WG1 1 Nov (Abdi): WhatsApp › Daftar Grup; token dan bentuk mengikuti daftar Master Proyek / Pemberi Tugas. */
.wg-page{min-width:0;max-width:100%}
.wg-sumber{margin:6px 0;padding:8px 12px;border:1px solid var(--ui-warn-line);border-radius:8px;background:var(--ui-warn-bg);color:var(--ui-warn)}
.wg-sumber[hidden]{display:none}
.wg-galat{padding:12px;border:1px solid var(--ui-danger-line);border-radius:8px;background:var(--ui-danger-bg);color:var(--ui-danger)}
.wg-galat p{margin:0 0 8px}
.wg-galat-kecil{color:var(--ui-danger)}
.wg-muted{color:var(--ui-muted-text)}
.wg-table td{vertical-align:top;white-space:normal}
.wg-table tr.wg-ragu td{background:var(--ui-warn-bg)}
.wg-nama{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-width:0;overflow-wrap:anywhere}
.wg-chips{display:inline-flex;flex-wrap:wrap;gap:4px}
.wg-chip{display:inline-flex;align-items:center;gap:4px;padding:1px 8px;border:1px solid var(--ui-line);border-radius:999px;font-size:12px;line-height:1.6;white-space:nowrap}
.wg-chip-akun,.wg-chip-kode{border-color:var(--ui-info-line);background:var(--ui-info-bg);color:var(--ui-info)}
.wg-chip-kode{white-space:normal;max-width:100%}
.wg-chip-kode strong{white-space:nowrap}
.wg-chip-abu{background:var(--ui-hover);color:var(--ui-muted-text)}
.wg-chip-ok{border-color:var(--ui-info-line);background:var(--ui-info-bg);color:var(--ui-info);font-weight:600}
.wg-chip-ragu{border-color:var(--ui-warn-line);background:var(--ui-warn-bg);color:var(--ui-warn);font-weight:600}
.wg-chip .wg-hapus{min-height:0;padding:0 4px;border:0;background:transparent;color:inherit;font-size:12px;line-height:1}
.wg-padanan{display:grid;gap:6px;min-width:180px}
/* UC8 9 Nov: ubah padanan pindah dari sel daftar ke mode Ubah rincian grup; kotak chip + cari PRY bertanda kuning bila berubah. */
.wg-ubah-padanan{display:grid;gap:8px;padding:8px 10px;border:1px solid var(--ui-input-line);border-top:0;border-radius:0 0 8px 8px;background:var(--ui-panel)}
.wg-label-padanan{display:block;margin:10px 0 0;padding:6px 10px 0;border:1px solid var(--ui-input-line);border-bottom:0;border-radius:8px 8px 0 0;background:var(--ui-panel);color:var(--ui-muted-text);font-size:11px;font-weight:600}
.wg-riwayat{margin-top:24px}
.wg-cari{display:grid;gap:4px}
.wg-cari input{min-width:0;width:100%}
.wg-hasil{display:grid;gap:2px;max-height:220px;overflow:auto}
.wg-hasil .wg-pilih{justify-content:flex-start;text-align:left;white-space:normal;font-size:12px}
.wg-status{display:grid;gap:4px;justify-items:start;min-width:180px}
.wg-rek{color:var(--ui-text);overflow-wrap:anywhere}
.wg-arti{margin-top:12px;color:var(--ui-muted-text)}
.wg-arti strong{color:var(--ui-text)}
@media(max-width:700px){
 .wg-padanan,.wg-status{min-width:0}
}
/* UC6 8 Nov: HP memakai kartu bersama (table.ui-kartu-hp, ui-rangka.css); tanpa kolom kode, jadi nama grup (kolom 1) tebal dan kolom 2
   keterangan, seperti Phonebook/Katalog. Pilihan Akun pindah ke dialog Filter (.wg-akun dibuang). Kartu ragu berlatar kuning utuh. */
@media(max-width:640px){
 .wg-page.ui-page-wide .table-wrap .ui-kartu-hp tbody td:first-child{font-size:14px;font-weight:600;color:var(--ui-text)}
 .wg-page.ui-page-wide .table-wrap .ui-kartu-hp tbody td:nth-child(2){font-size:12.5px;font-weight:400;color:var(--ui-muted-text)}
 .wg-page .table-wrap .ui-kartu-hp tbody tr.wg-ragu{background:var(--ui-warn-bg)}
}