/* WhatsApp tarzı yazışma (web/js/ui/wathread.js): özel mesaj paneli ve IRC özel mesaj sekmesi */
.sp-thread, .wa-mode { background: radial-gradient(circle at 20% 10%, color-mix(in srgb, var(--accent) 7%, transparent), transparent 55%), color-mix(in srgb, var(--accent) 4%, var(--surface)); }
.sp-thread { padding: 12px 10px; gap: 2px; }
.wa-mode { display: flex; flex-direction: column; gap: 2px; padding: 12px 10px; }
.wa-day { align-self: center; margin: 10px 0 8px; } .wa-day span, .wa-sys span { display: inline-block; padding: 3px 12px; border-radius: 999px; background: color-mix(in srgb, var(--text) 9%, var(--surface)); color: var(--dim); font-size: .7rem; font-weight: 700; box-shadow: 0 1px 1px rgba(0, 0, 0, .08); }
.wa-sys { align-self: center; margin: 6px 0; text-align: center; max-width: 90%; } .wa-sys span { font-weight: 600; background: color-mix(in srgb, #f59e0b 16%, var(--surface)); color: var(--text); }
.wa-row { display: flex; align-items: flex-end; gap: 6px; max-width: 100%; margin-top: 1px; }
.wa-row.first { margin-top: 8px; }
.wa-row.mine { justify-content: flex-end; }
.wa-av { flex: none; width: 28px; } .wa-av .avatar { width: 28px; height: 28px; }
.wa-bubble { position: relative; max-width: min(78%, 520px); padding: 6px 10px 5px; border-radius: 14px; background: var(--surface); color: var(--text); box-shadow: 0 1px 1.5px rgba(0, 0, 0, .14); font-size: .92rem; line-height: 1.38; word-break: break-word; overflow-wrap: anywhere; border: 1px solid var(--line); }
.wa-row.theirs .wa-bubble { border-top-left-radius: 14px; border-bottom-left-radius: 14px; }
.wa-row.theirs.first .wa-bubble { border-top-left-radius: 4px; }
.wa-row.mine .wa-bubble { background: color-mix(in srgb, var(--accent) 24%, var(--surface)); border-color: color-mix(in srgb, var(--accent) 35%, var(--line)); }
.wa-row.mine.first .wa-bubble { border-top-right-radius: 4px; }
.wa-text { white-space: pre-wrap; }
.wa-meta { float: right; display: inline-flex; align-items: center; gap: 3px; margin: 6px 0 -2px 10px; font-size: .64rem; color: var(--dim); line-height: 1; user-select: none; }
.wa-tick { font-style: normal; font-size: .72rem; letter-spacing: -2px; color: var(--dim); } .wa-tick.read { color: #38bdf8; letter-spacing: -3px; }
@media (max-width: 700px) { .wa-bubble { max-width: 84%; } }

/* Mesajdaki masa kodu: tıklayınca masaya geçer */
.rt-table { display: inline-flex; align-items: center; gap: 4px; margin: 0 1px; padding: 1px 9px; border: 1px solid color-mix(in srgb, var(--accent) 55%, transparent); border-radius: 999px; background: color-mix(in srgb, var(--accent) 16%, transparent); color: inherit; font: inherit; font-weight: 800; font-size: .86em; cursor: pointer; vertical-align: baseline; }
.rt-table:hover, .rt-table:focus-visible { background: var(--accent); color: var(--accent-ink); outline: none; }

/* Lobi: "yeni masa" kartı */
.table-invite.fresh .ti-badge { background: color-mix(in srgb, #22c55e 22%, var(--surface-2)); color: #16a34a; }