/*
 TECNASYS VOICE EXECUTIVE V6
 Ajustes visuales sin alterar Browser Phone.
*/

:root {
    --tv-primary: #172d40;
    --tv-accent: #00888d;
    --tv-background: #f3f5f7;
    --tv-border: #dce3e9;
    --tv-text: #172b3c;
}

/* Fondo corporativo */

body {
    background-color: var(--tv-background) !important;
}

/* Directorio */

#leftContent {
    background-color: #ffffff !important;
    border-right: 1px solid var(--tv-border) !important;
}

/* Centro de llamadas */

#rightContent {
    background-color: var(--tv-background) !important;
}

/* Separadores */

#leftContent hr,
#rightContent hr {
    border-color: var(--tv-border) !important;
}

/* Campos de búsqueda */

#leftContent input[type="text"],
#leftContent input[type="search"] {
    border-radius: 7px !important;
    border-color: var(--tv-border) !important;
}

/* Fotografías reales del usuario */

#UserProfilePic {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 36px !important;
    height: 36px !important;
    background-size: cover !important;
    background-position: center !important;
    border-radius: 50% !important;
}

/* Avatares artificiales de llamadas */

#rightContent .inCallAvatar,
#rightContent .CallPictureUnderlay {
    display: none !important;
}

/* Fondos decorativos */

#rightContent .CallColorUnderlay {
    background: transparent !important;
    background-image: none !important;
}

/* Evitar efectos visuales innecesarios */

#rightContent .CallPictureUnderlay,
#rightContent .CallColorUnderlay {
    box-shadow: none !important;
}

/* Adaptación a pantallas pequeñas */

@media (max-width: 800px) {
    #leftContent,
    #rightContent {
        max-width: 100%;
    }
}