/**
 * Context Component: List Styles
 *
 * Flat list with optional badges and status dots.
 */

.plexa-chat-context-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.plexa-chat-context-list__item {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 5px 6px;
	border-radius: 4px;
	transition: background-color 0.15s;
}

.plexa-chat-context-list__item:hover {
	background: var(--plexa-chat-bg-tertiary, #2a2a2a);
}

/* ==========================================================================
   STATUS DOT
   ========================================================================== */

.plexa-chat-context-list__status {
	flex: 0 0 8px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: var(--plexa-chat-text-muted, #888888);
}

.plexa-chat-context-list__status--active {
	background: #4caf50;
}

.plexa-chat-context-list__status--pending {
	background: #ff9800;
}

.plexa-chat-context-list__status--error {
	background: #f44336;
}

.plexa-chat-context-list__status--draft {
	background: var(--plexa-chat-text-muted, #888888);
}

/* ==========================================================================
   LABEL + BADGE
   ========================================================================== */

.plexa-chat-context-list__label {
	flex: 1 1 auto;
	font-size: 13px;
	color: var(--plexa-chat-text, #ffffff);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.plexa-chat-context-list__badge {
	flex: 0 0 auto;
	font-size: 11px;
	padding: 1px 6px;
	border-radius: 8px;
	background: var(--plexa-chat-bg-tertiary, #2a2a2a);
	color: var(--plexa-chat-text-muted, #888888);
	white-space: nowrap;
}