/* koba-ui.css — shared Koba dialog controls (mute button). */
.mute-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: none;
  border: 1px solid var(--border-2, rgba(255,255,255,0.14));
  border-radius: 999px;
  padding: 5px 12px;
  font-family: 'Hanken Grotesk', sans-serif;
  font-size: 12px;
  color: var(--text-tertiary, #9AA0B4);
  cursor: pointer;
  transition: color .15s, border-color .15s;
}
.mute-btn i { font-size: 15px; }
.mute-btn:hover { color: var(--text, #fff); border-color: var(--accent, #FF6B4A); }
.mute-btn[aria-pressed="true"] { color: var(--accent, #FF6B4A); border-color: var(--accent, #FF6B4A); }
.mute-btn:focus-visible { outline: 2px solid var(--accent, #FF6B4A); outline-offset: 2px; }

/* Links in Koba's text (booking page…) */
.koba-link { color: var(--accent, #FF6B4A); text-decoration: underline; text-underline-offset: 2px; word-break: break-all; }
.koba-link:hover { opacity: .85; }