/* ============================================================
   misc.css
   MISC — anything not in the other buckets.
   NOTE: all CSS files load together; order affects overrides (base first).
   ============================================================ */

* { box-sizing: border-box; }

.row { display: flex; align-items: center; gap: 10px; }

.between { display: flex; align-items: center; justify-content: space-between; }

.msg { max-width: 72%; padding: 8px 12px; border-radius: 12px; font-size: 13.5px; line-height: 1.4; }

.msg.them { background: var(--panel-2); align-self: flex-start; }

.msg.me { background: var(--accent-dim); align-self: flex-end; color: var(--text); }

.clickable { cursor: pointer; }

@media (max-width:820px){ .gate-inner { grid-template-columns:1fr; } }

.reassure { margin-top:16px; background:var(--panel); border:1px solid var(--border); border-left:3px solid var(--accent); border-radius:12px; padding:14px 16px; font-size:12.5px; line-height:1.6; color:var(--text-dim); }

.reassure b { color:var(--text); }