/* v1.4.5.4: view-only theme and suggested prompt separation. No AI or data changes. */

/* Assistant replies and model-generated suggestions are separate cards. */
.mav-message-row { flex-direction: column; align-items: stretch; gap: .85rem; }
.mav-message-row > .mav-answer-surface { flex: none; }
.mav-message-row > .mav-followups {
  box-sizing: border-box;
  margin: 0 0 2px 12px;
  width: calc(100% - 12px);
  padding: 1rem 1.08rem 1.06rem;
  border: 1px solid #c8dbf6;
  border-radius: 14px;
  background: #eef5ff;
  box-shadow: 0 5px 16px rgba(20, 65, 118, .06);
}
.dark .mav-message-row > .mav-followups {
  color: #e9f2ff;
  background: #111f37;
  border-color: #2c4c75;
  box-shadow: 0 6px 17px rgba(0, 0, 0, .15);
}

.mav-message-row > .mav-followups .mav-followup-btn {
  background: #fff; color: #0c539b; border-color: #b7d0ee;
}
.mav-message-row > .mav-followups .mav-followup-btn:hover,
.mav-message-row > .mav-followups .mav-followup-btn:focus-visible {
  background: #e4f1ff; border-color: #1882ff;
}
.dark .mav-message-row > .mav-followups .mav-followup-btn {
  background: #1a3454; color: #e0efff; border-color: #395e8b;
}
.dark .mav-message-row > .mav-followups .mav-followup-btn:hover,
.dark .mav-message-row > .mav-followups .mav-followup-btn:focus-visible {
  background: #234772; border-color: #70b4ff;
}
.mav-message-row > .mav-followups .mav-followups-label {margin-bottom: 4px;}
.mav-message-row > .mav-followups .mav-followups-choices {margin-top: .75rem;}
@media (max-width: 640px) {
  .mav-message-row {gap: .62rem;}
  .mav-message-row > .mav-followups {margin-left: 0; width: 100%; padding: .85rem;}
}

/* The guided-workflow panel must follow the platform theme. Original stylesheet
   defines dark colours unconditionally; override only when light mode is active.
   Theme switching adds/removes `dark` on <html> — no JS or saved-state changes. */
html:not(.dark) .mav-workflow-progress {
  color: #1b3558;
  background: #f2f7ff;
  border-bottom: 1px solid #d3e2f5;
}
html:not(.dark) .mav-wf-heading strong,
html:not(.dark) .mav-wf-mobile-title {color: #112b51;}
html:not(.dark) .mav-wf-heading span,
html:not(.dark) .mav-wf-mobile-count {color: #45617f;}
html:not(.dark) .mav-wf-current {color: #0757b5 !important;}
html:not(.dark) .mav-wf-next {color: #243c5c;}
html:not(.dark) .mav-wf-track {background: #d3e3f5;}
html:not(.dark) .mav-wf-track span {background: #1882ff;}
html:not(.dark) .mav-wf-details summary {color: #075cbf;}
html:not(.dark) .mav-wf-details li {border-bottom-color: #d8e6f6;}
html:not(.dark) .mav-wf-details li div,
html:not(.dark) .mav-wf-details p {color: #34516f;}
html:not(.dark) .mav-wf-refresh {
  background: #fff; color: #0b56a8; border-color: #bfd5ed;
}
html:not(.dark) .mav-wf-refresh:hover {background: #dfedff;}
html:not(.dark) .mav-wf-toggle {color: #173963;}
html:not(.dark) .mav-wf-toggle svg {color: #256fb7;}
/* Collapsed sidebar toggle takes on the current theme too. */
@media (min-width: 768px) {
  html:not(.dark) #app-view.sidebar-is-collapsed > main > #sidebar-expand-btn {
    background: #fff; border-color: #c8d9eb; color: #315472;
    box-shadow: 0 3px 12px rgba(24, 66, 118, .10);
  }
  html:not(.dark) #app-view.sidebar-is-collapsed > main > #sidebar-expand-btn:hover {
    background: #e8f2ff; color: #0756ab;
  }
}