/* (PREGNORF ✅) DMX — Chat UI (app-agnostic)
   File: modules/chat/ui/chat.css  Version: 2.1.0
   Scope: inside .dmx-app only. Reads tokens from app base.css; safe fallbacks included.
*/

.dmx-app{ --chat-gutter:var(--chat-gutter,16px); --gap:var(--gap,16px) }

/* Stream: gutter so first bubble isn’t flush-left */
.dmx-app #dmx-unichat .stream{
  min-height:120px;
  padding: var(--chat-gutter) var(--chat-gutter) calc(var(--chat-gutter)*1.25) var(--chat-gutter);
  background:var(--paper,#fff);
}

/* Message rows & bubbles */
.dmx-app #dmx-unichat .msg{ display:block; margin:0; padding-left:0 }
.dmx-app #dmx-unichat .msg .bubble{
  display:block; margin:6px 0;
  border:1px solid var(--line,#e7e9ee);
  border-radius:var(--radius,14px);
  padding:.6rem .8rem;
  background:var(--soft-2,#f8fafc);
  color:var(--ink,#0b1220);
  word-wrap:break-word; white-space:pre-wrap;
}

/* Assistant/user variants */
.dmx-app #dmx-unichat .msg.assistant .bubble{
  background:transparent; border-color:transparent; box-shadow:none; padding-left:0; padding-right:0;
}
.dmx-app #dmx-unichat .msg.user .bubble{
  background:#f3f4f6; color:#0b1220; margin-left:auto; border-color:#e5e7eb;
}

/* Welcome bubble relies on stream padding for gutter */
.dmx-app #dmx-unichat .msg.assistant.welcome .bubble{ margin-left:0 }

/* Composer */
.dmx-app #dmx-unichat .composer{
  display:flex; gap:var(--gap); padding: var(--chat-gutter);
  border-top:1px solid var(--line,#e7e9ee); background:var(--paper,#fff);
}
.dmx-app #dmx-unichat textarea{
  flex:1; min-height:84px; max-height:220px; resize:vertical;
  border:1px solid var(--line,#e7e9ee); border-radius:12px;
  padding:.55rem .75rem; padding-right:68px;
  background:#fff; color:var(--ink,#0b1220);
}

/* Init state preserves gutter */
.dmx-app #dmx-unichat .frame.dmx-init .stream{ padding-top: var(--chat-gutter) }

/* Legacy bridge (keeps old ids alive if needed) */
.dmx-app #dmx-chat{display:block}
.dmx-app #dmx-chat .log{min-height:120px;margin-bottom:10px}
.dmx-app #dmx-chat .row{display:flex;gap:8px}
.dmx-app #dmx-chat input{flex:1;border:1px solid var(--line,#e7e9ee);border-radius:.6rem;padding:.55rem .75rem}