/* Keep assistant page headings consistent with the app's light content area.
   The legacy global `header` rule otherwise adds a dark background. */
.optimization-page > header {
  background: transparent !important;
  color: #19233a !important;
  box-shadow: none !important;
  border: 0 !important;
}
.optimization-page > header h1 {
  color: #19233a !important;
  font-size: 25px !important;
  line-height: 1.4 !important;
}
.optimization-page > header p { color: #6b7280 !important; }

/* Assistant workspaces use the app content area without nested outer gutters. */
.rg-container:has(.onboarding-page), .rg-container:has(.optimization-page) { padding: 12px !important; }
.rg-container:has(.onboarding-page) > .row, .rg-container:has(.optimization-page) > .row { margin: 0 !important; }
.rg-container:has(.onboarding-page) > .row > .col, .rg-container:has(.optimization-page) > .row > .col { padding: 0 !important; }
.onboarding-page { padding: 8px 8px 64px !important; max-width: none !important; }
.optimization-page { padding: 8px !important; max-width: none !important; margin: 0 !important; height: 100%; min-height: 0; display: flex; flex-direction: column; box-sizing: border-box; }
.optimization-page > header { margin-bottom: 12px !important; flex-shrink: 0; }
.optimization-workspace { flex: 1; min-height: 0; gap: 16px !important; }
.optimization-workspace > .chat-card { display: flex; flex-direction: column; align-self: stretch !important; min-height: 0; margin-bottom: 0 !important; padding: 16px !important; }
.optimization-chat { flex: 1; min-height: 0; display: flex; flex-direction: column; }
.optimization-chat .onboarding-chat-frame { flex: 1; min-height: 0; height: 100% !important; }
.optimization-chat .chat-start { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.optimization-workspace > aside { min-height: 0; overflow-y: auto; }
.optimization-workspace .info-card { padding: 16px !important; margin-bottom: 12px !important; }
@media(max-width:900px) { .optimization-workspace { grid-template-columns: minmax(0,1fr) !important; grid-template-rows: minmax(300px,1fr) auto; overflow-y: auto; } .optimization-workspace > aside { overflow: visible; } }
.v-main.optimization { height: 100dvh !important; max-height: 100dvh; flex: 0 0 100dvh; overflow: hidden; }
.v-main.optimization > .v-main__wrap { height: 100%; min-height: 0; }
.v-main.optimization .rg-container, .v-main.optimization .rg-container > .row, .v-main.optimization .rg-container > .row > .col { height: 100% !important; min-height: 0; }