/* Koyland iso theme, part "social": chat, ranking, lonca / clan, diplomacy, player visit cards. Imported by iso-theme.css; every rule starts
   with html.iso. Chat cosmetics (name colours, the çini bubble) keep their own hues; only what sat on parchment is retuned for the dark panel. */
html.iso :is(#chat, #ranking-panel) { border-radius: 14px; }
html.iso :is(#chat, #ranking-panel) header { border-bottom: 1px solid var(--border-soft); }
html.iso #chat-messages, html.iso #ranking-content { background: var(--surface); }
html.iso .chat-msg { background: var(--surface-raised); border-color: var(--border-soft); }
html.iso .chat-msg.chat-own { background: var(--success-surface); border-color: #4f7a62; }
html.iso .chat-msg.chat-mentioned { background: var(--surface-selected); border-color: #d9ae4a; }
html.iso .chat-msg b { color: #e6bf62; }
html.iso :is(.chat-msg.chat-supporter, .chat-msg.chat-supporter b, .chat-msg.chat-supporter > span) { color: #e6bf62; }
html.iso :is(#chat, .shop-stage) .chat-msg.chat-bubble-cini { border-color: #3b86a8; box-shadow: inset 0 0 0 2px var(--surface-raised), inset 0 0 0 3px #3b86a8; }
html.iso #chat-peers .chat-peer.on { border-color: var(--focus); }
html.iso #chat-channels .on, html.iso #chat-channels button[aria-pressed=true] { background: var(--surface-selected); border-color: var(--focus); box-shadow: inset 0 -3px 0 var(--focus); color: var(--ink); }
html.iso #chat-toggle { background: var(--surface); border: 1px solid var(--border-soft); }
html.iso :is(#chat-badge, #quick-dock .quick-badge) { background: #bd502a; color: #fff8ee; }

/* ranking: podium medals are products (keep their metal), rows are hairline-separated */
html.iso .community-rank-row { border-bottom-color: var(--border-soft); }
html.iso #community-mine { background: var(--surface-selected); border-color: var(--border-soft); }
html.iso .community-ranking-choices { border-color: var(--border-soft); border-radius: 10px; }

/* visit card and cosmetic chips next to a name: the chip is a light product label with its own dark text, keep it and only outline it for the dark card */
html.iso .visit-bey, html.iso .cosmetic-tag { border-color: #d9ae4a99; }
html.iso .visit-heading { color: var(--ink); }