/* Shared DDA shell: AGENTS BAR as two rows (row 1: agents, row 2: questions + date chips). */
.agents-bar-wrap {
  flex-shrink: 0;
  background: #fff;
  border-bottom: 1px solid #e2e8f0;
  display: flex;
  flex-direction: column;
  min-height: 0;
}
.agents-bar-wrap .agents-bar {
  border-bottom: 1px solid #e2e8f0;
}
.agents-bar-wrap .dda-question-date-bar {
  border-bottom: none;
}
.dda-question-date-bar {
  flex-shrink: 0;
  background: #fff;
  border-bottom: 1px solid #e2e8f0;
  padding: 10px 20px;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  align-content: flex-start;
  gap: 10px 12px;
  min-height: 0;
  font-size: 0.7rem;
}
.dda-questions-bar,
.dda-date-bar {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  gap: 10px 12px;
  flex-wrap: nowrap;
  flex: 1 1 auto;
  min-width: 0;
}
.dda-questions-list,
.dda-date-chips-list {
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 10px 12px;
  min-width: 0;
}
.dda-question-chip {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 6px 8px;
  height: 44px;
  width: 160px;
  min-width: 160px;
  max-width: 160px;
  box-sizing: border-box;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  text-decoration: none;
  color: var(--navy, #0f172a);
  font-size: 0.7rem;
  font-weight: 500;
  transition: background 0.15s, border-color 0.15s;
  cursor: pointer;
}
.dda-question-chip:hover {
  background: #eff6ff;
  border-color: var(--blue, #2563eb);
}
.dda-question-chip.active {
  background: #eff6ff;
  border-color: var(--blue, #2563eb);
  color: var(--blue, #2563eb);
  font-weight: 600;
}
.dda-question-icon {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background: #e2e8f0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  flex-shrink: 0;
}
.dda-question-chip:hover .dda-question-icon,
.dda-question-chip.active .dda-question-icon {
  background: rgba(37, 99, 235, 0.15);
}
.dda-date-bar .dda-date-chip {
  padding: 6px 8px;
  height: 44px;
  width: 160px;
  min-width: 160px;
  max-width: 160px;
  box-sizing: border-box;
  font-size: 0.7rem;
  font-weight: 500;
  border-radius: 10px;
  border: 1px solid #e2e8f0;
  background: #f8fafc;
  color: var(--navy, #0f172a);
}
.dda-date-bar .dda-date-chip:hover {
  background: #eff6ff;
  border-color: var(--blue, #2563eb);
}
.dda-date-bar .dda-date-chip.active {
  background: #eff6ff;
  border-color: var(--blue, #2563eb);
  color: var(--blue, #2563eb);
  font-weight: 600;
}

.dda-date-card {
  background: var(--card-bg, #fff);
  border: 1px solid rgba(0,0,0,0.08);
  border-radius: 12px;
  padding: 14px 16px;
  margin-bottom: 16px;
}
.dda-date-card-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}
.dda-date-chip {
  padding: 8px 14px;
  border-radius: 20px;
  border: 1px solid rgba(37, 99, 235, 0.4);
  background: #fff;
  color: #2563eb;
  font-size: 0.9rem;
  cursor: pointer;
}
.dda-date-chip.active {
  background: #2563eb;
  color: #fff;
  border-color: #2563eb;
}
.dda-date-chip:hover:not(.active) {
  background: rgba(37, 99, 235, 0.08);
}
.dda-date-label {
  font-size: 0.85rem;
  color: var(--muted, #64748b);
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.dda-date-label input[type="date"] {
  padding: 6px 10px;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  font-size: 0.9rem;
}
.dda-date-btn {
  padding: 8px 14px;
  border-radius: 8px;
  font-size: 0.9rem;
  cursor: pointer;
  background: #2563eb;
  color: #fff;
  border: 1px solid #2563eb;
}
.dda-date-btn:hover {
  background: #1d4ed8;
}
.dda-date-btn-secondary {
  background: #fff;
  color: #2563eb;
}
.dda-date-btn-secondary:hover {
  background: rgba(37, 99, 235, 0.08);
}
#dda-chart-container {
  margin-bottom: 16px;
  min-height: 200px;
}
#dda-chart-container .chat-glucose-chart {
  margin: 0;
  padding: 14px 16px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
}
#dda-chart-container .chat-glucose-chart-title {
  font-weight: 600;
  color: var(--navy);
  margin-bottom: 10px;
  font-size: 0.9rem;
}
#dda-chart-container .chat-glucose-chart-container {
  position: relative;
  height: 220px;
  width: 100%;
}
#dda-chart-container .chat-glucose-chart-empty {
  font-size: 0.9rem;
  color: var(--muted);
}
.dda-analysis-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 16px;
}
.dda-analysis-chip {
  padding: 8px 14px;
  border-radius: 20px;
  border: 1px solid rgba(37, 99, 235, 0.4);
  background: #fff;
  color: #2563eb;
  font-size: 0.9rem;
  text-decoration: none;
}
.dda-analysis-chip:hover {
  background: rgba(37, 99, 235, 0.08);
}
.dda-analysis-chip.active {
  background: #2563eb;
  color: #fff;
  border-color: #2563eb;
}
.dda-analysis-chip.active:hover {
  background: #1d4ed8;
  color: #fff;
}

/* Spike day: single-day date + Load */
.dda-spike-day-card {
  background: var(--card-bg, #fff);
  border: 1px solid rgba(0,0,0,0.08);
  border-radius: 12px;
  padding: 14px 16px;
  margin-bottom: 12px;
}
.dda-spike-day-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}
.dda-spike-day-row input[type="date"] {
  padding: 6px 10px;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  font-size: 0.9rem;
}
.dda-spike-loading {
  font-size: 0.9rem;
  color: var(--muted, #64748b);
  margin-bottom: 8px;
}
.dda-spike-error {
  color: #b91c1c;
  font-size: 0.9rem;
  margin-bottom: 8px;
  padding: 8px;
  background: #fef2f2;
  border-radius: 8px;
}
.dda-spike-cards {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  margin-top: 16px;
  margin-bottom: 20px;
}
@media (max-width: 900px) {
  .dda-spike-cards { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 500px) {
  .dda-spike-cards { grid-template-columns: 1fr; }
}
.dda-spike-card {
  background: var(--card-bg, #fff);
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  padding: 14px 16px;
}
.dda-spike-card-title {
  font-weight: 600;
  color: var(--navy, #0f172a);
  margin-bottom: 8px;
  font-size: 0.95rem;
}
.dda-spike-card-food {
  font-size: 0.85rem;
  color: var(--muted, #64748b);
  margin: 4px 0;
}
.dda-spike-card-note {
  font-size: 0.85rem;
  color: #b45309;
  margin-top: 6px;
}
.dda-spike-severity-ok { color: #15803d; }
.dda-spike-severity-moderate { color: #b45309; }
.dda-spike-severity-bad { color: #b91c1c; }
.dda-spike-chart .chat-glucose-chart-container {
  min-height: 260px;
}
.dda-spike-meal-timeline {
  margin-top: 16px;
  padding-top: 12px;
  border-top: 1px solid #e2e8f0;
  font-size: 0.85rem;
  color: var(--navy, #0f172a);
}
.dda-spike-meal-timeline-empty {
  margin: 0;
  color: var(--muted, #64748b);
}
.dda-spike-meal-timeline-row {
  margin-bottom: 10px;
  padding: 6px 0;
  border-bottom: 1px solid #f1f5f9;
}
.dda-spike-meal-timeline-row:last-child {
  border-bottom: none;
  margin-bottom: 0;
}
.dda-spike-meal-timeline-primary {
  margin-bottom: 2px;
}
.dda-spike-meal-time {
  font-weight: 600;
  margin-right: 8px;
}
.dda-spike-meal-type {
  color: var(--blue, #2563eb);
  margin-right: 4px;
}
.dda-spike-meal-food {
  color: var(--navy, #0f172a);
}
.dda-spike-meal-timeline-nutrients {
  font-size: 0.8rem;
  color: var(--muted, #64748b);
  margin-left: 0;
}

/* Plan block (same model as glucose control) */
.dda-spike-plan-block .chat-thinking-title {
  font-weight: 600;
  margin-bottom: 6px;
}
.dda-spike-plan-block .chat-thinking-summary {
  font-size: 0.95rem;
  color: var(--navy, #0f172a);
  line-height: 1.4;
}
.dda-spike-result-wrap {
  margin-top: 16px;
}
.dda-spike-result-title {
  font-weight: 700;
  font-size: 1.1rem;
  color: var(--navy, #0f172a);
  margin-bottom: 4px;
}
.dda-spike-result-intro {
  font-size: 0.9rem;
  color: var(--muted, #64748b);
  margin-bottom: 12px;
}
.dda-spike-card-nutrients {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 8px 0;
  font-size: 0.85rem;
}
.dda-nutrient-badge {
  padding: 4px 8px;
  border-radius: 6px;
  background: #f1f5f9;
  color: var(--navy, #0f172a);
}
.dda-nutrient-badge.dda-nutrient-mid {
  background: #fef3c7;
  color: #92400e;
}
.dda-nutrient-badge.dda-nutrient-high {
  background: #fee2e2;
  color: #b91c1c;
}
.dda-spike-card-spike {
  font-size: 0.9rem;
  margin: 6px 0;
  color: var(--navy, #0f172a);
}
.dda-spike-card-verdict {
  font-size: 0.9rem;
  font-weight: 500;
  margin-top: 6px;
  padding: 6px 0;
  border-top: 1px solid #f1f5f9;
}
.dda-spike-interp-coaching-row {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  margin-top: 20px;
}
@media (max-width: 700px) {
  .dda-spike-interp-coaching-row { grid-template-columns: 1fr; }
}
.dda-spike-interp-coaching-row .chat-result-card {
  padding: 14px 16px;
  border-radius: 12px;
  border: 1px solid rgba(12, 27, 51, 0.1);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
}
.dda-spike-interp-coaching-row .chat-result-card-title {
  font-weight: 600;
  margin-bottom: 8px;
}
.dda-spike-interp-coaching-row .chat-result-card-content {
  font-size: 0.9rem;
  line-height: 1.45;
}
.dda-spike-interp-coaching-row .dda-spike-interp-card .chat-result-card-title { color: var(--blue, #2563eb); }
.dda-spike-interp-coaching-row .chat-result-card-do {
  background: #f0fdf4;
  border-color: rgba(22, 163, 74, 0.2);
}
.dda-spike-interp-coaching-row .chat-result-card-do .chat-result-card-content { color: #15803d; }
.dda-spike-interp-coaching-row .chat-result-card-stop {
  background: #fef2f2;
  border-color: rgba(185, 28, 28, 0.2);
}
.dda-spike-interp-coaching-row .chat-result-card-stop .chat-result-card-content { color: #b91c1c; }

/* DDA Risks: 2 rows × 3 cards, bullets, severity colors (RED/GREEN/AMBER), "At risk:" spelled out */
#agent-results-area .chat-analyses-steps,
.agent-page-wrap #agent-results-area .chat-analyses-steps {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  margin: 16px 0;
}
#agent-results-area .chat-analysis-block,
.agent-page-wrap #agent-results-area .chat-analysis-block {
  padding: 16px 18px;
  background: #fff;
  border: 1px solid #cbd5e1;
  border-radius: 12px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
  transition: box-shadow 0.2s ease, border-color 0.2s ease;
}
#agent-results-area .chat-analysis-block:hover,
.agent-page-wrap #agent-results-area .chat-analysis-block:hover {
  border-color: #94a3b8;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
#agent-results-area .chat-analysis-block .chat-analyses-step,
.agent-page-wrap #agent-results-area .chat-analysis-block .chat-analyses-step {
  font-size: 0.9rem;
  font-weight: 600;
  color: #0f172a;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #e2e8f0;
}
#agent-results-area .chat-analysis-block .chat-result-tool-no-label,
.agent-page-wrap #agent-results-area .chat-analysis-block .chat-result-tool-no-label {
  margin-top: 0;
  padding: 0;
  background: transparent;
  border: none;
  box-shadow: none;
}
#agent-results-area .chat-analysis-block .chat-result-tool-content.dda-risk-card-content,
.agent-page-wrap #agent-results-area .chat-analysis-block .chat-result-tool-content.dda-risk-card-content {
  font-size: 0.85rem;
  line-height: 1.45;
  color: #475569;
}
#agent-results-area .dda-risk-at-risk,
.agent-page-wrap #agent-results-area .dda-risk-at-risk {
  font-weight: 700;
  margin-bottom: 10px;
  font-size: 0.95rem;
}
#agent-results-area .dda-severity-red,
.agent-page-wrap #agent-results-area .dda-severity-red {
  color: #b91c1c;
}
#agent-results-area .dda-severity-amber,
.agent-page-wrap #agent-results-area .dda-severity-amber {
  color: #b45309;
}
#agent-results-area .dda-severity-green,
.agent-page-wrap #agent-results-area .dda-severity-green {
  color: #15803d;
}
#agent-results-area .dda-risk-list,
.agent-page-wrap #agent-results-area .dda-risk-list {
  margin: 0;
  padding-left: 1.25em;
  list-style-type: disc;
}
#agent-results-area .dda-risk-list li,
.agent-page-wrap #agent-results-area .dda-risk-list li {
  margin-bottom: 4px;
}
/* Fallback: 2 rows × 3 when result is .chat-result-tools */
#agent-results-area .chat-result .chat-result-tools,
.agent-page-wrap #agent-results-area .chat-result .chat-result-tools {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  margin-top: 12px;
}
#agent-results-area .chat-result .chat-result-tools .chat-result-tool,
.agent-page-wrap #agent-results-area .chat-result .chat-result-tools .chat-result-tool {
  padding: 16px 18px;
  background: #fff;
  border: 1px solid #cbd5e1;
  border-radius: 12px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
}
@media (max-width: 900px) {
  #agent-results-area .chat-analyses-steps,
  .agent-page-wrap #agent-results-area .chat-analyses-steps {
    grid-template-columns: repeat(2, 1fr);
  }
  #agent-results-area .chat-result .chat-result-tools,
  .agent-page-wrap #agent-results-area .chat-result .chat-result-tools {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 640px) {
  #agent-results-area .chat-analyses-steps,
  .agent-page-wrap #agent-results-area .chat-analyses-steps {
    grid-template-columns: 1fr;
  }
  #agent-results-area .chat-result .chat-result-tools,
  .agent-page-wrap #agent-results-area .chat-result .chat-result-tools {
    grid-template-columns: 1fr;
  }
}