/* Experiment workspace: compact credentials, task-first reading order. */
@layer components.workspace {
.lab-wrap { max-width: 1040px; margin: 0 auto; display: grid; gap: 16px; }
.lab-wrap .lab-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 0; }
.lab-heading h2 { margin: 0; }
.lab-format-hint { color: var(--ui-muted); font-size: 13px; white-space: nowrap; }
.lab-card { display: grid; gap: 12px; border: 1px solid var(--ui-line); border-radius: var(--ui-radius-card, 12px); background: var(--ui-surface); min-width: 0; }
.lab-wrap .lab-connection, .lab-wrap .lab-results { padding: 16px 20px; }
.lab-connection-meta, .lab-account, .lab-credential-options { display: flex; align-items: center; gap: 12px; }
.lab-connection-meta { flex-wrap: wrap; font-size: 13px; color: var(--ui-muted); }
.lab-account { gap: 8px; }
.lab-account strong { color: var(--ui-ink); overflow-wrap: anywhere; font-variant-numeric: tabular-nums; }
.lab-query-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: 12px; }
.lab-password-field { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 12px; font-size: 14px; }
.lab-password-field label { font-weight: 600; }
.lab-card input:not([type=checkbox]), .lab-card select { width: 100%; min-width: 0; min-height: 44px; padding: 9px 12px; border: 1px solid var(--ui-control-line); border-radius: 8px; background: var(--ui-surface); color: var(--ui-ink); font-size: 16px; }
.lab-credential-options { justify-content: space-between; flex-wrap: wrap; gap: 4px 12px; }
.lab-check { display: flex; align-items: center; gap: 8px; min-height: 44px; color: var(--ui-muted); font-size: 13px; cursor: pointer; }
.lab-check input { width: 16px; height: 16px; margin: 0; }
.lab-credential-options button { font-size: 13px; }
.lab-card button, .lab-actions a { min-height: 44px; }
.lab-message { margin: 0; color: var(--ui-muted); font-size: 13px; overflow-wrap: anywhere; }
.lab-message.lab-error { color: var(--ui-danger); }
.lab-results-heading { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; }
.lab-results-title { display: flex; align-items: baseline; flex-wrap: wrap; gap: 4px 12px; }
.lab-results-heading h3 { margin: 0; font-size: 18px; }
.lab-auto-captcha, .lab-list-note { margin: 0; font-size: 13px; color: var(--ui-muted); }
.lab-term { display: flex; align-items: center; gap: 8px; min-width: 0; font-size: 13px; }
.lab-term label { flex-shrink: 0; }
.lab-term select { width: 240px; max-width: 100%; }
.lab-list-note { line-height: 1.6; }
.lab-item { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px 20px; padding: 16px 0; border-top: 1px solid var(--ui-line); }
.lab-item:last-child { padding-bottom: 0; }
.lab-item strong { font-size: 16px; align-self: center; overflow-wrap: anywhere; }
.lab-item-details { grid-column: 1; display: flex; flex-wrap: wrap; gap: 4px 16px; color: var(--ui-muted); font-size: 13px; overflow-wrap: anywhere; }
.lab-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.lab-item .lab-actions { grid-column: 2; grid-row: 1 / 3; align-self: center; }
.lab-item button:disabled { opacity: .55; cursor: not-allowed; }
@media (max-width: 600px) {
    .lab-wrap { gap: 12px; }
    .lab-wrap .lab-connection, .lab-wrap .lab-results { padding: 12px; }
    .lab-password-field { grid-template-columns: minmax(0, 1fr); gap: 4px; }
    .lab-query-row { gap: 8px; }
    .lab-connection-meta { gap: 4px 12px; }
    .lab-results-heading { gap: 8px; }
    .lab-term { width: 100%; }
    .lab-term select { flex: 1; width: 0; }
    .lab-item { grid-template-columns: minmax(0, 1fr); gap: 8px; }
    .lab-item-details { grid-row: 2; }
    .lab-item .lab-actions { grid-column: 1; grid-row: 3; }
    .lab-item .lab-actions button { flex: 1; padding-inline: 8px; }
}
}
@layer utilities {
.lab-card[hidden], .lab-card [hidden], .lab-message:empty { display: none; }
}