/* Evidence textareas styled as amber cards */
.evidence-ta {
  cursor: pointer;
  transition: background 0.12s ease, border-color 0.12s ease;
  width: 100%;
  background: rgba(245,158,11,0.08);
  border: 1px solid rgba(245,158,11,0.3);
  border-radius: 0.5rem;
  padding: 0.375rem 0.625rem;
  font-size: 0.75rem;
  font-family: ui-monospace, monospace;
  color: rgb(252,211,77);
  line-height: 1.5;
  resize: none;
  outline: none;
}
.evidence-ta:hover { background: rgba(245,158,11,0.14); border-color: rgba(245,158,11,0.5); }
.evidence-ta:focus { background: rgba(245,158,11,0.12); border-color: rgba(245,158,11,0.6); box-shadow: 0 0 0 1px rgba(245,158,11,0.3); }
.evidence-ta { overflow-y: hidden; min-height: 3.5rem; }
/* View mode div uses the same amber card style as the textarea */
.evidence-view { white-space: pre-wrap; cursor: pointer; user-select: text; }
.evidence-view:empty::before { content: 'No evidence'; color: rgba(252,211,77,0.25); font-style: italic; }
/* KaTeX inside evidence cards inherits amber color */
.evidence-view .katex, .evidence-view .katex * { color: inherit !important; }
/* PDF viewer pages */
#pdf-pages { display: flex; flex-direction: column; align-items: center; gap: 12px; padding: 12px; }
#pdf-viewer-wrap { background: #111827; }
#log-panel { scroll-behavior: smooth; }
.drop-zone.drag-active {
  border-color: rgb(99, 102, 241) !important;
  background: rgba(99, 102, 241, 0.07);
}
#screen-verify {
  display: none;
  flex-direction: column;
  height: 100vh;
  overflow: hidden;
}
#screen-verify.active { display: flex; }
#screen-setup.hidden { display: none; }
.pdf-pane { height: calc(100vh - 56px); }
.form-pane {
  height: calc(100vh - 56px);
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #374151 transparent;
}
.form-pane::-webkit-scrollbar { width: 5px; }
.form-pane::-webkit-scrollbar-thumb { background: #374151; border-radius: 4px; }
/* Smooth progress bar */
#progress-bar { transition: width 0.4s ease; }
/* Toast */
.toast {
  position: fixed; bottom: 1.5rem; right: 1.5rem;
  padding: 0.5rem 1rem; border-radius: 0.5rem;
  font-size: 0.75rem; font-weight: 500;
  z-index: 999; opacity: 1;
  transition: opacity 0.4s ease;
}
.toast.fade { opacity: 0; }