/* ============================================================
   PBI Monitor — Modais (tema escuro)
   Tooltip override vive em tokens.css (próximo ao bloco --bs-*).
   ============================================================ */

[data-theme="dark"] body .modal-content {
    background: linear-gradient(135deg, var(--bg-modal-start), var(--bg-modal-end));
    border: 1px solid var(--border-modal);
    color: var(--text-primary);
}

[data-theme="dark"] body .modal-header {
    border-bottom: 1px solid var(--border-medium);
}

[data-theme="dark"] body .modal-footer {
    border-top: 1px solid var(--border-medium);
}

[data-theme="dark"] body .modal-content .modal-title,
[data-theme="dark"] body .modal-content h5,
[data-theme="dark"] body .modal-content h6 {
    color: var(--text-heading);
}

[data-theme="dark"] body .modal-content .form-label,
[data-theme="dark"] body .modal-content label {
    color: var(--text-primary);
}

[data-theme="dark"] body .modal-content p,
[data-theme="dark"] body .modal-content span {
    color: var(--text-secondary);
}

[data-theme="dark"] body .modal-content .text-muted {
    color: var(--text-muted);
}

[data-theme="dark"] body .modal-content .text-secondary {
    color: var(--text-secondary);
}

[data-theme="dark"] body .modal-content .form-text {
    color: var(--text-secondary);
}

[data-theme="dark"] body .modal-content small,
[data-theme="dark"] body .modal-content .small {
    color: var(--text-secondary);
}

[data-theme="dark"] body .modal-content .form-check-label {
    color: var(--text-primary);
}

[data-theme="dark"] body .modal-content .form-check-label strong {
    color: inherit;
}

[data-theme="dark"] body .modal-content .form-check-label .text-muted,
[data-theme="dark"] body .modal-content .form-check-label small {
    color: var(--text-secondary);
}

[data-theme="dark"] body .modal-content .form-control::placeholder,
[data-theme="dark"] body .modal-content .form-select::placeholder {
    color: var(--placeholder-opacity);
}

[data-theme="dark"] body .modal-content .form-check-input {
    background-color: var(--bg-modal-check);
    border-color: var(--text-secondary);
}

[data-theme="dark"] body .modal-content .form-check-input:checked {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
}

[data-theme="dark"] body .modal-content .form-switch .form-check-input {
    background-color: var(--bg-switch-off);
    border-color: var(--text-secondary);
}

[data-theme="dark"] body .modal-content .form-switch .form-check-input:checked {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
}

[data-theme="dark"] body .modal-content .badge {
    color: var(--text-primary);
}

[data-theme="dark"] body .modal-content .btn-secondary {
    background-color: var(--bg-switch-off);
    border-color: var(--text-secondary);
    color: var(--text-primary);
}

[data-theme="dark"] body .modal-content .btn-outline-secondary {
    border-color: var(--text-secondary);
    color: var(--text-secondary);
}

[data-theme="dark"] body .modal-content .btn-outline-secondary:hover {
    background-color: var(--bg-switch-off);
    color: var(--text-primary);
}

[data-theme="dark"] body .modal-content .form-control:disabled,
[data-theme="dark"] body .modal-content .form-select:disabled {
    background-color: var(--bg-input-disabled);
    color: var(--text-muted);
    opacity: 0.7;
}

[data-theme="dark"] body .modal-content .btn-close {
    filter: invert(1) grayscale(100%) brightness(200%);
}

[data-theme="dark"] body .modal-content hr {
    border-color: var(--border-medium);
}

@media (max-width: 768px) {
    [data-theme="dark"] body .modal-dialog {
        margin: var(--space-sm);
        max-width: calc(100vw - var(--space-md));
    }

    [data-theme="dark"] body .modal-dialog .modal-content.modal-content {
        border-radius: var(--radius-lg);
    }

    [data-theme="dark"] body .modal-footer .btn,
    [data-theme="dark"] body .pgo-card .btn {
        font-size: var(--text-base);
    }
}

@media (max-width: 480px) {
    [data-theme="dark"] body .modal-dialog {
        margin: var(--space-xs);
        max-width: calc(100vw - var(--space-sm));
    }
}