/* RAWA — identidade oficial aplicada sem distorção.
 * Logo completa na sidebar aberta; símbolo R oficial na sidebar recolhida;
 * assinatura "Gestão inteligente para oficinas" somente no login.
 * Camada visual: não altera autenticação, sessão, API ou dados.
 */

#app-view .sidebar-brand {
    position: relative !important;
    min-height: 76px !important;
    height: 76px !important;
    display: flex !important;
    align-items: center !important;
    padding: 0 47px 0 14px !important;
    overflow: visible !important;
    background: #ffffff !important;
    border-bottom: 1px solid #e5edf6 !important;
}

#app-view .rawa-sidebar-logo-wrap {
    width: 176px !important;
    max-width: 176px !important;
    height: 56px !important;
    flex: 0 0 176px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    overflow: hidden !important;
    contain: layout paint !important;
}

#app-view .rawa-sidebar-logo-full {
    display: block !important;
    width: 174px !important;
    max-width: 174px !important;
    height: auto !important;
    max-height: 56px !important;
    object-fit: contain !important;
    object-position: left center !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    transform: none !important;
    filter: none !important;
}

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

#app-view .sidebar-brand .v11-sidebar-collapse {
    position: absolute !important;
    top: 22px !important;
    right: 9px !important;
    z-index: 40 !important;
    margin: 0 !important;
    width: 30px !important;
    height: 30px !important;
    border-radius: 999px !important;
    border: 1px solid #dbe4ee !important;
    background: #ffffff !important;
    color: #70839a !important;
    box-shadow: 0 5px 14px rgba(15,23,42,.10) !important;
}

#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;
}

#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;
    contain: layout paint !important;
}

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

#app-view.v11-sidebar-collapsed .rawa-sidebar-logo-symbol {
    display: block !important;
    width: 40px !important;
    height: 40px !important;
    max-width: 40px !important;
    max-height: 40px !important;
    object-fit: contain !important;
    object-position: center !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    transform: none !important;
    filter: none !important;
}

#app-view.v11-sidebar-collapsed .sidebar-brand .v11-sidebar-collapse {
    top: 22px !important;
    right: -14px !important;
    width: 30px !important;
    height: 30px !important;
    border: 1px solid #dbe4ee !important;
    border-radius: 999px !important;
    background: #ffffff !important;
    color: #72849a !important;
    box-shadow: 0 6px 16px rgba(15,23,42,.14) !important;
}

#app-view .sidebar-brand .v11-sidebar-collapse:hover,
#app-view.v11-sidebar-collapsed .sidebar-brand .v11-sidebar-collapse:hover {
    border-color: #bfd5ee !important;
    background: #f8fbff !important;
    color: #2563eb !important;
}

/* Login: mantém o ambiente CSS já aprovado; usa a assinatura oficial completa. */
#login-view.login-view {
    isolation: isolate !important;
    overflow: hidden !important;
    background:
        radial-gradient(circle at 50% 17%, rgba(33,126,255,.17) 0, rgba(24,91,166,.08) 24%, transparent 46%),
        radial-gradient(circle at 12% 74%, rgba(12,102,214,.12), transparent 32%),
        radial-gradient(circle at 88% 70%, rgba(20,156,244,.10), transparent 34%),
        linear-gradient(180deg, #06111f 0%, #071827 48%, #040b13 100%) !important;
}

#login-view.login-view::before {
    content: "" !important;
    position: fixed !important;
    inset: 0 !important;
    z-index: 0 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    filter: none !important;
    -webkit-filter: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    mask-image: none !important;
    -webkit-mask-image: none !important;
    background:
        linear-gradient(90deg, transparent 0 13%, rgba(89,158,236,.08) 13.1% 13.25%, transparent 13.35% 31%, rgba(89,158,236,.055) 31.1% 31.2%, transparent 31.3% 68%, rgba(89,158,236,.055) 68.1% 68.2%, transparent 68.3% 86.7%, rgba(89,158,236,.08) 86.75% 86.9%, transparent 87%),
        repeating-linear-gradient(90deg, rgba(106,167,230,.032) 0 1px, transparent 1px 74px),
        repeating-linear-gradient(0deg, rgba(106,167,230,.025) 0 1px, transparent 1px 74px) !important;
}

#login-view.login-view::after {
    content: "" !important;
    position: fixed !important;
    inset: 0 !important;
    z-index: 1 !important;
    pointer-events: none !important;
    background:
        radial-gradient(ellipse at 50% 78%, rgba(33,132,255,.15), transparent 45%),
        linear-gradient(180deg, transparent 0 54%, rgba(9,32,54,.10) 54%, rgba(2,9,16,.42) 100%),
        linear-gradient(90deg, rgba(1,7,13,.30), transparent 18%, transparent 82%, rgba(1,7,13,.30)) !important;
}

#login-view .login-card {
    position: relative !important;
    z-index: 2 !important;
    width: min(410px, calc(100vw - 28px)) !important;
    max-width: 410px !important;
    padding: 22px 25px 18px !important;
    border: 1px solid rgba(141,185,235,.25) !important;
    border-radius: 22px !important;
    background:
        radial-gradient(circle at 50% 0%, rgba(44,130,255,.08), transparent 34%),
        linear-gradient(180deg, rgba(9,24,41,.975), rgba(5,16,29,.98)) !important;
    box-shadow: 0 28px 78px rgba(0,0,0,.46), 0 0 0 1px rgba(255,255,255,.025) inset !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

#login-view .login-card::before {
    content: none !important;
    display: none !important;
}

#login-view .rawa-login-logo {
    display: block !important;
    width: min(292px, 76vw) !important;
    max-width: 292px !important;
    height: auto !important;
    max-height: 76px !important;
    object-fit: contain !important;
    object-position: center !important;
    margin: 0 auto 13px !important;
    padding: 0 !important;
    border: 0 !important;
    transform: none !important;
    filter: none !important;
}

#login-view .login-heading {
    margin: 0 0 16px !important;
    text-align: center !important;
}

#login-view .login-heading .eyebrow {
    margin: 0 auto 9px !important;
}

#login-view .login-heading h1 {
    margin: 0 0 7px !important;
    font-size: clamp(26px, 2.8vw, 30px) !important;
    line-height: 1.1 !important;
}

#login-view .login-heading p {
    max-width: 330px !important;
    margin: 0 auto !important;
    font-size: 12.5px !important;
    line-height: 1.48 !important;
}

#login-view #login-form { gap: 12px !important; }

#login-view .field > input,
#login-view .password-field,
#login-view #login-submit {
    min-height: 46px !important;
}

#login-view .login-footer {
    margin-top: 12px !important;
    padding-top: 12px !important;
}

@media (max-width: 700px) {
    #login-view.login-view { overflow: auto !important; }
    #login-view .login-card {
        width: min(394px, calc(100vw - 22px)) !important;
        padding: 19px 18px 16px !important;
    }
    #login-view .rawa-login-logo {
        width: min(270px, 78vw) !important;
        max-height: 68px !important;
        margin-bottom: 11px !important;
    }
}

@media (max-height: 720px) and (min-width: 701px) {
    #login-view .login-card {
        width: min(398px, calc(100vw - 28px)) !important;
        padding: 14px 23px 13px !important;
    }
    #login-view .rawa-login-logo {
        width: 245px !important;
        max-height: 60px !important;
        margin-bottom: 7px !important;
    }
    #login-view .login-heading { margin-bottom: 12px !important; }
}

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