/* Test templates (test-templates.js): the picker, the form a template asks, and Save as template. */
.template-list, .template-picks { list-style: none; margin: 8px 0 0; padding: 0; display: grid; gap: 8px; }
.template-choice { display: grid; gap: 4px; width: 100%; text-align: left; padding: 12px 14px; border: 1px solid var(--border); border-radius: 10px; background: var(--surface); color: inherit; cursor: pointer; }
.template-choice:hover, .template-choice:focus-visible { border-color: var(--accent); background: var(--accent-wash); }
.template-fields { display: grid; gap: 4px; }
.template-pick { display: flex; gap: 10px; align-items: flex-start; padding: 8px 0; border-top: 1px solid var(--border); }
.template-pick:first-child { border-top: 0; }
.template-pick-body { display: grid; gap: 4px; flex: 1; min-width: 0; }
.template-pick-body small { overflow-wrap: anywhere; }
.test-template { margin-top: 2px; }
.template-newer { color: var(--warn-ink); font-weight: 600; }