/**
 * Nút đồng bộ toàn app — áp dụng nội dung chính, modal, đăng nhập.
 * Không đụng: navbar, menu, btn-close, btn-icon, btn-link, phân trang.
 */

.content-wrapper .btn:not(.btn-close):not(.btn-icon):not(.btn-link):not(.page-link),
.auth-wrapper .btn:not(.btn-close):not(.btn-icon):not(.btn-link):not(.page-link),
.modal:not(#premiumUiModal) .btn:not(.btn-close):not(.btn-icon):not(.btn-link):not(.page-link) {
    font-weight: 600;
    letter-spacing: 0.02em;
    border-radius: 0.65rem;
    transition: transform 0.18s ease, box-shadow 0.22s ease, filter 0.18s ease, background 0.18s ease, border-color 0.18s ease;
}

/* Solid: bóng nhẹ + hover nâng */
.content-wrapper .btn-primary:not(.btn-outline-primary):not(.btn-label-primary),
.auth-wrapper .btn-primary:not(.btn-outline-primary):not(.btn-label-primary),
.modal:not(#premiumUiModal) .btn-primary:not(.btn-outline-primary):not(.btn-label-primary) {
    background: linear-gradient(180deg, #8b82f4 0%, #7367f0 55%, #6558d8 100%) !important;
    border: none !important;
    color: #fff !important;
    box-shadow: 0 4px 14px rgba(var(--tk-brand-rgb, 115, 103, 240), 0.38);
}

.content-wrapper .btn-primary:not(.btn-outline-primary):not(.btn-label-primary):hover,
.auth-wrapper .btn-primary:not(.btn-outline-primary):not(.btn-label-primary):hover,
.modal:not(#premiumUiModal) .btn-primary:not(.btn-outline-primary):not(.btn-label-primary):hover {
    filter: brightness(1.05);
    box-shadow: 0 6px 20px rgba(var(--tk-brand-rgb, 115, 103, 240), 0.45);
    transform: translateY(-1px);
    color: #fff !important;
}

.content-wrapper .btn-danger:not(.btn-outline-danger):not(.btn-label-danger),
.auth-wrapper .btn-danger:not(.btn-outline-danger):not(.btn-label-danger),
.modal:not(#premiumUiModal) .btn-danger:not(.btn-outline-danger):not(.btn-label-danger) {
    background: linear-gradient(180deg, #ff6b5c 0%, #ff3e1d 50%, #e83518 100%) !important;
    border: none !important;
    color: #fff !important;
    box-shadow: 0 4px 14px rgba(255, 62, 29, 0.32);
}

.content-wrapper .btn-danger:not(.btn-outline-danger):not(.btn-label-danger):hover,
.auth-wrapper .btn-danger:not(.btn-outline-danger):not(.btn-label-danger):hover,
.modal:not(#premiumUiModal) .btn-danger:not(.btn-outline-danger):not(.btn-label-danger):hover {
    filter: brightness(1.04);
    box-shadow: 0 6px 20px rgba(255, 62, 29, 0.4);
    transform: translateY(-1px);
    color: #fff !important;
}

.content-wrapper .btn-success:not(.btn-outline-success):not(.btn-label-success),
.auth-wrapper .btn-success:not(.btn-outline-success):not(.btn-label-success),
.modal:not(#premiumUiModal) .btn-success:not(.btn-outline-success):not(.btn-label-success) {
    background: linear-gradient(180deg, #86e868 0%, #71dd37 50%, #5fc92a 100%) !important;
    border: none !important;
    color: #fff !important;
    box-shadow: 0 4px 14px rgba(113, 221, 55, 0.3);
}

.content-wrapper .btn-success:not(.btn-outline-success):not(.btn-label-success):hover,
.auth-wrapper .btn-success:not(.btn-outline-success):not(.btn-label-success):hover,
.modal:not(#premiumUiModal) .btn-success:not(.btn-outline-success):not(.btn-label-success):hover {
    filter: brightness(1.05);
    box-shadow: 0 6px 20px rgba(113, 221, 55, 0.38);
    transform: translateY(-1px);
    color: #fff !important;
}

.content-wrapper .btn-warning:not(.btn-outline-warning):not(.btn-label-warning),
.auth-wrapper .btn-warning:not(.btn-outline-warning):not(.btn-label-warning),
.modal:not(#premiumUiModal) .btn-warning:not(.btn-outline-warning):not(.btn-label-warning) {
    background: linear-gradient(180deg, #ffd54f 0%, #ffab00 50%, #e6a200 100%) !important;
    border: none !important;
    color: #2c2c2c !important;
    box-shadow: 0 4px 14px rgba(255, 171, 0, 0.35);
}

.content-wrapper .btn-warning:not(.btn-outline-warning):not(.btn-label-warning):hover,
.auth-wrapper .btn-warning:not(.btn-outline-warning):not(.btn-label-warning):hover,
.modal:not(#premiumUiModal) .btn-warning:not(.btn-outline-warning):not(.btn-label-warning):hover {
    filter: brightness(1.03);
    box-shadow: 0 6px 20px rgba(255, 171, 0, 0.42);
    transform: translateY(-1px);
    color: #1f1f1f !important;
}

.content-wrapper .btn-info:not(.btn-outline-info):not(.btn-label-info),
.auth-wrapper .btn-info:not(.btn-outline-info):not(.btn-label-info),
.modal:not(#premiumUiModal) .btn-info:not(.btn-outline-info):not(.btn-label-info) {
    background: linear-gradient(180deg, #2ed5f8 0%, #03c3ec 50%, #02a8c9 100%) !important;
    border: none !important;
    color: #fff !important;
    box-shadow: 0 4px 14px rgba(3, 195, 236, 0.3);
}

.content-wrapper .btn-info:not(.btn-outline-info):not(.btn-label-info):hover,
.auth-wrapper .btn-info:not(.btn-outline-info):not(.btn-label-info):hover,
.modal:not(#premiumUiModal) .btn-info:not(.btn-outline-info):not(.btn-label-info):hover {
    filter: brightness(1.05);
    box-shadow: 0 6px 20px rgba(3, 195, 236, 0.38);
    transform: translateY(-1px);
    color: #fff !important;
}

.content-wrapper .btn-secondary:not(.btn-outline-secondary):not(.btn-label-secondary),
.auth-wrapper .btn-secondary:not(.btn-outline-secondary):not(.btn-label-secondary),
.modal:not(#premiumUiModal) .btn-secondary:not(.btn-outline-secondary):not(.btn-label-secondary) {
    background: linear-gradient(180deg, #a8b4c0 0%, #8592a3 50%, #747e8c 100%) !important;
    border: none !important;
    color: #fff !important;
    box-shadow: 0 3px 12px rgba(133, 146, 163, 0.25);
}

.content-wrapper .btn-secondary:not(.btn-outline-secondary):not(.btn-label-secondary):hover,
.auth-wrapper .btn-secondary:not(.btn-outline-secondary):not(.btn-label-secondary):hover,
.modal:not(#premiumUiModal) .btn-secondary:not(.btn-outline-secondary):not(.btn-label-secondary):hover {
    filter: brightness(1.06);
    transform: translateY(-1px);
    color: #fff !important;
}

/* Outline: viền rõ, hover nổi nhẹ */
.content-wrapper .btn-outline-primary,
.auth-wrapper .btn-outline-primary,
.modal:not(#premiumUiModal) .btn-outline-primary {
    border-width: 2px !important;
    font-weight: 600 !important;
}

.content-wrapper .btn-outline-primary:hover,
.auth-wrapper .btn-outline-primary:hover,
.modal:not(#premiumUiModal) .btn-outline-primary:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 14px rgba(var(--tk-brand-rgb, 115, 103, 240), 0.25);
}

.content-wrapper .btn-outline-danger:hover,
.modal:not(#premiumUiModal) .btn-outline-danger:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 14px rgba(255, 62, 29, 0.22);
}

.content-wrapper .btn-outline-secondary:hover,
.modal:not(#premiumUiModal) .btn-outline-secondary:hover {
    transform: translateY(-1px);
}

/* Dark mode: bóng đậm hơn */
body.dark-mode .content-wrapper .btn-primary:not(.btn-outline-primary),
body.dark-mode .modal:not(#premiumUiModal) .btn-primary:not(.btn-outline-primary) {
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.35);
}

body.dark-mode .content-wrapper .btn-danger:not(.btn-outline-danger),
body.dark-mode .modal:not(#premiumUiModal) .btn-danger:not(.btn-outline-danger) {
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.32);
}