.redesign-mode[data-view="automation"] .topbar {
  height: 70px;
}

.redesign-mode[data-view="automation"] .toolbar::before {
  content: "●  自动托管运行中";
  min-height: 34px;
  display: inline-flex;
  align-items: center;
  padding: 0 12px;
  border: 1px solid #d4e9e5;
  border-radius: 6px;
  color: #07836f;
  background: #eff9f6;
  font-size: 12px;
  font-weight: 700;
}

.auto-page {
  display: grid;
  gap: 12px;
}

.auto-page-body {
  display: grid;
  gap: 12px;
  min-width: 0;
}

.auto-tabs {
  min-height: 54px;
  display: grid;
  grid-template-columns: repeat(8, minmax(0, 1fr));
  align-items: stretch;
  overflow: hidden;
  border: 1px solid var(--rd-line);
  border-radius: 7px;
  background: #fff;
}

.auto-tabs button {
  position: relative;
  min-width: 0;
  min-height: 52px;
  padding: 0 8px;
  border: 0;
  border-radius: 0;
  color: #425f63;
  background: transparent;
  font-size: 12px;
  font-weight: 650;
  white-space: nowrap;
  cursor: pointer;
}

.auto-tabs button:hover {
  color: var(--rd-teal);
  background: #f6fbfa;
}

.auto-tabs button.active {
  color: #078579;
  background: #effaf8;
}

.auto-tabs button.active::after {
  content: "";
  position: absolute;
  right: 10px;
  bottom: 0;
  left: 10px;
  height: 3px;
  border-radius: 3px 3px 0 0;
  background: var(--rd-teal);
  box-shadow: 0 -2px 10px rgba(15, 159, 145, .22);
}

