.tc-settings{display:flex;gap:14px;align-items:end;flex-wrap:wrap;margin:20px 0}.tc-settings label{display:grid;gap:6px;min-width:150px}.tc-settings label:first-child{flex:1;min-width:280px}.tc-settings label:last-of-type{min-width:90px;width:100px}.tc-notice{padding:12px 16px;background:#fff7e3;border-radius:12px;color:#765015}.tc-summary{padding:16px;background:#eaf3ff;border-radius:12px;font-weight:700;margin:18px 0}.tc-layout{display:grid;grid-template-columns:minmax(320px,420px) minmax(0,1fr);gap:24px;align-items:start}.tc-screen{border:2px solid #c8d9ea;border-radius:18px;padding:24px;background:#fff;position:sticky;top:20px}.tc-screen h3{font-size:25px;line-height:1.25}.tc-status{padding:12px;background:#eff5fc;font-weight:700;border-radius:10px}.tc-actions,.tc-errors,.tc-phases{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.tc-actions button{flex:1;min-width:145px}.tc-tree{display:flex;gap:14px;overflow:auto;padding:10px 0 18px}.tc-column{min-width:210px;width:230px;background:#f1f6fb;border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:12px}.tc-column button{white-space:normal;text-align:left;display:grid;gap:10px;padding:16px;min-height:130px;background:white}.tc-column small{color:#62758c}.tc-column span{font-size:12px;color:#62758c}.testing-center button.selected{border-color:#ff9900;box-shadow:0 0 0 2px #ffce76;background:#fff8e9}.testing-center button.done{background:#eaf9ee;border-color:#70bf89}.tc-event{margin-top:24px;padding:18px;border-left:4px solid #4387bc;background:#edf6fc;border-radius:8px}.tc-event.tc-failure{background:#fff0f0;border-color:#d65656}.testing-center dialog{width:min(940px,94vw);height:90vh;border:1px solid #bdccdd;border-radius:16px;padding:12px}.testing-center dialog::backdrop{background:#10203399}.testing-center iframe{width:100%;height:calc(100% - 55px);border:0;display:block;margin-top:8px}@media(max-width:1000px){.tc-layout{grid-template-columns:1fr}.tc-screen{position:static}}
.tc-accelerators{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:14px;background:#f3f7fc;border:1px solid #d7e3f0;border-radius:12px;margin:16px 0}.tc-accelerators .muted{flex-basis:100%;font-size:12px}
.tc-scenario{display:grid;width:100%;gap:8px;text-align:left;margin-bottom:10px;padding:16px;white-space:normal}.tc-scenario small{color:#65778a}.testing-center [data-form]{display:grid;gap:14px}.testing-center [data-form] label,.testing-center [data-fields]{display:grid;gap:8px}.tc-run{padding:16px;border:1px solid #c9d9e8;border-radius:12px;margin:12px 0}.testing-center [data-visual]{margin-top:24px}
/* Real scenario workspace: compact controls, consistent panels, one primary action. */
.tc-real{max-width:1320px}.tc-real>.tc-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.tc-head h2{margin:0 0 6px}.tc-head p{margin:0}.tc-toolbar{display:flex;gap:8px;flex-wrap:wrap}.tc-toolbar button,.tc-form-actions button{width:auto;flex:none;min-width:0;padding:10px 16px}.tc-context{display:flex;align-items:center;gap:9px;font-size:12px;color:#425e76;border-top:1px solid #e6edf4;padding:14px 0}.tc-context .muted{margin-left:auto}.tc-context-dot{width:7px;height:7px;border-radius:50%;background:#6795b4}.tc-real>[data-feedback]{font-size:13px;margin:0 0 12px;color:#4b708b}.tc-real>[data-feedback]:empty{display:none}.tc-real>.tc-layout{grid-template-columns:260px minmax(0,1fr);gap:24px}.tc-real aside{background:#f5f8fc;border:1px solid #e0e9f2;border-radius:14px;padding:14px}.tc-real .tc-list-title{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:#738498;margin:2px 0 14px}.tc-real .tc-scenario{border:1px solid transparent;box-shadow:none;background:transparent;padding:13px;gap:6px;margin-bottom:6px;border-radius:10px}.tc-real .tc-scenario strong{font-size:14px}.tc-real .tc-scenario small{font-size:12px;font-weight:400;line-height:1.5}.tc-real .tc-scenario.selected{background:#fff;border-color:#efc17b;box-shadow:0 2px 8px #293e5410}.tc-real [data-detail]{border:1px solid #dce6f0;border-radius:14px;padding:24px;min-width:0}.tc-detail-head{margin-bottom:20px}.tc-detail-head .eyebrow{font-size:10px;color:#74879b}.tc-detail-head h3{margin:6px 0 0;font-size:20px}.tc-real [data-form]{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.tc-real [data-form] label{font-size:12px;font-weight:600;color:#687e94;gap:7px}.tc-real [data-form] input,.tc-real [data-form] select{font-size:14px;font-weight:500;color:#203144;min-height:42px;padding:10px 12px;margin:0}.tc-wide,.tc-real [data-fields],.tc-form-actions{grid-column:1/-1}.tc-real [data-fields]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.tc-real [data-fields]:empty{display:none}.tc-quantity{max-width:160px}.tc-form-actions{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid #e6edf4;padding-top:18px;margin-top:2px}.tc-real [data-dirty]{font-size:12px;margin:10px 0}.tc-real [data-dirty]:empty{display:none}.tc-real .tc-runs-title{font-size:14px;margin:24px 0 12px}.tc-real .tc-run{display:grid;grid-template-columns:1fr auto;gap:6px 14px;padding:14px 16px;background:#f7faff;border-color:#e1e9f2;margin:8px 0}.tc-run p{font-size:12px;color:#6c8095;margin:0}.tc-run a{grid-column:2;grid-row:1/3;align-self:center;display:inline-flex;align-items:center;padding:8px 12px;text-decoration:none;color:#355f81;font-size:12px;background:#fff;border:1px solid #d7e3ed;border-radius:8px}.tc-empty{padding:18px;border:1px dashed #dbe5ef;border-radius:10px;text-align:center;font-size:13px;color:#70859b}.tc-empty span{display:block;font-size:12px;margin-top:5px}@media(max-width:1000px){.tc-real>.tc-head{align-items:flex-start;flex-direction:column}.tc-real>.tc-layout{grid-template-columns:220px minmax(0,1fr)}.tc-real [data-detail]{padding:18px}}@media(max-width:760px){.tc-real>.tc-layout{grid-template-columns:1fr}.tc-real [data-form],.tc-real [data-fields]{grid-template-columns:1fr}.tc-context{flex-wrap:wrap}.tc-context .muted{margin-left:0;width:100%}.tc-real .tc-run{grid-template-columns:1fr}.tc-run a{grid-column:1;grid-row:auto;justify-self:start}.tc-form-actions{justify-content:flex-start;flex-wrap:wrap}}
