/* ═══════════════════════════════════════════════════════════════════════════
   trc-bootstrap-bridge.css — đưa nút/alert màu của Bootstrap 5.1 về màu brand
   ─────────────────────────────────────────────────────────────────────────
   26/09/2026 (Phase 3.4c, QĐ-008). Bootstrap 5.1 biên dịch sẵn hex cho .btn-* và
   .alert-* (không đọc biến) nên phải viết đè ở đây. .text-xxx và .bg-xxx thì đã đổi qua
   biến --bs-*-rgb trong trc-brand.css (mục "Cầu nối sang Bootstrap").

   Chỉ 3 họ lệch brand: primary (xanh dương #0d6efd), success (#198754), danger (#dc3545).
   warning/info/secondary/light/dark giữ nguyên Bootstrap.

   Nạp SAU bootstrap.min.css + trc-brand.css (xem Views/Shared/_Layout.cshtml, Views/Account/Login.cshtml).
   GỠ ĐỔI (rollback): xoá 2 dòng <link> tới file này — không phải sửa gì khác.
   Code MỚI vẫn ưu tiên .trc-btn / .trc-badge / .trc-note (skill trc-design-system).
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── Nút đặc: primary + success = xanh brand, danger = đỏ brand ─────────── */
.btn-primary,
.btn-success {
    color: var(--text-inverse);
    background-color: var(--trc-green);
    border-color: var(--trc-green);
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active,
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active,
.btn-check:checked + .btn-primary, .btn-check:checked + .btn-success {
    color: var(--text-inverse);
    background-color: var(--trc-green-deep);
    border-color: var(--trc-green-deep);
}

.btn-primary:focus, .btn-success:focus {
    box-shadow: 0 0 0 .25rem rgba(var(--trc-green-rgb), .35);
}

.btn-primary:disabled, .btn-primary.disabled,
.btn-success:disabled, .btn-success.disabled {
    color: var(--text-inverse);
    background-color: var(--trc-green);
    border-color: var(--trc-green);
}

.btn-danger {
    color: var(--text-inverse);
    background-color: var(--danger);
    border-color: var(--danger);
}

.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active {
    color: var(--text-inverse);
    background-color: var(--danger-text);
    border-color: var(--danger-text);
}

.btn-danger:disabled, .btn-danger.disabled {
    color: var(--text-inverse);
    background-color: var(--danger);
    border-color: var(--danger);
}

/* ── Nút viền ─────────────────────────────────────────────────────────── */
.btn-outline-primary {
    color: var(--trc-green);
    border-color: var(--trc-green);
}

.btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active,
.btn-outline-primary.active, .btn-check:checked + .btn-outline-primary {
    color: var(--text-inverse);
    background-color: var(--trc-green);
    border-color: var(--trc-green);
}

/* ── Hộp thông báo: viền = nền (giống .trc-note) ──────────────────────── */
.alert-success {
    color: var(--success-text);
    background-color: var(--success-bg);
    border-color: var(--success-bg);
}

.alert-danger {
    color: var(--danger-text);
    background-color: var(--danger-bg);
    border-color: var(--danger-bg);
}

/* ── Màu link (27/09/2026, nợ GĐ 2 mục 14) ────────────────────────────────
   Không CSS nào từng đặt màu link → Bootstrap biên dịch sẵn #0D6EFD (xanh
   dương), lệch brand và trượt AA trên nền --surface-0 (đo bằng check-contrast.mjs:
   4.14:1, cần ≥4.5:1). --text-accent đã có, cùng giá trị --trc-green (#117844,
   trc-brand.css tự ghi "nút chính, link, tiêu đề brand") — đạt AA cả --surface-0
   (5.10:1) và --surface-2 (5.54:1). Chỉ áp cho link "trần": mọi nút/thẻ dạng <a>
   (.trc-btn, .stat-card, .viec-card, .quick-card…) đã tự đặt color riêng, selector
   lớp có độ ưu tiên cao hơn nên không đổi. Hover đổi sang --trc-green-deep, cùng
   nếp .btn-primary:hover phía trên (đạt AAA cả 2 nền: 7.46:1 / 8.10:1). */
a {
    color: var(--text-accent);
}

a:hover, a:focus-visible {
    color: var(--trc-green-deep);
}

/* 17/10/2026 (Mốc 2 – NEN, tương phản): .text-muted / .form-text của Bootstrap 5.1 là #6C757D cứng (4.37:1 trên #F7F7F7 của
   card-header, trượt AA) → về token --text-muted (≥4.5 trên mọi nền của bảng token). <code> mặc định #D63384 chỉ 4.36:1 trên
   --surface-1 → dùng --tone-purple-text (#6D28D9, 5.98:1). */
.text-muted, .form-text { color: var(--text-muted) !important; }

code { color: var(--tone-purple-text); }

/* Ô bẫy autofill: Chrome điền mật khẩu đã lưu vào đây thay vì ô tìm kiếm thật */
.trc-autofill-trap { position: absolute; left: -9999px; top: auto; width: 1px; height: 1px; overflow: hidden; }