.single-step-evaluation-view .side-navigation { padding-bottom: 40px; }
.eval-page { position: relative; }
.eval-view { display: flex; flex: 1; flex-direction: column; min-width: 0; min-height: 0; }
.eval-page button:not(:disabled), .eval-dialog button:not(:disabled) { cursor: pointer; }
.eval-page button:disabled { opacity: .45; cursor: default; }
.eval-page .soft-button, .eval-dialog .soft-button { padding: 0 12px; }
.eval-page .icon-button { padding: 0; }
.eval-link-button { display: inline-flex; align-items: center; justify-content: center; gap: 6px; white-space: nowrap; cursor: pointer; font-size: 13px; }
.eval-text-link { color: #7561f5; cursor: pointer; }
.eval-text-link:hover, .eval-cell-link:hover { color: #5436e7; }
.eval-tabs { display: flex; align-items: flex-end; flex-shrink: 0; gap: 8px; padding: 0 24px; border-bottom: 1px solid var(--fornax-border); }
.eval-tab { position: relative; gap: 6px; min-height: 38px; padding: 0 14px; border: 1px solid #e4e5ee; border-bottom: 0; border-radius: 4px 4px 0 0; color: #646874; background: #f5f5f9; }
.eval-tab.is-active { color: #755df6; background: var(--fornax-page); font-weight: 600; }
.eval-tab.is-active::before { position: absolute; top: -1px; left: -1px; right: -1px; height: 3px; border-radius: 4px 4px 0 0; content: ""; background: #7057ff; }
.eval-tab.is-active::after { position: absolute; bottom: -1px; left: 0; right: 0; height: 1px; content: ""; background: var(--fornax-page); }
.eval-toolbar { display: flex; align-items: center; justify-content: space-between; flex: 0 0 auto; gap: 12px; min-height: 58px; padding: 12px 24px; }
.eval-filters, .eval-actions { display: flex; align-items: center; gap: 8px; min-width: 0; }
.eval-filters > strong { margin-right: 6px; font-size: 15px; white-space: nowrap; }
.eval-search { display: flex; align-items: center; gap: 7px; width: 220px; height: 32px; padding: 0 10px; border: 1px solid #d1d5e3; border-radius: 7px; background: #fafaff; color: #9aa0af; }
.eval-search input { min-width: 0; width: 100%; height: 28px; padding: 0; border: 0; background: transparent; color: #515769; outline-offset: 2px; }
.eval-search input::placeholder { color: #aab0bf; }
.eval-select, .eval-input { width: 100%; height: 34px; padding: 0 11px; border: 1px solid #d2d6e5; border-radius: 7px; color: #515769; background: #fcfcff; font: inherit; }
.eval-select { cursor: pointer; }
.eval-select:focus-visible { outline: 2px solid var(--fornax-purple); outline-offset: 2px; }
.creator-select { width: 165px; height: 32px; color: #9299aa; }
.eval-table-region { position: relative; flex: 1; min-height: 120px; margin: 0 24px; border: 1px solid var(--fornax-border); border-radius: 7px; background: #fff; overflow: hidden; }
.eval-table-scroll { height: 100%; overflow: auto; scrollbar-width: thin; scrollbar-color: #dddfe8 transparent; }
.eval-table { width: 100%; min-width: 1170px; table-layout: fixed; border-collapse: separate; border-spacing: 0; text-align: left; color: #565d6b; font-size: 13px; }
.eval-table th, .eval-table td { height: 43px; padding: 0 16px; border-bottom: 1px solid #e8eaf0; white-space: nowrap; background: #fff; }
.eval-table th { position: sticky; top: 0; z-index: 2; height: 42px; color: #414757; background: #f6f6fc; font-weight: 500; }
.eval-table tbody tr:hover td { background: #faf9ff; }
.eval-table .eval-sticky-action { position: sticky; right: 0; z-index: 3; box-shadow: -5px 0 9px -7px #9498ac66; text-align: right; }
.eval-table th.eval-sticky-action { z-index: 4; }
.eval-list-table tbody tr { cursor: pointer; }
.eval-cell-text, .eval-cell-link { display: block; overflow: hidden; text-overflow: ellipsis; }
.eval-id { padding: 1px 5px; border: 1px solid #d9dce5; border-radius: 3px; font-variant-numeric: tabular-nums; }
.eval-chip { display: inline-flex; align-items: center; padding: 2px 6px; border-radius: 3px; color: #6f7687; background: #eceef5; font-size: 12px; font-weight: 400; line-height: 17px; white-space: nowrap; }
.eval-field-chips { display: flex; align-items: center; flex-wrap: wrap; gap: 5px; }
.eval-table .eval-field-chips { flex-wrap: nowrap; overflow: hidden; }
.eval-draft-chip { color: #b78947; background: #fff4e8; font-size: 11px; }
.eval-updater { display: flex; align-items: center; gap: 6px; font-size: 12px; }
.eval-updater > span:first-child { display: grid; place-items: center; width: 21px; height: 21px; border-radius: 50%; color: #fff; background: #afa4df; font-size: 10px; }
.eval-row-actions { display: flex; align-items: center; justify-content: flex-end; gap: 12px; }
.eval-row-actions button, .eval-row-actions a { color: #7b67ed; font-size: 12px; }
.eval-empty { position: absolute; inset: 43px 0 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; padding: 24px; background: #fff; text-align: center; }
.eval-empty > .icon { width: 36px; height: 36px; color: #c6c3e9; }
.eval-empty strong { font-weight: 500; color: #697083; }
.eval-empty p { margin: 0; color: #9299ab; font-size: 13px; line-height: 22px; }
.eval-pagination { display: flex; align-items: center; justify-content: space-between; flex: 0 0 64px; gap: 16px; padding: 12px 24px; color: #8c93a4; font-size: 12px; }
.eval-pagination > div { display: flex; align-items: center; gap: 6px; }
.eval-pagination button { width: 30px; height: 30px; border-radius: 8px; font-size: 16px; }
.eval-pagination .is-current { color: #7863f9; background: #ebe8ff; font-size: 13px; }
.eval-page-size { padding: 7px 9px; border: 1px solid var(--fornax-border); border-radius: 7px; }
.eval-detail-heading { display: flex; align-items: center; flex: 0 0 auto; gap: 14px; min-height: 85px; padding: 16px 24px; }
.eval-detail-heading > div { min-width: 0; }
.eval-detail-heading h1 { color: #4b5263; font-size: 17px; font-weight: 600; overflow: hidden; text-overflow: ellipsis; }
.eval-detail-heading p { margin: 4px 0 0; color: #9ba2b3; font-size: 12px; line-height: 21px; }
.eval-back { flex-shrink: 0; font-size: 24px; line-height: 30px; }
.eval-detail-toolbar { flex-wrap: wrap; }
.eval-detail-toolbar .eval-actions { margin-left: auto; }
.eval-case-filter { padding: 0 24px 12px; }
.eval-case-filter .eval-search { width: 300px; }
.eval-related-list { padding: 20px 24px; overflow: auto; }
.eval-related-item { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 16px; margin-bottom: 10px; border: 1px solid var(--fornax-border); border-radius: 7px; background: #fff; }
.eval-related-item strong { font-size: 14px; font-weight: 500; }
.eval-related-item p { margin: 8px 0 0; color: #959cad; font-size: 12px; }
.eval-muted, .eval-field-help { color: #9299aa; font-size: 13px; line-height: 23px; }
.eval-field-help { display: block; margin: 5px 0 0; font-size: 12px; }
.eval-stepper { display: flex; align-items: center; justify-content: center; gap: 30px; flex-shrink: 0; padding: 14px 24px 24px; margin: 0; list-style: none; }
.eval-stepper li { display: flex; align-items: center; gap: 7px; color: #9298a8; font-size: 14px; white-space: nowrap; }
.eval-stepper li > span { display: grid; place-items: center; width: 25px; height: 25px; border-radius: 50%; background: #eeeff5; color: #8b92a4; font-size: 15px; }
.eval-stepper li.is-active { color: #7964fa; }
.eval-stepper li.is-active > span { background: #7356f8; color: #fff; }
.eval-stepper li.is-complete > span { background: #eeeaff; color: #7356f8; }
.eval-stepper small { padding: 1px 5px; border-radius: 3px; background: #eeeff5; font-size: 11px; }
.eval-experiment-form { flex: 1; width: min(860px, calc(100% - 48px)); min-height: 0; margin: 10px auto 0; padding-bottom: 24px; overflow: auto; }
.eval-form-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 22px; }
.eval-field { display: block; color: #4b5262; font-size: 14px; line-height: 23px; }
.eval-field > input, .eval-field > select { display: block; margin-top: 9px; }
.eval-field em { color: #ef565e; font-style: normal; }
.eval-field-label { display: flex; align-items: center; gap: 3px; }
.eval-field-label .eval-text-link { margin-left: auto; font-size: 13px; font-weight: 400; }
.eval-form-summary { margin-top: 26px; color: #555d6d; font-size: 14px; }
.eval-form-summary strong { display: block; margin-bottom: 10px; font-weight: 500; }
.eval-form-summary p { margin: 0; color: #8d94a4; line-height: 23px; }
.eval-form-spacing { margin-top: 28px; }
.eval-model-config { margin-top: 30px; padding-top: 22px; border-top: 1px solid #e6e7ef; }
.eval-model-config h2 { margin: 0 0 20px; color: #414858; font-size: 17px; font-weight: 600; }
.eval-model-config h3 { margin: 24px 0 14px; color: #545d6d; font-size: 14px; font-weight: 500; }
.eval-mapping { display: flex; align-items: center; gap: 18px; padding: 12px; border: 1px solid #e6e7ef; border-radius: 6px; }
.eval-wizard-footer { display: flex; align-items: center; justify-content: flex-end; flex: 0 0 64px; gap: 8px; padding: 12px max(24px, calc((100% - 860px) / 2)); }
.eval-config-summary { display: grid; grid-template-columns: 140px minmax(0, 1fr); gap: 16px; margin: 26px 0 0; padding: 20px; border: 1px solid #e6e7ef; border-radius: 8px; background: #fff; font-size: 13px; line-height: 22px; }
.eval-config-summary dt { color: #9298aa; }
.eval-config-summary dd { margin: 0; color: #4f586b; overflow-wrap: anywhere; }
.eval-error { color: #d44455; font-size: 13px; line-height: 22px; }
.eval-dialog { width: min(600px, calc(100vw - 48px)); max-height: calc(100dvh - 64px); margin: auto; padding: 22px 24px 16px; border: 0; border-radius: 8px; color: #414859; background: #fff; box-shadow: 0 10px 45px #25253524; }
.eval-dialog[open] { display: flex; flex-direction: column; }
.eval-dialog::backdrop { background: #20243166; }
.eval-dialog > header { display: flex; align-items: center; justify-content: space-between; flex-shrink: 0; gap: 16px; }
.eval-dialog h2 { margin: 0; font-size: 18px; line-height: 26px; font-weight: 600; }
.eval-dialog > header button { width: 24px; height: 24px; color: #949aa8; font-size: 21px; }
.eval-dialog-body { flex: 1; min-height: 0; margin-top: 26px; overflow: auto; }
.eval-dialog > footer { display: flex; align-items: center; justify-content: flex-end; flex-shrink: 0; gap: 8px; margin-top: 30px; }
.eval-dialog > footer .eval-text-link { margin-right: auto; }
.eval-version-dialog { height: min(480px, calc(100dvh - 64px)); }
.eval-case-dialog { width: min(840px, calc(100vw - 48px)); }
.eval-case-dialog h3 { margin: 20px 0 10px; color: #525b6d; font-size: 14px; font-weight: 500; }
.eval-case-dialog pre { padding: 14px; border: 1px solid #e4e7ef; border-radius: 6px; color: #586173; background: #fafafe; font: 12px/21px ui-monospace, "SFMono-Regular", Menlo, monospace; white-space: pre-wrap; overflow-wrap: anywhere; }
.eval-saved-view { align-items: center; gap: 12px; overflow: auto; padding: 50px 24px; }
.eval-saved-icon { width: 44px; height: 44px; color: #30ad7f; }
.eval-saved-view h1 { font-size: 20px; }
.eval-saved-view p { margin: 0; color: #9298aa; }
.eval-saved-view .eval-config-summary { width: min(620px, 100%); margin: 12px 0; }
.eval-missing { align-items: center; justify-content: center; gap: 24px; }
.eval-toast { position: fixed; z-index: 100; top: 90px; left: 50%; transform: translateX(-50%); padding: 12px 22px; border: 1px solid #dcf0e5; border-radius: 8px; color: #298b62; background: #fff; box-shadow: 0 6px 24px #30354520; font-size: 13px; }
@media (max-width: 1250px) {
  .eval-toolbar { flex-wrap: wrap; }
  .eval-toolbar .eval-actions { margin-left: auto; }
  .eval-detail-toolbar .eval-actions { flex-wrap: wrap; justify-content: flex-end; }
  .eval-stepper { gap: 16px; }
}
@media (max-width: 900px) {
  .creator-select { width: 145px; }
  .eval-search { width: 190px; }
  .eval-stepper { justify-content: flex-start; flex-wrap: wrap; gap: 14px 20px; }
  .eval-stepper li { font-size: 12px; }
  .eval-form-grid { grid-template-columns: 1fr; gap: 18px; }
  .eval-config-summary { grid-template-columns: 105px minmax(0, 1fr); }
  .eval-pagination { flex-wrap: wrap; gap: 8px; }
  .eval-pagination > div { margin-left: auto; }
}
@media (max-width: 800px) {
  .eval-tabs, .eval-toolbar, .eval-detail-heading, .eval-pagination, .eval-case-filter { padding-right: 16px; padding-left: 16px; }
  .eval-table-region { margin-right: 16px; margin-left: 16px; }
  .eval-page .page-heading h1 { font-size: 20px; }
  .eval-actions { flex-wrap: wrap; justify-content: flex-end; }
  .eval-page .soft-button, .eval-page .primary-button, .eval-link-button { font-size: 12px; }
  .eval-tab { padding: 0 10px; font-size: 12px; }
  .eval-experiment-form { width: calc(100% - 32px); }
}