.robot-settings-layout {
  width: 100%;
  max-width: none !important;
}

#robot-settings-form {
  padding: 0.85rem;
  border: 1px solid #34495b;
  border-radius: 12px;
  background: #192630;
}
.robot-settings-layout > #robot-settings-form { grid-column: 1 / -1; }
.robot-listening-mode { grid-column: 1 / -1; padding: .7rem .85rem; border: 1px solid #527341; border-radius: 12px; background: #1b2b22; }
.robot-listening-mode small { color: var(--muted); }

.voice-path-note {
  grid-column: 1 / -1;
  margin: 0.1rem 0;
  font-size: 0.82rem;
}

.realtime-speech-details {
  grid-column: 1 / -1;
  display: grid;
  gap: 0.2rem;
  padding: 0.55rem 0.7rem;
  border: 1px solid #3e5e7d;
  border-radius: 10px;
  background: #20344a;
  font-size: 0.82rem;
}

.realtime-speech-details code { overflow-wrap: anywhere; }
.realtime-speech-details small { color: var(--muted); }
.realtime-speech-details .connection-url { min-width: 0; overflow-wrap: anywhere; }
.realtime-speech-details .connection-url input { width: 100%; }
.audio-connection-options { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .35rem .8rem; }
.audio-connection-options small { grid-column: 1 / -1; }
@media (max-width: 620px) { .audio-connection-options { grid-template-columns: 1fr; } }

#robot-panel > .robot-safety,
#robot-panel > .robot-monitoring-card { width: 100%; max-width: none; }
.robot-monitoring-card #robot-connection-mode { overflow-wrap: anywhere; }
.robot-monitoring-card .robot-recovery { display: flex; flex-wrap: wrap; align-items: center; gap: .65rem; margin: .7rem 0 1rem; }
.robot-monitoring-card .robot-recovery button { flex: 0 0 auto; }
.robot-monitoring-card .conversation-live-status { min-height: 0; }
.robot-history-actions { display: flex; flex-wrap: wrap; gap: 0.45rem; margin: 0.55rem 0 0.8rem; }
.robot-history-actions button { padding: 0.4rem 0.6rem; font-size: 0.82rem; }
#robot-panel > .chat-layout {
  width: 100%;
  grid-template-columns: minmax(230px, 280px) minmax(0, 1fr);
}
@media (max-width: 900px) {
  #robot-panel > .chat-layout { grid-template-columns: minmax(0, 1fr); }
}
.robot-wifi-recovery { margin-bottom: 0.85rem; border-color: #4c667b; background: #172733; }
.robot-wifi-recovery h3 { margin-bottom: 0.25rem; }
.robot-wifi-recovery form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.45rem 0.8rem; align-items: end; margin-top: 0.6rem; }
.robot-wifi-recovery form button { justify-self: start; }
.robot-wifi-recovery #robot-wifi-join { grid-template-columns: minmax(0, 1fr) auto; }
.robot-wifi-recovery #robot-wifi-results:empty { display: none; }
@media (max-width: 620px) { .robot-wifi-recovery form, .robot-wifi-recovery #robot-wifi-join { grid-template-columns: 1fr; } }

.robot-settings-layout > .robot-conversation-column {
  grid-column: 2;
  grid-row: 2 / span 10;
  display: grid;
  gap: 0.8rem;
  align-content: start;
  grid-auto-rows: max-content;
}

.conversation-listening-panel {
  border: 1px solid var(--line);
  border-radius: 12px;
  background: #10161e;
  padding: 0.7rem 0.85rem;
  height: fit-content;
  align-self: start;
}

.conversation-listening-panel > :first-child {
  margin-top: 0;
}

.conversation-listening-panel h3,
.conversation-listening-panel p,
.conversation-listening-panel .actions {
  margin: 0.2rem 0;
}

.robot-conversation-column > .conversation-live-status {
  grid-column: auto;
  grid-row: auto;
  margin: 0;
}

@media (max-width: 900px) {
  .robot-settings-layout > .robot-conversation-column {
    grid-column: 1;
    grid-row: auto;
  }
}