/* Compact staff workspace. Applicant websites and their design system are separate. */
:root {
  --ink:#202b3a;
  --muted:#5c6877;
  --paper:#f3f4f6;
  --line:#d8dde5;
  --green:#2459a6;
  --accent:#e7edf5;
  --navy:#202b3a;
  --radius:5px;
}
body { font-size:13px; line-height:1.45; color:var(--ink); background:var(--paper); }
button,input,select,textarea { font-family:inherit; }
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible { outline:2px solid #2c65ad; outline-offset:2px; }
.sidebar { width:196px; padding:19px 10px 12px; background:#202b3a; color:#e2e7ee; overflow-y:auto; }
.brand { font-size:14px; letter-spacing:-.2px; gap:8px; margin:0 8px 22px; color:#fff; }
.brand-mark { width:26px; height:26px; border-radius:4px; background:#e8edf4; color:#243244; font-size:22px; }
.brand-mark>span { font-size:16px; }
.workspace-label { font-size:10px; letter-spacing:.55px; color:#a7b3c3; margin:0 10px 7px; }
.nav-item { padding:8px 10px; min-height:35px; gap:8px; margin:2px 0; font-size:12px; border-radius:4px; color:#d1d9e4; }
.nav-item>span:first-child { width:19px; font-size:17px; color:#9dafc5; }
.nav-item.active,.nav-item:hover { background:#35465e; color:#fff; }
.nav-item.active>span:first-child { color:#d9e7fa; }
.nav-count { font-size:10px; background:#4a5c73; color:#fff; }
.sidebar-rule { margin:15px 9px; border-color:#3c495c; }
.shared-note { display:none; }
.profile { padding:12px 7px 0; font-size:11px; border-top:1px solid #3c495c; color:#f0f3f8; gap:8px; }
.avatar { width:27px; height:27px; border-radius:4px; background:#c9d6e7; color:#253952; }
.profile small { color:#adb9c9; font-size:10px; max-width:132px; overflow:hidden; text-overflow:ellipsis; }
.profile-arrow { color:#a7b3c3; }
.workspace>main { margin-left:196px; }
.topbar { height:48px; padding:0 22px; font-size:12px; background:#fff; }
.breadcrumb { color:#697585; }
.breadcrumb-slash { padding:0 9px; color:#a0a9b5; }
.connection-pill { border-radius:4px; padding:5px 9px; min-height:30px; color:#46566a; font-size:11px; }
.connection-dot { background:#478267; }
.view { max-width:none; padding:22px 24px 28px; }
.page-heading,.studies-view .studies-page-heading { margin-bottom:16px; gap:16px; }
.page-heading>.eyebrow,.page-heading>div>.eyebrow { display:none; }
h1,.page-heading h1,.studies-view .studies-page-heading h1,#view-builder .builder-page-heading h1 { font-family:inherit; font-size:24px; font-weight:650; letter-spacing:-.45px; line-height:1.25; color:#202b3a; margin:0 0 4px; }
.page-heading p,#view-builder .builder-page-heading p { font-size:12px; line-height:1.5; color:#5c6877; max-width:900px; }
h2,h3,.banner-content h2,.dialog-content h2,.panel-heading h2,.builder-entry h2 { font-family:inherit; letter-spacing:-.2px; font-weight:650; }
.eyebrow,.tag { letter-spacing:.6px; }
.eyebrow { font-size:10px; color:#697585; margin-bottom:6px; }
.button { min-height:32px; padding:7px 11px; gap:6px; border-radius:4px; font-size:12px; line-height:1.4; }
.button.primary,.button.dark { background:#2459a6; color:#fff; }
.button.primary:hover,.button.dark:hover { background:#194a90; }
.button.secondary { background:#fff; border-color:#cbd2dd; color:#334459; }
.button.secondary:hover { background:#edf1f7; }
.button.small { min-height:28px; padding:4px 8px; font-size:11px; }
.button.danger { color:#a12f2a; background:#fff; border-color:#dcb3af; }
.text-button { color:#2459a6; font-size:12px; padding:5px 0; line-height:1.4; }
.button>span:last-child:not(:first-child) { margin-left:3px; }
.subtle-pill,.pill,.tag { border-radius:4px; font-size:11px; line-height:1.4; }
.subtle-pill { background:#edf0f5; color:#516074; border-color:#d7dce4; }
.stats-grid,.studies-view .stats-grid { gap:10px; margin-bottom:16px; }
.stat-card,.studies-view .stat-card { padding:10px 14px; border-radius:4px; border-color:#d8dde5; box-shadow:none; }
.stat-label,.studies-view .stat-label { color:#586779; font-size:12px; line-height:1.5; }
.stat-card strong,.studies-view .stat-card>strong { color:#26374c; font-size:24px; line-height:1.3; font-weight:650; letter-spacing:-.5px; }
.section-heading { gap:12px; margin-bottom:11px; }
.section-heading h2 { font-size:15px; margin-bottom:3px; color:#2b3b50; }
.section-heading p { font-size:12px; color:#657285; }
.panel,.site-card,.studies-panel,.domain-card,.settings-card { border-color:#d8dde5; border-radius:5px; box-shadow:none; }
.panel { padding:16px; margin-bottom:14px; }
.panel-heading { gap:10px; margin-bottom:15px; }
.panel-heading h2 { font-size:16px; line-height:1.35; margin-bottom:3px; }
.panel-heading p { font-size:12px; line-height:1.5; color:#657285; }
.step-number,.builder-entry-icon { display:none; }
.view label,.dialog-content label { font-size:12px; line-height:1.45; color:#35465c; }
.view input:not([type='checkbox']):not([type='radio']):not([type='color']),.view select,.view textarea,
.dialog-content input:not([type='checkbox']):not([type='radio']):not([type='color']),.dialog-content select,.dialog-content textarea {
  border-color:#bcc6d3; border-radius:4px; font-size:13px; line-height:1.45; padding:7px 9px; background:#fff; color:#202b3a; min-height:34px;
}
.view textarea,.dialog-content textarea { min-height:86px; }
.view input[type='color'] { height:34px; border-color:#bcc6d3; border-radius:4px; padding:3px; }
.view input::placeholder,.view textarea::placeholder { color:#7a8695; }
.fine-print,.field-help,.brief-hint,.optional-label,.detail-description { font-size:12px; line-height:1.5; color:#657285; }
.fine-print { margin-top:9px; }
.notice { border-radius:4px; margin:12px 24px 0; padding:10px 12px; font-size:12px; line-height:1.5; }
.error-message { font-size:12px; line-height:1.5; margin-top:8px; }
.empty-state,.table-empty,.studies-empty,.operations-empty { padding:24px 16px; font-size:13px; line-height:1.5; color:#657285; }
.empty-state .empty-icon { font-size:25px; margin-bottom:8px; }
.empty-state h3 { font-size:16px; margin-bottom:6px; }
.empty-state p { font-size:12px; max-width:none; line-height:1.5; }
/* Tables are the default overview surface; secondary details stay in their row. */
.studies-toolbar,.operations-toolbar,.filterbar { gap:10px; margin-bottom:12px; align-items:flex-end; }
.studies-toolbar label,.operations-toolbar label,.filterbar label { margin-bottom:4px; font-size:12px; line-height:1.4; color:#4e5f74; }
.studies-toolbar .study-search-field { max-width:480px; }
.studies-toolbar .study-filter-field { width:170px; }
.studies-toolbar>.button,.studies-view .studies-page-heading>.button { font-size:12px; min-height:34px; padding:7px 11px; }
.studies-table { min-width:1000px; }
.studies-table th,table th,.operations-table th { padding:9px 11px; color:#536277; font-size:11px; line-height:1.4; background:#f4f6f9; letter-spacing:0; text-transform:none; border-color:#d8dde5; font-weight:650; }
.studies-table td,table td,.operations-table td { padding:10px 11px; font-size:12px; line-height:1.5; border-color:#e3e7ed; color:#34455b; }
.studies-table tbody tr:hover,.studies-table tbody tr:focus-within,table tbody tr:hover,.operations-table tbody tr:hover { background:#f4f7fb; }
.studies-table .study-name,.studies-table .study-name-link { font-size:13px; line-height:1.4; color:#233951; }
.studies-table .study-subtext { margin-top:3px; font-size:11px; line-height:1.45; color:#657285; }
.studies-table .study-status,.studies-table .pill { padding:2px 6px; border-radius:4px; font-size:11px; line-height:1.45; }
.studies-table .study-step,.studies-table .study-waiting { font-size:12px; line-height:1.5; color:#40526a; }
.studies-table .study-waiting.ai { color:#315d8d; }
.studies-table .study-updated { font-size:11px; line-height:1.5; color:#657285; }
.studies-table .study-applicants { font-size:12px; }
.studies-table .button,.studies-table .text-button,.studies-table .study-next-action { font-size:12px; line-height:1.4; }
.studies-table .button { padding:5px 8px; min-height:28px; }
.studies-table .study-delete-button { padding:4px 7px; font-size:11px; }
.studies-table-footer,.pagination,.operations-footer { padding:9px 12px; background:#fafbfc; border-color:#dce1e8; font-size:12px; line-height:1.5; color:#586779; }
.table-panel { padding:0; }
.table-panel table { min-width:760px; }
.table-scroll,.study-table-scroll,.operations-table-scroll { max-width:100%; overflow-x:auto; }
.filterbar>div { flex:1; min-width:140px; }
.applicant-mode-tabs { border-radius:4px; padding:3px; margin:0 0 7px; background:#e8edf3; border-color:#d6dde6; }
.applicant-mode-tabs button { border-radius:3px; padding:6px 12px; font-size:12px; }
.applicant-mode-tabs button.active { background:#344d70; box-shadow:none; }
.applicant-mode-note { margin-bottom:13px; font-size:12px; color:#657285; }
/* Editors, configuration and domain management use the available width. */
.studio-columns { grid-template-columns:minmax(330px,.9fr) minmax(380px,1.1fr); gap:18px; }
.builder-entry { background:#fff; border-color:#d8dde5; border-radius:5px; padding:13px 16px; gap:14px; margin:0 0 16px; }
.builder-entry h2 { font-size:15px; line-height:1.4; margin:0 0 3px; color:#2b3b50; }
.builder-entry p { font-size:12px; line-height:1.5; max-width:none; color:#657285; }
.builder-entry .tag { display:none; }
.builder-entry .button { font-size:12px; }
.brief-panel textarea { min-height:110px; }
.detail-section { margin-top:17px; padding-top:15px; border-color:#e0e5ec; }
.detail-section h3 { font-size:14px; line-height:1.4; margin-bottom:10px; color:#2b3b50; }
.editor-row { gap:12px; }
#view-create .draft-research-basics>label,#view-create .editor-research-basics>label,#view-create .participant-text-field>label,#view-create .editor-fields label { margin-top:10px; margin-bottom:4px; font-size:12px; line-height:1.45; color:#35465c; }
#view-create #study-advanced-settings>label { margin-top:12px; }
.preview-label,.preview-browser-bar { font-size:11px; }
.browser-preview { border-radius:5px; border-color:#cfd7e1; box-shadow:none; }
.preview-notes { gap:12px; margin-top:14px; }
.preview-notes p { font-size:11px; line-height:1.5; }
.domains-layout { grid-template-columns:minmax(280px,.7fr) minmax(420px,1.3fr); gap:18px; }
.domain-list { gap:10px; }
.domain-card { padding:13px 15px; }
.domain-card h3 { font-size:15px; line-height:1.4; }
.domain-card p,.domain-meta,.domain-card .field-help { font-size:12px; line-height:1.5; }
.domain-card .button { padding:5px 9px; font-size:12px; }
.domain-card .inline-note { margin:9px 0; padding:8px 10px; font-size:12px; }
.settings-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:15px; }
.settings-card { padding:16px; min-width:0; }
.settings-card h2 { font-size:16px; margin-bottom:6px; }
.settings-card>p { font-size:12px; line-height:1.5; color:#657285; }
.setting-field { padding:11px 0; border-color:#e0e5ec; }
.setting-field>label { font-size:12px; line-height:1.5; margin-bottom:4px; }
.setting-help,.setting-status { font-size:12px; line-height:1.5; color:#657285; margin-top:5px; }
.settings-footer { padding-top:14px; margin-top:5px; font-size:12px; gap:15px; }
/* State must remain legible, without taking over the screen. */
.study-status-card,.study-domain-panel,.test-preview-panel,.email-routing-panel,.cloudflare-connection-panel,.development-preview-card,.design-review-panel {
  padding:14px 15px; margin-bottom:14px; border-radius:5px; box-shadow:none; line-height:1.5;
}
.study-status-card { background:#fff; border-color:#d8dde5; }
.study-status-card h2,.study-status-card h3,.study-domain-panel h3,.test-preview-heading h3,.email-routing-panel h3,.cloudflare-connection-heading h3,.development-preview-card h3 { font-family:inherit; font-size:15px; line-height:1.4; margin:0; }
.study-status-card p,.study-status-card li,.study-domain-panel p,.test-preview-message,.test-preview-error,.email-routing-panel p,.cloudflare-connection-message,.development-preview-card p { font-size:12px; line-height:1.5; }
.test-preview-heading { gap:8px; }
.test-preview-state,.study-domain-state,.cloudflare-connection-state,.email-routing-state,.development-preview-state { border-radius:4px; padding:2px 6px; font-size:11px; line-height:1.45; }
.test-preview-build-step { font-size:13px; line-height:1.5; margin:10px 0 5px; }
.test-preview-building-note,.test-preview-meta,.test-preview-note,.test-preview-footer .text-button { font-size:12px; line-height:1.5; }
.test-preview-message,.test-preview-error { margin:9px 0; }
.test-preview-footer { gap:13px; margin-top:10px; }
.test-preview-actions { margin:10px 0 7px; gap:8px; }
.test-preview-actions .button,.test-preview-panel>.button { font-size:12px; }
.test-preview-note { padding-top:9px; margin-top:10px; }
.study-domain-panel .button,.cloudflare-connection-actions .button,.development-preview-card .button,.email-routing-panel .button { min-height:32px; font-size:12px; padding:7px 10px; }
.cloudflare-account-name { font-size:15px; margin:10px 0 6px; }
.cloudflare-connection-actions { margin-top:12px; gap:12px; }
.cloudflare-feature-status { margin-top:13px; padding-top:10px; }
.cloudflare-advanced { margin-top:14px; padding-top:12px; }
.design-review-facts { gap:10px 14px; }
.design-review-counts { gap:14px; margin-top:10px; padding-top:10px; }
.design-review-panel p,.design-review-panel li,.design-review-caveat { font-size:12px; line-height:1.5; }
/* The builder is an operational workspace, not a landing page. */
#view-builder .builder-project-bar { padding:12px 15px; margin-bottom:14px; gap:15px; border-radius:5px; border-color:#d8dde5; }
#view-builder .builder-project-bar label { font-size:12px; margin-bottom:4px; }
#view-builder .builder-project-meta { font-size:12px; line-height:1.5; padding-bottom:0; color:#657285; }
#view-builder .builder-layout { gap:15px; }
#view-builder .builder-main-panel { border-radius:5px; }
#view-builder .builder-result-panel { padding:15px; border-color:#d8dde5; border-radius:5px; }
#view-builder .builder-result-heading { gap:10px; margin-bottom:7px; }
#view-builder .builder-result-heading h2 { font-family:inherit; font-size:19px; font-weight:650; line-height:1.35; letter-spacing:-.25px; color:#26374c; }
#view-builder .builder-job-status { border-radius:4px; font-size:11px; padding:3px 7px; }
#view-builder .builder-job-summary { font-size:12px; line-height:1.5; margin:8px 0; color:#526277; }
#view-builder .builder-job-actions { margin:12px 0; gap:8px; }
#view-builder .builder-job-actions>.button { padding:7px 11px; font-size:12px; }
#view-builder .builder-current-action { padding:14px; border-radius:5px; }
#view-builder .builder-current-action h3 { font-size:15px; margin-bottom:5px; }
#view-builder .builder-current-action p { font-size:12px; line-height:1.5; }
#view-builder #builder-study-status { margin:0 0 14px; padding:12px 14px; }
#view-builder #builder-study-status ol { gap:6px; margin-top:11px; }
#view-builder #builder-study-status li { padding:7px 9px; font-size:12px; border-radius:4px; }
#view-builder .builder-preview-placeholder { min-height:170px; padding:25px 16px; background:#f6f8fb; }
#view-builder .builder-preview-placeholder h3 { font-family:inherit; font-size:17px; }
#view-builder .builder-preview-placeholder p { font-size:12px; line-height:1.5; }
#view-builder .builder-preview-toolbar { padding:8px 11px; font-size:11px; }
#view-builder .builder-preview-canvas { padding:12px; }
#view-builder .builder-disclosure { border-radius:5px; margin-top:12px; border-color:#d8dde5; }
#view-builder .builder-disclosure>summary { padding:10px 14px; gap:10px; }
#view-builder .builder-disclosure-title { font-size:13px; color:#34465f; }
#view-builder .builder-disclosure-hint { font-size:12px; color:#657285; }
#view-builder .builder-brief-panel,#view-builder .builder-disclosure-body { padding:14px; }
#view-builder .builder-brief-panel label { font-size:12px; margin-bottom:4px; }
#view-builder .builder-limits { gap:8px; padding:10px 0; }
#view-builder .builder-limits>div { padding:9px 11px; border-radius:4px; }
#view-builder .builder-limits strong { font-size:16px; }
#view-builder .builder-limits span,#view-builder .builder-model,#view-builder .builder-cost-note,#view-builder .builder-regenerate-note { font-size:12px; line-height:1.5; }
#view-builder .builder-start-controls { margin-top:11px; gap:8px; }
#view-builder .builder-diagnostics-content { gap:16px; }
#view-builder .builder-history { gap:5px; max-height:340px; }
#view-builder .builder-history-item { padding:9px 10px; border-radius:4px; }
#view-builder .builder-history-top>strong { font-size:12px; }
#view-builder .builder-history-meta,#view-builder .builder-history-status { font-size:11px; line-height:1.5; }
#view-builder .builder-job-meta { font-size:12px; line-height:1.5; margin-bottom:10px; }
#view-builder .builder-screenshots { padding-top:13px; margin-top:14px; }
#view-builder .builder-launch-requirements { padding:12px 14px; border-radius:4px; }
#view-builder .builder-launch-requirements p,#view-builder .builder-launch-requirements li { font-size:12px; line-height:1.5; }
/* Operational errors: compact rows, readable reasons and explicit next actions. */
.operations-toolbar { display:flex; flex-wrap:wrap; }
.operations-toolbar>div { min-width:130px; }
.operations-toolbar .operation-search-field,.operations-toolbar .operations-search-field { flex:1; min-width:220px; }
.operations-toolbar input,.operations-toolbar select { margin:0; }
.operations-toolbar>.button { margin-left:auto; }
.operations-table { width:100%; min-width:1100px; border-collapse:collapse; text-align:left; table-layout:fixed; }
.operations-table th:nth-child(1) { width:13%; }
.operations-table th:nth-child(2) { width:12%; }
.operations-table th:nth-child(3) { width:15%; }
.operations-table th:nth-child(4) { width:11%; }
.operations-table th:nth-child(5) { width:24%; }
.operations-table th:nth-child(6) { width:18%; }
.operations-table th:nth-child(7) { width:7%; }
.operations-table td { vertical-align:top; overflow-wrap:anywhere; }
.operation-level { display:inline-block; border:1px solid #e0b9b4; border-radius:3px; padding:1px 5px; font-size:11px; line-height:1.4; color:#8b3932; background:#fff2f0; }
.operation-level.info,.operation-level.success { color:#315b43; background:#eff7f1; border-color:#c9dfce; }
.operation-level.warning { color:#7a5c16; background:#fff8e6; border-color:#ead8a8; }
.operations-summary { display:flex; align-items:center; gap:14px; flex-wrap:wrap; padding:10px 13px; border:1px solid #d8dde5; border-radius:5px; background:#fff; margin-bottom:14px; font-size:12px; }
.operations-summary strong { font-size:18px; color:#26374c; }
.operations-recent { background:#fff; border:1px solid #d8dde5; border-radius:5px; margin-top:16px; overflow:hidden; }
.operations-recent>.section-heading { padding:11px 13px; margin:0; border-bottom:1px solid #e0e5ec; }
.operations-recent .operations-table { min-width:900px; }
.operations-footer { display:flex; justify-content:space-between; gap:10px; align-items:center; }
.operations-footer>div { display:flex; gap:7px; }
.operation-details { font-size:13px; line-height:1.5; }
.operation-details dl { display:grid; grid-template-columns:130px minmax(0,1fr); gap:7px 14px; margin:14px 0; }
.operation-details dt { color:#657285; }
.operation-details dd { margin:0; overflow-wrap:anywhere; }
.operation-details pre { white-space:pre-wrap; overflow-wrap:anywhere; font-size:12px; padding:10px; border:1px solid #d8dde5; border-radius:4px; background:#f5f7fa; }
/* Dialogs retain explicit confirmations while using concise spacing. */
dialog { border-radius:6px; border-color:#cbd3de; max-width:calc(100vw - 28px); box-shadow:0 14px 45px #202b3a26; }
.dialog-content { padding:24px; }
.dialog-content h2 { font-size:22px; line-height:1.3; letter-spacing:-.3px; }
.dialog-content>p { font-size:12px; line-height:1.5; }
.dialog-icon { display:none; }
.dialog-content.wide { min-width:0; }
.dialog-content label { margin-top:11px; margin-bottom:4px; }
.dialog-content .fine-print { font-size:12px; }
.delete-study-actions { gap:8px; margin-top:15px; }
.delete-study-blockers,.delete-study-permanent-note,.delete-study-test-data-fields { border-radius:4px; font-size:12px; line-height:1.5; }
@media(min-width:1600px) {
  .view { padding-left:28px; padding-right:28px; }
  .settings-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media(max-width:1150px) {
  .view { padding:18px; }
  .topbar { padding:0 18px; }
  .studio-columns { grid-template-columns:minmax(300px,1fr) minmax(320px,1fr); gap:14px; }
  .domains-layout { grid-template-columns:minmax(250px,.7fr) minmax(330px,1.3fr); gap:14px; }
  .studies-table { min-width:960px; }
}
@media(max-width:960px) {
  .studio-columns,.domains-layout { grid-template-columns:1fr; }
  .settings-grid { grid-template-columns:1fr; }
  .builder-entry { flex-wrap:wrap; }
  .builder-entry>.button { margin-left:auto; }
  .preview-column { min-width:0; }
  #view-builder .builder-project-bar>div:first-child { min-width:0; }
}
@media(max-width:760px) {
  .workspace { display:block; }
  .sidebar { position:relative; width:100%; height:auto; padding:10px 12px 8px; overflow:visible; }
  .brand { margin:0 0 8px; font-size:14px; width:max-content; max-width:calc(100% - 135px); }
  .brand-mark { height:24px; width:24px; }
  .sidebar nav { display:flex; gap:4px; flex-wrap:wrap; }
  .sidebar .nav-item { width:auto; display:inline-flex; margin:1px 2px 1px 0; padding:7px 9px; min-height:34px; font-size:12px; }
  .sidebar .nav-item>span:first-child { font-size:15px; width:16px; }
  .workspace-label,.sidebar-rule { display:none; }
  .sidebar-bottom { position:absolute; right:12px; top:9px; margin:0; max-width:130px; }
  .profile { padding:0; border:0; width:auto; font-size:11px; gap:6px; }
  .profile small { display:none; }
  .profile .avatar { height:25px; width:25px; flex-shrink:0; }
  .profile #user-name { max-width:90px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
  .profile-arrow { display:none; }
  .workspace>main { margin-left:0; width:100%; }
  .topbar { height:39px; padding:0 13px; font-size:11px; }
  .topbar .connection-pill { padding:3px 7px; min-height:27px; }
  .view { padding:16px 13px 22px; }
  .page-heading,.studies-view .studies-page-heading { margin-bottom:12px; gap:10px; }
  h1,.page-heading h1,.studies-view .studies-page-heading h1,#view-builder .builder-page-heading h1 { font-size:22px; }
  .page-heading p { font-size:12px; }
  .page-heading { align-items:flex-start; }
  .stats-grid,.studies-view .stats-grid { gap:7px; margin-bottom:12px; }
  .studies-view .stat-card { padding:9px 10px; flex-direction:column; align-items:flex-start; gap:3px; }
  .studies-view .stat-label { font-size:11px; }
  .studies-view .stat-card>strong { font-size:22px; }
  .studies-toolbar { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:9px; }
  .studies-toolbar .study-search-field { min-width:0; max-width:none; grid-column:1/-1; }
  .studies-toolbar .study-filter-field { width:auto; }
  .studies-toolbar>.button { min-height:36px; }
  .studies-table th,.studies-table td,table th,table td,.operations-table th,.operations-table td { padding:9px 10px; }
  .filterbar { flex-wrap:wrap; gap:9px; }
  .filterbar>div { min-width:calc(50% - 9px); }
  .panel,.settings-card { padding:14px; }
  .table-panel { padding:0; }
  .builder-entry { padding:12px 14px; gap:10px; }
  .builder-entry p { font-size:12px; }
  .builder-entry>.button { margin-left:0; }
  .button { min-height:36px; }
  .view input:not([type='checkbox']):not([type='radio']):not([type='color']),.view select,.dialog-content input:not([type='checkbox']):not([type='radio']):not([type='color']),.dialog-content select { min-height:36px; }
  .notice { margin:10px 13px 0; }
  .dialog-content { padding:20px; }
  #view-builder .builder-page-heading h1 { font-size:22px; }
  #view-builder .builder-project-bar { padding:12px; }
  #view-builder .builder-result-panel { padding:13px; }
  #view-builder .builder-result-heading h2 { font-size:18px; }
  #view-builder .builder-job-actions>.button { min-height:36px; }
  #view-builder .builder-disclosure>summary { padding:11px 12px; }
  #view-builder .builder-brief-panel,#view-builder .builder-disclosure-body { padding:12px; }
  #view-builder .builder-diagnostics-content { grid-template-columns:1fr; }
  #view-builder #builder-study-status li { flex-direction:row; align-items:center; gap:6px; font-size:11px; padding:7px; }
  .operations-toolbar { gap:9px; }
  .operations-toolbar>div { flex:1; min-width:130px; }
  .operations-toolbar .operation-search-field,.operations-toolbar .operations-search-field { min-width:100%; }
  .operations-toolbar>.button { margin-left:0; }
  .operations-summary { gap:10px; padding:9px 11px; }
  .operation-details dl { grid-template-columns:1fr; gap:3px; }
  .operation-details dd { margin-bottom:8px; }
  .settings-footer { align-items:flex-start; flex-wrap:wrap; }
}
@media(prefers-reduced-motion:reduce) {
  .workspace *,dialog * { scroll-behavior:auto; transition:none; animation:none; }
}
/* Reset inherited no-wrap and label spacing that would defeat dense layouts. */
.studies-table td,.studies-table th,.operations-table td,.operations-table th { white-space:normal; }
.settings-panel .panel-heading { margin-bottom:12px; }
.settings-panel .panel-heading p { font-size:12px; line-height:1.5; }
.setting-field>label,.setting-label-row label { margin-top:0; margin-bottom:4px; font-size:12px; line-height:1.45; }
.setting-field .field-help { font-size:12px; line-height:1.5; margin-top:5px; }
.setting-field .secret-clear-label { font-size:11px; line-height:1.5; margin:7px 0 0; }
.settings-advanced>summary { font-size:12px; line-height:1.5; }
@media(max-width:760px) {
  .sidebar { display:block; text-align:left; }
  .sidebar nav { display:contents; }
  .sidebar .nav-item>span:first-child { display:none; }
  .sidebar-bottom { display:block; }
  .brand { margin-left:0; }
  .setting-field { padding:10px 0; }
}
.panel label { margin-top:10px; margin-bottom:4px; }
.setting-field>label,.setting-label-row label { margin-top:0; }
.domain-card h3 { margin:0; }
.domain-card .section-heading { margin-bottom:7px; }
.domain-card-controls { margin-top:10px; gap:7px; }
.domain-card-footnote { margin-top:10px; padding-top:8px; font-size:11px; line-height:1.5; color:#657285; }
.domain-card .detail-text { margin-top:8px; font-size:12px; line-height:1.5; }
.settings-footer { display:flex; }
.settings-footer>span { font-size:12px; line-height:1.5; }
.settings-footer button { margin-top:0; }
#view-builder .builder-disclosure>summary { min-height:40px; }
#view-builder .builder-preview-placeholder { min-height:120px; padding:19px 15px; }
/* Operational metadata is secondary text, never concatenated with the main reason. */
.operations-toolbar>div:first-child { flex:1; min-width:240px; }
.operation-resource small,.operations-table td>small { display:block; margin-top:3px; color:#657285; font-size:11px; line-height:1.45; }
.operation-reason code { display:block; margin-top:4px; color:#657285; font-size:11px; line-height:1.45; overflow-wrap:anywhere; }
.operations-table .operation-level { display:block; width:max-content; margin-top:4px; }
.operation-time { font-variant-numeric:tabular-nums; }
.operations-summary { display:block; }
.operations-summary-heading { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:6px; }
.operations-summary-heading h2 { font-size:15px; line-height:1.4; margin:0; }
.operations-summary .operations-recent { margin-top:9px; border:0; border-radius:0; }
.operations-recent-row { display:grid; grid-template-columns:135px minmax(0,1.2fr) minmax(180px,1fr); gap:12px; padding:8px 0; border-top:1px solid #e0e5ec; font-size:12px; line-height:1.5; }
.operation-recent-reason { padding:0; text-align:left; white-space:normal; font-weight:500; }
.operation-recent-next { color:#657285; }
@media(max-width:760px) {
  .operations-view .page-heading { flex-direction:row; align-items:center; }
  .operations-toolbar>div:first-child { min-width:100%; }
  .operations-recent-row { grid-template-columns:1fr; gap:3px; }
}
@media(max-width:760px) {
  .operations-view .page-heading { display:flex; }
  .operations-view .page-heading>div { min-width:0; }
}

/* One visible launch action with honest readiness and durable job progress. */
.launch-panel,.production-backend-panel{padding:14px 16px;margin:0 0 16px;border:1px solid #c8d3e2;border-radius:5px;background:#fff;color:#25364c}
.launch-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:12px}.launch-heading h2{font:650 17px/1.4 Arial,Helvetica,sans-serif;margin:0 0 4px}.launch-heading p{margin:0;font-size:12px;line-height:1.5;color:#637083}.launch-status{display:inline-block;flex-shrink:0;padding:3px 8px;border:1px solid #cad3df;background:#f1f4f8;border-radius:4px;font-size:11px;line-height:1.5}.launch-status.ready{background:#edf7ef;border-color:#bcd5c0;color:#2b613c}.launch-status.working{background:#edf3fc;border-color:#b8cde8;color:#285789}.launch-status.error{background:#fff1ee;border-color:#e5bcb6;color:#8c3f35}
.launch-checklist{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin-bottom:10px}.launch-check{display:grid;grid-template-columns:14px minmax(0,1fr);gap:2px 5px;align-items:start;border:1px solid #dce2ea;border-radius:4px;padding:7px;font-size:12px;line-height:1.4;min-width:0}.launch-check small{grid-column:2;color:#6a7787;font-size:11px}.launch-check.ready .launch-check-mark{color:#367448}.launch-check.blocked .launch-check-mark{color:#a9671e}.launch-check-mark{font-weight:700}.launch-issues{padding-left:19px;margin:7px 0;font-size:12px;line-height:1.6;color:#805525}.launch-fixes{display:flex;gap:15px;flex-wrap:wrap;margin:9px 0}.launch-fixes .text-button{font-size:12px}.launch-actions{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-top:12px}.launch-actions .button{font-size:12px}.launch-authorization{font-size:11px;line-height:1.55;color:#6c7889;margin:9px 0 0}.launch-message{font-size:13px;line-height:1.55;margin:8px 0}.launch-error,.launch-preview-warning{font-size:12px;line-height:1.55;background:#fff4ef;border:1px solid #e6c4b8;padding:9px 11px;border-radius:4px;color:#8c4433;margin:9px 0}.launch-live-url{display:block;font-weight:600;overflow-wrap:anywhere;font-size:14px;margin:12px 0;color:#2459a6}.launch-stages{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;padding:0;margin:13px 0;list-style:none}.launch-stages li{display:flex;gap:5px;padding:7px 6px;background:#f3f5f8;border:1px solid #dce2eb;font-size:11px;line-height:1.5;color:#718095;border-radius:4px}.launch-stages li>span:first-child{font-weight:700;flex-shrink:0}.launch-stages li.complete{color:#2f6542;border-color:#c6dccd;background:#f0f7f2}.launch-stages li.current{color:#285989;border-color:#a9c3e3;background:#edf3fc}.launch-stages li.failed{color:#923e32;border-color:#e1b4aa;background:#fff0ec}.production-backend-panel{margin:0 0 15px}.production-backend-panel>p{font-size:12px;line-height:1.6}.production-backend-panel>a{display:block;overflow-wrap:anywhere;font-size:13px}
@media(max-width:1050px){.launch-checklist{grid-template-columns:repeat(3,minmax(0,1fr))}.launch-stages{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){.launch-panel,.production-backend-panel{padding:12px}.launch-heading{gap:8px;flex-wrap:wrap}.launch-checklist{grid-template-columns:repeat(2,minmax(0,1fr))}.launch-stages{grid-template-columns:repeat(2,minmax(0,1fr))}.launch-actions{align-items:stretch}.launch-actions .button{flex:1;min-width:140px}.launch-fixes{gap:9px 14px}}

.builder-history-status.stale{background:#fff5de;color:#805b18;border-color:#e4cf9d}
.study-workflow-panel{padding:14px 16px;margin:0 0 16px;border:1px solid #c8d3e2;border-radius:5px;background:#fff;color:#25364c}
.study-workflow-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:7px}.study-workflow-heading h2{font:650 17px/1.4 Arial,Helvetica,sans-serif;margin:0}.study-workflow-message{font-size:13px;line-height:1.55;margin:0 0 8px}.study-workflow-hint{font-size:12px;line-height:1.5;color:#637083;margin:8px 0}.study-workflow-domain{display:flex;flex-wrap:wrap;gap:5px 16px;margin:12px 0;font-size:13px;line-height:1.5;overflow-wrap:anywhere}.study-workflow-domain span{color:#637083}.study-workflow-panel>.button{margin:4px 8px 0 0}.study-workflow-panel>.text-button{margin-left:8px}.study-workflow-panel .error-message{font-size:12px;line-height:1.5;margin:8px 0}
@media(max-width:650px){.study-workflow-panel{padding:12px}.study-workflow-heading{flex-wrap:wrap}.study-workflow-panel>.button{width:100%;margin-right:0}.study-workflow-domain{display:block}.study-workflow-domain span{display:block;margin-top:4px}}
.setting-boolean{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}.setting-boolean .setting-label-row{margin:0;flex:1}.setting-boolean input[type=checkbox]{width:18px;height:18px;margin:0;flex:0 0 18px}.setting-boolean .field-help{width:100%;margin-top:0}
.study-recovery-panel{border-left:3px solid #a96a2e}.study-recovery-panel[data-recovery-state=scheduled],.study-recovery-panel[data-recovery-state=retrying]{border-left-color:#3973b3}.study-recovery-panel[data-recovery-state=paused]{border-left-color:#8793a3}.study-recovery-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:12px 0;padding:10px 0;border-top:1px solid #e0e5ec;border-bottom:1px solid #e0e5ec}.study-recovery-facts>div{min-width:0}.study-recovery-facts dt{font-size:11px;line-height:1.4;color:#6a7787;margin-bottom:3px}.study-recovery-facts dd{font-size:13px;line-height:1.45;font-weight:600;margin:0;overflow-wrap:anywhere}.study-recovery-next{font-size:11px;margin:8px 0 2px;color:#637083}.study-recovery-countdown{font-size:15px;font-weight:600;color:#285789;margin:2px 0 6px;font-variant-numeric:tabular-nums}.study-recovery-actions{display:flex;gap:8px 12px;align-items:center;flex-wrap:wrap;margin-top:12px}.study-recovery-actions .button{font-size:12px}.study-recovery-authorization{font-size:12px;line-height:1.55;margin:10px 0;color:#634c31}.study-recovery-panel>.study-workflow-message{max-width:85ch}
@media(max-width:650px){.study-recovery-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.study-recovery-actions{align-items:stretch}.study-recovery-actions .button{flex:1;min-width:140px}.study-recovery-actions .text-button{width:100%;text-align:left;margin:2px 0}}
.telegram-connection-panel{border-top:1px solid #dce2eb;margin-top:16px;padding-top:14px}.telegram-connection-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.telegram-connection-heading h3{font:600 15px/1.4 Arial,Helvetica,sans-serif;margin:0}.telegram-connection-message{font-size:13px;line-height:1.5;margin:8px 0}.telegram-connection-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:10px 0}.telegram-connection-issues{font-size:12px;line-height:1.5;padding-left:18px;margin:8px 0}.telegram-setup-help{margin-top:12px}