/* =============================================================================
   TratativasCX · Overlay de transição
   Abertura animada da marca usada entre login → home e personalizar → home.
   ============================================================================= */

.transicao-overlay {
    position: fixed;
    inset: 0;
    z-index: 9998;
    background: var(--bg);
    display: flex;
    align-items: center;
    justify-content: center;
}
.transicao-overlay.hidden { display: none; }

.transicao-loader { display: flex; flex-direction: column; align-items: center; gap: 20px; }

/* Abertura oficial (tratativascx-abertura-*.svg): a animação vem embutida no próprio SVG */
.transicao-abertura { width: 239px; height: auto; display: block; }
.transicao-msg  { font-size: 0.85rem; color: var(--text-sub); margin: 0; }