/* ==========================================================================
   Users page
   Policy maker: "Tim Lapangan" (read-only list of field officers)
   Admin: "Pengguna" (role, registered WhatsApp, status) + "Instansi" tab
   ========================================================================== */

table.utbl { width: 100%; min-width: 760px; border-collapse: collapse; }
.utbl th {
  padding: 9px 14px; background: var(--bg-2); border-bottom: 1px solid var(--border);
  text-align: left; font-size: 10.5px; font-weight: 600; letter-spacing: .05em; text-transform: uppercase; color: var(--text-2); white-space: nowrap;
}
.utbl td { padding: 10px 14px; border-bottom: 1px solid var(--border); font-size: 12.5px; color: var(--text-2); vertical-align: middle; }
.utbl tr:last-child td { border-bottom: 0; }
.utbl .nm { font-weight: 600; color: var(--text); }
.utbl .sub { margin-left: 36px; font-size: 11px; color: var(--text-3); }   /* job title under the name, aligned past the avatar */
.utbl select { padding: 4px 6px; background: #fff; border: 1px solid var(--border-s); border-radius: 6px; font: inherit; font-size: 12px; }
.utbl .act { padding: 4px 8px; background: none; border: 1px solid var(--border-s); border-radius: 6px; font-size: 11.5px; color: var(--text-2); cursor: pointer; }
.utbl .act:hover { background: var(--bg-2); }

/* Avatar circle, coloured by role */
.av {
  display: inline-grid; place-items: center; width: 28px; height: 28px; margin-right: 8px; vertical-align: middle;
  background: var(--km-green); border-radius: 50%; font-size: 10.5px; font-weight: 700; color: #fff;
}
.av.policy { background: var(--km-teal); }
.av.admin  { background: var(--pink); }

/* Registered-WhatsApp checkbox (admin) */
.wa-reg { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; cursor: pointer; }
.wa-reg input { accent-color: var(--km-green); }

.org-logo { display: inline-block; width: 26px; height: 28px; margin-right: 10px; vertical-align: middle; object-fit: contain; }