/* RAWA — identidade oficial por tema, revisão v2.
 * Assets baseados diretamente nas imagens oficiais fornecidas.
 * Sidebar expandida: símbolo oficial + wordmark RAWA, sem tagline.
 * Sidebar recolhida: somente o símbolo R oficial.
 * Login: logo oficial completa com "Gestão inteligente para oficinas".
 */

#app-view .sidebar-brand {
    position: relative !important;
    min-height: 76px !important;
    height: 76px !important;
    display: flex !important;
    align-items: center !important;
    padding: 0 46px 0 12px !important;
    overflow: visible !important;
    background: var(--v3-sidebar) !important;
    border-bottom: 1px solid var(--v3-sidebar-border) !important;
}

#app-view .rawa-sidebar-logo-wrap {
    width: 184px !important;
    max-width: 184px !important;
    height: 58px !important;
    flex: 0 0 184px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    overflow: hidden !important;
    background: transparent !important;
}

#app-view .rawa-sidebar-logo-expanded {
    width: 180px !important;
    height: 54px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    overflow: hidden !important;
}

#app-view .rawa-sidebar-theme {
    width: 180px !important;
    height: 54px !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    overflow: hidden !important;
}

#app-view .rawa-sidebar-logo-collapsed {
    display: none !important;
}

#app-view .rawa-theme-light,
#app-view .rawa-theme-dark {
    display: none !important;
}

html[data-theme="light"] #app-view .rawa-sidebar-theme.rawa-theme-light {
    display: flex !important;
}

html[data-theme="dark"] #app-view .rawa-sidebar-theme.rawa-theme-dark {
    display: flex !important;
}

#app-view .rawa-sidebar-symbol,
#app-view .rawa-sidebar-wordmark {
    flex: 0 0 auto !important;
    display: block;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    object-fit: contain !important;
    object-position: center !important;
    transform: none !important;
    filter: none !important;
    image-rendering: auto !important;
}

#app-view .rawa-sidebar-logo-expanded .rawa-sidebar-symbol {
    width: 44px !important;
    height: 44px !important;
    max-width: 44px !important;
    max-height: 44px !important;
}

#app-view .rawa-sidebar-wordmark {
    width: 126px !important;
    height: auto !important;
    max-width: 126px !important;
    max-height: 30px !important;
}

/* Sidebar recolhida: não reutiliza/corta a logo horizontal. */
#app-view.v11-sidebar-collapsed .sidebar-brand {
    width: 82px !important;
    min-width: 82px !important;
    height: 76px !important;
    min-height: 76px !important;
    justify-content: center !important;
    padding: 0 !important;
    overflow: visible !important;
    background: var(--v3-sidebar) !important;
    border-bottom-color: var(--v3-sidebar-border) !important;
}

#app-view.v11-sidebar-collapsed .rawa-sidebar-logo-wrap {
    width: 82px !important;
    max-width: 82px !important;
    height: 76px !important;
    flex: 0 0 82px !important;
    display: grid !important;
    place-items: center !important;
    overflow: hidden !important;
}

#app-view.v11-sidebar-collapsed .rawa-sidebar-logo-expanded {
    display: none !important;
}

#app-view.v11-sidebar-collapsed .rawa-sidebar-logo-collapsed {
    width: 54px !important;
    height: 54px !important;
    display: grid !important;
    place-items: center !important;
    overflow: hidden !important;
}

html[data-theme="light"] #app-view.v11-sidebar-collapsed .rawa-sidebar-logo-collapsed > .rawa-theme-light,
html[data-theme="dark"] #app-view.v11-sidebar-collapsed .rawa-sidebar-logo-collapsed > .rawa-theme-dark {
    display: block !important;
}

#app-view.v11-sidebar-collapsed .rawa-sidebar-logo-collapsed .rawa-sidebar-symbol {
    width: 46px !important;
    height: 46px !important;
    max-width: 46px !important;
    max-height: 46px !important;
    object-fit: contain !important;
}

/* Controle de recolhimento acompanha a superfície do tema ativo. */
#app-view .sidebar-brand .v11-sidebar-collapse,
#app-view.v11-sidebar-collapsed .sidebar-brand .v11-sidebar-collapse {
    position: absolute !important;
    top: 22px !important;
    z-index: 40 !important;
    width: 30px !important;
    height: 30px !important;
    margin: 0 !important;
    border: 1px solid var(--v3-sidebar-border) !important;
    border-radius: 999px !important;
    background: var(--v3-card) !important;
    color: var(--v3-muted) !important;
    box-shadow: 0 6px 16px rgba(0,0,0,.12) !important;
}

#app-view .sidebar-brand .v11-sidebar-collapse {
    right: 9px !important;
}

#app-view.v11-sidebar-collapsed .sidebar-brand .v11-sidebar-collapse {
    right: -14px !important;
}

#app-view .sidebar-brand .v11-sidebar-collapse:hover,
#app-view.v11-sidebar-collapsed .sidebar-brand .v11-sidebar-collapse:hover {
    border-color: color-mix(in srgb, #3182f6 32%, var(--v3-sidebar-border)) !important;
    background: color-mix(in srgb, #3182f6 7%, var(--v3-card)) !important;
    color: #438cf2 !important;
}

/* Login: força renderização visível da arte oficial completa sobre o fundo escuro. */
#login-view .rawa-brand-symbol {
    width: 42px !important;
    height: 42px !important;
    object-fit: contain !important;
    transform: none !important;
    filter: none !important;
}

#login-view .rawa-login-logo {
    position: relative !important;
    z-index: 4 !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: min(330px, 80vw) !important;
    max-width: 330px !important;
    height: auto !important;
    max-height: 88px !important;
    margin: 0 auto 14px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    object-fit: contain !important;
    object-position: center !important;
    transform: none !important;
    filter: none !important;
    image-rendering: auto !important;
}

@media (max-width: 700px) {
    #login-view .rawa-login-logo {
        width: min(292px, 82vw) !important;
        max-height: 78px !important;
    }

    #app-view .rawa-sidebar-logo-wrap {
        max-width: 180px !important;
    }
}

@media (max-height: 720px) and (min-width: 701px) {
    #login-view .rawa-login-logo {
        width: 266px !important;
        max-height: 70px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    #app-view .rawa-sidebar-logo-expanded,
    #app-view .rawa-sidebar-logo-collapsed,
    #app-view .rawa-sidebar-symbol,
    #app-view .rawa-sidebar-wordmark {
        transition: none !important;
        animation: none !important;
    }
}