/* Genesis Chat design tweaks. Loaded AFTER app.css, so anything here wins.
   Edit on the server, then refresh the browser. */

/* ---- call history row (inside a chat) ---- */
.call-row{align-self:center;width:min(100%,360px);margin:10px 0;padding:0;background:none;box-shadow:none;display:block}
.call-row .call-pill{position:static;transform:none;display:flex;align-items:center;gap:12px;padding:10px 12px 10px 10px;border-radius:16px;background:var(--panel);color:var(--text);border:1px solid var(--line);box-shadow:0 1px 3px rgba(16,28,77,.08)}
.call-row .cp-ic{width:42px;height:42px;flex:none;border-radius:50%;background:var(--active);color:var(--accent)}
.call-row .cp-ic .ic{width:20px;height:20px}
.call-row.missed .cp-ic{background:#fde4e2;color:var(--red)}
.call-row.live .cp-ic{background:var(--green);color:#fff}
.call-row .cp-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.call-row .cp-text strong{font-size:14px;font-weight:650;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.call-row .cp-text small{font-size:12.5px;color:var(--muted)}
.call-row.missed .cp-text small{color:var(--red)}
.call-row .btn{flex:none;min-height:34px;padding:0 14px;font-size:13px;border:1px solid var(--accent);color:var(--accent);background:transparent}
.call-row .btn.primary{background:var(--green);border-color:var(--green);color:#fff}