.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: 12px; 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: 14px; 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; }
}