/* CheckYou app overrides on top of theme.css */

/* Theme zeroes margins on h*/p — restore sensible spacing inside cards */
.card-body > h1,
.card-body > h2,
.card-body > h3,
.card-body > h4 { margin-bottom: var(--space-3); }

.card-body > p { margin-bottom: var(--space-4); }
.card-body > p:last-child { margin-bottom: 0; }

/* Vertical rhythm helper: any direct children of card-body get spacing between them */
.card-body > * + * { margin-top: var(--space-3); }
.card-body > h3 + p,
.card-body > h2 + p { margin-top: var(--space-2); }

/* Form-group spacing is already correct via theme — reset auto stacking inside forms */
.card-body form > * + * { margin-top: 0; }

/* Markdown output (final report) */
.markdown-body h1,
.markdown-body h2,
.markdown-body h3,
.markdown-body h4 { margin: var(--space-5) 0 var(--space-2); }
.markdown-body h1:first-child,
.markdown-body h2:first-child,
.markdown-body h3:first-child { margin-top: 0; }
.markdown-body p { margin-bottom: var(--space-3); }
.markdown-body ul,
.markdown-body ol { margin: 0 0 var(--space-3) var(--space-5); padding: 0; }
.markdown-body li { margin-bottom: var(--space-1); }
.markdown-body code {
  background: var(--bg-secondary);
  padding: 1px 6px;
  border-radius: 4px;
  font-family: 'JetBrains Mono', monospace;
  font-size: 0.9em;
}
.markdown-body pre {
  background: var(--bg-secondary);
  padding: var(--space-3);
  border-radius: var(--radius-lg);
  overflow-x: auto;
  margin-bottom: var(--space-3);
}
.markdown-body pre code { background: transparent; padding: 0; }
.markdown-body blockquote {
  border-left: 3px solid var(--border);
  padding-left: var(--space-3);
  color: var(--text-secondary);
  margin: 0 0 var(--space-3);
}
.markdown-body strong { font-weight: var(--font-bold); }

/* List-group items spacing */
.list-group .list-group-item { padding: var(--space-3) var(--space-4); }
.list-group .list-group-item + .list-group-item { border-top: 1px solid var(--border); }

/* Form labels: small breathing room */
.form-group .form-label { display: block; margin-bottom: var(--space-1); font-size: 0.875rem; font-weight: 600; }

/* Buttons gap when stacked */
form > button + a,
form > button + button,
form > a + button { margin-left: var(--space-2); }

/* Detail-page input dump */
details summary { padding: var(--space-2) 0; font-weight: 600; }

/* Agent pills */
.agent-panel { display: flex; flex-wrap: wrap; gap: var(--space-2); }
.agent-pill {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 0.8rem;
  font-weight: 500;
  border: 1px solid var(--border);
  background: var(--bg-secondary);
  color: var(--text-secondary);
  transition: all 0.2s;
}
.agent-pill.agent-running {
  background: rgba(59,130,246,0.1);
  border-color: rgba(59,130,246,0.3);
  color: rgb(37,99,235);
}
.agent-pill.agent-done {
  background: rgba(34,197,94,0.1);
  border-color: rgba(34,197,94,0.3);
  color: rgb(22,163,74);
}
[data-theme="dark"] .agent-pill.agent-running { color: rgb(96,165,250); }
[data-theme="dark"] .agent-pill.agent-done { color: rgb(74,222,128); }

/* Spin animation for in-progress icon */
@keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
.bi.spin { display: inline-block; animation: spin 1.2s linear infinite; }