/* Super Admin > Configuração de Upload (/super-admin/configuracao-upload) */

.apr-config-upload .apr-config-upload-secao {
    margin-top: 8px;
}

/* Rodapé de cada destino: tipos que ele recebe à esquerda e "Testar" à direita */
.apr-config-upload .apr-config-upload-rodape {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
    border-top: 1px solid var(--mud-palette-lines-default);
    padding-top: 12px;
}

.apr-config-upload .apr-config-upload-recebe {
    min-width: 0;
    flex: 1 1 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Etapas do teste */
.apr-config-upload .apr-config-upload-etapas {
    list-style: none;
    margin: 8px 0 0;
    padding: 0;
    display: grid;
    gap: 4px;
}

.apr-config-upload .apr-config-upload-etapas > li {
    display: grid;
    grid-template-columns: 20px minmax(0, max-content) minmax(0, 1fr);
    align-items: start;
    gap: 8px;
    font-size: 0.875rem;
}

.apr-config-upload .apr-config-upload-etapa-nome {
    font-weight: 600;
}

.apr-config-upload .apr-config-upload-etapa-detalhe {
    color: var(--mud-palette-text-secondary);
    overflow-wrap: anywhere;
}

@media (max-width: 599.98px) {
    .apr-config-upload .apr-config-upload-etapas > li {
        grid-template-columns: 20px minmax(0, 1fr);
    }

    .apr-config-upload .apr-config-upload-etapa-detalhe {
        grid-column: 2;
    }
}

/* Política de CORS pronta para copiar */
.apr-config-upload .apr-config-upload-codigo {
    margin: 0;
    padding: 12px 16px;
    border-radius: 4px;
    border: 1px solid var(--apr-borda-controle, var(--mud-palette-lines-inputs));
    background: var(--mud-palette-background-gray);
    font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;
    font-size: 0.8125rem;
    line-height: 1.5;
    overflow-x: auto;
    white-space: pre;
}

/* Endpoint calculado do R2: quebra em qualquer ponto no celular */
.apr-config-upload .apr-config-upload-endpoint code {
    overflow-wrap: anywhere;
}