/* ============================================================
   tc-shared.css — Global shared styles (tc- design system)
   Load 1 lần trong index.html, dùng cho mọi màn hình
   ============================================================ */

/* ── Confirm Dialog ─────────────────────────────────────────
   Dùng với ConfirmService ($uibModal) trong service-api.js
   ─────────────────────────────────────────────────────────── */
.tc-confirm-dialog .modal-dialog  { max-width: 380px; margin: 80px auto; }
.tc-confirm-dialog .modal-content { border: none; border-radius: 14px; box-shadow: 0 24px 64px rgba(0,0,0,0.22); overflow: hidden; }
.tc-confirm-dialog .modal-body    { padding: 0; }

.tc-confirm-btn {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    border: none;
    border-radius: 7px;
    cursor: pointer;
    font-weight: 600;
    font-size: 13px;
    padding: 7px 18px;
    transition: filter 0.15s;
}
.tc-confirm-btn--cancel { background: #f1f3f5; color: #555; border: 1px solid #ccc; }
.tc-confirm-btn--cancel:hover { background: #e9ecef; filter: none; }
.tc-confirm-btn--danger   { background: #e03131; color: #fff; }
.tc-confirm-btn--danger:hover   { filter: brightness(0.9); }
.tc-confirm-btn--warning  { background: #e67700; color: #fff; }
.tc-confirm-btn--warning:hover  { filter: brightness(0.9); }
.tc-confirm-btn--primary  { background: linear-gradient(70deg,#1978E5,#001347); color: #fff; }
.tc-confirm-btn--primary:hover  { filter: brightness(1.1); }
.tc-confirm-btn--success  { background: #2f9e44; color: #fff; }
.tc-confirm-btn--success:hover  { filter: brightness(0.9); }