/*
 * Fondos ambientales v0.63.0
 * Capas visuales aisladas por vista. No modifica controles, iconos ni flujo.
 */

#sgl-desktop-app .sgl-main {
    background-color: #edf5ff;
}

#sgl-desktop-app .sgl-view[data-view="home"],
#sgl-desktop-app .sgl-view[data-view="lead"] {
    background-color: #edf6ff;
    background-image:
        linear-gradient(180deg, rgba(242, 248, 255, .78) 0%, rgba(239, 247, 255, .88) 54%, rgba(232, 244, 255, .94) 100%),
        url("images/area-backgrounds-v063/kingdom-blue.png");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 26px;
    box-shadow: inset 0 0 0 1px rgba(58, 153, 245, .16);
}

#sgl-desktop-app .sgl-view[data-view="contacts"],
#sgl-desktop-app .sgl-view[data-view="touches"],
#sgl-desktop-app .sgl-view[data-view="settings"],
#sgl-desktop-app .sgl-view[data-view="supervision"] {
    background-color: #edf9f7;
    background-image:
        linear-gradient(180deg, rgba(242, 252, 250, .80) 0%, rgba(237, 250, 247, .90) 58%, rgba(230, 246, 242, .95) 100%),
        url("images/area-backgrounds-v063/operations-emerald.png");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 26px;
    box-shadow: inset 0 0 0 1px rgba(23, 181, 154, .16);
}

#sgl-desktop-app .sgl-view[data-view="challenges"],
#sgl-desktop-app .sgl-view[data-view="rewards"],
#sgl-desktop-app .sgl-view[data-view="messages"] {
    background-color: #f1effc;
    background-image:
        linear-gradient(180deg, rgba(247, 245, 255, .79) 0%, rgba(242, 239, 253, .89) 56%, rgba(235, 231, 250, .95) 100%),
        url("images/area-backgrounds-v063/rewards-purple.png");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 26px;
    box-shadow: inset 0 0 0 1px rgba(115, 78, 218, .16);
}

/* Los contenedores conservan su diseño, con una transparencia mínima que
   permite percibir el ambiente sin perder contraste. */
#sgl-desktop-app .sgl-view[data-view="home"] .sgl-opportunity-card,
#sgl-desktop-app .sgl-view[data-view="lead"] .sgl-lead-layout,
#sgl-desktop-app .sgl-view[data-view="contacts"] .sgl-workspace-card,
#sgl-desktop-app .sgl-view[data-view="touches"] .sgl-workspace-card,
#sgl-desktop-app .sgl-view[data-view="settings"] .sgl-profile-card,
#sgl-desktop-app .sgl-view[data-view="supervision"] .sgl-supervisor-card,
#sgl-desktop-app .sgl-view[data-view="challenges"] .sgl-challenge-card,
#sgl-desktop-app .sgl-view[data-view="rewards"] .sgl-reward-card,
#sgl-desktop-app .sgl-view[data-view="messages"] .sgl-message-card {
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
}

@media (max-width: 900px) {
    #sgl-desktop-app .sgl-view[data-view="home"],
    #sgl-desktop-app .sgl-view[data-view="lead"],
    #sgl-desktop-app .sgl-view[data-view="contacts"],
    #sgl-desktop-app .sgl-view[data-view="touches"],
    #sgl-desktop-app .sgl-view[data-view="settings"],
    #sgl-desktop-app .sgl-view[data-view="supervision"],
    #sgl-desktop-app .sgl-view[data-view="challenges"],
    #sgl-desktop-app .sgl-view[data-view="rewards"],
    #sgl-desktop-app .sgl-view[data-view="messages"] {
        background-position: center top;
        background-size: auto 100%;
        border-radius: 18px;
    }
}

@media (prefers-reduced-transparency: reduce) {
    #sgl-desktop-app .sgl-view[data-view="home"],
    #sgl-desktop-app .sgl-view[data-view="lead"],
    #sgl-desktop-app .sgl-view[data-view="contacts"],
    #sgl-desktop-app .sgl-view[data-view="touches"],
    #sgl-desktop-app .sgl-view[data-view="settings"],
    #sgl-desktop-app .sgl-view[data-view="supervision"],
    #sgl-desktop-app .sgl-view[data-view="challenges"],
    #sgl-desktop-app .sgl-view[data-view="rewards"],
    #sgl-desktop-app .sgl-view[data-view="messages"] {
        background-image: none;
    }
}