/* 4T Reporting — man dang nhap / dat PIN / quen PIN.
 * ⛔ BUG DA DO (17/09/2026): `.canh-bao { display:flex }` ghi de thuoc tinh `hidden`
 *    ⇒ hop loi rong va hop "Da dat ma PIN" hien CUNG LUC. Chot lai o day. */
[hidden] { display: none !important; }

.o-pin { position: relative; display: flex; align-items: stretch; }
.o-pin .o { flex: 1; padding-right: 88px; letter-spacing: 0.2em; font-variant-numeric: tabular-nums; }
.o-pin .nut-xem {
  position: absolute; right: 4px; top: 50%; transform: translateY(-50%);
  min-height: 40px; min-width: 76px; padding: 0 12px;
  border: 0; border-radius: var(--radius-control, 8px); background: transparent;
  color: var(--text-secondary, #555); font: inherit; font-size: 14px; cursor: pointer;
}
.o-pin .nut-xem:hover { background: var(--surface-sunken, #f1efe9); }
.o-pin .nut-xem:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }
.o-loi { display: block; margin-top: 6px; color: var(--state-danger-text, #B3261E); font-size: 14px; }
.o[aria-invalid="true"] { border-color: var(--state-danger-text, #B3261E); }

/* --- Man nhap ma xac minh Zalo (18/09/2026) ------------------------------- */
/* ⛔ Khong bo cuc rieng: dung lai `.the` / `.o-nhap` / `.canh-bao` cua man
 *    dang nhap, chi them dung cai man kia khong co. */
.ma-zalo-tieu-de { margin: 0 0 4px; font-size: 20px; }
.o-ma { letter-spacing: 0.35em; font-variant-numeric: tabular-nums; text-align: center; }
.ma-zalo-gui-lai { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.nut-chu {
  border: 0; background: transparent; padding: 0; font: inherit; cursor: pointer;
  color: var(--text-link, #1a5fb4); text-decoration: underline;
}
.nut-chu[disabled] { color: var(--text-secondary, #555); text-decoration: none; cursor: default; }