.chat-radio {
  flex: 0 0 auto;
  min-width: 0;
  border-bottom: 1px solid #3d303e;
  background: #141017;
  color: #e9e0ea;
}
.radio-toggle {
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 34px;
  gap: 9px;
  padding: 5px 12px;
  border: 0;
  background: #242025;
  color: #f4ebf4;
  cursor: pointer;
  text-align: left;
  font: 700 12px/1.25 system-ui, sans-serif;
}
.radio-toggle:hover, .radio-toggle:focus-visible { background: #343036; }
.radio-summary {
  min-width: 0;
  flex: 1 1 auto;
  overflow: hidden;
  color: #c8adbb;
  font-weight: 400;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.radio-chevron { font-size: 15px; }
.radio-panel {
  display: grid;
  gap: 8px;
  max-height: min(48dvh, 390px);
  overflow-y: auto;
  padding: 10px 12px 12px;
}
.radio-panel[hidden], .radio-player[hidden], .radio-next[hidden] { display: none !important; }
.radio-current { margin: 0; font-size: 12px; overflow-wrap: anywhere; }
.radio-panel a { color: #dfb7d9; }
.radio-player { width: 100%; height: 166px; border: 0; border-radius: 8px; background: #1c1c1c; }
.radio-form { display: flex; gap: 7px; margin: 0; }
.radio-form input {
  flex: 1 1 auto;
  min-width: 0;
  min-height: 35px;
  padding: 6px 9px;
  border: 1px solid #564657;
  border-radius: 7px;
  background: #0f0d10;
  color: #fff;
  font: 12px system-ui, sans-serif;
}
.radio-form button, .radio-next {
  min-height: 35px;
  padding: 5px 10px;
  border: 1px solid #393939;
  border-radius: 7px;
  background: #292929;
  color: #fff;
  cursor: pointer;
  font: 700 12px system-ui, sans-serif;
}
.radio-form button:hover, .radio-next:hover { background: #383838; }
.radio-form button:disabled, .radio-next:disabled { opacity: .6; cursor: wait; }
.radio-queue-wrap { font-size: 11px; }
.radio-queue { margin: 4px 0 0; padding-left: 21px; }
.radio-queue li { padding: 2px 0; overflow-wrap: anywhere; }
.radio-feedback { min-height: 15px; margin: 0; color: #d9b7a4; font-size: 11px; }
:root[data-theme="light"] .chat-radio { background: #f4edf3; color: #302631; }
:root[data-theme="light"] .radio-toggle { background: #e8e0e7; color: #302631; }
:root[data-theme="light"] .radio-toggle:hover { background: #dcd3db; }
:root[data-theme="light"] .radio-summary { color: #655262; }
:root[data-theme="light"] .radio-form input { background: #fff; color: #302631; }
@media (max-width: 768px) {
  .mobile-nav { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .chat-radio { display: none; }
  .mobile-view-radio .chat-radio {
    display: flex;
    flex: 1 1 auto;
    min-height: 0;
    flex-direction: column;
  }
  .mobile-view-radio .radio-toggle { display: none; }
  .mobile-view-radio .radio-panel {
    position: static;
    width: 100%;
    max-height: none;
    flex: 1 1 auto;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    overflow-y: auto;
  }
  .mobile-view-radio .conversation-stack,
  .mobile-view-radio .system-feed,
  .mobile-view-radio .smile-bar,
  .mobile-view-radio .tools-container,
  .mobile-view-radio .mod-panel,
  .mobile-view-radio .chat-footer,
  .mobile-view-radio .kennel-view { display: none !important; }
}
@media (max-width: 700px) {
  .mobile-view-radio .radio-panel { max-height: none; }
  .radio-form { flex-wrap: wrap; }
  .radio-form button { flex: 0 0 auto; }
}

.radio-queue-wrap small { display: block; margin-top: 5px; color: #bca8bc; }