.auto-kpis {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.auto-kpi {
  min-height: 104px;
  display: grid;
  grid-template-columns: 48px 1fr;
  gap: 13px;
  align-items: center;
  padding: 13px 16px;
  border: 1px solid var(--rd-line);
  border-radius: 7px;
  background: #fff;
}

.auto-kpi > i {
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: #078f83;
  background: #e5f7f3;
  font-size: 24px;
}

.auto-kpi.warn > i { color: #e78a0c; background: #fff2df; }
.auto-kpi.danger > i { color: #e5543e; background: #fff0ed; }
.auto-kpi > div { min-width: 0; display: grid; gap: 3px; }
.auto-kpi span { color: var(--rd-muted); font-size: 12px; }
.auto-kpi strong { color: #12353a; font-size: 25px; line-height: 1.12; letter-spacing: -.02em; }
.auto-kpi small { color: #15947f; font-size: 10px; }

.auto-main-grid {
  display: grid;
  gap: 12px;
  min-width: 0;
  align-items: start;
}

.batch-grid { grid-template-columns: minmax(650px, 1fr) 300px; }
.stop-grid { grid-template-columns: minmax(650px, 1fr) 390px; }
.stop-grid.lower { align-items: stretch; }
.roi-grid, .budget-grid { grid-template-columns: minmax(680px, 1fr) 350px; }
.monitor-grid { grid-template-columns: minmax(680px, 1fr) 350px; }
.monitor-list-grid { grid-template-columns: minmax(720px, 1fr) 280px; }

.auto-side-stack {
  min-width: 0;
  display: grid;
  gap: 12px;
}

.auto-page .panel {
  min-width: 0;
}

.auto-page .panel-head > div:last-child {
  display: flex;
  gap: 8px;
}

.auto-page .panel-head select {
  min-width: 105px;
  min-height: 32px;
}

.auto-primary {
  min-height: 36px !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 0 14px;
  border: 1px solid #0a9184 !important;
  color: #fff !important;
  background: #0b978a !important;
  font-weight: 700 !important;
  cursor: pointer;
}

.auto-primary:hover {
  background: #087e74 !important;
}

.auto-secondary {
  width: 100%;
  min-height: 36px;
  margin-top: 8px;
  border-color: #69c9bd !important;
  color: #087d74 !important;
  background: #fff !important;
  font-weight: 700 !important;
}

.auto-steps {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  margin: 4px 0 18px;
}

.auto-steps.compact {
  grid-template-columns: repeat(3, 1fr);
}

.auto-steps span {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
  color: #7a8d8f;
  font-size: 12px;
  font-weight: 700;
}

.auto-steps span:not(:last-child)::after {
  content: "";
  height: 1px;
  flex: 1;
  margin-right: 10px;
  background: #cfdedd;
}

.auto-steps b {
  width: 26px;
  height: 26px;
  display: grid;
  place-items: center;
  flex: 0 0 26px;
  border: 1px solid #bdcecd;
  border-radius: 50%;
  color: #617779;
  background: #fff;
}

.auto-steps .active { color: #07877c; }
.auto-steps .active b { border-color: var(--rd-teal); color: #fff; background: var(--rd-teal); }

.auto-form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px 16px;
}

.auto-form-grid label,
.auto-form-grid fieldset {
  min-width: 0;
  display: grid;
  gap: 7px;
  margin: 0;
  padding: 0;
  border: 0;
}

.auto-form-grid label > span,
.auto-form-grid legend {
  color: #38585b;
  font-size: 11px;
  font-weight: 700;
}

.auto-form-grid .wide { grid-column: 1 / -1; }
.auto-form-grid input, .auto-form-grid select { width: 100%; min-height: 38px; padding: 0 11px; }

.auto-chip-field {
  min-height: 38px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 7px;
  padding: 4px 7px;
  border: 1px solid var(--rd-line-strong);
  border-radius: 6px;
}

.auto-chip-field b {
  padding: 5px 8px;
  border-radius: 4px;
  color: #24716b;
  background: #edf8f6;
  font-size: 10px;
}

.auto-chip-field button { min-height: 26px; border: 0; color: var(--rd-teal); background: transparent; }

.auto-account-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.auto-account {
  min-height: 88px;
  display: grid;
  grid-template-rows: auto auto auto;
  gap: 5px;
  justify-items: start;
  align-content: center;
  padding: 9px 10px;
  border: 1px solid var(--rd-line) !important;
  background: #fff !important;
  cursor: pointer;
}

.auto-account.selected {
  border-color: #52c6b9 !important;
  background: #f2fbf9 !important;
  box-shadow: 0 0 0 2px rgba(15, 159, 145, .08);
}

.auto-account small { color: var(--rd-muted); font-size: 9px; }
.auto-account > b { color: #28615e; font-size: 10px; }

.auto-platform {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  min-width: 0;
  color: #274f53;
  font-weight: 700;
}

.auto-platform i { color: #0b9185; font-size: 17px; }

.auto-footer-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 18px;
  padding-top: 14px;
  border-top: 1px solid #e5edec;
}

.auto-footer-actions > span { color: var(--rd-muted); font-size: 10px; line-height: 1.5; }

.auto-hero-number {
  display: grid;
  gap: 5px;
  margin: 8px 0 16px;
  color: #078a7e;
  font-size: 30px;
}

.auto-hero-number small { color: var(--rd-muted); font-size: 10px; font-weight: 500; }

.auto-preview-stats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  border-top: 1px solid var(--rd-line);
}

.auto-preview-stats span {
  display: grid;
  gap: 3px;
  padding: 11px 3px 0;
  color: var(--rd-muted);
  text-align: center;
  font-size: 9px;
}

.auto-preview-stats b { color: #173e42; font-size: 15px; }

.auto-checks p,
.auto-pursuit-preview p {
  min-height: 34px;
  display: grid;
  grid-template-columns: 18px 1fr auto;
  align-items: center;
  gap: 7px;
  margin: 0;
  border-bottom: 1px solid #edf2f1;
  color: #4e696c;
  font-size: 10px;
}

.auto-checks p i,
.auto-pursuit-preview p i { color: #0a9884; font-size: 15px; }
.auto-checks p b,
.auto-pursuit-preview p b { color: #0a8c7e; }
.auto-checks p.warn { color: #d8750c; }
.auto-checks p.warn i, .auto-checks p.warn b { color: #e38315; }
.auto-checks .auto-primary { width: 100%; margin-top: 12px; }

.auto-status {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: #078a76;
  font-size: 10px;
  font-weight: 700;
}

.auto-status i {
  width: 7px;
  height: 7px;
  flex: 0 0 7px;
  border-radius: 50%;
  background: #0aa47e;
}

.auto-status.warn { color: #d67c0c; }
.auto-status.warn i { background: #f0a51e; }
.auto-status.danger { color: #e04839; }
.auto-status.danger i { background: #e64c3e; }
.auto-status.info { color: #327cce; }
.auto-status.info i { background: #3a85dc; }

.auto-table {
  overflow: hidden;
  border: 1px solid var(--rd-line);
  border-radius: 6px;
}

.auto-table .head,
.auto-table .row {
  display: grid;
  align-items: center;
  gap: 10px;
  width: 100%;
  min-height: 42px;
  padding: 0 10px;
  border: 0;
  border-bottom: 1px solid #e8efee;
  border-radius: 0;
  color: #36575a;
  background: #fff;
  text-align: left;
  font-size: 10px;
}

.auto-table .head {
  min-height: 34px;
  color: #708487;
  background: #f6faf9;
  font-weight: 700;
}

.auto-table .row:last-child { border-bottom: 0; }
.auto-table button.row { cursor: pointer; }
.auto-table button.row:hover, .auto-table button.row.selected { background: #f0faf8; }
.auto-table .row > span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.auto-table .link { color: #078d80; font-weight: 700; }
.auto-task-table .head, .auto-task-table .row { grid-template-columns: 1.8fr .5fr .7fr .65fr 1fr .75fr .65fr; }
.auto-monitor-table .head, .auto-monitor-table .row { grid-template-columns: 1.55fr .8fr .55fr .45fr .65fr .7fr .85fr; }
.auto-platform-table .head, .auto-platform-table .row { grid-template-columns: 1fr .65fr .7fr .85fr .75fr 1.8fr; }
.auto-budget-table .head, .auto-budget-table .row { grid-template-columns: .9fr .8fr 1fr .65fr .85fr 1.25fr; }
.auto-experiment-table .head, .auto-experiment-table .row { grid-template-columns: .5fr 1fr 1.5fr .8fr .6fr .6fr .75fr; }
.auto-creative-table .head, .auto-creative-table .row { grid-template-columns: 1.5fr 1.55fr .55fr .55fr .55fr .5fr .55fr .85fr; }
.auto-log-table .head, .auto-log-table .row { grid-template-columns: .65fr 1.35fr 1.25fr 1fr 1.65fr .75fr; }

.auto-progress {
  width: 66px;
  height: 5px;
  display: inline-block;
  margin-right: 6px;
  overflow: hidden;
  border-radius: 999px;
  background: #dfe9e7;
}

.auto-progress b { height: 100%; display: block; border-radius: inherit; background: #0b9a8c; }
.danger-text { color: #e14b3e !important; font-weight: 750; }

.auto-filter-row {
  display: flex;
  gap: 8px;
  margin-bottom: 12px;
}

.auto-filter-row select { min-width: 130px; min-height: 34px; }

.auto-condition-box {
  display: grid;
  gap: 8px;
  padding: 12px;
  border: 1px solid #dfebea;
  border-radius: 6px;
  background: #f9fbfb;
}

.auto-condition-box > div {
  display: grid;
  grid-template-columns: 26px 1.6fr .7fr .65fr .45fr .45fr .65fr;
  gap: 7px;
  align-items: center;
}

.auto-condition-box > div:nth-child(n+2) { grid-template-columns: 26px 1.6fr .7fr .65fr; padding-right: 38%; }
.auto-condition-box > div > b { color: #0b9588; text-align: center; }
.auto-condition-box input, .auto-condition-box select { width: 100%; min-height: 34px; padding: 0 8px; }
.auto-condition-box > button { width: max-content; min-height: 26px; border: 0; color: var(--rd-teal); background: transparent; }

.auto-inline-settings {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px 18px;
  margin-top: 14px;
}

.auto-inline-settings label { display: flex; align-items: center; gap: 6px; color: #4b686b; font-size: 10px; }
.auto-inline-settings input { width: 48px; min-height: 32px; padding: 0 7px; }
.auto-inline-settings select { min-height: 32px; }

.auto-toggle {
  min-height: 28px !important;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #49686a !important;
  cursor: pointer;
}

.auto-toggle > i {
  position: relative;
  width: 32px;
  height: 18px;
  border-radius: 999px;
  background: #cbd8d7;
  transition: background .15s;
}

.auto-toggle > i::after {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #fff;
  transition: transform .15s;
}

.auto-toggle.on > i { background: #0b9b8d; }
.auto-toggle.on > i::after { transform: translateX(14px); }
.auto-toggle span { font-size: 10px; }

.auto-sim-pair {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin-bottom: 8px;
}

.auto-sim-pair span {
  display: grid;
  gap: 4px;
  padding: 8px 10px;
  border-right: 1px solid var(--rd-line);
  color: var(--rd-muted);
  font-size: 10px;
}

.auto-sim-pair span:last-child { border-right: 0; }
.auto-sim-pair b { color: #173c40; font-size: 23px; }
.auto-mini-chart { width: 100%; height: 150px; display: block; }
.auto-warning { display: flex; gap: 9px; padding: 10px; border: 1px solid #f6c98d; border-radius: 6px; color: #d8750b; background: #fff8ef; }
.auto-warning > i { font-size: 20px; }
.auto-warning span { display: grid; gap: 3px; }
.auto-warning small { color: #9a8064; }

.auto-timeline p {
  min-height: 64px;
  display: grid;
  grid-template-columns: 42px 22px 1fr;
  align-items: start;
  gap: 8px;
  margin: 0;
  padding: 10px 0;
  border-bottom: 1px solid #edf2f1;
}

.auto-timeline time { color: var(--rd-muted); font-size: 10px; }
.auto-timeline > p > i { color: #e34c3d; font-size: 19px; }
.auto-timeline p:nth-of-type(3) > i { color: #0b9c82; }
.auto-timeline p span { display: grid; gap: 4px; }
.auto-timeline p b { color: #315255; font-size: 10px; }
.auto-timeline p small { color: var(--rd-muted); font-size: 9px; }

.auto-creative-layout {
  display: grid;
  grid-template-columns: 290px minmax(560px, 1fr) 245px;
  gap: 12px;
  align-items: stretch;
}

.auto-winner-list > button,
.auto-pursuit-list > button {
  width: 100%;
  min-height: 72px;
  display: grid;
  grid-template-columns: 22px 60px 1fr 30px;
  gap: 8px;
  align-items: center;
  padding: 7px;
  border: 0;
  border-bottom: 1px solid #e8efee;
  border-radius: 0;
  background: #fff;
  text-align: left;
  cursor: pointer;
}

.auto-winner-list > button:hover,
.auto-winner-list > button.selected,
.auto-pursuit-list > button:hover,
.auto-pursuit-list > button.selected {
  background: #effaf8;
  box-shadow: inset 3px 0 #12a394;
}

.auto-winner-list > button > b { color: #75888a; text-align: center; }
.auto-winner-list img, .auto-pursuit-list img { width: 58px; height: 48px; border-radius: 5px; object-fit: cover; }
.auto-winner-list button > span, .auto-pursuit-list button > span { min-width: 0; display: grid; gap: 3px; }
.auto-winner-list strong, .auto-pursuit-list strong { overflow: hidden; color: #24484c; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.auto-winner-list small, .auto-pursuit-list small { color: var(--rd-muted); font-size: 9px; }
.auto-winner-list em, .auto-pursuit-list em { color: #4d6a6d; font-size: 9px; font-style: normal; }
.auto-winner-list button > i, .auto-pursuit-list button > i { color: #078b7e; font-size: 16px; font-style: normal; font-weight: 800; }

.auto-source-creative {
  display: grid;
  grid-template-columns: 170px 1fr;
  gap: 14px;
  margin-bottom: 14px;
}

.auto-source-creative > img { width: 100%; height: 112px; border-radius: 6px; object-fit: cover; }
.auto-source-creative h3 { margin: 2px 0 8px; font-size: 12px; }
.auto-source-creative p { margin: 6px 0; color: #526e70; font-size: 9px; }
.auto-source-creative p i { margin-right: 5px; color: #0a9b82; }

.auto-variant-form {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  padding: 12px;
  border: 1px solid var(--rd-line);
  border-radius: 6px;
  background: #fafcfc;
}

.auto-variant-form label { display: grid; gap: 5px; color: #506b6e; font-size: 9px; }
.auto-variant-form select { width: 100%; min-height: 32px; }
.auto-stepper { min-height: 32px; display: grid; grid-template-columns: 30px 1fr 30px; border: 1px solid var(--rd-line-strong); border-radius: 6px; background: #fff; }
.auto-stepper button { min-height: 30px; border: 0; background: transparent; }
.auto-stepper b { display: grid; place-items: center; }

.auto-branch-preview {
  display: grid;
  grid-template-columns: 88px 25px 1fr;
  align-items: center;
  gap: 8px;
  margin: 13px 0;
}

.auto-branch-preview > img { width: 88px; height: 64px; border-radius: 5px; object-fit: cover; }
.auto-branch-preview > i { color: var(--rd-teal); font-size: 22px; }
.auto-branch-preview > div { display: grid; grid-template-columns: repeat(6, 1fr); gap: 5px; }
.auto-branch-preview figure { position: relative; margin: 0; }
.auto-branch-preview figure img { width: 100%; height: 48px; border-radius: 4px; object-fit: cover; }
.auto-branch-preview figure b { position: absolute; top: -5px; right: -3px; width: 17px; height: 17px; display: grid; place-items: center; border-radius: 50%; color: #fff; background: #0b9689; font-size: 8px; }

.auto-test-preview dl { margin: 0; }
.auto-test-preview dl div { min-height: 38px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #e8efee; }
.auto-test-preview dt { color: var(--rd-muted); font-size: 10px; }
.auto-test-preview dd { margin: 0; color: #173d41; font-size: 13px; font-weight: 800; }
.auto-test-preview h3, .auto-pursuit-preview h3 { margin: 16px 0 8px; font-size: 11px; }
.auto-test-preview p { margin: 7px 0; color: #4d696c; font-size: 10px; }
.auto-test-preview p i { margin-right: 6px; color: #0b9b82; }
.auto-test-preview .auto-primary { width: 100%; margin-top: 12px; }
.auto-table-thumb img { width: 52px; height: 30px; border-radius: 4px; object-fit: cover; vertical-align: middle; }

.auto-chart-panel { min-height: 320px; }
.auto-chart { width: 100%; height: 245px; display: block; }
.auto-strategy p, .auto-setting-list p {
  min-height: 35px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: 0;
  border-bottom: 1px solid #e8efee;
  color: var(--rd-muted);
  font-size: 10px;
}
.auto-strategy p b, .auto-setting-list p b { color: #244b4f; font-size: 11px; text-align: right; }
.auto-strategy .auto-toggle { width: 100%; justify-content: space-between; margin-top: 8px; }
.auto-strategy .auto-primary { width: 100%; margin-top: 12px; }
.auto-slider { min-height: 42px; display: grid; grid-template-columns: 92px 1fr; align-items: center; color: var(--rd-muted); font-size: 10px; }
.auto-slider input { width: 100%; accent-color: var(--rd-teal); }

.auto-simulation > div {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}

.auto-simulation > div span {
  display: grid;
  gap: 4px;
  padding: 8px;
  border-right: 1px solid var(--rd-line);
  color: var(--rd-muted);
  text-align: center;
  font-size: 9px;
}

.auto-simulation > div span:last-child { border-right: 0; }
.auto-simulation b { color: #078a7e; font-size: 19px; }

.auto-recommend > div {
  min-height: 72px;
  display: grid;
  grid-template-columns: 1fr 34px 1.3fr;
  align-items: center;
  color: #1f4e51;
  text-align: center;
}
.auto-recommend > div b { color: #e66d19; font-size: 22px; }
.auto-recommend > div strong { color: #078c7f; font-size: 14px; }
.auto-recommend > div i { color: #567174; font-size: 22px; }
.auto-recommend > p { color: var(--rd-muted); font-size: 10px; text-align: center; }
.auto-recommend > p b { color: #078c7f; }
.auto-recommend .auto-primary { width: 100%; }
.auto-recommend .auto-toggle { width: 100%; justify-content: space-between; margin-top: 9px; }

.auto-health {
  min-height: 320px;
}
.auto-health .auto-mini-chart { height: 150px; }
.auto-health > p {
  min-height: 28px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0;
  border-bottom: 1px solid #edf2f1;
  font-size: 10px;
}

.auto-material-cell { display: grid !important; grid-template-columns: 42px 1fr; align-items: center; gap: 7px; }
.auto-material-cell img { width: 42px; height: 32px; border-radius: 4px; object-fit: cover; }
.auto-creative-table .row { min-height: 52px; }
.auto-creative-table .row span:nth-child(2) { display: grid; gap: 3px; }
.auto-creative-table small { color: var(--rd-muted); font-size: 8px; }
.auto-row-insight {
  min-height: 38px;
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 0 10px;
  border-bottom: 1px solid #dfe9e8;
  color: #8a692c;
  background: #fff9ed;
  font-size: 9px;
}
.auto-row-insight > i { color: #e79b16; }
.auto-row-insight button { margin-left: auto; min-height: 26px; border: 0; color: #078d80; background: transparent; }
.auto-rule-list p { margin: 0; padding: 8px 0; border-bottom: 1px solid #e8efee; color: #506d70; font-size: 10px; }
.auto-rule-list p i { margin-right: 6px; color: #0a9983; }
.auto-rule-list .auto-toggle { width: 100%; justify-content: space-between; margin-top: 8px; }
.auto-rule-list .auto-primary { width: 100%; margin-top: 12px; }

.auto-rebuild-layout {
  display: grid;
  grid-template-columns: 350px minmax(560px, 1fr) 245px;
  gap: 12px;
  align-items: stretch;
}

.auto-candidate-list > button {
  position: relative;
  width: 100%;
  min-height: 68px;
  display: grid;
  grid-template-columns: 18px 1.3fr .8fr .8fr 34px;
  gap: 6px;
  align-items: center;
  padding: 8px;
  border: 0;
  border-bottom: 1px solid #e8efee;
  border-radius: 0;
  background: #fff;
  text-align: left;
  cursor: pointer;
}
.auto-candidate-list > button:hover, .auto-candidate-list > button.selected { background: #effaf8; box-shadow: inset 3px 0 #0d9c8e; }
.auto-radio { width: 13px; height: 13px; border: 1px solid #aebfbe; border-radius: 50%; }
.auto-candidate-list button.selected .auto-radio { border: 4px solid #0e9c8e; }
.auto-candidate-list strong { color: #274c4f; font-size: 9px; }
.auto-candidate-list small { font-size: 8px; }
.auto-candidate-list button > b { color: #e45140; font-size: 9px; }
.auto-candidate-list em { position: absolute; bottom: 5px; left: 28px; color: var(--rd-muted); font-size: 8px; font-style: normal; }
.auto-candidate-list button > i { color: #df4d3f; font-size: 9px; font-style: normal; font-weight: 800; }

.auto-rebuild-plan h3 { margin: 15px 0 8px; font-size: 11px; }
.auto-summary-grid { display: grid; grid-template-columns: repeat(6, 1fr); padding: 10px; border: 1px solid var(--rd-line); border-radius: 6px; background: #f9fbfb; }
.auto-summary-grid span { display: grid; gap: 5px; padding: 0 8px; border-right: 1px solid var(--rd-line); }
.auto-summary-grid span:last-child { border-right: 0; }
.auto-summary-grid small { color: var(--rd-muted); font-size: 8px; }
.auto-summary-grid b { color: #274e51; font-size: 10px; }
.auto-issue-list p { margin: 6px 0; color: #4a686b; font-size: 9px; }
.auto-issue-list p i { width: 18px; color: #0b9981; }
.auto-issue-list p.danger i { color: #e34c3e; }
.auto-issue-list p.warn i { color: #e99a18; }
.auto-before-after { border: 1px solid var(--rd-line); border-radius: 6px; overflow: hidden; }
.auto-before-after p { min-height: 34px; display: grid; grid-template-columns: 90px 1fr 24px 1.3fr; align-items: center; gap: 7px; margin: 0; padding: 0 9px; border-bottom: 1px solid #e8efee; font-size: 9px; }
.auto-before-after p:last-child { border-bottom: 0; }
.auto-before-after p b { color: #31575a; }
.auto-before-after p span { color: var(--rd-muted); }
.auto-before-after p i { color: var(--rd-teal); }
.auto-before-after p strong { color: #07877b; }
.auto-toggle-row { display: flex; justify-content: space-between; gap: 8px; margin-top: 12px; }

.auto-protection > div {
  min-height: 65px;
  display: grid;
  grid-template-columns: 40px 1fr;
  gap: 9px;
  align-items: center;
  border-bottom: 1px solid #e8efee;
}
.auto-protection > div > i { width: 36px; height: 36px; display: grid; place-items: center; border-radius: 50%; color: #078e81; background: #e6f7f4; font-size: 20px; }
.auto-protection > div span { display: grid; gap: 4px; }
.auto-protection > div b { color: #315558; font-size: 10px; }
.auto-protection > div small { color: var(--rd-muted); font-size: 9px; }
.auto-protection .auto-primary { width: 100%; margin-top: 14px; }

.auto-pursuit-layout {
  display: grid;
  grid-template-columns: 385px minmax(480px, 1fr) 270px;
  gap: 12px;
  align-items: stretch;
}
.auto-pursuit-list > button { grid-template-columns: 20px 62px 1fr 30px; }
.auto-checkbox { width: 16px; height: 16px; display: grid !important; place-items: center; border: 1px solid #aabfbd; border-radius: 3px; color: #fff; font-size: 9px; }
.auto-pursuit-list button.selected .auto-checkbox { border-color: #0b998b; background: #0b998b; }
.auto-pursuit-strategy h3 { margin: 13px 0 8px; font-size: 11px; }
.auto-setting-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0 16px; }
.auto-path-preview { min-height: 92px; display: flex; align-items: center; justify-content: space-between; gap: 7px; padding: 10px; border: 1px solid var(--rd-line); border-radius: 6px; background: #f8fbfa; }
.auto-path-preview figure { width: 78px; margin: 0; }
.auto-path-preview figure img { width: 78px; height: 52px; border-radius: 5px; object-fit: cover; }
.auto-path-preview figcaption { margin-top: 3px; color: var(--rd-muted); text-align: center; font-size: 8px; }
.auto-path-preview > i { color: var(--rd-teal); }
.auto-path-preview > span { display: grid; gap: 3px; color: var(--rd-muted); text-align: center; font-size: 9px; }
.auto-path-preview > span b { color: #078b7f; font-size: 18px; }
.auto-equation { display: flex; align-items: center; justify-content: space-between; gap: 4px; color: #506b6e; font-size: 9px; }
.auto-equation b { color: #078c7f; font-size: 16px; }
.auto-equation i { color: #759092; }
.auto-pursuit-preview .auto-primary { width: 100%; margin-top: 12px; }

.auto-toast {
  position: fixed;
  right: 24px;
  bottom: 24px;
  z-index: 100;
  min-width: 310px;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 13px 16px;
  border: 1px solid #bfe5df;
  border-radius: 7px;
  color: #225c57;
  background: #fff;
  box-shadow: 0 16px 38px rgba(7, 63, 61, .17);
  opacity: 0;
  transform: translateY(10px);
  transition: .18s ease;
}
.auto-toast.show { opacity: 1; transform: translateY(0); }
.auto-toast i { color: #0a9b82; font-size: 20px; }
.auto-toast span { font-size: 12px; }

@media (max-width: 1320px) {
  .auto-tabs button { padding: 0 4px; font-size: 11px; }
  .auto-creative-layout { grid-template-columns: 260px minmax(520px, 1fr) 230px; }
  .auto-rebuild-layout { grid-template-columns: 315px minmax(520px, 1fr) 230px; }
  .auto-pursuit-layout { grid-template-columns: 350px minmax(450px, 1fr) 250px; }
}