@charset "utf-8";
/* Sessions chat (#sessions, #mentor, #signin). Builds on css/members.css and the site's colour tokens. */
.ss-app{display:grid;gap:18px;margin-block:8px 40px}
.ss-demo{margin:0}
.ss-allow{margin:0;color:var(--mist,#C9C4D8)}
.ss-allow strong{color:var(--gold-hi,#E6CF9C)}
.ss-topics{border:0;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.ss-topics .pay-legend{width:100%}
.ss-topic{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 14px;border:1px solid var(--line-soft,rgba(255,255,255,.2));border-radius:999px;cursor:pointer}
.ss-topic:has(input:checked){border-color:var(--gold,#C9A96A);background:rgba(201,169,106,.12)}
.ss-topic input{accent-color:var(--gold,#C9A96A)}
.ss-ta{min-height:140px;resize:vertical;line-height:1.5}
.ss-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}
.ss-care{margin:0;padding-top:12px;border-top:1px solid var(--line-soft,rgba(255,255,255,.12))}
.ss-list{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.ss-item{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 14px;min-height:56px;padding:14px 16px;border:1px solid var(--line-soft,rgba(255,255,255,.14));border-radius:14px;background:rgba(10,14,38,.35);color:inherit;text-decoration:none}
.ss-item:hover,.ss-item:focus-visible{border-color:var(--gold,#C9A96A)}
.ss-item-t{display:grid;gap:2px;min-width:0}
.ss-item-t strong{overflow-wrap:anywhere}
.ss-state{padding:.15rem .7rem;border-radius:999px;border:1px solid var(--line-soft,rgba(255,255,255,.25));font-size:.85rem;white-space:nowrap}
.ss-state.new{background:var(--gold,#C9A96A);border-color:var(--gold,#C9A96A);color:var(--ink,#0A0E26);font-weight:600}
.ss-state.closed{opacity:.7}
.ss-panel{gap:16px}
.ss-meta{margin:0;color:var(--mist,#C9C4D8)}
.ss-meta strong{overflow-wrap:anywhere;color:var(--text,#F4EFE6)}
.ss-thread{display:grid;gap:12px;margin:0;padding:0;list-style:none}
.ss-msg{max-width:88%;padding:12px 14px;border-radius:16px}
.ss-msg p{margin:0}
.ss-msg.theirs{justify-self:start;background:rgba(122,92,200,.2);border:1px solid rgba(122,92,200,.35);border-bottom-left-radius:4px}
.ss-msg.mine{justify-self:end;background:rgba(201,169,106,.14);border:1px solid rgba(201,169,106,.35);border-bottom-right-radius:4px}
.ss-who{font-size:.85rem;color:var(--mist,#C9C4D8);margin-bottom:4px!important}
.ss-who strong{color:var(--gold-hi,#E6CF9C)}
.ss-body{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6}
.ss-foot{display:grid;gap:12px;padding-top:14px;border-top:1px solid var(--line-soft,rgba(255,255,255,.12))}
.ss-foot p{margin:0}