/**
 * Remote Content Viewer - Modal compatibility
 * Estilos mínimos para compatibilidade Bootstrap 3 e 5.
 * O tema deve fornecer Bootstrap; isto cobre casos em que classes BS3 (.close, .btn-default) não existem (ex: só BS5).
 */

/* Botão fechar - Bootstrap 5 não tem .close, BS3 tem */
#rcv-detail-modal .modal-header .close {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    opacity: 0.5;
    background: transparent;
    border: 0;
    padding: 0;
    cursor: pointer;
    -webkit-appearance: none;
}
#rcv-detail-modal .modal-header .close:hover {
    opacity: 0.8;
}

/* btn-default - Bootstrap 5 não tem, BS3 tem */
#rcv-detail-modal .modal-footer .btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}
#rcv-detail-modal .modal-footer .btn-default:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}

/* Conteúdo do modal - tabela de detalhes */
#rcv-detail-modal .rcv-single-table {
    margin-bottom: 0;
}
#rcv-detail-modal .rcv-single-table th {
    font-weight: 600;
    background-color: #f8f9fa;
}
#rcv-detail-modal .rcv-single-content {
    line-height: 1.6;
}

/* Fallback spinner para BS5 (sem glyphicon) - .spinner-border pode vir do tema */
#rcv-detail-modal .rcv-loading-icon:not(.glyphicon) {
    display: inline-block;
    width: 1em;
    height: 1em;
    border: 0.15em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: rcv-spin 0.75s linear infinite;
}
@keyframes rcv-spin {
    to { transform: rotate(360deg); }
}