/* tests.css - build screen (blueprint and progress) and My Tests list */

/* build screen: shown in place of the form while a test is created */
.progress{display:flex;align-items:center;gap:12px}
.progress b{font-family:var(--f-mono);font-size:14px;min-width:3.5em;text-align:right}
.build-msg{margin:0;min-height:1.2em;font-size:14px;color:var(--mute)}

/* My Tests */
.tests-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}
.test-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;padding-bottom:60px}
.test-card{display:flex;flex-direction:column;gap:10px;padding:18px;border:1px solid var(--line);border-radius:18px;background:var(--bg);box-shadow:var(--shadow)}
.tc-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.tc-head h3{font-size:18px}
.tc-head small{color:var(--mute);font-size:12px}
.tc-subs{margin:0;font-size:13px;color:var(--mute);line-height:1.5}
.tc-meta{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:13px;font-weight:700}
.tc-error{margin:0;font-size:13px;color:var(--bad)}
.tc-actions{display:flex;gap:8px;margin-top:auto}
.tests-empty{grid-column:1/-1;text-align:center;padding:48px 20px;border:1px dashed var(--line);border-radius:18px;display:flex;flex-direction:column;align-items:center;gap:10px}
.tests-empty p{margin:0;color:var(--mute)}
.pill.bad{background:var(--bad-soft);color:var(--bad)}

/* My Tests: the See more / See less link sits inline at the end of the subject text */
.tc-more{padding:0;border:0;background:none;font:inherit;font-weight:700;color:var(--accent-d);cursor:pointer;text-decoration:underline}