/* Popup xác nhận / thông báo — đọc rõ trên nền tối */
.app-dialog-content {
    border-radius: 1rem;
    background: var(--app-surface-raised, #1a1a1a);
    border: 1px solid var(--app-border, #404040);
    color: var(--app-text, #f5f5f5);
}

.app-dialog-content .modal-title {
    color: var(--app-text, #f5f5f5);
}

#appDialogBody {
    color: var(--app-text, #f5f5f5);
    font-size: .95rem;
    line-height: 1.55;
    white-space: pre-line;
}

.app-dialog-content .btn-close {
    filter: invert(1) grayscale(1) brightness(1.8);
    opacity: .75;
}

.app-dialog-content .btn-close:hover {
    opacity: 1;
}

/* Modal chung (QR, Bootstrap) */
.modal-content {
    background: var(--app-surface-raised, #1a1a1a);
    border: 1px solid var(--app-border, #404040);
    color: var(--app-text, #f5f5f5);
}

.modal-content .modal-title {
    color: var(--app-text, #f5f5f5);
}

.modal-content .modal-body {
    color: var(--app-text-secondary, #e5e5e5);
}

.modal-content .modal-body p,
.modal-content .modal-body li,
.modal-content .modal-body span:not(.badge):not(.status-pill) {
    color: inherit;
}

.modal-content .text-muted,
.modal-content .small.text-muted {
    color: var(--app-text-secondary, #e5e5e5) !important;
    opacity: 1;
}

.modal-content .btn-close {
    filter: invert(1) grayscale(1) brightness(1.8);
    opacity: .75;
}

.modal-content .btn-close:hover {
    opacity: 1;
}