/* src/components/industry/chat/XWUIChatPreviewRow/XWUIChatPreviewRow.css */
.xwui-chat-preview-row {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: var(--spacing-sm, 0.5rem);
    padding-block: var(--spacing-sm, 0.5rem);
    padding-inline: var(--spacing-md, 1rem);
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    border: none;
    background: transparent;
    color: var(--text-primary, var(--text-color));
    text-align: start;
    cursor: pointer;
    transition: background-color 120ms ease;
    min-width: 0;
}

html[dir="rtl"] .xwui-chat-preview-row,
html[dir="rtl"] .xwui-chat-preview-row [dir="ltr"] {
    direction: rtl;
}

.xwui-chat-preview-row:hover { background: var(--surface-secondary, rgba(0, 0, 0, 0.04)); }
.xwui-chat-preview-row-active { background: var(--accent-soft, rgba(37, 99, 235, 0.08)); }
.xwui-chat-preview-row-avatar { position: relative; flex: 0 0 auto; display: inline-flex; }
.xwui-chat-preview-row-presence { position: absolute; inset-block-end: -2px; inset-inline-end: -2px; }
.xwui-chat-preview-row-body { flex: 1 1 auto; display: flex; flex-direction: column; gap: 2px; min-width: 0; overflow: hidden; }
.xwui-chat-preview-row-top, .xwui-chat-preview-row-bottom {
    display: flex; align-items: center; gap: 4px; min-width: 0; width: 100%;
}
.xwui-chat-preview-row-name { flex: 1 1 auto; font-weight: 600; font-size: 0.9rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; }
.xwui-chat-preview-row-time { flex: 0 0 auto; font-size: 0.7rem; color: var(--text-tertiary, var(--text-secondary)); }
.xwui-chat-preview-row-message { flex: 1 1 auto; font-size: 0.8rem; color: var(--text-secondary); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; }
.xwui-chat-preview-row-typing { color: var(--accent-color, currentColor); font-style: italic; }
.xwui-chat-preview-row-meta { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 4px; color: var(--text-tertiary, var(--text-secondary)); }
.xwui-chat-preview-row-glyph { display: inline-flex; align-items: center; }
.xwui-chat-preview-row-unread {
    min-width: 18px; height: 18px;
    padding-block: 0;
    padding-inline: 6px;
    border-radius: 999px;
    background: var(--accent-color, #2563eb);
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    line-height: 18px;
    text-align: center;
}