/* Contacts (Business Plus): list tags and filters, and the panel for calling,
   messaging and the history on a contact's statement. Builds on deals.css. */

.contact-filters {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
    margin: 0 0 12px;
}

.contact-filters[hidden] {
    display: none;
}

.contact-filter select {
    min-height: 36px;
    padding: 6px 10px;
    border: 1px solid var(--border-light);
    border-radius: var(--radius-md, 8px);
    background: var(--surface);
    color: var(--text-primary);
    font: inherit;
    font-size: 0.85rem;
}

.contact-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-top: 4px;
}

.deal-badge.contact-class.is-customer { background: var(--success-100); color: var(--success-700); }
.deal-badge.contact-class.is-lead,
.deal-badge.contact-class.is-prospect { background: var(--primary-100); color: var(--primary-700); }
.deal-badge.contact-class.is-former_customer { background: var(--neutral-200); color: var(--text-secondary); }
.deal-badge.contact-engagement.is-hot { background: var(--error-100); color: var(--error-700); }
.deal-badge.contact-engagement.is-warm { background: var(--warning-100); color: var(--warning-700); }

.contact-panel {
    margin: 16px 0;
}

.contact-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 4px 0 8px;
}

.contact-actions .contact-action {
    text-decoration: none;
    display: inline-flex;
    align-items: center;
}

.contact-actions button[disabled] {
    opacity: 0.55;
    cursor: not-allowed;
}

.contact-composer {
    border: 1px solid var(--border-light);
    border-radius: var(--radius-lg);
    padding: 14px;
    margin: 8px 0 12px;
    background: var(--surface);
}

.contact-composer[hidden] {
    display: none;
}

.contact-composer textarea {
    width: 100%;
    min-height: 84px;
}

.contact-history-title {
    margin: 16px 0 8px;
    font-size: 0.95rem;
}

.contact-activity {
    grid-template-columns: auto minmax(0, 1fr);
}

.contact-activity-body {
    white-space: pre-wrap;
    margin: 4px 0 0;
}

.contact-channel.is-whatsapp { background: var(--success-100); color: var(--success-700); }
.contact-channel.is-email { background: var(--primary-100); color: var(--primary-700); }

.customer-form-subheading {
    margin: 8px 0 0;
}

@media (max-width: 640px) {
    .contact-filter,
    .contact-filter select {
        width: 100%;
    }
}