/* _content/AiChatbot.Web/Components/Layout/LoginLayout.razor.rz.scp.css */
/* Login layout uses global ai-auth-* classes from app.css. */
/* _content/AiChatbot.Web/Components/Pages/Conversations/Index.razor.rz.scp.css */
/* ── 3-pane shell ──────────────────────────────────────────── */
.conv-shell[b-6t1iesem7u] {
    display: grid;
    grid-template-columns: 360px 1fr 320px;
    height: calc(100vh - 80px);
    background: var(--mud-palette-background);
    overflow: hidden;
}

.conv-pane[b-6t1iesem7u] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
    background: var(--mud-palette-surface);
    border-right: 1px solid var(--mud-palette-divider);
}

.conv-pane:last-child[b-6t1iesem7u] {
    border-right: none;
}

.conv-pane-list[b-6t1iesem7u] {
    background: var(--mud-palette-surface);
}

.conv-pane-thread[b-6t1iesem7u] {
    background: var(--mud-palette-background);
}

.conv-pane-details[b-6t1iesem7u] {
    overflow-y: auto;
    background: var(--mud-palette-surface);
}

/* ── Left pane: header + filters + search ────────────────── */
.conv-list-header[b-6t1iesem7u] {
    padding: 16px 16px 10px;
    border-bottom: 1px solid var(--mud-palette-divider);
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.conv-list-title[b-6t1iesem7u] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.conv-count-pill[b-6t1iesem7u] {
    background: var(--mud-palette-action-default-hover);
    color: var(--mud-palette-text-secondary);
    font-size: 11px;
    font-weight: 600;
    padding: 2px 8px;
    border-radius: 999px;
    line-height: 1.5;
}

.conv-list-filters[b-6t1iesem7u] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

/* Vertical divider between the radio-style status pills and the smart-filter pills */
.conv-filter-divider[b-6t1iesem7u] {
    width: 1px;
    height: 18px;
    background: var(--mud-palette-divider);
    margin: 0 4px;
    align-self: center;
    flex: 0 0 1px;
}

/* Per-row star toggle */
.conv-row-star[b-6t1iesem7u] {
    background: transparent;
    border: 0;
    padding: 0;
    margin: 0 4px;
    color: var(--mud-palette-text-disabled);
    cursor: pointer;
    line-height: 0;
}

.conv-row-star:hover[b-6t1iesem7u] {
    color: #F59E0B;
}

.conv-row-star.on[b-6t1iesem7u] {
    color: #F59E0B;
}

.conv-row-star .mud-icon-root[b-6t1iesem7u] {
    width: 16px !important;
    height: 16px !important;
}

/* Filter chip groups inside the advanced-filters modal */
.conv-filter-chips[b-6t1iesem7u] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.conv-filter-pill[b-6t1iesem7u] {
    border: 1px solid var(--mud-palette-divider);
    background: transparent;
    color: var(--mud-palette-text-secondary);
    font-size: 12px;
    font-weight: 600;
    padding: 4px 10px;
    border-radius: 999px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    transition: background 0.12s ease, color 0.12s ease, border-color 0.12s ease;
}

.conv-filter-pill:hover[b-6t1iesem7u] {
    background: var(--mud-palette-action-default-hover);
    color: var(--mud-palette-text-primary);
}

.conv-filter-pill.active[b-6t1iesem7u] {
    background: var(--mud-palette-primary);
    color: var(--mud-palette-primary-contrast-text);
    border-color: var(--mud-palette-primary);
}

.conv-search[b-6t1iesem7u]  .mud-input-outlined-border {
    border-radius: 8px;
}

/* ── Conversation list rows ──────────────────────────────── */
.conv-list[b-6t1iesem7u] {
    overflow-y: auto;
    flex: 1 1 auto;
}

.conv-list-empty[b-6t1iesem7u] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 40px 20px;
    color: var(--mud-palette-text-secondary);
    text-align: center;
}

