/* SGAA v11.1 - Identidad visual */

.branding-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:16px!important;
}
.branding-card{
    display:grid!important;
    grid-template-columns:170px 1fr!important;
    min-height:205px!important;
    overflow:hidden!important;
    background:#fff!important;
    border:1px solid #dfe5e2!important;
    border-radius:16px!important;
}
.branding-preview{
    min-height:205px!important;
    display:grid!important;
    place-items:center!important;
    padding:14px!important;
    background:#f6f8f7!important;
    border-right:1px solid #e8ecea!important;
}
.branding-preview img{
    display:block!important;
    width:100%!important;
    height:175px!important;
    object-fit:contain!important;
    border-radius:10px!important;
}
.branding-placeholder{
    width:100px!important;
    height:100px!important;
    display:grid!important;
    place-items:center!important;
    border:2px dashed #cdd7d2!important;
    border-radius:18px!important;
    color:#98a2b3!important;
    font-size:11px!important;
    font-weight:800!important;
}
.branding-card-body{
    padding:17px!important;
}
.branding-card-body h3{
    margin:0!important;
    color:#071b3a!important;
    font-size:14px!important;
}
.branding-card-body p{
    margin:6px 0!important;
    color:#667085!important;
    font-size:10px!important;
    line-height:1.5!important;
}
.branding-card-body small{
    display:block!important;
    margin-bottom:13px!important;
    color:#98a2b3!important;
    font-size:9px!important;
    line-height:1.4!important;
}
.branding-upload{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:38px!important;
    padding:0 12px!important;
    border-radius:9px!important;
    background:#08752f!important;
    color:#fff!important;
    font-size:10px!important;
    font-weight:850!important;
    cursor:pointer!important;
}
.branding-upload input{
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    opacity:0!important;
    pointer-events:none!important;
}
.branding-remove{
    display:flex!important;
    gap:7px!important;
    align-items:center!important;
    margin-top:10px!important;
    color:#b42318!important;
    font-size:9px!important;
    cursor:pointer!important;
}
.branding-remove input{
    width:15px!important;
    height:15px!important;
    margin:0!important;
}
.branding-security-note{
    margin-top:16px!important;
    padding:12px 14px!important;
    border-radius:11px!important;
    background:#fafcfb!important;
    border:1px solid #e8ecea!important;
    color:#667085!important;
    font-size:10px!important;
    line-height:1.5!important;
}

.sidebar-logo-image{
    width:46px!important;
    height:46px!important;
    flex:0 0 46px!important;
    display:grid!important;
    place-items:center!important;
    overflow:hidden!important;
    border-radius:12px!important;
    background:#fff!important;
    border:3px solid #ffcc3d!important;
}
.sidebar-logo-image img{
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    padding:2px!important;
}

.branding-login-logo{
    width:88px!important;
    height:88px!important;
    display:grid!important;
    place-items:center!important;
    overflow:hidden!important;
    border-radius:20px!important;
    background:#fff!important;
    border:4px solid #ffcc3d!important;
    box-shadow:0 10px 30px rgba(0,0,0,.12)!important;
}
.branding-login-logo img{
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    padding:5px!important;
}

.branding-auth-shell.has-login-image .auth-brand{
    position:relative!important;
    overflow:hidden!important;
    isolation:isolate!important;
}
.branding-auth-shell.has-login-image .auth-brand::before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    z-index:-2!important;
    background-image:var(--login-image)!important;
    background-size:cover!important;
    background-position:center!important;
}
.branding-auth-shell.has-login-image .auth-brand::after{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    z-index:-1!important;
    background:linear-gradient(135deg,rgba(4,93,39,.92),rgba(7,27,58,.78))!important;
}

@media(max-width:1050px){
    .branding-grid{grid-template-columns:1fr!important}
}
@media(max-width:650px){
    .branding-card{grid-template-columns:1fr!important}
    .branding-preview{
        min-height:160px!important;
        border-right:0!important;
        border-bottom:1px solid #e8ecea!important;
    }
    .branding-preview img{height:130px!important}
}