/*
 TECNASYS VOICE EXECUTIVE V2
 Visual presentation only.
 No SIP, WebRTC or authentication changes.
*/

:root {
    --tv-primary: #152c40;
    --tv-accent: #00888d;
    --tv-background: #f2f5f7;
    --tv-border: #dce4eb;
    --tv-text: #182b3d;
    --tv-muted: #63778a;
}

/* General appearance */

html,
body {
    background: var(--tv-background) !important;
    color: var(--tv-text);
    font-family: Arial, Helvetica, sans-serif;
}

/* Hide decorative profile images and avatars */

img[class*="avatar" i],
img[id*="avatar" i],
[class*="avatar" i] img,
[class*="profile-picture" i] img,
[class*="profile-image" i] img,
[class*="contact-picture" i] img,
[class*="contact-image" i] img,
[class*="buddy-picture" i] img,
[class*="buddy-avatar" i] img {
    display: none !important;
}

/* Preserve the Tecnasys brand logo */

/* Inputs */

input[type="text"],
input[type="search"] {
    border: 1px solid var(--tv-border);
    border-radius: 7px;
    background: #f8fafb;
    color: var(--tv-text);
}

input[type="text"]:focus,
input[type="search"]:focus {
    border-color: var(--tv-accent);
    outline: none;
}

/* Contact lists */

[class*="buddy" i],
[class*="contact" i] {
    box-sizing: border-box;
}

[class*="buddy-list" i],
[class*="contact-list" i] {
    background: #fff;
}

/* Typography */

small,
[class*="description" i],
[class*="subtitle" i] {
    color: var(--tv-muted);
}

/* Buttons */

button {
    transition: background-color .15s ease,
                border-color .15s ease;
}

button:focus-visible,
a:focus-visible {
    outline: 2px solid var(--tv-accent);
    outline-offset: 2px;
}

/* Responsive */

@media (max-width: 768px) {
    body {
        margin: 0;
    }

    input[type="text"],
    input[type="search"] {
        max-width: 100%;
    }
}