.assistant-layout { align-items: start !important; padding-bottom: 22px !important; }
.assistant-layout .recorder { grid-column: 1; grid-row: 1; align-self: start !important; min-height: 0 !important; height: 550px !important; position: relative; }
.assistant-layout .mic-zone { position: absolute; inset: 140px 0 145px; height: auto; }
.assistant-layout .status-overview { grid-column: 2; grid-row: 1; display: flex; flex-direction: column; height: 550px; min-height: 0; padding: 0 18px !important; }
.assistant-layout .status-overview, .assistant-layout .status-overview .status-line, .assistant-layout .status-overview .activity-panel { text-align: left; }
.assistant-layout .status-overview .activity-panel { margin-top: 28px; }
.assistant-layout .activity-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.assistant-layout .assistant-calendar-link { color: var(--blue); font-size: 13.44px; font-weight: 700; white-space: nowrap; }
.assistant-layout .assistant-calendar-link:hover { color: var(--ink); }
.assistant-layout .recorder-actions { position: absolute; left: 0; right: 0; bottom: 91px; justify-content: center; margin: 0; }
.assistant-layout .recorder .notice { position: absolute; left: 0; right: 0; bottom: 24px; margin: 0; text-align: center; }
.assistant-layout .action-result, .assistant-layout .observability { height: 205px; }
.assistant-layout .action-result { grid-column: 1; grid-row: 2; display: flex; flex-direction: column; }
.assistant-layout .action-result .response { flex: 1; margin-top: 0; }
.assistant-layout .observability { grid-column: 2; grid-row: 2; margin-top: 0; }
.workflow-row { display: block; width: 100%; margin: 0 0 20px; }
.workflow-row .workflow { display: grid !important; grid-template-columns: repeat(6, minmax(0, 1fr)) !important; width: 100% !important; min-width: 0; max-width: none !important; justify-self: stretch; margin: 0 !important; }
.workflow-logo { width: 150px !important; margin-left: 0 !important; justify-self: start; text-align: left; }
.workflow-logo img { display: block; width: 150px !important; height: auto; }
main + .footer .footer-logo { display: block; }
.workflow div { display: flex; min-height: 120px; flex-direction: column; justify-content: center; white-space: normal; font-size: 15.68px; padding: 24px 20px; }
.trace-route b { white-space: normal; }

@media (max-width: 800px) {
  .assistant-layout .recorder, .assistant-layout .status-overview, .assistant-layout .action-result, .assistant-layout .observability { grid-column: auto; grid-row: auto; }
  .assistant-layout .recorder, .assistant-layout .status-overview { height: auto; min-height: 475px !important; }
  .assistant-layout .mic-zone { position: static; height: 190px; }
  .assistant-layout .recorder-actions { position: static; margin-top: 24px; }
  .assistant-layout .recorder .notice { position: static; margin-top: 16px; }
  .assistant-layout .action-result, .assistant-layout .observability { height: auto; }
  .assistant-layout .activity-head { align-items: flex-start; flex-direction: column; gap: 6px; }
  .workflow-row { margin-bottom: 20px; }
  .workflow-row .workflow { grid-template-columns: 1fr !important; width: 100%; }
  .workflow-logo { display: block; margin: 0 0 16px; }
}

/* Keep the privacy notice and recording controls in normal document flow. */
.assistant-layout .recorder:has(.voice-privacy){height:auto!important}
.assistant-layout .recorder:has(.voice-privacy) .mic-zone{position:static;inset:auto;height:190px;margin-top:20px}
.assistant-layout .recorder:has(.voice-privacy) .recorder-actions{position:static;margin-top:16px}
.assistant-layout .recorder:has(.voice-privacy) .notice{position:static;margin-top:16px}

/* Compact privacy and recorder spacing without hiding the notice. */
.assistant-layout .recorder:has(.voice-privacy){padding:24px!important}
.assistant-layout .recorder .voice-privacy{padding:12px 14px;margin-top:14px;font-size:13px;line-height:1.4}
.assistant-layout .recorder .voice-privacy p{margin-bottom:7px!important}
.assistant-layout .recorder .voice-privacy label{font-size:13px;line-height:1.4}
.assistant-layout .recorder:has(.voice-privacy) .mic-zone{height:126px;margin-top:12px}
.assistant-layout .recorder:has(.voice-privacy) .mic{width:110px;height:110px;min-height:0}
.assistant-layout .recorder:has(.voice-privacy) .recorder-actions{margin-top:8px}
.assistant-layout .recorder:has(.voice-privacy) .notice{font-size:13px;line-height:1.4;margin-top:12px}