/* AutoSay brand bridge for high-traffic CRM modules.
 * Loaded after feature styles so legacy primary accents follow shared tokens.
 * Status, channel and chart colors intentionally remain feature-owned. */

/* Messenger */
.conversation-item:hover {
    border-left-color: rgba(2, 95, 122, 0.28);
}

.conversation-item.unread,
.chat-header {
    background: linear-gradient(135deg, var(--bg-secondary), rgba(0, 228, 252, 0.05));
}

.chat-header::after {
    background: linear-gradient(90deg, transparent, rgba(0, 228, 252, 0.28), rgba(2, 95, 122, 0.16), transparent);
}

.chat-header .avatar,
.cip-avatar {
    background: linear-gradient(135deg, var(--autosay-petrol, #025F7A), var(--autosay-petrol-dark, #012233));
    color: var(--autosay-white, #FDFDFD);
    box-shadow: 0 3px 12px rgba(2, 95, 122, 0.28);
}

.chat-header .avatar:hover {
    box-shadow: 0 4px 16px rgba(0, 228, 252, 0.3);
}

.chat-filter-btn.active,
.chat-filter-btn:hover,
.conversation-item.unread .conversation-time,
.conv-quick-btn:hover,
.chat-header-name .header-tag,
.chat-action-btn.primary-action,
.chat-action-btn.primary-action:hover,
.conv-action-btn.assign:hover,
.reply-bar-name,
.quick-reply-item .qr-shortcut,
.cip-action-btn:hover,
.cip-order-id,
.chat-action-btn.cip-active,
.template-item-category,
.ai-suggestion-chip {
    color: var(--brand-link);
}

.chat-header-name .header-tag,
.chat-action-btn.primary-action:hover,
.conv-action-btn.assign:hover,
.ai-suggestions,
.ai-suggestion-chip {
    background: rgba(0, 228, 252, 0.1);
}

.chat-action-btn.primary-action:hover {
    box-shadow: 0 2px 8px rgba(0, 228, 252, 0.2);
}

.contact-menu-item:hover {
    background: linear-gradient(90deg, rgba(0, 228, 252, 0.1), transparent);
    border-left-color: var(--primary);
}

.contact-menu-item:active {
    background: linear-gradient(90deg, rgba(0, 228, 252, 0.18), transparent);
}

.contact-menu {
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.18), 0 0 0 1px rgba(0, 228, 252, 0.08);
}

.compose-send {
    background: linear-gradient(135deg, var(--autosay-cyan-bright, #00F4FC), var(--primary-hover));
    color: var(--brand-on-accent);
}

.cip-action-btn:hover,
.ai-suggestion-chip {
    border-color: rgba(2, 95, 122, 0.3);
}

@keyframes msgHighlight {
    0%, 20% { background: rgba(0, 228, 252, 0.24); }
    100% { background: inherit; }
}

/* AI chatbot setup and compact wizard */
.wizard-hero-icon {
    filter: drop-shadow(0 4px 12px rgba(0, 228, 252, 0.28));
}

.wizard-hero h3,
.settings-hero h2 {
    background: linear-gradient(135deg, var(--brand-link), var(--brand-link-hover));
    -webkit-background-clip: text;
    background-clip: text;
}

.wizard-step.active,
.model-badge.recommended,
.chat-preview-input button,
.wiz-btn-next {
    background: linear-gradient(135deg, var(--autosay-cyan-bright, #00F4FC), var(--primary-hover));
    color: var(--brand-on-accent);
}

.template-card:hover,
.wiz-card:hover,
.wiz-tone:hover,
.wiz-model:hover {
    border-color: var(--primary);
    box-shadow: 0 4px 16px rgba(0, 228, 252, 0.16);
}

.template-card.selected,
.tone-option.selected,
.model-option.selected,
.wiz-card.selected,
.wiz-tone.selected,
.wiz-model.selected {
    border-color: var(--primary);
    background: linear-gradient(135deg, rgba(0, 228, 252, 0.1), rgba(2, 95, 122, 0.08));
    box-shadow: 0 0 0 3px rgba(0, 228, 252, 0.12);
}

.template-card.selected::before,
.persona-card-bar {
    background: linear-gradient(90deg, var(--primary), var(--autosay-petrol, #025F7A));
}

.template-card.selected::after,
.wiz-card.selected .wiz-card-check {
    background: var(--primary);
    border-color: var(--primary);
    color: var(--brand-on-accent);
}

.wiz-card:hover .wiz-card-icon,
.wiz-card.selected .wiz-card-icon {
    background: linear-gradient(135deg, rgba(0, 228, 252, 0.14), rgba(2, 95, 122, 0.12));
}

.wiz-header {
    background: linear-gradient(135deg, var(--autosay-petrol-dark, #012233), var(--autosay-petrol, #025F7A));
}

.wiz-dot.active {
    color: var(--autosay-petrol, #025F7A);
}

.wiz-btn-next {
    box-shadow: 0 4px 14px rgba(2, 187, 211, 0.3);
}

.wiz-btn-next:hover,
.wiz-btn-next.ready {
    box-shadow: 0 6px 20px rgba(0, 228, 252, 0.32);
}

[data-theme="dark"] .wiz-card:hover {
    border-color: var(--primary);
    box-shadow: 0 4px 16px rgba(0, 228, 252, 0.2);
}

/* Onboarding */
.onboarding-progress-step.active {
    background: linear-gradient(90deg, var(--primary), var(--primary-hover));
}

.onboarding-icon,
.empty-state-enriched .empty-icon {
    background: linear-gradient(135deg, rgba(0, 228, 252, 0.16), rgba(2, 95, 122, 0.1));
    color: var(--brand-link);
}

.onboarding-feature-item i,
.welcome-checklist-header h3 i {
    color: var(--brand-link);
}

.onboarding-btn-primary {
    background: linear-gradient(135deg, var(--autosay-cyan-bright, #00F4FC), var(--primary-hover));
    color: var(--brand-on-accent);
}

.onboarding-btn-primary:hover {
    background: linear-gradient(135deg, var(--primary), var(--primary-hover));
    color: var(--brand-on-accent);
    box-shadow: 0 4px 16px rgba(0, 228, 252, 0.28);
}

.welcome-checklist {
    background: linear-gradient(135deg, rgba(0, 228, 252, 0.08), rgba(2, 95, 122, 0.04));
}

.agent-sector-card:hover,
.agent-purpose-card:hover {
    box-shadow: 0 4px 12px rgba(0, 228, 252, 0.18);
}

[data-theme="dark"] .welcome-checklist,
[data-theme="dark"] .empty-state-enriched .empty-icon {
    background: linear-gradient(135deg, rgba(0, 228, 252, 0.13), rgba(2, 95, 122, 0.12));
}

/* Settings */
.settings-nav-item:hover,
.settings-nav-item.active,
.settings-step-text strong,
.settings-learn-more,
.settings-help-icon,
.default-badge {
    color: var(--brand-link);
}

.settings-nav-item:hover,
.settings-nav-item.active {
    background: linear-gradient(90deg, rgba(0, 228, 252, 0.1), transparent);
}

.settings-nav-item.active,
.settings-nav-item.active::after {
    border-color: var(--brand-link);
}

.settings-nav-item.active::after {
    background: var(--brand-link);
}

.settings-save-btn {
    background: linear-gradient(135deg, var(--autosay-cyan-bright, #00F4FC), var(--primary-hover));
    color: var(--brand-on-accent);
}

.settings-save-btn:hover {
    box-shadow: 0 4px 16px rgba(0, 228, 252, 0.28);
}

.settings-form-group .form-control:focus {
    border-color: var(--primary);
    box-shadow: 0 0 0 3px rgba(0, 228, 252, 0.14);
}

.settings-help-icon,
.default-badge {
    background: rgba(0, 228, 252, 0.12);
}

.settings-step-num {
    background: linear-gradient(135deg, var(--autosay-petrol, #025F7A), var(--autosay-petrol-dark, #012233));
    color: var(--autosay-white, #FDFDFD);
}

/* Contextual help */
#help-fab-btn,
.tooltip-gotit {
    background: linear-gradient(135deg, var(--autosay-cyan-bright, #00F4FC), var(--primary-hover));
    color: var(--brand-on-accent);
    box-shadow: 0 4px 16px rgba(0, 228, 252, 0.3);
}

#help-fab-btn:hover,
.tooltip-gotit:hover {
    background: linear-gradient(135deg, var(--primary), var(--primary-hover));
    color: var(--brand-on-accent);
    box-shadow: 0 6px 24px rgba(0, 228, 252, 0.38);
}

.tooltip-title i,
.help-panel .help-section h4 i {
    color: var(--brand-link);
}