
  .eva-shared-auto { height: 100%; min-height: 0; overflow: auto; box-sizing: border-box; padding: 24px max(24px, calc((100% - 1084px) / 2)) 48px; background: var(--gds-color-surface-primary); color: var(--gds-color-text-primary); font-family: var(--gds-font-family-sans); }
  .eva-shared-auto__head { min-height: 40px; display: flex; align-items: center; justify-content: space-between; gap: 24px; margin: 0 0 24px; }
  .eva-auto-segmented { position: relative; display: inline-grid; grid-template-columns: repeat(2, minmax(112px, 1fr)); align-items: center; padding: 3px; border: 1px solid var(--gds-color-border-subtle); border-radius: var(--gds-radius-control); background: var(--gds-color-surface-subtle); }
  .eva-auto-segmented::before { position: absolute; top: 3px; bottom: 3px; left: 3px; width: calc((100% - 6px) / 2); border-radius: var(--gds-radius-key); background: var(--gds-color-surface-primary); box-shadow: 0 1px 3px rgba(30,30,30,.08); content: ''; transition: transform .2s cubic-bezier(.2,.8,.2,1); }
  .eva-auto-segmented[data-active='runs']::before { transform: translateX(100%); }
  .eva-auto-segmented button { position: relative; z-index: 1; display: inline-flex; height: 36px; align-items: center; justify-content: center; gap: 7px; padding: 0 14px; border: 0; border-radius: var(--gds-radius-control); background: transparent !important; color: var(--gds-color-text-secondary); font: var(--gds-font-weight-regular) var(--gds-type-label-font-size)/var(--gds-type-label-line-height) var(--gds-font-family-sans); cursor: pointer; transition: color .15s ease, font-weight .15s ease; }
  .eva-auto-segmented button:hover { color: var(--gds-color-text-primary); }
  .eva-auto-segmented button.is-active, .eva-auto-segmented button.is-active:hover { color: var(--gds-color-action-primary); font-weight: var(--gds-font-weight-medium); box-shadow: none; }
  .eva-auto-segmented button:focus-visible { outline: var(--gds-border-focus) solid var(--gds-color-border-focus); outline-offset: -2px; }
  .eva-auto-create-button { height: 32px !important; padding: 0 17px !important; border: 1px solid var(--gds-color-action-primary) !important; border-radius: var(--gds-radius-control) !important; background: var(--gds-color-action-primary) !important; color: var(--gds-color-action-primary-text) !important; font: var(--gds-font-weight-medium) var(--gds-type-label-medium-font-size)/var(--gds-type-label-medium-line-height) var(--gds-font-family-sans) !important; box-shadow: none; }
  .eva-auto-create-button:hover { border-color: var(--eva-action-primary-hover) !important; background: var(--eva-action-primary-hover) !important; }
  .eva-shared-auto__loading, .eva-auto-unified-list { width: 100%; margin: 0; }
  .eva-shared-auto__loading, .eva-shared-auto__empty { min-height: 220px; display: flex; align-items: center; justify-content: center; color: var(--gds-color-text-secondary-accessible); }
  .eva-shared-auto__empty { flex-direction: column; gap: var(--gds-space-3); font: var(--gds-font-weight-regular) var(--gds-type-label-font-size)/var(--gds-type-label-line-height) var(--gds-font-family-sans); text-align: center; }
  .eva-shared-auto__empty svg { width: var(--gds-icon-size-toolbar); height: var(--gds-icon-size-toolbar); color: var(--gds-color-action-primary); }
  .eva-auto-unified-list { display: flex; flex-direction: column; }
  .eva-auto-unified-row { display: flex; min-height: 80px; align-items: center; justify-content: space-between; gap: 24px; box-sizing: border-box; padding: 12px; border: 0; border-bottom: 1px solid var(--gds-color-border-faint); border-radius: var(--gds-radius-control); background: transparent; cursor: pointer; transition: background-color .15s ease; }
  .eva-auto-unified-row:hover { background: var(--gds-color-surface-subtle); }
  .eva-auto-unified-row:focus-visible { background: var(--gds-color-surface-subtle); outline: var(--gds-border-focus) solid var(--gds-color-border-focus); outline-offset: -2px; }
  .eva-auto-unified-row__main { display: flex; min-width: 0; flex: 1; align-items: baseline; gap: 10px; color: var(--gds-color-text-secondary-accessible); font: var(--gds-font-weight-regular) var(--gds-type-label-font-size)/var(--gds-type-label-line-height) var(--gds-font-family-sans); }
  .eva-auto-unified-row__main strong { max-width: 280px; overflow: hidden; color: var(--gds-color-text-primary); font: var(--gds-font-weight-medium) var(--gds-type-body-medium-font-size)/var(--gds-type-body-medium-line-height) var(--gds-font-family-sans); text-overflow: ellipsis; white-space: nowrap; }
  .eva-auto-unified-row__main span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .eva-auto-unified-row__main span:last-child { flex: none; }
  .eva-auto-unified-row__aside { flex: none; color: var(--gds-color-text-secondary-accessible); font: var(--gds-font-weight-regular) var(--gds-type-label-font-size)/var(--gds-type-label-line-height) var(--gds-font-family-sans); white-space: nowrap; }
  .eva-auto-icon-button { display: inline-flex; width: 32px; height: 32px; align-items: center; justify-content: center; padding: 0; border: 0; border-radius: var(--gds-radius-control); background: transparent; color: var(--gds-color-text-secondary); cursor: pointer; }
  .eva-auto-icon-button:hover { background: var(--gds-color-surface-subtle); color: var(--gds-color-text-primary); }
  .eva-auto-icon-button:focus-visible { outline: var(--gds-border-focus) solid var(--gds-color-border-focus); outline-offset: 2px; }
  .eva-auto-settings { display: flex; flex-direction: column; gap: 24px; }
  .eva-auto-settings label > span { display: block; margin-bottom: 8px; color: var(--gds-color-text-primary); font: var(--gds-font-weight-medium) var(--gds-type-label-medium-font-size)/var(--gds-type-label-medium-line-height) var(--gds-font-family-sans); }
  .eva-auto-settings__static { min-height: 32px; display: flex; align-items: center; box-sizing: border-box; padding: 0 12px; border: 1px solid var(--gds-color-border-subtle); border-radius: var(--gds-radius-control); background: var(--gds-color-surface-subtle); color: var(--gds-color-text-secondary); }
  .eva-auto-settings textarea { width: 100%; resize: vertical; box-sizing: border-box; padding: 10px 12px; border: 1px solid var(--gds-color-border-subtle); border-radius: var(--gds-radius-control); color: var(--gds-color-text-primary); font: var(--gds-font-weight-regular) var(--gds-type-label-font-size)/var(--gds-type-label-line-height) var(--gds-font-family-sans); outline: none; }
  .eva-auto-settings textarea:focus { border-color: var(--gds-color-border-focus); }
  .eva-auto-settings__hint { margin: 0; padding: 10px 12px; border-radius: var(--gds-radius-control); background: var(--gds-color-surface-subtle); color: var(--gds-color-text-secondary-accessible); font: var(--gds-font-weight-regular) var(--gds-type-caption-font-size)/var(--gds-type-caption-line-height) var(--gds-font-family-sans); }
  .eva-auto-session { height: 100%; min-height: 0; display: flex; flex-direction: column; background: var(--gds-color-surface-primary); color: var(--gds-color-text-primary); font-family: var(--gds-font-family-sans); }
  .eva-auto-session__head { display: flex; flex: none; align-items: flex-start; gap: 10px; padding: 16px 24px; border-bottom: 1px solid var(--gds-color-border-subtle); }
  .eva-auto-session__head h1 { margin: 3px 0 0; font: var(--gds-font-weight-medium) var(--gds-type-header-font-size)/var(--gds-type-header-line-height) var(--gds-font-family-sans); }
  .eva-auto-session__head p { margin: 5px 0 0; color: var(--gds-color-text-secondary-accessible); font: var(--gds-font-weight-regular) var(--gds-type-label-font-size)/var(--gds-type-label-line-height) var(--gds-font-family-sans); }
  .eva-auto-session__body { flex: 1; min-height: 0; overflow: auto; padding: 24px max(24px, calc((100% - 776px)/2)); }
  .eva-auto-session__message { padding: 20px 22px; border: 1px solid var(--gds-color-border-subtle); border-radius: var(--gds-radius-panel); background: var(--gds-color-surface-primary); }
  .eva-auto-session__message strong { margin-right: 10px; }
  .eva-auto-session__message span { color: var(--gds-color-text-secondary-accessible); font: var(--gds-font-weight-regular) var(--gds-type-caption-font-size)/var(--gds-type-caption-line-height) var(--gds-font-family-sans); }
  .eva-auto-session__message p { margin: 14px 0 0; color: var(--gds-color-text-secondary); font: var(--gds-font-weight-regular) var(--gds-type-body-font-size)/var(--gds-type-body-line-height) var(--gds-font-family-sans); }
  .eva-auto-session__composer { flex: none; margin: 0 max(24px, calc((100% - 776px)/2)) 14px; padding: 15px 18px; border: 1px solid var(--gds-color-border-subtle); border-radius: var(--gds-radius-panel); color: var(--gds-color-text-secondary-accessible); }
  @media (max-width: 900px) { .eva-shared-auto { padding: 14px 16px 36px; } .eva-shared-auto__head { gap: 12px; } .eva-auto-segmented button { padding: 0 9px; font-size: 14px; } .eva-auto-create-button { padding: 0 12px !important; } .eva-auto-unified-row__main span:first-of-type { display: none; } }

  /* Name and description share a column; schedule and next run stay aligned. */
  .eva-auto-unified-row__main { display: grid; grid-template-columns: minmax(0, 1fr) 140px; align-items: center; column-gap: 24px; row-gap: 4px; }
  .eva-auto-unified-row__main strong { max-width: none; grid-column: 1; }
  .eva-auto-unified-row__main span:first-of-type { grid-column: 1; grid-row: 2; }
  .eva-auto-unified-row__main span:nth-of-type(2) { grid-column: 2; grid-row: 1 / span 2; }
  .eva-auto-unified-row__aside { width: 140px; text-align: right; }
  .eva-auto-session__head > div { min-width: 0; }
  .eva-auto-session__head h1 { overflow-wrap: anywhere; }
  .eva-auto-session__message p { white-space: pre-wrap; overflow-wrap: anywhere; }
  .semi-modal:has(.eva-auto-settings) .semi-modal-body { max-height: calc(100dvh - 240px); overflow-y: auto; }
  .eva-auto-create-modal :is(.arco-input, .arco-select-view, .arco-textarea) { border-radius: var(--eva-radius-control); border-color: var(--eva-border-subtle); background: var(--eva-surface-primary); color: var(--eva-text-primary); font: 14px/22px var(--eva-font-sans); }
  .eva-auto-create-modal :is(.arco-input, .arco-select-view) { min-height: 36px; }
  .eva-auto-create-modal .arco-form-item { margin-bottom: 24px; }
  .eva-auto-create-modal .arco-form-label-item { padding-bottom: 8px; color: var(--eva-text-primary); }
  .eva-auto-create-modal :is(.arco-input:focus, .arco-select-focused .arco-select-view, .arco-textarea:focus) { border-color: var(--eva-border-focus); box-shadow: 0 0 0 2px color-mix(in srgb, var(--eva-action-primary) 12%, transparent); }
  .eva-auto-create-modal .arco-btn-primary { background: var(--eva-action-primary); border-color: var(--eva-action-primary); }
  .eva-auto-create-modal .arco-btn-primary[disabled] { background: var(--eva-action-disabled-fill); border-color: transparent; color: var(--eva-text-muted); }
  @media (max-width: 900px) {
    .eva-auto-unified-row__main { grid-template-columns: minmax(0, 1fr); }
    .eva-auto-unified-row__main span:first-of-type { display: block; }
    .eva-auto-unified-row__main span:nth-of-type(2) { grid-column: 1; grid-row: 3; }
    .eva-auto-unified-row__aside { width: 112px; }
  }
  @media (prefers-reduced-motion: reduce) { .eva-auto-segmented::before, .eva-auto-segmented button, .eva-auto-unified-row { transition: none; } }

  .semi-modal:has(.eva-auto-settings) .arco-btn { min-height: 32px; padding: 0 12px; border-radius: var(--eva-radius-control); font: 14px/22px var(--eva-font-sans); }
  .semi-modal:has(.eva-auto-settings) .arco-btn-primary { background: var(--eva-action-primary); border-color: var(--eva-action-primary); }
  .semi-modal:has(.eva-auto-settings) .arco-btn-primary[disabled] { background: var(--eva-action-disabled-fill); border-color: transparent; color: var(--eva-text-muted); }

