/* UI-19: the greeting that remembers (public/greeting.js) and G7's compact
   "Renamed to X" line in a chat. Presentation only; untinted grays. */
.home-start .home-greeting { width:100%; max-width:720px; margin:0 auto 22px; text-align:center; display:flex; flex-direction:column; align-items:center; }
.home-greeting[hidden] { display:none; }
/* The greeting is the heading: the static one goes when a greeting exists. */
.home-start.has-greeting > :is(.ce-title, .home-brand-line) { display:none; }
.home-start .home-greeting > .home-greeting-avatar { order:1; }
.home-start .home-greeting > .home-greeting-title { order:2; }
.home-start .home-greeting > .home-greeting-asks { order:3; }
.home-greeting-avatar { display:block; width:56px; height:56px; margin:0 auto 12px; }
.home-greeting-avatar > * { width:100%; height:100%; }
.home-start .home-greeting-title { margin:0 0 16px; text-wrap:balance; }
/* One row: centred when it fits, scrolls sideways when it doesn't. */
.home-greeting-asks { display:flex; flex-wrap:nowrap; gap:8px; width:100%; overflow-x:auto; scrollbar-width:none; padding:2px 0; }
.home-greeting-asks::-webkit-scrollbar { display:none; }
.home-greeting-asks > :first-child { margin-left:auto; }
.home-greeting-asks > :last-child { margin-right:auto; }
.home-greeting-ask { flex:none; display:inline-flex; align-items:center; min-height:36px; padding:0 14px; border:1px solid var(--line-2); border-radius:999px;
  color:var(--ink); font-size:var(--text-sm, 13px); font-weight:500; white-space:nowrap; text-decoration:none; transition:background .12s ease, border-color .12s ease; }
.home-greeting-ask:hover { background:var(--hover); border-color:var(--line-3, var(--line-2)); }
.home-greeting-ask:focus-visible { outline:2px solid var(--ink); outline-offset:-2px; }
@media (max-width:760px) { .chat-empty-inner .home-greeting { order:3; } } /* where the heading sits (styles.css) */
@media (max-width:600px) {
  .home-greeting-ask { min-height:44px; font-size:16px; padding:0 16px; }
  .chat-event-line { font-size:15px; }
}

.msg.chat-event { display:flex; justify-content:flex-start; }
.chat-event-line { display:inline-flex; align-items:center; gap:8px; padding:2px 0; color:var(--ink-3); font-size:var(--text-sm, 13px); }
.chat-event-line svg { width:14px; height:14px; flex:none; }
.chat-event-line strong { color:var(--ink); font-weight:550; }