/* Vchat Contactos CRM UX 0.63.2 - isolated visual layer */
.vchat-app .contacts-module,
.vchat-app .vchat-contacts,
.vchat-app .contacts-page {
    --vchat-text:#171B36;
    --vchat-muted:#6F748A;
    --vchat-border:#E8E5F5;
    --vchat-primary:#635BDB;
    color:var(--vchat-text);
}

.vchat-app .contacts-module * { box-sizing:border-box; }

.vchat-app .contacts-module table,
.vchat-app .contacts-module .contacts-table {
    width:100%;
    table-layout:fixed;
}

.vchat-app .contacts-module th {
    font-size:11px !important;
    font-weight:700 !important;
    letter-spacing:.04em;
    color:var(--vchat-muted) !important;
    text-transform:uppercase;
}

.vchat-app .contacts-module td {
    font-size:13px;
    color:var(--vchat-text);
    vertical-align:middle;
}

.vchat-app .contacts-module .contact-name,
.vchat-app .contacts-module [class*="contact"] strong {
    font-size:15px !important;
    font-weight:700 !important;
    color:var(--vchat-text) !important;
}

.vchat-app .contacts-module .contact-meta,
.vchat-app .contacts-module small {
    color:var(--vchat-muted);
    font-size:12px;
}

.vchat-app .contacts-module .chip,
.vchat-app .contacts-module [class*="badge"] {
    font-size:11px !important;
    font-weight:600 !important;
    white-space:nowrap;
}

.vchat-app .contacts-module .data-label {
    font-size:11px;
    font-weight:700;
    color:var(--vchat-muted);
}

.vchat-app .contacts-module .data-value {
    font-size:14px;
    font-weight:700;
}

@media(max-width:768px){
 .vchat-app .contacts-module table {display:none;}
 .vchat-app .contacts-module .contact-card {
    border:1px solid var(--vchat-border);
    border-radius:18px;
    padding:16px;
    margin-bottom:12px;
 }
}