/* Run details have their own compact content layout, separate from settings forms. */
.eva-auto-run-modal .semi-modal-body{max-height:calc(100dvh - 220px);overflow-y:auto}
.eva-auto-run-detail{color:var(--semi-color-text-0);padding:4px 0 0}
.eva-auto-run-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.eva-auto-run-heading h3{margin:0;font-size:18px;line-height:26px;font-weight:600;overflow-wrap:anywhere}
.eva-auto-run-status{flex:none;padding:2px 9px;border-radius:var(--gds-radius-control);font-size:12px;line-height:20px;color:var(--semi-color-success);background:var(--semi-color-success-light-default)}
.eva-auto-run-status.is-failed{color:var(--semi-color-danger);background:var(--semi-color-danger-light-default)}
.eva-auto-run-time{margin:8px 0 24px;font-size:12px;line-height:20px;color:var(--semi-color-text-2)}
.eva-auto-run-detail h4{margin:0 0 8px;font-size:12px;line-height:20px;font-weight:500;color:var(--semi-color-text-2)}
.eva-auto-run-result{padding:16px;background:var(--semi-color-fill-0);border-radius:var(--gds-radius-control)}
.eva-auto-run-result p{margin:0;font-size:14px;line-height:24px;white-space:pre-wrap;overflow-wrap:anywhere}
.eva-auto-run-related{margin-top:20px}
.eva-auto-run-related button{display:flex;align-items:center;gap:10px;width:100%;padding:12px;border:1px solid var(--semi-color-border);border-radius:var(--gds-radius-control);background:var(--semi-color-bg-0);color:var(--semi-color-text-0);text-align:left;cursor:pointer;font:inherit}
.eva-auto-run-related button:hover{background:var(--semi-color-fill-0)}
.eva-auto-run-related button:focus-visible{outline:2px solid var(--semi-color-primary);outline-offset:2px}
.eva-auto-run-task-id{flex:none;font-size:12px;color:var(--semi-color-text-2)}
.eva-auto-run-task-name{flex:1;font-size:14px;line-height:22px;overflow-wrap:anywhere}
.eva-auto-run-related svg{flex:none;color:var(--semi-color-text-2)}
.eva-auto-run-demo{display:inline-block;margin-top:16px;font-size:12px;line-height:20px;color:var(--semi-color-text-2);cursor:help}
