.fi-badge.sms-variable {
    margin-bottom: 0.5rem;
    margin-right: 0.5rem;
    background-color: #eee;
}

/* Active tab styling */
button.fi-tabs-item.fi-active {
    background-color: var(--primary-500) !important;
    border-radius: 0.5rem;
}

button.fi-tabs-item.fi-active .fi-tabs-item-label,
button.fi-tabs-item.fi-active .fi-icon {
    color: #fff !important;
}

/* Always show pagination overview (total count and page info) */
.fi-pagination-overview {
    display: inline !important;
}

/* Fix ActionGroup dropdown being clipped by top navigation */
.fi-dropdown-panel {
    z-index: 9999 !important;
}

/* Widen mention autocomplete dropdown */
.fi-fo-rich-editor .fi-dropdown-panel {
    max-width: 45rem !important;
    min-width: 40rem !important;
}

/* Increase RichEditor textarea height */
.fi-fo-rich-editor .tiptap {
    min-height: 5rem;
}

/* Clickable mention links in chat bubbles */
a.mention-link {
    color: var(--primary-600);
    font-weight: 500;
    text-decoration: none;
    background-color: var(--primary-50);
    padding: 0.1rem 0.3rem;
    border-radius: 0.25rem;
}

a.mention-link:hover {
    text-decoration: underline;
    background-color: var(--primary-100);
}

/* Sticky table toolbar (search, filters, column toggles) */
.fi-ta-ctn {
    overflow: visible !important;
}

.fi-ta-header-ctn {
    position: sticky;
    top: 4rem;
    z-index: 11;
    background-color: white;
}

.fi-modal .fi-ta-ctn {
    overflow: auto !important;
}

.fi-modal .fi-ta-header-ctn {
    position: static;
}

/* Make filters dropdown scrollable based on viewport height */
.fi-ta-filters-dropdown > .fi-dropdown-panel {
    max-height: calc(100vh - 12rem);
    overflow-y: auto;
}

/* Compact overrides for follow-up chat inside summary sidebar */
.summary-chat .chat-header {
    padding-top: 0;
    padding-bottom: 0.25rem;
    gap: 0.5rem;
}
.summary-chat .chat-header h3 {
    font-size: 0.875rem;
}
.summary-chat .chat-header span {
    font-size: 0.75rem;
    padding: 0.125rem 0.625rem;
}
.summary-chat .chat-avatar {
    display: none !important;
}
.summary-chat .chat-date-separator span {
    font-size: 0.75rem;
    padding: 0.25rem 1rem;
}
.summary-chat .chat-actions {
    gap: 0.25rem;
}
.summary-chat .chat-actions button {
    padding: 0.125rem 0.5rem;
    font-size: 11px;
    gap: 0.25rem;
}
.summary-chat .chat-actions button svg {
    width: 0.75rem;
    height: 0.75rem;
}

/* Compact audio player in summary sidebar */
.summary-chat .rounded-xl {
    padding: 4px 8px !important;
    gap: 6px !important;
    border-radius: 8px !important;
}
.summary-chat .rounded-xl .h-7 {
    width: 22px !important;
    height: 22px !important;
}
.summary-chat .rounded-xl .h-7 svg {
    width: 10px !important;
    height: 10px !important;
}
.summary-chat .rounded-xl .cursor-pointer {
    height: 4px !important;
}
.summary-chat .rounded-xl .text-xs {
    font-size: 10px !important;
}
.summary-chat .rounded-xl .h-3\.5 {
    width: 14px !important;
    height: 14px !important;
}