.conv-row[b-6t1iesem7u] {
    display: flex;
    gap: 12px;
    padding: 12px 16px;
    border-bottom: 1px solid var(--mud-palette-divider-light);
    cursor: pointer;
    transition: background 0.1s ease;
}

.conv-row:hover[b-6t1iesem7u] {
    background: var(--mud-palette-action-default-hover);
}

.conv-row-selected[b-6t1iesem7u] {
    background: rgba(79, 70, 229, 0.08) !important;
    box-shadow: inset 3px 0 0 var(--mud-palette-primary);
}

.conv-row-body[b-6t1iesem7u] {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.conv-row-top[b-6t1iesem7u] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 8px;
}

.conv-row-name[b-6t1iesem7u] {
    font-size: 14px;
    font-weight: 600;
    color: var(--mud-palette-text-primary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.conv-row-time[b-6t1iesem7u] {
    flex: 0 0 auto;
    font-size: 11px;
    color: var(--mud-palette-text-secondary);
    font-weight: 500;
}

.conv-row-mid[b-6t1iesem7u] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.conv-row-preview[b-6t1iesem7u] {
    font-size: 13px;
    color: var(--mud-palette-text-secondary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: 1 1 auto;
    min-width: 0;
}

.conv-row-prefix[b-6t1iesem7u] {
    color: var(--mud-palette-text-disabled);
    font-weight: 500;
}

.conv-row-empty[b-6t1iesem7u] {
    color: var(--mud-palette-text-disabled);
    font-style: italic;
}

.conv-row-bottom[b-6t1iesem7u] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 4px;
    font-size: 11px;
    color: var(--mud-palette-text-disabled);
}

.conv-row-id[b-6t1iesem7u] {
    font-weight: 600;
    color: var(--mud-palette-text-secondary);
}

.conv-row-inbox[b-6t1iesem7u] {
    color: var(--mud-palette-text-disabled);
}

.conv-row-labels[b-6t1iesem7u] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-left: auto;
}

.conv-row-label-chip[b-6t1iesem7u] {
    background: var(--mud-palette-action-default-hover);
    color: var(--mud-palette-text-secondary);
    font-size: 10px;
    font-weight: 600;
    padding: 2px 7px;
    border-radius: 4px;
}

/* ── Status dots and pills ──────────────────────────────── */
.conv-status-dot[b-6t1iesem7u] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: inline-block;
    flex: 0 0 8px;
    background: var(--mud-palette-text-disabled);
}

