/**
 * jex - Conversation 模組專用樣式
 *
 * 此檔案僅包含 Conversation 模組的專用 CSS 樣式。
 * 通用 UI 樣式由 uiservice.css 管理，此處禁止重複。
 * 所有色彩/圓角/字級必須使用 M3 tokens（variables.css）。
 *
 * 載入順序：variables.css → uiservice.css → conversation.css
 *
 * @version 2.0.0
 * @since 2025-01-19
 */

/* ======== 歷史對話列表樣式（[jex_conversation_history_list] 短代碼） ======== */
.jex-conversation-history-list {
    margin: 0;
    border: 1px solid var(--md-sys-color-outline-variant);
    border-radius: var(--md-sys-shape-corner-small, 8px);
    background: var(--md-sys-color-surface-container-low);
    overflow: hidden;
    width: 100%;
}

.jex-conversation-history-list .history-list-item {
    border-bottom: 1px solid var(--md-sys-color-outline-variant);
    transition: background-color var(--md-sys-motion-duration-short2, 0.2s) var(--md-sys-motion-easing-standard, ease);
}

.jex-conversation-history-list .history-list-item:last-child {
    border-bottom: none;
}

.jex-conversation-history-list .history-list-item:hover {
    background-color: color-mix(in srgb, var(--md-sys-color-on-surface) 8%, transparent);
}

.jex-conversation-history-list .history-list-item.active {
    background-color: var(--md-sys-color-primary);
    color: var(--md-sys-color-on-primary);
}

.jex-conversation-history-list .history-list-item.active:hover {
    background-color: color-mix(in srgb, var(--md-sys-color-primary) 90%, var(--md-sys-color-on-primary) 10%);
}

.jex-conversation-history-list .history-item-link {
    display: block;
    padding: 12px 15px;
    text-decoration: none;
    color: inherit;
    transition: all var(--md-sys-motion-duration-short2, 0.2s) var(--md-sys-motion-easing-standard, ease);
}

.jex-conversation-history-list .history-item-link:hover {
    text-decoration: none;
    color: inherit;
}

.jex-conversation-history-list .history-item-snippet {
    display: block;
    font-size: var(--md-sys-typescale-body-medium-size, 14px);
    line-height: var(--md-sys-typescale-body-medium-line-height, 1.4);
    margin-bottom: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.jex-conversation-history-list .history-item-time {
    display: block;
    font-size: var(--md-sys-typescale-body-small-size, 12px);
    color: var(--md-sys-color-on-surface-variant);
    font-style: italic;
}

.jex-conversation-history-list .history-list-item.active .history-item-time {
    color: color-mix(in srgb, var(--md-sys-color-on-primary) 90%, transparent);
}