/* =========================
   CHAT PANEL
========================= */
#chatSection{
  display:flex;
  flex-direction:column;
  gap:8px;
  padding:12px;
  background:var(--panel-gradient);
  border:2px solid var(--ui-border);
  border-radius:var(--radius);
  min-height:120px;
}

#chatBox{
  background: var(--window-body-bg, rgba(10, 14, 23, 0.8)) !important;
  border: 1px solid var(--window-border, rgba(245, 158, 11, 0.25)) !important;
  border-radius: var(--window-radius-sm, 10px);
  padding: 10px;
  color: var(--window-text, #f8fafc);
  font-size: 0.84rem;
  overflow: auto;
  flex: 1;
  min-height: 0;
  max-height: none;
}

#chatControls{display:flex;gap:8px;align-items:center;margin-top:6px}
#chatControls select{
  width:140px;
  background: var(--window-surface-soft, rgba(18, 22, 34, 0.92)) !important;
  border: 1px solid var(--window-border, rgba(245, 158, 11, 0.35)) !important;
  color: var(--window-text, #f8fafc) !important;
  border-radius: var(--window-radius-sm, 10px);
  padding: 8px;
  font-family: 'Outfit', sans-serif;
}
#chatControls input{
  flex:1;
  padding:10px;
  border-radius: var(--window-radius-sm, 10px);
  border: 1px solid var(--window-border, rgba(245, 158, 11, 0.35)) !important;
  background: var(--window-surface-soft, rgba(18, 22, 34, 0.92)) !important;
  color: var(--window-text, #f8fafc) !important;
  font-family: 'Outfit', sans-serif;
}
#chatControls button{
  width:96px;
  min-height:40px;
  background: linear-gradient(135deg, var(--window-accent, #f59e0b) 0%, #d97706 100%) !important;
  border: 1px solid var(--window-border, rgba(251, 191, 36, 0.5)) !important;
  color: #0b0f19 !important;
  font-weight: 800 !important;
  font-family: 'Outfit', sans-serif;
  border-radius: var(--window-radius-sm, 10px);
  cursor: pointer;
  transition: all 0.2s ease;
}

/* chat message classes */
.chat-msg{margin-bottom:4px;line-height:1.2;word-break:break-word}
.chat-clickable{
  cursor:pointer;
  border-radius:8px;
  padding:4px 6px;
  transition:background 0.15s ease, color 0.15s ease;
}
.chat-clickable:hover{
  background:rgba(216,180,106,0.12);
  color:#fff1cd;
}
.chat-sender-link{
  display:inline-flex;
  align-items:center;
  margin-left:2px;
}
.chat-position-link{
  display:inline-flex;
  align-items:center;
  margin-left:4px;
  font-weight:bold;
  text-decoration:underline;
  text-decoration-thickness:1.5px;
  text-underline-offset:2px;
  color:#ffe09b;
}
.chat-quest-link{
  display:inline-flex;
  align-items:center;
  font-weight:bold;
  text-decoration:underline;
  text-decoration-thickness:1.5px;
  text-underline-offset:2px;
  color:#d8b46a;
}
.chat-sender{font-weight:bold}
.chat-global{color:#ffffff}
.chat-guild{color:#7fc6ff}
.chat-party{color:#3a6cff}
.chat-trade{color:#d88a2b}
.chat-recruit{color:#7aff7a}
.chat-local{color:#cccccc}
.chat-private{color:#ff9cff}
.chat-combat{color:#ffa801}
.chat-msg .tag{font-weight:bold;color:rgba(255,255,255,0.85);margin-right:6px;font-size:0.9em}
.chat-time{font-family:monospace;font-size:0.85em;color:rgba(255,255,255,0.45);margin-right:6px}