.conv-status-open[b-6t1iesem7u] { background: #10B981; box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.18); }
.conv-status-pending[b-6t1iesem7u] { background: #F59E0B; box-shadow: 0 0 0 3px rgba(245, 158, 11, 0.18); }
.conv-status-snoozed[b-6t1iesem7u] { background: #0EA5E9; box-shadow: 0 0 0 3px rgba(14, 165, 233, 0.18); }
.conv-status-resolved[b-6t1iesem7u] { background: #94A3B8; }

.conv-status-pill[b-6t1iesem7u] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 11.5px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    padding: 4px 10px 4px 8px;
    border-radius: 999px;
}

.conv-status-pill-open[b-6t1iesem7u] { background: rgba(16, 185, 129, 0.12); color: #047857; }
.conv-status-pill-pending[b-6t1iesem7u] { background: rgba(245, 158, 11, 0.14); color: #B45309; }
.conv-status-pill-snoozed[b-6t1iesem7u] { background: rgba(14, 165, 233, 0.14); color: #0369A1; }
.conv-status-pill-resolved[b-6t1iesem7u] { background: rgba(148, 163, 184, 0.18); color: #475569; }

/* ── Center pane: thread header ─────────────────────────── */
.conv-thread-header[b-6t1iesem7u] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 20px;
    background: var(--mud-palette-surface);
    border-bottom: 1px solid var(--mud-palette-divider);
}

.conv-thread-header-text[b-6t1iesem7u] {
    min-width: 0;
}

.conv-thread-name[b-6t1iesem7u] {
    font-size: 16px;
    font-weight: 600;
    color: var(--mud-palette-text-primary);
}

.conv-thread-sub[b-6t1iesem7u] {
    font-size: 12px;
    color: var(--mud-palette-text-secondary);
    margin-top: 1px;
}

.conv-thread-sep[b-6t1iesem7u] {
    margin: 0 6px;
    opacity: 0.6;
}

.conv-empty[b-6t1iesem7u] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: var(--mud-palette-text-secondary);
}

/* ── Thread + bubbles ───────────────────────────────────── */
.conv-thread[b-6t1iesem7u] {
    flex: 1;
    overflow-y: auto;
    padding: 18px 20px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.conv-day-divider[b-6t1iesem7u] {
    display: flex;
    justify-content: center;
    margin: 8px 0 4px;
}

.conv-day-divider span[b-6t1iesem7u] {
    background: var(--mud-palette-action-default-hover);
    color: var(--mud-palette-text-secondary);
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 3px 12px;
    border-radius: 999px;
}

.conv-activity[b-6t1iesem7u] {
    align-self: center;
    color: var(--mud-palette-text-disabled);
    font-size: 12px;
    font-style: italic;
}

.conv-msg-row[b-6t1iesem7u] {
    display: flex;
    gap: 10px;
    align-items: flex-end;
    max-width: 78%;
}

.conv-msg-row-in[b-6t1iesem7u] {
    align-self: flex-start;
}

.conv-msg-row-out[b-6t1iesem7u] {
    align-self: flex-end;
    flex-direction: row;
}

.conv-msg-stack[b-6t1iesem7u] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.conv-msg-row-out .conv-msg-stack[b-6t1iesem7u] {
    align-items: flex-end;
}

.conv-msg[b-6t1iesem7u] {
    padding: 10px 14px;
    border-radius: 14px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06);
    font-size: 14px;
    line-height: 1.45;
    max-width: 100%;
}

.conv-msg-in[b-6t1iesem7u] {
    background: var(--mud-palette-surface);
    color: var(--mud-palette-text-primary);
    border: 1px solid var(--mud-palette-divider);
    border-bottom-left-radius: 4px;
}

.conv-msg-out[b-6t1iesem7u] {
    background: linear-gradient(135deg, #4F46E5 0%, #6366F1 100%);
    color: #fff;
    border-bottom-right-radius: 4px;
}

.conv-msg-private[b-6t1iesem7u] {
    background: linear-gradient(135deg, #FEF3C7 0%, #FDE68A 100%) !important;
    color: #78350F !important;
    border: 1px solid #FCD34D !important;
}

.conv-msg-content[b-6t1iesem7u] {
    white-space: pre-wrap;
    word-break: break-word;
}

.conv-msg-meta[b-6t1iesem7u] {
    margin-top: 4px;
    font-size: 11px;
    color: var(--mud-palette-text-secondary);
    display: flex;
    align-items: center;
    gap: 6px;
}

.conv-msg-meta-sep[b-6t1iesem7u] {
    opacity: 0.6;
}

.conv-msg-private-tag[b-6t1iesem7u] {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    color: #B45309;
    font-weight: 600;
}

.conv-msg-private-tag .mud-icon-root[b-6t1iesem7u] {
    width: 12px !important;
    height: 12px !important;
}

.conv-agent-marker[b-6t1iesem7u] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: var(--mud-palette-action-default-hover);
    color: var(--mud-palette-text-secondary);
    flex: 0 0 24px;
}

.conv-agent-marker .mud-icon-root[b-6t1iesem7u] {
    width: 14px !important;
    height: 14px !important;
}

/* ── AI auto-reply chip in the thread header ───────────── */
.conv-ai-chip[b-6t1iesem7u] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 10px 4px 8px;
    border-radius: 999px;
    font-size: 11.5px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    cursor: pointer;
    border: 1px solid transparent;
    background: var(--mud-palette-action-default-hover);
    color: var(--mud-palette-text-secondary);
    transition: background 0.12s ease, color 0.12s ease, border-color 0.12s ease;
    margin-right: 8px;
    font-family: inherit;
}

.conv-ai-chip:disabled[b-6t1iesem7u] { opacity: 0.6; cursor: progress; }

.conv-ai-chip:hover:not(:disabled)[b-6t1iesem7u] {
    border-color: var(--mud-palette-primary);
}

.conv-ai-chip.on[b-6t1iesem7u] {
    background: rgba(79, 70, 229, 0.14);
    color: var(--mud-palette-primary);
    border-color: rgba(79, 70, 229, 0.32);
}

.conv-ai-chip.off[b-6t1iesem7u] {
    background: var(--mud-palette-action-default-hover);
    color: var(--mud-palette-text-disabled);
}

.conv-ai-chip .mud-icon-root[b-6t1iesem7u] {
    width: 14px !important;
    height: 14px !important;
}

.conv-ai-chip-state[b-6t1iesem7u] {
    font-weight: 700;
    margin-left: 2px;
}

/* ── Composer ───────────────────────────────────────────── */
.conv-composer[b-6t1iesem7u] {
    padding: 14px 20px;
    border-top: 1px solid var(--mud-palette-divider);
    background: var(--mud-palette-surface);
}

/* Make sure the outlined textfield's border renders in both light and dark
   themes — without this the input is invisible in the dark palette and looks
   like the composer has no field at all. */
.conv-composer-input[b-6t1iesem7u]  .mud-input-outlined-border {
    border-radius: 8px;
}

.conv-composer-input[b-6t1iesem7u]  .mud-input.mud-input-outlined input,
.conv-composer-input[b-6t1iesem7u]  .mud-input.mud-input-outlined textarea {
    color: var(--mud-palette-text-primary);
}

/* ── Right pane (details) ───────────────────────────────── */
.conv-label-chips[b-6t1iesem7u] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-top: 6px;
}

.conv-note-meta[b-6t1iesem7u] {
    font-size: 11px;
    color: var(--mud-palette-text-secondary);
    margin-bottom: 4px;
}

.conv-note-content[b-6t1iesem7u] {
    white-space: pre-wrap;
    word-break: break-word;
}

/* ── Copilot tab ────────────────────────────────────────── */
.conv-copilot-thread[b-6t1iesem7u] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-bottom: 8px;
    max-height: 320px;
    overflow-y: auto;
    padding-right: 4px;
}

.conv-copilot-msg[b-6t1iesem7u] {
    padding: 8px 10px;
    border-radius: 10px;
    font-size: 13px;
    line-height: 1.4;
    white-space: pre-wrap;
    word-break: break-word;
    border: 1px solid transparent;
}

.conv-copilot-user[b-6t1iesem7u] {
    background: var(--mud-palette-primary);
    color: var(--mud-palette-primary-contrast-text);
    align-self: flex-end;
    max-width: 85%;
}

.conv-copilot-ai[b-6t1iesem7u] {
    background: var(--mud-palette-action-default-hover);
    color: var(--mud-palette-text-primary);
    align-self: flex-start;
    max-width: 95%;
}

.conv-copilot-streaming[b-6t1iesem7u] {
    border: 1px dashed var(--mud-palette-primary);
    opacity: 0.85;
}

/* ── Mobile collapse ────────────────────────────────────── */
@media (max-width: 1100px) {
    .conv-shell[b-6t1iesem7u] {
        grid-template-columns: 320px 1fr;
    }

    .conv-pane-details[b-6t1iesem7u] {
        display: none;
    }
}

@media (max-width: 768px) {
    .conv-shell[b-6t1iesem7u] {
        grid-template-columns: 1fr;
    }

    .conv-pane-list[b-6t1iesem7u] {
        display: none;
    }
}