.kitchen-cad-hermes-console { display: grid; grid-template-columns: minmax(210px, .72fr) minmax(260px, 1.28fr); gap: 8px; padding: 10px; border: 1px solid #9eaca3; background: #eaf0eb; }
.kitchen-cad-hermes-console > header { grid-column: 1 / -1; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.kitchen-cad-hermes-console > header > div:first-child { display: grid; gap: 1px; }
.kitchen-cad-hermes-console > header span { color: #4f6056; font-size: 9px; font-weight: 900; text-transform: uppercase; }
.kitchen-cad-hermes-console > header strong { font-size: 14px; }
.kitchen-cad-hermes-provider { display: flex; align-items: center; justify-content: flex-end; gap: 6px; }
.kitchen-cad-hermes-console > header output,
.kitchen-cad-hermes-provider a { padding: 5px 7px; border: 1px solid #8ba092; background: #fff; color: #24543a; font-size: 9px; font-weight: 900; }
.kitchen-cad-hermes-provider a { border-color: #8a5c00; background: #f2c84b; color: #17130a; text-decoration: none; }
.kitchen-cad-hermes-console > header output.is-error { border-color: #b8766d; color: #8a3024; }
.kitchen-cad-hermes-collapse { width: 34px; height: 34px; border: 1px solid #486657; background: #fff; color: #183d2a; padding: 0; font: inherit; font-size: 20px; font-weight: 900; line-height: 1; cursor: pointer; }
.kitchen-cad-hermes-collapse:hover,
.kitchen-cad-hermes-collapse:focus-visible { background: #f2c84b; color: #17130a; }
.kitchen-cad-hermes-console[data-collapsed="true"] { display: block; padding: 8px 10px; }
.kitchen-cad-hermes-console[data-collapsed="true"] > :not(header) { display: none; }
.kitchen-cad-hermes-voice { display: flex; flex-wrap: wrap; align-items: end; gap: 5px; min-width: 0; }
.kitchen-cad-hermes-voice label { display: grid; gap: 2px; min-width: 0; flex: 1 1 180px; }
.kitchen-cad-hermes-voice label.is-speed { flex: 0 0 116px; }
.kitchen-cad-hermes-voice label span { color: #47584e; font-size: 9px; font-weight: 900; text-transform: uppercase; }
.kitchen-cad-hermes-voice label.is-speed span { display: flex; justify-content: space-between; gap: 5px; }
.kitchen-cad-hermes-voice label.is-speed output { color: #24543a; font-size: inherit; }
.kitchen-cad-hermes-voice select { min-width: 0; min-height: 36px; border: 1px solid #6d8175; background: #fff; color: #183d2a; padding: 5px 7px; font: inherit; font-size: 10px; font-weight: 800; }
.kitchen-cad-hermes-voice input[type="range"] { min-height: 36px; padding: 0; accent-color: #174d33; }
.kitchen-cad-hermes-voice button { flex: 0 0 auto; min-height: 36px; border: 1px solid #486657; background: #fff; color: #183d2a; padding: 5px 8px; font: inherit; font-size: 9px; font-weight: 900; }
.kitchen-cad-hermes-voice button[aria-pressed="true"] { border-color: #174d33; background: #174d33; color: #fff; }
.kitchen-cad-hermes-voice > output { align-self: center; color: #4f6056; font-size: 9px; font-weight: 800; }
.kitchen-cad-hermes-voice output.is-error { color: #8a3024; }
.kitchen-cad-hermes-voice-settings { flex: 1 1 100%; border: 1px solid #aab7ae; background: #f8faf8; }
.kitchen-cad-hermes-voice-settings summary { padding: 7px 9px; color: #183d2a; font-size: 10px; font-weight: 900; cursor: pointer; }
.kitchen-cad-hermes-voice-settings > div { display: grid; grid-template-columns: minmax(170px, 1fr) auto auto; align-items: end; gap: 8px; padding: 0 9px 9px; }
.kitchen-cad-hermes-voice-settings label.is-preview { grid-column: 1; }
.kitchen-cad-hermes-voice-settings textarea { min-height: 52px; resize: vertical; border: 1px solid #6d8175; background: #fff; padding: 7px; font: inherit; font-size: 11px; }
.kitchen-cad-hermes-voice-settings label.is-check { display: flex; align-items: center; gap: 5px; min-height: 36px; }
.kitchen-cad-hermes-voice-settings label.is-check input { min-height: 18px; width: 18px; }
.kitchen-cad-hermes-mix { grid-column: 1 / -1; display: grid; gap: 6px; }
.kitchen-cad-hermes-mix[hidden] { display: none; }
.kitchen-cad-hermes-mix > div { display: grid; gap: 5px; }
.kitchen-cad-hermes-mix-row { display: grid; grid-template-columns: minmax(140px, 1fr) minmax(100px, .7fr) 40px 34px; align-items: center; gap: 5px; }
.kitchen-cad-hermes-mix-row input[type="range"] { min-height: 28px; }
.kitchen-cad-hermes-mix-row output { text-align: right; }
.kitchen-cad-hermes-mix > output { color: #4f6056; font-size: 9px; font-weight: 800; }
.kitchen-cad-hermes-quick { display: flex; align-items: center; gap: 5px; overflow-x: auto; }
.kitchen-cad-hermes-quick button { flex: 0 0 auto; min-height: 36px; border: 1px solid #486657; background: #fff; color: #183d2a; padding: 6px 9px; font: inherit; font-size: 10px; font-weight: 900; }
.kitchen-cad-hermes-quick button:hover,
.kitchen-cad-hermes-quick button:focus-visible { background: #f2c84b; color: #17130a; }
.cad-hermes-history { display: grid; grid-template-columns: auto auto minmax(0, 1fr); align-items: center; gap: 5px; min-width: 0; padding: 6px; border: 1px solid #aab7ae; background: #f8faf8; }
.cad-hermes-history button { min-width: 72px; min-height: 36px; border: 1px solid #486657; background: #fff; color: #183d2a; padding: 6px 9px; font: inherit; font-size: 10px; font-weight: 900; cursor: pointer; }
.cad-hermes-history button:hover:not(:disabled),
.cad-hermes-history button:focus-visible:not(:disabled) { background: #f2c84b; color: #17130a; }
.cad-hermes-history button:disabled { opacity: .5; cursor: not-allowed; }
.cad-hermes-history output { min-width: 0; color: #4f6056; font-size: 9px; font-weight: 800; overflow-wrap: anywhere; }
.kitchen-cad-hermes-log { grid-row: 2 / 5; grid-column: 2; min-height: 82px; max-height: 260px; overflow: auto; padding: 7px; border: 1px solid #aab7ae; background: #fff; scrollbar-gutter: stable; }
.kitchen-cad-hermes-log > p,
.kitchen-cad-hermes-turn { display: grid; grid-template-columns: 58px minmax(0, 1fr) auto; align-items: start; gap: 7px; margin: 0; padding: 5px 3px; border-bottom: 1px solid #e3e8e4; font-size: 10px; line-height: 1.35; }
.kitchen-cad-hermes-read { min-width: 42px; min-height: 28px; border: 1px solid #6d8175; background: #fff; color: #183d2a; padding: 3px 6px; font: inherit; font-size: 9px; font-weight: 900; }
.kitchen-cad-hermes-read[data-speaking="true"] { border-color: #8a3024; background: #8a3024; color: #fff; }
.kitchen-cad-hermes-log > :last-child { border-bottom: 0; }
.kitchen-cad-hermes-log strong { color: #24543a; }
.kitchen-cad-hermes-log .is-user strong { color: #8a5c00; }
.kitchen-cad-hermes-console form { display: grid; gap: 4px; }
.kitchen-cad-hermes-console form > label { color: #47584e; font-size: 9px; font-weight: 900; text-transform: uppercase; }
.kitchen-cad-hermes-console form > div { display: grid; grid-template-columns: minmax(0, 1fr) 40px auto; gap: 5px; }
.kitchen-cad-hermes-console input { min-width: 0; min-height: 40px; border: 1px solid #6d8175; background: #fff; padding: 7px 9px; font: inherit; font-size: 11px; }
.kitchen-cad-hermes-console form button { min-width: 62px; border: 1px solid #174d33; background: #174d33; color: #fff; padding: 7px 10px; font: inherit; font-size: 10px; font-weight: 900; }
.kitchen-cad-hermes-console form .kitchen-cad-hermes-mic { min-width: 40px; width: 40px; padding: 0; font-size: 17px; line-height: 1; }
.kitchen-cad-hermes-console form .kitchen-cad-hermes-mic[aria-pressed="true"] { border-color: #8a3024; background: #8a3024; color: #fff; }
.kitchen-cad-hermes-mic-status { min-height: 14px; color: #4f6056; font-size: 9px; font-weight: 800; }
.kitchen-cad-hermes-mic-status[data-state="listening"] { color: #174d33; }
.kitchen-cad-hermes-mic-status[data-state="error"] { color: #8a3024; }
.kitchen-cad-hermes-console button:disabled,
.kitchen-cad-hermes-console input:disabled { opacity: .55; cursor: wait; }

@media (max-width: 700px) {
  .kitchen-cad-hermes-console { grid-template-columns: 1fr; padding: 8px; }
  .kitchen-cad-hermes-console > header { align-items: flex-start; }
  .kitchen-cad-hermes-console > header output { max-width: 48%; text-align: right; }
  .kitchen-cad-hermes-voice { flex-wrap: wrap; align-items: end; }
  .kitchen-cad-hermes-voice label:not(.is-speed) { flex-basis: 100%; }
  .kitchen-cad-hermes-voice label.is-speed { flex: 1 1 88px; }
  .kitchen-cad-hermes-voice select { min-height: 44px; font-size: 16px; }
  .kitchen-cad-hermes-voice button { min-height: 44px; }
  .kitchen-cad-hermes-voice > output { flex: 1 1 100%; }
  .kitchen-cad-hermes-voice-settings > div { grid-template-columns: 1fr; }
  .kitchen-cad-hermes-voice-settings label.is-preview { grid-column: auto; }
  .kitchen-cad-hermes-mix { grid-column: auto; }
  .kitchen-cad-hermes-mix-row { grid-template-columns: minmax(0, 1fr) minmax(80px, .65fr) 38px 44px; }
  .kitchen-cad-hermes-voice-settings textarea { font-size: 16px; }
  .kitchen-cad-hermes-quick { grid-row: auto; }
  .cad-hermes-history { grid-template-columns: 1fr 1fr; }
  .cad-hermes-history button { min-height: 44px; }
  .cad-hermes-history output { grid-column: 1 / -1; }
  .kitchen-cad-hermes-log { grid-row: auto; grid-column: auto; max-height: 320px; }
  .kitchen-cad-hermes-console input { font-size: 16px; }
  .kitchen-cad-hermes-console form > div { grid-template-columns: minmax(0, 1fr) 44px auto; }
  .kitchen-cad-hermes-console form button { min-height: 44px; }
  .kitchen-cad-hermes-collapse { flex: 0 0 44px; width: 44px; height: 44px; }
  .kitchen-cad-hermes-console form .kitchen-cad-hermes-mic { width: 44px; min-width: 44px; }
}