/* Intellic Labs portal — small additions on top of the DreamsChat theme.
   The accent colour (#e1474d) is rebranded directly in style.css; this file
   only adds helpers the portal needs. */

:root {
    --intellic-accent: #e1474d;
}

/* Soft badges used across todos / issues / risk levels */
.badge-soft-success { background: rgba(12, 198, 140, .12); color: #0a8c63; }
.badge-soft-warning { background: rgba(255, 193, 7, .15); color: #b88a00; }
.badge-soft-danger  { background: rgba(225, 71, 77, .12); color: #c2333a; }
.badge-soft-info    { background: rgba(27, 132, 255, .12); color: #1366cc; }
.badge-soft-secondary { background: rgba(114, 118, 125, .15); color: #5a5e66; }
.badge-soft-dark    { background: rgba(20, 27, 39, .1); color: #141b27; }
.badge-soft-primary { background: rgba(225, 71, 77, .12); color: var(--intellic-accent); }
.badge[class*="badge-soft-"] { font-weight: 600; padding: .4em .7em; border-radius: 6px; }

/* Stat-card icon accent variants reused on dashboards */
.total-count-icons.bg-accent { background: var(--intellic-accent) !important; }

/* Monitored / compliance notice banner */
.monitored-notice {
    background: rgba(225, 71, 77, .08);
    border: 1px solid rgba(225, 71, 77, .25);
    border-left: 4px solid var(--intellic-accent);
    color: #8c2b30;
    border-radius: 8px;
    padding: 12px 16px;
    font-size: 13px;
}
.monitored-notice i { color: var(--intellic-accent); }

/* Chat bubbles */
.portal-chat-body { min-height: 50vh; max-height: 62vh; overflow-y: auto; padding: 20px; background: #f7f8fa; }
.chat-row { display: flex; margin-bottom: 18px; }
.chat-row.outgoing { justify-content: flex-end; }
.chat-bubble {
    max-width: 70%; padding: 12px 16px; border-radius: 12px;
    background: #fff; border: 1px solid #eef0f4; position: relative;
}
.chat-row.outgoing .chat-bubble { background: var(--intellic-accent); color: #fff; border-color: var(--intellic-accent); }
.chat-row.outgoing .chat-bubble .chat-meta { color: rgba(255,255,255,.8); }
.chat-meta { font-size: 11px; color: #8a8d93; margin-top: 6px; display: flex; gap: 8px; align-items: center; }
.chat-bubble.held { border: 1px dashed var(--intellic-accent); background: rgba(225,71,77,.06); color: #8c2b30; }

/* Conversation sidebar list */
.convo-item { display: flex; align-items: center; gap: 12px; padding: 12px 16px; border-bottom: 1px solid #f0f1f4; cursor: pointer; color: inherit; text-decoration: none; }
.convo-item:hover, .convo-item.active { background: rgba(225,71,77,.06); }
.convo-avatar { width: 42px; height: 42px; border-radius: 50%; background: var(--intellic-accent); color: #fff; display: flex; align-items: center; justify-content: center; font-weight: 600; flex-shrink: 0; }

/* Generic avatar initials */
.avatar-initials { background: var(--intellic-accent); color:#fff; display:inline-flex; align-items:center; justify-content:center; font-weight:600; border-radius:50%; }

.cursor-pointer { cursor: pointer; }
.text-accent { color: var(--intellic-accent) !important; }