/* RAWA — camada de identidade visual.
 * Apenas marca e apresentação; não altera autenticação, sessão, API ou regras de negócio.
 */
:root {
    --rawa-navy: #071a3b;
    --rawa-blue: #1167f4;
    --rawa-cyan: #149cf4;
}

.rawa-brand-symbol {
    display: block;
    width: 46px;
    height: 46px;
    flex: 0 0 46px;
    object-fit: contain;
    filter: drop-shadow(0 8px 18px rgba(20, 156, 244, .16));
}

#app-view .sidebar-brand {
    gap: 11px;
}

#app-view .sidebar-brand .rawa-brand-symbol {
    width: 46px;
    height: 46px;
    flex-basis: 46px;
}

#app-view .sidebar-brand .brand-copy {
    min-width: 0;
}

#app-view .sidebar-brand .brand-copy strong {
    letter-spacing: .12em;
    font-weight: 900;
}

#app-view .sidebar-brand .brand-copy span {
    max-width: 150px;
    margin-top: 3px;
    font-size: 10px;
    line-height: 1.25;
    white-space: normal;
}

#app-view.v11-sidebar-collapsed .rawa-brand-symbol {
    width: 44px;
    height: 44px;
    flex-basis: 44px;
}

@media (max-width: 768px) {
    #app-view .sidebar-brand .rawa-brand-symbol {
        width: 42px;
        height: 42px;
        flex-basis: 42px;
    }
}