/* Automation Studio: operational rows and a single responsive decision flow. */
.automation-page,
.automation-builder,
.automation-approval {
  display: grid;
  gap: var(--space-6);
}

.automation-page { width: 100%; gap: var(--space-4); }

.automation-intro p { margin: 0; color: var(--color-text-secondary); }

.automation-builder-header {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: var(--space-4);
}

.automation-builder-header h1,
.automation-approval h1 {
  margin: 0;
}

.automation-builder-header p,
.automation-approval header p,
.automation-rule-main small,
.automation-rule-scope small,
.automation-rule-last small,
.automation-activity-row small {
  color: var(--color-text-secondary);
}

.automation-approval .eyebrow {
  display: inline-flex;
  align-items: center;
  gap: var(--space-1);
  color: var(--color-selected-text);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-semibold);
  letter-spacing: .04em;
  text-transform: uppercase;
}

.automation-tabs {
  width: 100%;
  justify-self: stretch;
  padding: 0;
  border: 0;
  border-bottom: 1px solid var(--color-border-subtle);
  border-radius: 0;
  background: transparent;
}

.automation-tabs button {
  min-height: var(--control-height-md);
  padding: 0 var(--space-4);
  border-bottom: 2px solid transparent;
  font-weight: var(--font-weight-semibold);
}

.automation-tabs button.is-active {
  border-bottom-color: var(--color-selected);
  background: transparent;
}

.automation-tab-count {
  display: inline-grid;
  min-width: 1.25rem;
  min-height: 1.25rem;
  place-items: center;
  border-radius: 999px;
  background: var(--color-selected-bg);
  color: var(--color-selected-text);
  font-size: var(--font-size-xs);
  font-variant-numeric: tabular-nums;
}

.automation-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) var(--layout-rail-width);
  grid-template-areas:
    "filters attention"
    "rules attention";
  gap: var(--space-4);
  align-items: start;
}

.automation-layout > .automation-filter-bar { grid-area: filters; margin-bottom: 0; }
.automation-layout > .automation-attention { grid-area: attention; }
.automation-layout > .automation-rule-list { grid-area: rules; }

.automation-filter-bar {
  margin: 0 0 var(--space-4);
}

.automation-filter-bar .search-field {
  flex: 1 1 21rem;
  width: auto;
  min-width: 15rem;
  max-width: 26rem;
}

.automation-rule-list,
.automation-activity-list,
.automation-simulation,
.automation-approval-summary,
.automation-approval-explanation,
.automation-block,
.automation-config {
  background: var(--color-surface);
  border: 1px solid var(--color-border-subtle);
  border-radius: var(--radius-md);
}

.automation-rule-head,
.automation-rule-row {
  display: grid;
  grid-template-columns: minmax(17rem, 1.8fr) minmax(9.5rem, 1fr) minmax(6.5rem, .58fr) minmax(6rem, .52fr) minmax(8.5rem, .85fr) var(--target-size-touch);
  gap: var(--space-2);
  align-items: center;
}

.automation-rule-head > *,
.automation-rule-row > * { min-width: 0; }

.automation-rule-head {
  padding: var(--space-3) var(--space-4);
  color: var(--color-text-muted);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-semibold);
  border-bottom: 1px solid var(--color-border-subtle);
}

.automation-rule-row {
  min-height: 5rem;
  padding: var(--space-3) var(--space-4);
  border: 0;
  border-bottom: 1px solid var(--color-border-subtle);
  border-radius: 0;
}

.automation-rule-row:last-child { border-bottom: 0; }
.automation-rule-main,
.automation-rule-scope,
.automation-rule-last,
.automation-activity-row > div:first-child { display: grid; gap: var(--space-2); min-width: 0; }
.automation-rule-main { grid-template-columns: 2.25rem minmax(0, 1fr); align-items: center; }
.automation-rule-main > span:last-child { display: grid; gap: var(--space-1); min-width: 0; }
.automation-rule-main strong { color: var(--color-text-primary); }
.automation-rule-open,
.automation-activity-open { width: max-content; max-width: 100%; padding: 0; overflow: hidden; border: 0; background: transparent; color: var(--color-link); font: inherit; font-weight: var(--font-weight-bold); text-align: left; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; }
.automation-rule-open { width: 100%; }
.automation-rule-open:hover,
.automation-activity-open:hover { text-decoration: underline; }
.automation-rule-main small { display: -webkit-box; overflow: hidden; font-size: var(--font-size-sm); line-height: 1.35; white-space: normal; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.automation-rule-scope,
.automation-rule-last { gap: var(--space-1); }
.automation-rule-scope small,
.automation-rule-last small { color: var(--color-text-muted); }
.automation-rule-last > span { color: var(--color-text-primary); font-size: var(--font-size-sm); }
.automation-rule-icon {
  display: grid;
  width: 2.25rem;
  height: 2.25rem;
  place-items: center;
  border-radius: var(--radius-sm);
  background: var(--color-selected-bg);
  color: var(--color-selected-text);
}
.automation-rule-row .status { width: auto; max-width: 100%; min-width: 0; min-height: 1.5rem; padding-inline: .45rem; border-width: 1px; border-style: solid; border-radius: var(--radius-sm); line-height: 1.15; white-space: normal; }
.automation-rule-row .status-dot { display: block; }
.automation-published-state { display: grid; justify-items: start; gap: var(--space-1); }
.automation-draft-state { max-width: 100%; padding: 0; overflow: hidden; border: 0; background: transparent; color: var(--color-status-info-text); font: inherit; font-size: var(--font-size-xs); font-weight: var(--font-weight-semibold); text-align: left; text-overflow: ellipsis; cursor: pointer; }
.automation-draft-state:hover,
.automation-draft-state:focus-visible { text-decoration: underline; }
.automation-mode-badge { display: inline-flex; align-items: center; gap: var(--space-1); min-height: 1.5rem; padding-inline: .5rem; color: var(--color-text-secondary); font-size: var(--font-size-sm); font-weight: var(--font-weight-semibold); border: 1px solid var(--color-border-subtle); border-radius: var(--radius-sm); background: var(--color-surface-subtle); }
.automation-execution-result { display: inline-flex; align-items: center; gap: var(--space-1); font-size: var(--font-size-xs); }
.automation-execution-success { color: var(--color-status-success-text) !important; }
.automation-execution-danger { color: var(--color-status-danger-text) !important; }
.automation-execution-review { color: var(--color-status-review-text) !important; }
.automation-execution-info { color: var(--color-status-info-text) !important; }
.automation-list-footer { display: flex; align-items: center; justify-content: space-between; gap: var(--space-3); min-height: var(--control-height-md); padding: var(--space-2) var(--space-4); color: var(--color-text-muted); font-size: var(--font-size-xs); border-top: 1px solid var(--color-border-subtle); }

.automation-empty-guidance {
  display: grid;
  justify-items: center;
  align-content: center;
  gap: var(--space-3);
  min-height: 20rem;
  padding: var(--space-8) var(--space-6);
  color: var(--color-text-secondary);
  text-align: center;
}

.automation-empty-guidance-icon {
  display: grid;
  width: 2.75rem;
  height: 2.75rem;
  place-items: center;
  border: 1px solid var(--color-selected);
  border-radius: 50%;
  background: var(--color-selected-bg);
  color: var(--color-selected-text);
}

.automation-empty-guidance h3,
.automation-empty-guidance p { margin: 0; }
.automation-empty-guidance h3 { color: var(--color-text-primary); font-size: var(--font-size-xl); }
.automation-empty-guidance p,
.automation-empty-guidance ul { width: min(100%, 22rem); }
.automation-empty-guidance p { max-width: none; font-size: var(--font-size-md); line-height: 1.45; }
.automation-empty-guidance ul { display: grid; margin: var(--space-1) 0; padding: 0; list-style: none; text-align: left; }
.automation-empty-guidance li { display: grid; grid-template-columns: 1.5rem minmax(0, 1fr); gap: var(--space-2); align-items: center; min-height: 3.125rem; padding: var(--space-2) 0; color: var(--color-text-primary); font-size: var(--font-size-md); border-bottom: 1px solid var(--color-border-subtle); }
.automation-empty-guidance li:first-child { border-top: 1px solid var(--color-border-subtle); }
.automation-empty-guidance li > span:first-child { display: grid; place-items: center; color: var(--color-selected-text); }
.automation-empty-guidance-actions { display: flex; align-items: center; justify-content: center; gap: var(--space-4); margin-top: var(--space-1); }
.automation-empty-guidance-actions .text-link { min-height: var(--control-height-md); color: var(--color-link); font-size: var(--font-size-md); font-weight: var(--font-weight-semibold); }

.automation-rule-menu { align-self: start; }
.automation-row-actions { position: relative; }
.automation-row-actions summary { list-style: none; display: grid; place-items: center; min-width: var(--target-size-touch); min-height: var(--target-size-touch); cursor: pointer; border-radius: var(--radius-sm); }
.automation-row-actions summary::-webkit-details-marker { display: none; }
.automation-row-actions summary:hover,
.automation-row-actions summary:focus-visible { background: var(--color-surface-hover); }
.automation-row-actions > div { position: absolute; right: 0; z-index: var(--z-toast); width: max-content; display: grid; padding: var(--space-1); background: var(--color-surface); border: 1px solid var(--color-border-subtle); border-radius: var(--radius-sm); box-shadow: var(--shadow-overlay); }
.automation-row-actions button { padding: var(--space-2) var(--space-3); color: var(--color-text-primary); background: transparent; border: 0; text-align: left; font: inherit; cursor: pointer; }
.automation-row-actions button:hover,
.automation-row-actions button:focus-visible { background: var(--color-surface-hover); }

.automation-attention { position: sticky; top: calc(var(--layout-topbar-height) + var(--space-4)); display: grid; overflow: hidden; background: var(--color-surface); border: 1px solid var(--color-border-subtle); border-radius: var(--radius-md); }
.automation-attention > header { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: var(--space-2); min-height: var(--control-height-md); padding: var(--space-2) var(--space-3); border-bottom: 1px solid var(--color-border-subtle); }
.automation-attention h2,
.automation-attention p { margin: 0; }
.automation-attention h2 { font-size: var(--font-size-md); }
.automation-attention > header > b { display: grid; min-width: 1.35rem; height: 1.35rem; place-items: center; border-radius: 999px; background: var(--color-status-review-bg); color: var(--color-status-review-text); font-size: var(--font-size-xs); }
.automation-attention-review { color: var(--color-status-warning-text); }
.automation-attention-ok { color: var(--color-status-success-text); }
.automation-attention-list { display: grid; }
.automation-attention button { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: var(--space-2); width: 100%; min-height: var(--target-size-touch); padding: var(--space-3); color: var(--color-text-primary); text-align: left; background: transparent; border: 0; border-bottom: 1px solid var(--color-border-subtle); font: inherit; cursor: pointer; }
.automation-attention button:last-child { border-bottom: 0; }
.automation-attention button:hover,
.automation-attention button:focus-visible { background: var(--color-surface-hover); }
.automation-attention button > span { display: grid; gap: var(--space-1); }
.automation-attention button strong { font-size: var(--font-size-sm); }
.automation-attention button small,
.automation-attention button time { color: var(--color-text-secondary); font-size: var(--font-size-sm); line-height: 1.35; }
.automation-attention button time { font-size: var(--font-size-xs); }
.automation-attention button em { min-height: var(--control-height-sm); padding: 0 var(--space-2); color: var(--color-selected-text); font-size: var(--font-size-xs); font-style: normal; font-weight: var(--font-weight-semibold); border: 1px solid var(--color-selected); border-radius: var(--radius-sm); }
.automation-attention button em { display: inline-grid; place-items: center; }
.automation-attention-empty { padding: var(--space-3); color: var(--color-text-secondary); font-size: var(--font-size-sm); }

.automation-builder-grid { display: grid; grid-template-columns: minmax(0, 1fr) 20.75rem; gap: var(--space-4); align-items: start; }
.automation-flow { display: grid; gap: var(--space-4); }
.automation-block,
.automation-config { display: grid; gap: var(--space-3); padding: var(--space-4); }
.automation-block h2,
.automation-config h2,
.automation-checks h3,
.automation-simulation h2,
.automation-approval-explanation h2 { margin: 0; font-size: var(--font-size-lg); }
.automation-block { grid-template-columns: repeat(3, minmax(0, 1fr)); border-color: var(--color-border-subtle); }
.automation-block h2 { grid-column: 1 / -1; color: var(--color-selected-text); font-size: var(--font-size-xs); letter-spacing: .05em; }
.automation-condition-group { grid-column: 1 / -1; margin: 0; color: var(--color-text-secondary); font-size: var(--font-size-sm); }
.automation-condition-row { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-3); }
.automation-action-row { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-3); padding-top: var(--space-3); border-top: 1px solid var(--color-border-subtle); }
.automation-action-controls { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: var(--space-2); }
.automation-condition-branch { align-items: end; }
.automation-builder-rail .automation-config { position: static; border-radius: var(--radius-lg); }
.automation-checks { padding-top: var(--space-3); border-top: 1px solid var(--color-border-subtle); }
.automation-checks p { margin: var(--space-1) 0 0; color: var(--color-text-secondary); font-size: var(--font-size-sm); }
.automation-simulation { display: grid; gap: var(--space-3); padding: var(--space-4); }
.automation-simulation p { margin: 0; }
.automation-simulation ol { display: grid; gap: var(--space-2); margin: 0; padding-left: var(--space-4); }
.automation-simulation li { display: grid; gap: var(--space-1); color: var(--color-text-secondary); }

.automation-activity-heading { display: grid; gap: var(--space-1); }
.automation-activity-heading h1,
.automation-activity-heading p,
.automation-activity-day h2 { margin: 0; }
.automation-activity-heading h1 { font-size: var(--font-size-3xl); }
.automation-activity-heading p { color: var(--color-text-secondary); }
.automation-activity-days { display: grid; gap: var(--space-6); }
.automation-activity-day { display: grid; gap: var(--space-2); }
.automation-activity-day h2 { color: var(--color-text-primary); font-size: var(--font-size-lg); }
.automation-activity-list { display: grid; overflow: hidden; }
.automation-activity-row {
  display: grid;
  grid-template-columns: 2.25rem minmax(13rem, 1.35fr) minmax(12rem, 1fr) 7.5rem minmax(7rem, auto) var(--target-size-touch);
  gap: var(--space-3);
  align-items: center;
  min-height: 4.5rem;
  padding: var(--space-3) var(--space-4);
  border: 0;
  border-bottom: 1px solid var(--color-border-subtle);
  border-radius: 0;
}
.automation-activity-row:last-child { border-bottom: 0; }
.automation-activity-row > * { min-width: 0; }
.automation-activity-row[data-action] { cursor: pointer; }
.automation-activity-icon { display: grid; width: 2.25rem; height: 2.25rem; place-items: center; border-radius: 50%; }
.automation-activity-icon--success { color: var(--color-status-success-text); background: var(--color-status-success-bg); }
.automation-activity-icon--danger { color: var(--color-status-danger-text); background: var(--color-status-danger-bg); }
.automation-activity-icon--waiting { color: var(--color-status-waiting-text); background: var(--color-status-waiting-bg); }
.automation-activity-icon--review { color: var(--color-status-review-text); background: var(--color-status-review-bg); }
.automation-activity-icon--warning { color: var(--color-status-warning-text); background: var(--color-status-warning-bg); }
.automation-activity-icon--info { color: var(--color-status-info-text); background: var(--color-status-info-bg); }
.automation-activity-icon--neutral { color: var(--color-text-secondary); background: var(--color-surface-subtle); }
.automation-activity-identity { display: grid; gap: var(--space-1); min-width: 0; }
.automation-activity-identity strong,
.automation-activity-identity small,
.automation-activity-action { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.automation-activity-identity strong { color: var(--color-text-primary); }
.automation-activity-identity small { color: var(--color-text-secondary); font-size: var(--font-size-sm); }
.automation-activity-action { color: var(--color-text-secondary); font-size: var(--font-size-sm); }
.automation-activity-row time,
.automation-activity-batch > summary time { color: var(--color-text-muted); font-size: var(--font-size-sm); font-variant-numeric: tabular-nums; }
.automation-activity-result { justify-self: start; }
.automation-activity-result .status,
.automation-activity-batch-results .status { min-height: 1.5rem; padding-inline: var(--space-2); white-space: nowrap; }
.automation-activity-chevron,
.automation-activity-batch-chevron { display: grid; min-width: var(--target-size-touch); min-height: var(--target-size-touch); place-items: center; color: var(--color-link); }
.automation-activity-batch { border-bottom: 1px solid var(--color-border-subtle); }
.automation-activity-batch:last-child { border-bottom: 0; }
.automation-activity-batch > summary {
  display: grid;
  grid-template-columns: 2.25rem minmax(15rem, 1fr) 7.5rem minmax(15rem, auto) var(--target-size-touch);
  gap: var(--space-3);
  align-items: center;
  min-height: 4.75rem;
  padding: var(--space-3) var(--space-4);
  list-style: none;
  cursor: pointer;
}
.automation-activity-batch > summary::-webkit-details-marker,
.automation-activity-more > summary::-webkit-details-marker { display: none; }
.automation-activity-batch > summary:hover,
.automation-activity-batch > summary:focus-visible { background: var(--color-surface-hover); }
.automation-activity-batch-results { display: flex; flex-wrap: wrap; justify-content: end; gap: var(--space-1); }
.automation-activity-batch-chevron .icon,
.automation-activity-more > summary .icon { transition: transform var(--motion-duration-fast) var(--motion-ease-standard); }
.automation-activity-batch[open] > summary .automation-activity-batch-chevron .icon,
.automation-activity-more[open] > summary .icon { transform: rotate(180deg); }
.automation-activity-batch-body { border-top: 1px solid var(--color-border-subtle); background: var(--color-surface-panel); }
.automation-activity-batch-head { display: grid; grid-template-columns: minmax(13rem, 1.35fr) minmax(12rem, 1fr) minmax(7rem, auto); gap: var(--space-3); padding: var(--space-2) calc(var(--space-4) + var(--target-size-touch)) var(--space-2) calc(var(--space-4) + var(--space-6) + 2.25rem + var(--space-3)); color: var(--color-text-muted); font-size: var(--font-size-xs); font-weight: var(--font-weight-semibold); border-bottom: 1px solid var(--color-border-subtle); }
.automation-activity-nested-list { display: grid; }
.automation-activity-row--nested { grid-template-columns: 2.25rem minmax(13rem, 1.35fr) minmax(12rem, 1fr) minmax(7rem, auto) var(--target-size-touch); padding-left: calc(var(--space-4) + var(--space-6)); background: transparent; }
.automation-activity-row--nested > time { display: none; }
.automation-activity-row--nested .automation-activity-result { grid-column: 4; }
.automation-activity-row--nested .automation-activity-chevron { grid-column: 5; }
.automation-activity-more > summary { display: flex; align-items: center; justify-content: center; gap: var(--space-1); min-height: var(--target-size-touch); padding: var(--space-2) var(--space-4); color: var(--color-link); font-size: var(--font-size-sm); font-weight: var(--font-weight-semibold); list-style: none; cursor: pointer; border-top: 1px solid var(--color-border-subtle); }
.automation-activity-more > summary:hover,
.automation-activity-more > summary:focus-visible { background: var(--color-surface-hover); }

.automation-approval { max-width: 52rem; }
.automation-approval header { display: grid; gap: var(--space-2); }
.automation-approval .eyebrow { color: var(--color-selected-text); font-weight: var(--font-weight-semibold); font-size: var(--font-size-xs); }
.automation-approval-summary { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); overflow: hidden; }
.automation-approval-summary > div { display: grid; gap: var(--space-1); padding: var(--space-4); border-bottom: 1px solid var(--color-border-subtle); }
.automation-approval-summary > div:nth-child(odd) { border-right: 1px solid var(--color-border-subtle); }
.automation-approval-summary span { color: var(--color-text-secondary); font-size: var(--font-size-sm); }
.automation-impact,
.automation-approval-action,
.automation-approval-entity { grid-column: 1 / -1; }
.automation-impact { padding-bottom: 0 !important; border: 0 !important; }
.automation-impact > span { width: fit-content; display: inline-flex; align-items: center; gap: var(--space-1); padding: var(--space-1) var(--space-2); border: 1px solid var(--color-status-warning-border); border-radius: 999px; background: var(--color-status-warning-bg); color: var(--color-status-warning-text); font-weight: var(--font-weight-semibold); }
.automation-impact-approved > span { border-color: var(--color-status-success-border); background: var(--color-status-success-bg); color: var(--color-status-success-text); }
.automation-impact-rejected > span { border-color: var(--color-status-danger-border); background: var(--color-status-danger-bg); color: var(--color-status-danger-text); }
.automation-approval-action { border-right: 0 !important; }
.automation-approval-action p { margin: 0; color: var(--color-text-secondary); font-size: var(--font-size-sm); }
.automation-approval-entity { grid-template-columns: 2rem minmax(0, 1fr); align-items: center; border-right: 0 !important; }
.automation-approval-entity > span:last-child { display: grid; gap: var(--space-1); }
.automation-approval-entity small { color: var(--color-text-secondary); font-size: var(--font-size-xs); }
.automation-approval-explanation { display: grid; gap: var(--space-3); padding: var(--space-4); }
.automation-approval-explanation > div:first-child { display: flex; align-items: baseline; justify-content: space-between; gap: var(--space-3); }
.automation-approval-explanation > div:first-child small { color: var(--color-text-muted); font-family: var(--font-mono); font-size: var(--font-size-xs); }
.automation-approval-explanation p,
.automation-approval-explanation ol { margin: 0; }
.automation-approval-explanation ol { display: grid; gap: var(--space-2); padding-left: var(--space-4); }
.automation-decision-bar { display: flex; justify-content: end; align-items: end; gap: var(--space-2); padding: var(--space-3); background: var(--color-surface); border: 1px solid var(--color-border-subtle); border-radius: var(--radius-md); }
.automation-decision-bar .field { flex: 1; }
.automation-decision-bar textarea { min-height: 4rem; }
.automation-readonly { display: grid; gap: var(--space-3); padding: var(--space-4); border: 1px solid var(--color-border-subtle); border-radius: var(--radius-md); background: var(--color-surface); }
.automation-readonly > div { display: grid; gap: var(--space-1); padding-bottom: var(--space-3); border-bottom: 1px solid var(--color-border-subtle); }
.automation-readonly > div:last-child { padding-bottom: 0; border-bottom: 0; }
.automation-readonly span { color: var(--color-text-secondary); }

.automation-execution-panel { display: grid; }
.automation-execution-summary { display: grid; gap: var(--space-2); padding: var(--space-4); border: 1px solid var(--color-border-subtle); border-radius: var(--radius-md); background: var(--color-surface-panel); }
.automation-execution-summary h3,
.automation-execution-summary p { margin: 0; }
.automation-execution-summary h3 { font-size: var(--font-size-lg); }
.automation-execution-summary p { color: var(--color-text-secondary); line-height: 1.55; }
.automation-execution-summary small { color: var(--color-text-muted); }
.automation-execution-summary .status { width: max-content; }
.automation-execution-summary--success { border-color: var(--color-status-success-border); background: var(--color-status-success-bg); }
.automation-execution-summary--danger { border-color: var(--color-status-danger-border); background: var(--color-status-danger-bg); }
.automation-execution-summary--waiting { border-color: var(--color-status-waiting-border); background: var(--color-status-waiting-bg); }
.automation-execution-summary--warning { border-color: var(--color-status-warning-border); background: var(--color-status-warning-bg); }
.automation-execution-summary--review { border-color: var(--color-status-review-border); background: var(--color-status-review-bg); }
.automation-execution-summary--info { border-color: var(--color-status-info-border); background: var(--color-status-info-bg); }
.automation-execution-checks { display: grid; gap: 0; margin: 0; padding: 0; list-style: none; }
.automation-execution-check { display: grid; grid-template-columns: 2rem minmax(0, 1fr); gap: var(--space-2); align-items: start; padding: var(--space-3) 0; border-bottom: 1px solid var(--color-border-subtle); }
.automation-execution-check:first-child { padding-top: 0; }
.automation-execution-check:last-child { padding-bottom: 0; border-bottom: 0; }
.automation-execution-check > span { display: grid; width: 2rem; height: 2rem; place-items: center; border-radius: 50%; }
.automation-execution-check > div { display: grid; gap: var(--space-1); min-width: 0; }
.automation-execution-check strong { font-size: var(--font-size-sm); }
.automation-execution-check small { overflow-wrap: anywhere; color: var(--color-text-secondary); line-height: 1.45; }
.automation-execution-check--success > span { color: var(--color-status-success-text); background: var(--color-status-success-bg); }
.automation-execution-check--danger > span { color: var(--color-status-danger-text); background: var(--color-status-danger-bg); }
.automation-execution-check--waiting > span { color: var(--color-status-waiting-text); background: var(--color-status-waiting-bg); }
.automation-execution-check--info > span { color: var(--color-status-info-text); background: var(--color-status-info-bg); }
.automation-technical-details > summary { display: flex; align-items: center; justify-content: space-between; min-height: var(--target-size-touch); color: var(--color-text-secondary); font-weight: var(--font-weight-semibold); list-style: none; cursor: pointer; }
.automation-technical-details > summary::-webkit-details-marker { display: none; }
.automation-technical-details > summary .icon { transition: transform var(--motion-duration-fast) var(--motion-ease-standard); }
.automation-technical-details[open] > summary .icon { transform: rotate(180deg); }
.automation-technical-details dl { margin: var(--space-3) 0 0; }
.automation-technical-details dt { color: var(--color-text-muted); }
.automation-technical-details dd { min-width: 0; margin: 0; overflow-wrap: anywhere; font-family: var(--font-mono); font-size: var(--font-size-xs); }
.automation-execution-footer .button { min-height: var(--target-size-touch); }

.automation-builder {
  width: min(100%, 86rem);
  margin-inline: auto;
}

.automation-builder-header { align-items: center; }
.automation-builder-header > div:first-child { display: grid; gap: var(--space-1); min-width: 0; }
.automation-builder-nav { display: flex; align-items: center; gap: var(--space-3); margin-bottom: var(--space-1); }
.automation-builder-nav .text-link { display: inline-flex; align-items: center; gap: var(--space-1); }
.automation-builder-nav .status { min-height: 1.5rem; padding-inline: var(--space-2); }
.automation-builder-actions { display: flex; align-items: center; justify-content: end; gap: var(--space-2); }
.automation-builder-compact-status { display: flex; align-items: center; justify-content: end; gap: var(--space-2); color: var(--color-text-secondary); font-size: var(--font-size-sm); }
.automation-builder-grid { grid-template-columns: minmax(0, 1.6fr) minmax(25rem, 1fr); grid-template-rows: auto; align-items: start; gap: var(--space-4) var(--space-4); }

.automation-stage-nav {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  overflow: hidden;
  border: 1px solid var(--color-border-subtle);
  border-radius: var(--radius-lg);
  background: var(--color-surface);
}

.automation-stage-nav__item {
  position: relative;
  display: grid;
  grid-template-columns: 2rem 1.5rem minmax(0, 1fr);
  align-items: center;
  gap: var(--space-2);
  min-width: 0;
  min-height: 5rem;
  padding: var(--space-3) var(--space-4);
  border: 0;
  border-right: 1px solid var(--color-border-subtle);
  background: transparent;
  color: var(--color-text-secondary);
  font: inherit;
  text-align: left;
  cursor: pointer;
}

.automation-stage-nav__item:last-child { border-right: 0; }
.automation-stage-nav__item:hover { background: var(--color-surface-hover); }
.automation-stage-nav__item:focus-visible { z-index: 1; outline: var(--focus-ring-width) solid var(--color-focus-ring); outline-offset: calc(-1 * var(--focus-ring-width)); }

.automation-stage-nav__number {
  display: grid;
  width: 2rem;
  height: 2rem;
  place-items: center;
  border: 1px solid var(--color-border-strong);
  border-radius: 50%;
  background: var(--color-surface);
  color: var(--color-text-secondary);
  font-size: var(--font-size-md);
  font-weight: var(--font-weight-bold);
}

.automation-stage-nav__icon { display: grid; place-items: center; color: var(--color-border-strong); }
.automation-stage-nav__copy { display: grid; gap: var(--space-1); min-width: 0; }
.automation-stage-nav__copy strong { color: var(--color-text-primary); font-size: var(--font-size-xs); letter-spacing: .04em; }
.automation-stage-nav__copy small { overflow: hidden; color: var(--color-text-secondary); font-size: var(--font-size-xs); text-overflow: ellipsis; white-space: nowrap; }
.automation-stage-nav__item.is-active { background: var(--color-selected-surface); }
.automation-stage-nav__item.is-active .automation-stage-nav__number { border-color: var(--color-selected); background: var(--color-selected); color: var(--color-text-on-accent); }
.automation-stage-nav__item.is-active .automation-stage-nav__icon,
.automation-stage-nav__item.is-active .automation-stage-nav__copy strong { color: var(--color-selected-text); }
.automation-stage-nav__item.is-complete:not(.is-active) .automation-stage-nav__number { border-color: var(--color-status-success-border); color: var(--color-status-success-text); }

.automation-flow { grid-column: 1; grid-row: 2; display: grid; overflow: visible; border: 1px solid var(--color-border-subtle); border-radius: var(--radius-lg); background: var(--color-surface); }
.automation-step {
  border: 0;
  border-radius: 0;
  background: transparent;
}

.automation-step-index {
  display: grid;
  flex: 0 0 1.25rem;
  width: 1.25rem;
  place-items: center;
  color: var(--color-text-muted);
  font-size: var(--font-size-sm);
  font-variant-numeric: tabular-nums;
}

.automation-flow-steps { display: grid; padding: 0 var(--space-6); }
.automation-flow-steps::before { content: none; }
.automation-flow-steps > .automation-step:not([open]):not(.automation-step--escalation) { display: none; }
.automation-flow-steps .automation-step { position: relative; }

.automation-step > summary {
  display: grid;
  grid-template-columns: 2rem minmax(0, 1fr) auto;
  gap: var(--space-3);
  align-items: center;
  min-height: 5.5rem;
  padding: var(--space-6) 0;
  list-style: none;
  cursor: default;
}
.automation-step > summary::-webkit-details-marker { display: none; }
.automation-step:not(.automation-step--escalation) > summary { pointer-events: none; }
.automation-step > summary:hover { background: transparent; }
.automation-step > summary:focus-visible { outline: var(--focus-ring-width) solid var(--color-focus-ring); outline-offset: calc(-1 * var(--focus-ring-width)); }
.automation-step:not([open]) > summary { border-radius: inherit; }
.automation-step[open] > summary { border-radius: 0; }
.automation-step-icon { display: grid; width: 2rem; height: 2rem; place-items: center; color: var(--color-selected); }
.automation-step-summary-copy { display: grid; grid-template-columns: max-content minmax(0, 1fr); align-items: center; gap: var(--space-1) var(--space-3); min-width: 0; }
.automation-step-summary-copy > small { grid-column: 1 / -1; }
.automation-step > summary small { color: var(--color-selected-text); font-size: var(--font-size-xs); font-weight: var(--font-weight-semibold); letter-spacing: .05em; }
.automation-step > summary strong { min-width: 0; overflow: hidden; color: var(--color-text-primary); font-size: var(--font-size-xl); text-overflow: ellipsis; white-space: nowrap; }
.automation-step-detail { min-width: 0; overflow: hidden; color: var(--color-text-secondary); font-size: var(--font-size-sm); text-overflow: ellipsis; white-space: nowrap; }
.automation-step-summary-actions { display: inline-flex; align-items: center; gap: var(--space-3); color: var(--color-text-secondary); }
.automation-step-summary-actions .icon:last-child { transition: transform var(--motion-duration-fast) var(--motion-ease-standard); }
.automation-step[open] .automation-step-summary-actions .icon:last-child { transform: rotate(180deg); }
.automation-summary-chips { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: var(--space-2); }
.automation-summary-chips > span { display: inline-flex; min-height: 1.75rem; align-items: center; padding-inline: var(--space-2); border: 1px solid var(--color-border-subtle); border-radius: var(--radius-sm); background: var(--color-surface-subtle); color: var(--color-text-secondary); font-size: var(--font-size-xs); }
.automation-actions-count { display: none; color: var(--color-text-secondary); font-size: var(--font-size-sm); }
.automation-step--actions[open] .automation-actions-summary { display: none; }
.automation-step--actions[open] .automation-actions-count { display: inline; }
.automation-step[open] > summary { border-bottom: 1px solid var(--color-border-subtle); }
.automation-step > :not(summary) { margin-inline: 0; }
.automation-step > :last-child { margin-bottom: var(--space-6); }
.automation-step--escalation { margin-top: var(--space-2); border-top: 1px solid var(--color-border-subtle); }
.automation-step--escalation > summary { min-height: 4.5rem; cursor: pointer; }
.automation-step--escalation[open] > summary { border-bottom: 1px solid var(--color-border-subtle); }

.automation-step-fields,
.automation-action-fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
  gap: var(--space-3);
  padding-block: var(--space-4);
}

.automation-step-fields > .field-wide { grid-column: auto; }
.automation-step-fields .field,
.automation-step-fields .field:has(> select:not([multiple]):not([size])) { grid-template-columns: minmax(0, 1fr); min-width: 0; }
.automation-step-fields .field:has(> input[type="number"]) { width: 7rem; justify-self: start; }
.automation-builder .field > select:not([multiple]):not([size]) { width: auto; min-width: 7rem; max-width: 100%; field-sizing: content; }
.automation-builder .automation-step-fields .field > select:not([multiple]):not([size]) { width: 100%; min-width: 0; field-sizing: fixed; }
.automation-builder .automation-group-heading .field-inline > select:not([multiple]):not([size]) { height: var(--control-height-md); }
.automation-trigger-help { grid-column: 1 / -1; margin: 0; color: var(--color-text-secondary); font-size: var(--font-size-xs); line-height: 1.4; }
.automation-inline-error { display: flex; gap: var(--space-2); align-items: flex-start; margin: var(--space-3) var(--space-4) 0; color: var(--color-status-danger-text); font-size: var(--font-size-sm); font-weight: 650; }
.automation-config-editor > .automation-inline-error { margin-inline: 0; }
.automation-inline-error .icon { flex: 0 0 auto; margin-top: 0.1rem; }

.automation-condition-group-card {
  display: grid;
  gap: var(--space-3);
  margin-block: var(--space-4);
  padding: 0 0 0 var(--space-3);
  border: 0;
  border-left: 2px solid var(--color-border-strong);
}
.automation-condition-group-card legend { padding-inline: var(--space-2); color: var(--color-text-muted); font-size: var(--font-size-xs); font-weight: var(--font-weight-semibold); }
.automation-condition-group-card.depth-1 { margin-left: var(--space-3); border-left-color: var(--color-status-info-border); }
.automation-condition-group-card.depth-2,
.automation-condition-group-card.depth-3 { margin-left: var(--space-4); border-left-color: var(--color-status-review-border); }
.automation-group-heading { display: flex; align-items: end; justify-content: space-between; gap: var(--space-3); }
.automation-group-heading .field-inline { width: min(100%, 12rem); }
.automation-condition-columns,
.automation-condition-fields { display: grid; grid-template-columns: minmax(9rem, 1fr) minmax(10rem, 1.15fr) minmax(10rem, .9fr); gap: var(--space-2); }
.automation-condition-fields { grid-auto-rows: var(--control-height-md); align-items: center; }
.automation-condition-columns { padding-right: calc(var(--target-size-touch) + var(--space-3)); color: var(--color-text-secondary); font-size: var(--font-size-sm); font-weight: var(--font-weight-bold); }
.automation-condition-row { grid-template-columns: minmax(0, 1fr) var(--target-size-touch); align-items: center; gap: var(--space-3); padding-block: var(--space-2); border-top: 1px solid var(--color-border-subtle); }
.automation-condition-fields .field,
.automation-condition-fields .field:has(> select:not([multiple]):not([size])) { grid-template-columns: minmax(0, 1fr); gap: 0; min-width: 0; }
.automation-builder .automation-condition-fields .field > span:first-child { position: absolute; grid-row: 1; grid-column: 1; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; }
.automation-builder .automation-condition-fields .field > select:not([multiple]):not([size]) { grid-row: 1; grid-column: 1; width: 100%; min-width: 0; field-sizing: fixed; }
.automation-builder .automation-condition-fields .field:has(> select:not([multiple]):not([size]))::after { grid-row: 1; }
.automation-number-value { display: inline-flex; width: max-content; max-width: 100%; height: var(--control-height-md); align-items: stretch; overflow: hidden; border: 1px solid var(--color-border-strong); border-radius: var(--radius-sm); background: var(--color-surface); }
.automation-number-value:hover { border-color: var(--color-border-hover); }
.automation-number-value:focus-within { border-color: var(--color-focus-ring); outline: var(--focus-ring-width) solid color-mix(in srgb, var(--color-focus-ring) 22%, transparent); }
.automation-builder .automation-condition-fields .automation-number-value input { width: 4.5rem; min-width: 0; height: 100%; min-height: 0; padding-inline: var(--space-3); border: 0; background: transparent; }
.automation-number-value > span { display: inline-flex; align-items: center; padding-inline: var(--space-3); border-left: 1px solid var(--color-border-subtle); background: var(--color-surface-subtle); color: var(--color-text-secondary); font-size: var(--font-size-sm); white-space: nowrap; }
.automation-empty-value { min-height: var(--control-height-md); display: flex; align-items: center; margin: 0; color: var(--color-text-muted); font-size: var(--font-size-sm); }
.automation-add-row { display: flex; flex-wrap: wrap; gap: var(--space-2); }

@media (pointer: coarse) {
  .automation-condition-fields { grid-auto-rows: var(--target-size-touch); }
  .automation-number-value { height: var(--target-size-touch); }
}

.automation-action-stack { display: grid; }
.automation-action-section { position: relative; border-bottom: 1px solid var(--color-border-subtle); }
.automation-action-editor > summary {
  display: grid;
  grid-template-columns: 2.5rem minmax(0, 1fr) auto;
  align-items: center;
  gap: var(--space-3);
  min-height: 5rem;
  padding: var(--space-3) 3.5rem var(--space-3) 0;
  list-style: none;
  cursor: pointer;
}
.automation-action-editor > summary::-webkit-details-marker { display: none; }
.automation-action-icon { display: grid; width: 2.5rem; height: 2.5rem; place-items: center; border-radius: var(--radius-md); background: var(--color-selected-bg); color: var(--color-selected-text); }
.automation-action-summary-copy { display: grid; gap: var(--space-1); min-width: 0; }
.automation-action-summary-copy > strong { color: var(--color-text-primary); font-size: var(--font-size-lg); }
.automation-action-summary-copy > span { overflow: hidden; color: var(--color-text-secondary); font-size: var(--font-size-sm); text-overflow: ellipsis; white-space: nowrap; }
.automation-action-summary-copy > small { display: inline-flex; align-items: center; gap: var(--space-1); color: var(--color-text-secondary); font-size: var(--font-size-xs); }
.automation-action-edit-copy { display: inline-flex; align-items: center; gap: var(--space-1); color: var(--color-link); font-size: var(--font-size-sm); font-weight: var(--font-weight-semibold); }
.automation-action-edit-open { display: none; }
.automation-action-editor[open] .automation-action-edit-closed { display: none; }
.automation-action-editor[open] .automation-action-edit-open { display: inline; }
.automation-action-edit-copy .icon { transition: transform var(--motion-duration-fast) var(--motion-ease-standard); }
.automation-action-editor[open] .automation-action-edit-copy .icon { transform: rotate(180deg); }
.automation-action-fields { padding: var(--space-3) 0 var(--space-4); border-top: 1px solid var(--color-border-subtle); }
.automation-action-fields .field:has(> select:not([multiple]):not([size])) { grid-template-columns: minmax(0, 1fr); }
.automation-builder .automation-action-fields .field > select:not([multiple]):not([size]) { width: 100%; field-sizing: fixed; }
.automation-builder .automation-action-fields .field > select[multiple] { width: 100%; }
.automation-action-fields > .field-wide { grid-column: span 2; }
.automation-action-type { display: grid; gap: var(--space-1); margin: 0; color: var(--color-text-secondary); font-size: var(--font-size-sm); }
.automation-action-type strong { color: var(--color-text-primary); }
.automation-action-add-row { padding-block: var(--space-3); }
.automation-action-add-row .button { color: var(--color-link); }
.automation-item-controls { display: flex; justify-content: end; }
.automation-action-section > .automation-item-controls { position: absolute; top: var(--space-3); right: 0; z-index: 2; }
.automation-item-menu { position: relative; }
.automation-item-menu > summary { display: grid; min-width: var(--target-size-touch); min-height: var(--target-size-touch); place-items: center; list-style: none; border-radius: var(--radius-sm); cursor: pointer; }
.automation-item-menu > summary::-webkit-details-marker { display: none; }
.automation-item-menu > summary:hover,
.automation-item-menu > summary:focus-visible { background: var(--color-surface-hover); }
.automation-item-menu-popover { position: absolute; right: 0; z-index: var(--z-toast); display: grid; width: max-content; min-width: 12rem; padding: var(--space-1); border: 1px solid var(--color-border-subtle); border-radius: var(--radius-sm); background: var(--color-surface); box-shadow: var(--shadow-overlay); }
.automation-button-group { display: grid; }
.automation-item-menu button { display: flex; align-items: center; gap: var(--space-2); min-height: var(--control-height-md); padding: 0 var(--space-2); border: 0; border-radius: var(--radius-sm); background: transparent; color: var(--color-text-primary); font: inherit; text-align: left; cursor: pointer; }
.automation-item-menu button:hover,
.automation-item-menu button:focus-visible { background: var(--color-surface-hover); }
.automation-item-menu button.is-danger { color: var(--color-status-danger-text); }
.automation-escalation-empty { display: grid; gap: var(--space-3); padding-block: var(--space-4); }
.automation-escalation-empty p { margin: 0; color: var(--color-text-secondary); }
.automation-action-picker { position: relative; width: max-content; }
.automation-action-picker > summary { list-style: none; cursor: pointer; }
.automation-action-picker > summary::-webkit-details-marker { display: none; }
.automation-action-picker-options { position: absolute; top: calc(100% + var(--space-1)); bottom: auto; left: 0; z-index: var(--z-toast); display: grid; min-width: 18rem; padding: var(--space-1); border: 1px solid var(--color-border-subtle); border-radius: var(--radius-md); background: var(--color-surface); box-shadow: var(--shadow-overlay); }
.automation-action-picker-options button { display: grid; grid-template-columns: 1.5rem minmax(0, 1fr); gap: var(--space-2); align-items: center; min-height: var(--target-size-touch); padding: var(--space-2); border: 0; border-radius: var(--radius-sm); background: transparent; color: var(--color-text-primary); text-align: left; cursor: pointer; }
.automation-action-picker-options button:hover,
.automation-action-picker-options button:focus-visible { background: var(--color-surface-hover); }
.automation-action-picker-options button span { display: grid; gap: var(--space-1); }
.automation-action-picker-options small { color: var(--color-text-muted); }
.automation-observe-note { margin: 0; padding: 0 var(--space-4) var(--space-3); color: var(--color-status-info-text); font-size: var(--font-size-sm); }
.automation-technical-details dl { display: grid; gap: var(--space-2); }
.automation-technical-details dl > div { display: grid; grid-template-columns: 6rem minmax(0, 1fr); gap: var(--space-2); }

.automation-builder-rail { grid-column: 2; grid-row: 2; position: sticky; top: calc(var(--layout-topbar-height) + var(--space-4)); align-self: start; }
.automation-rule-status { display: grid; overflow: hidden; border: 1px solid var(--color-border-subtle); border-radius: var(--radius-lg); background: var(--color-surface); }
.automation-rule-status__header { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: var(--space-3); padding: var(--space-4); }
.automation-rule-status__header h2 { margin: 0; font-size: var(--font-size-xl); }
.automation-rule-status__header > div { display: flex; align-items: center; justify-content: end; gap: var(--space-2); color: var(--color-text-secondary); font-size: var(--font-size-sm); }
.automation-config,
.automation-impact-card { display: grid; overflow: hidden; border: 1px solid var(--color-border-subtle); border-radius: var(--radius-lg); background: var(--color-surface); }

.automation-rule-status > .automation-config,
.automation-rule-status > .automation-impact-card { border: 0; border-top: 1px solid var(--color-border-subtle); border-radius: 0; }

.automation-impact-card .automation-simulation { border: 0; border-radius: 0; }
.automation-config { position: static; gap: var(--space-4); padding: var(--space-4); }
.automation-config-heading { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: var(--space-2); }
.automation-config-heading h2,
.automation-config-heading h3 { margin: 0; font-size: var(--font-size-md); }
.automation-config-summary { display: grid; gap: var(--space-2); margin: 0; }
.automation-config-summary > div { display: grid; grid-template-columns: minmax(7rem, .8fr) minmax(0, 1.2fr); gap: var(--space-3); }
.automation-config-summary dt { color: var(--color-text-secondary); font-size: var(--font-size-sm); font-weight: var(--font-weight-semibold); }
.automation-config-summary dd { min-width: 0; margin: 0; color: var(--color-text-primary); font-size: var(--font-size-sm); overflow-wrap: anywhere; }
.automation-config-editor { display: grid; gap: var(--space-3); padding-top: var(--space-3); border-top: 1px solid var(--color-border-subtle); }
.automation-config-editor[hidden],
.automation-config-summary[hidden] { display: none; }
.automation-duration { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: var(--space-2); }
.automation-duration::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0.5rem;
  width: 0.95rem;
  height: 0.95rem;
  background: var(--color-text-muted);
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
  transform: translateY(-50%);
  pointer-events: none;
}
.automation-duration select { width: auto; min-width: 7rem; padding-right: 2.35rem; appearance: none; -webkit-appearance: none; field-sizing: content; }

.automation-simulation { display: grid; gap: var(--space-3); padding: var(--space-4); background: var(--color-surface); }
.automation-simulation h2 { font-size: var(--font-size-md); }
.automation-impact-heading { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: var(--space-2); }
.automation-impact-heading > div { display: grid; gap: var(--space-1); }
.automation-impact-heading small { color: var(--color-text-muted); font-size: var(--font-size-xs); }
.automation-impact-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-2); }
.automation-impact-metrics > div { display: grid; gap: var(--space-1); min-height: 5rem; place-content: center; padding: var(--space-2); border: 1px solid var(--color-border-subtle); border-radius: var(--radius-sm); background: var(--color-surface-panel); text-align: center; }
.automation-impact-metrics strong { color: var(--color-text-primary); font-size: var(--font-size-xl); }
.automation-impact-metrics span { color: var(--color-text-secondary); font-size: var(--font-size-xs); line-height: 1.25; }
.automation-sample-heading { display: flex; align-items: center; justify-content: space-between; gap: var(--space-2); }
.automation-sample-heading span { color: var(--color-selected-text); font-size: var(--font-size-xs); font-weight: var(--font-weight-semibold); }
.automation-sample-list { padding-left: 0 !important; list-style: none; }
.automation-sample-list li { display: grid; grid-template-columns: 2rem minmax(0, 1fr) auto; align-items: center; gap: var(--space-2); padding-block: var(--space-2); border-top: 1px solid var(--color-border-subtle); }
.automation-sample-list li > span:nth-child(2) { display: grid; gap: var(--space-1); min-width: 0; }
.automation-sample-list li > span:last-child { color: var(--color-text-secondary); font-size: var(--font-size-xs); text-align: right; }
.automation-sample-list small { color: var(--color-text-muted); font-size: var(--font-size-xs); }
.automation-sample-icon { display: grid; width: 2rem; height: 2rem; place-items: center; border-radius: var(--radius-sm); background: var(--color-selected-bg); color: var(--color-selected-text); }
.automation-impact-empty { display: grid; gap: var(--space-1); margin: 0; padding: var(--space-4); border-radius: var(--radius-sm); background: var(--color-surface-panel); }
.automation-impact-empty strong { font-size: var(--font-size-md); }
.automation-impact-empty p { color: var(--color-text-secondary); font-size: var(--font-size-sm); }
.automation-ready,
.automation-impact-warning { display: grid; grid-template-columns: 2rem minmax(0, 1fr); align-items: center; gap: var(--space-2); padding: var(--space-3); border: 1px solid var(--color-status-success-border); border-radius: var(--radius-sm); background: var(--color-status-success-bg); color: var(--color-status-success-text); }
.automation-ready span,
.automation-impact-warning span { display: grid; gap: var(--space-1); }
.automation-ready small,
.automation-impact-warning small { font-size: var(--font-size-xs); }
.automation-impact-warning { border-color: var(--color-status-warning-border); background: var(--color-status-warning-bg); color: var(--color-status-warning-text); }

.automation-checks { border-top: 1px solid var(--color-border-subtle); }
.automation-checks > summary { display: flex; align-items: center; justify-content: space-between; min-height: var(--control-height-md); padding: var(--space-2) var(--space-4); list-style: none; color: var(--color-text-secondary); font-size: var(--font-size-sm); font-weight: var(--font-weight-semibold); cursor: pointer; }
.automation-checks > summary::-webkit-details-marker { display: none; }
.automation-checks > summary .icon { transition: transform var(--motion-duration-fast) var(--motion-ease-standard); }
.automation-checks[open] > summary .icon { transform: rotate(180deg); }
.automation-checks ul { display: grid; gap: var(--space-2); margin: 0; padding: 0 var(--space-4) var(--space-4); list-style: none; }
.automation-checks li { display: flex; align-items: start; gap: var(--space-2); color: var(--color-text-secondary); font-size: var(--font-size-sm); }
.automation-checks li.is-valid { color: var(--color-status-success-text); }
.automation-checks li.is-error { color: var(--color-status-danger-text); }
.automation-checks li.is-pending { color: var(--color-status-waiting-text); }

.automation-review-list { display: grid; margin: 0; border: 1px solid var(--color-border-subtle); border-radius: var(--radius-md); }
.automation-review-list > div { display: grid; grid-template-columns: minmax(7rem, .7fr) minmax(0, 1.3fr); gap: var(--space-3); padding: var(--space-3); border-bottom: 1px solid var(--color-border-subtle); }
.automation-review-list > div:last-child { border-bottom: 0; }
.automation-review-list dt { color: var(--color-text-secondary); }
.automation-review-list dd { margin: 0; font-weight: var(--font-weight-semibold); }
.automation-review-note { padding: var(--space-3); background: var(--color-status-info-bg); color: var(--color-status-info-text); border-radius: var(--radius-sm); }

.automation-comparison { grid-column: 1 / -1; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: stretch; border-right: 0 !important; }
.automation-comparison article { display: grid; gap: var(--space-2); padding: var(--space-3); border: 1px solid var(--color-border-subtle); border-radius: var(--radius-sm); background: var(--color-surface-panel); }
.automation-comparison-arrow { align-self: center; color: var(--color-selected-text) !important; }
.automation-approval-reason { grid-column: 1 / -1; border-right: 0 !important; }
.automation-trace { padding: 0 !important; list-style: none; }
.automation-trace li { position: relative; display: grid; grid-template-columns: 1.75rem minmax(0, 1fr); gap: var(--space-2); padding-bottom: var(--space-3); }
.automation-trace li:not(:last-child)::after { position: absolute; top: 1.5rem; bottom: 0; left: .8rem; width: 1px; content: ''; background: var(--color-border-subtle); }
.automation-trace li > span { display: grid; width: 1.75rem; height: 1.75rem; z-index: 1; place-items: center; border-radius: 50%; background: var(--color-selected-bg); color: var(--color-selected-text); }
.automation-trace li > div { display: grid; gap: var(--space-1); }
.automation-trace small { color: var(--color-text-secondary); }
.automation-decision-reason { padding: var(--space-3); border-radius: var(--radius-sm); background: var(--color-status-review-bg); color: var(--color-status-review-text); }

@media (max-width: 74rem) {
  .automation-layout {
    grid-template-columns: 1fr;
    grid-template-areas:
      "attention"
      "filters"
      "rules";
  }
  .automation-layout:not(:has(.automation-attention.has-attention)) {
    grid-template-areas:
      "filters"
      "rules"
      "attention";
  }
  .automation-attention { position: static; }
}

@media (max-width: 62rem) {
  .automation-builder-grid { grid-template-columns: 1fr; grid-template-rows: auto; }
  .automation-flow,
  .automation-builder-rail { grid-column: 1; grid-row: auto; }
  .automation-builder-rail { position: static; }
  .automation-stage-nav { grid-template-columns: repeat(4, minmax(12rem, 1fr)); overflow-x: auto; }
  .automation-rule-head { display: none; }
  .automation-rule-row { grid-template-columns: minmax(0, 1fr) auto; gap: var(--space-3); padding: var(--space-4); }
  .automation-rule-main { grid-column: 1; grid-row: 1; }
  .automation-rule-menu { grid-column: 2; grid-row: 1; }
  .automation-rule-scope { grid-column: 1 / -1; grid-row: 2; display: flex; justify-content: space-between; gap: var(--space-2); padding-top: var(--space-3); border-top: 1px solid var(--color-border-subtle); }
  .automation-rule-row > [data-label="Estado"] { grid-column: 1; grid-row: 3; }
  .automation-rule-row > [data-label="Modo"] { grid-column: 2; grid-row: 3; }
  .automation-rule-last { grid-column: 1 / -1; grid-row: 4; display: flex; justify-content: space-between; gap: var(--space-2); padding-top: var(--space-3); border-top: 1px solid var(--color-border-subtle); }
  .automation-rule-main small { white-space: normal; }
  .automation-activity-row { grid-template-columns: 2.25rem minmax(0, 1fr) 7.5rem minmax(7rem, auto) var(--target-size-touch); }
  .automation-activity-action { grid-column: 2 / 4; grid-row: 2; }
  .automation-activity-row > time { grid-column: 3; grid-row: 1; }
  .automation-activity-result { grid-column: 4; grid-row: 1; }
  .automation-activity-chevron { grid-column: 5; grid-row: 1; }
  .automation-activity-batch > summary { grid-template-columns: 2.25rem minmax(0, 1fr) 7.5rem minmax(15rem, auto) var(--target-size-touch); }
  .automation-activity-row--nested { grid-template-columns: 2.25rem minmax(0, 1fr) minmax(10rem, .8fr) minmax(7rem, auto) var(--target-size-touch); }
  .automation-activity-batch-head { grid-template-columns: minmax(0, 1fr) minmax(10rem, .8fr) minmax(7rem, auto); }
}

@media (max-width: 46rem) {
  .automation-page,
  .automation-builder,
  .automation-approval { gap: var(--space-4); }
  .automation-intro { display: none; }
  .automation-layout {
    grid-template-areas:
      "filters"
      "attention"
      "rules";
    gap: 0;
  }
  .automation-layout:not(:has(.automation-attention.has-attention)) {
    grid-template-areas:
      "filters"
      "rules"
      "attention";
  }
  .automation-layout > .automation-filter-bar { margin-bottom: var(--space-4); }
  .automation-attention.has-attention {
    border-bottom: 0;
    border-radius: var(--radius-md) var(--radius-md) 0 0;
  }
  .automation-attention.has-attention > header { background: var(--color-status-warning-bg); }
  .automation-attention.has-attention > header h2 { color: var(--color-status-warning-text); }
  .automation-attention.has-attention + .automation-rule-list {
    border-radius: 0 0 var(--radius-md) var(--radius-md);
  }
  .automation-builder-header { display: grid; grid-template-columns: minmax(0, 1fr); align-items: start; }
  .automation-builder-header > div:first-child { width: 100%; }
  .automation-builder-actions { width: 100%; justify-content: flex-end; }
  .automation-builder-nav { justify-content: space-between; }
  .automation-builder-nav .status { display: inline-flex; }
  .automation-builder-nav .text-link { min-width: var(--target-size-touch); min-height: var(--target-size-touch); justify-content: center; }
  .automation-builder-nav .text-link .icon { width: 1.15rem; height: 1.15rem; }
  .automation-builder-header p { display: none; }
  .automation-builder-actions { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-2); }
  .automation-builder-actions .button { width: 100%; min-width: 0; min-height: var(--target-size-touch); padding-inline: var(--space-2); }
  .automation-builder-compact-status { justify-content: space-between; }
  .automation-stage-nav { grid-template-columns: repeat(4, minmax(10.5rem, 1fr)); }
  .automation-stage-nav__item { min-height: 4.5rem; padding: var(--space-3); }
  .automation-stage-nav__copy small { white-space: normal; }
  .automation-tabs { max-width: 100%; overflow-x: auto; }
  .automation-tabs { width: calc(100% + var(--space-4)); margin-inline: calc(var(--space-2) * -1); }
  .automation-tabs button { flex: 1 1 0%; padding-inline: var(--space-3); }
  .automation-empty-guidance { min-height: 0; padding: var(--space-6) var(--space-4); }
  .automation-empty-guidance p,
  .automation-empty-guidance ul { width: 100%; }
  .automation-empty-guidance li { min-height: var(--target-size-touch); font-size: var(--font-size-sm); }
  .automation-empty-guidance-actions { display: grid; width: 100%; gap: var(--space-2); }
  .automation-empty-guidance-actions .button { width: 100%; min-height: var(--target-size-touch); }
  .automation-empty-guidance-actions .text-link { min-height: var(--target-size-touch); }
  .automation-attention button { padding: var(--space-3) var(--space-4); }
  .automation-rule-open {
    display: -webkit-box;
    white-space: normal;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .automation-builder-grid { grid-template-columns: 1fr; gap: var(--space-4); }
  .automation-flow { min-height: 0; }
  .automation-rule-status__header { grid-template-columns: 1fr; }
  .automation-rule-status__header > div { justify-content: start; }
  .automation-config { position: static; }
  .automation-step > summary { min-height: var(--target-size-touch); padding-inline: var(--space-3); }
  .automation-step > summary strong { white-space: normal; }
  .automation-step-summary-copy { grid-template-columns: 1fr; }
  .automation-step-summary-copy > * { grid-column: 1; }
  .automation-step-summary-actions { gap: var(--space-2); }
  .automation-step > :not(summary) { margin-inline: var(--space-3); }
  .automation-step-fields,
  .automation-action-fields,
  .automation-condition-fields { grid-template-columns: 1fr; }
  .automation-condition-fields { grid-auto-rows: auto; }
  .automation-condition-columns { display: none; }
  .automation-condition-fields .field { gap: var(--space-2); }
  .automation-builder .automation-condition-fields .field > span:first-child { position: static; grid-row: auto; grid-column: 1 / -1; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; white-space: normal; }
  .automation-builder .automation-condition-fields .field > select:not([multiple]):not([size]) { grid-row: 2; width: 100%; }
  .automation-builder .automation-condition-fields .field:has(> select:not([multiple]):not([size]))::after { grid-row: 2; }
  .automation-number-value { height: var(--target-size-touch); }
  .automation-condition-group-card.depth-1,
  .automation-condition-group-card.depth-2,
  .automation-condition-group-card.depth-3 { margin-left: var(--space-2); }
  .automation-condition-row { grid-template-columns: 1fr; align-items: start; }
  .automation-item-controls { justify-content: flex-end; }
  .automation-action-editor > summary { grid-template-columns: 2.5rem minmax(0, 1fr); padding-right: 3.5rem; }
  .automation-action-edit-copy { grid-column: 2; justify-self: start; }
  .automation-action-summary-copy > span { white-space: normal; }
  .automation-action-fields > .field-wide { grid-column: auto; }
  .automation-item-menu-popover { position: fixed; right: var(--space-3); bottom: calc(var(--layout-mobile-bottom-nav-height) + var(--space-3) + env(safe-area-inset-bottom)); left: var(--space-3); width: auto; }
  .automation-action-picker-options { position: fixed; top: auto; right: var(--space-3); bottom: calc(var(--layout-mobile-bottom-nav-height) + var(--space-3) + env(safe-area-inset-bottom)); left: var(--space-3); width: auto; min-width: 0; }
  .automation-block { grid-template-columns: 1fr; }
  .automation-condition-row { grid-template-columns: 1fr; }
  .automation-action-row { grid-template-columns: 1fr; }
  .automation-builder input:not([type="checkbox"]),
  .automation-builder select,
  .automation-builder textarea,
  .automation-builder .button,
  .automation-item-menu button { min-height: var(--target-size-touch); }
  .automation-impact-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .automation-sample-list li { grid-template-columns: 2rem minmax(0, 1fr); }
  .automation-sample-list li > span:last-child { grid-column: 2; text-align: left; }
  .automation-activity-heading h1 { font-size: var(--font-size-2xl); }
  .automation-activity-heading p { font-size: var(--font-size-sm); }
  .automation-activity-days { gap: var(--space-4); }
  .automation-activity-row { grid-template-columns: 2.25rem minmax(0, 1fr) auto; gap: var(--space-2); padding: var(--space-3); }
  .automation-activity-identity { grid-column: 2; grid-row: 1; }
  .automation-activity-action { grid-column: 2 / -1; grid-row: 2; white-space: normal; }
  .automation-activity-row > time { grid-column: 2; grid-row: 3; }
  .automation-activity-result { grid-column: 3; grid-row: 1; }
  .automation-activity-result .status { max-width: 8rem; white-space: normal; }
  .automation-activity-chevron { grid-column: 3; grid-row: 3; }
  .automation-activity-batch > summary { grid-template-columns: 2.25rem minmax(0, 1fr) var(--target-size-touch); gap: var(--space-2); padding: var(--space-3); }
  .automation-activity-batch > summary .automation-activity-identity { grid-column: 2; grid-row: 1; }
  .automation-activity-batch > summary time { grid-column: 2; grid-row: 2; }
  .automation-activity-batch-results { grid-column: 1 / -1; grid-row: 3; justify-content: start; }
  .automation-activity-batch-chevron { grid-column: 3; grid-row: 1; }
  .automation-activity-row--nested { padding-left: var(--space-3); }
  .automation-activity-row--nested .automation-activity-action { grid-column: 2 / -1; grid-row: 2; }
  .automation-activity-row--nested .automation-activity-result { grid-column: 3; grid-row: 1; }
  .automation-activity-row--nested .automation-activity-chevron { grid-column: 3; grid-row: 3; }
  .automation-activity-batch-head { display: none; }
  .automation-approval { padding-bottom: calc(var(--layout-mobile-bottom-nav-height) + var(--space-8)); }
  .automation-approval header > .text-link { display: none; }
  .automation-approval-summary { grid-template-columns: 1fr; }
  .automation-approval-summary > div:nth-child(odd) { border-right: 0; }
  .automation-comparison { grid-template-columns: 1fr; }
  .automation-comparison-arrow { justify-self: center; transform: rotate(90deg); }
  .automation-decision-bar { position: fixed; right: var(--space-3); bottom: calc(var(--layout-mobile-bottom-nav-height) + var(--space-2) + env(safe-area-inset-bottom)); left: var(--space-3); z-index: var(--z-sticky); display: grid; grid-template-columns: 1fr 1.3fr; box-shadow: var(--shadow-overlay); }
  .automation-decision-bar .field { grid-column: 1 / -1; }
  .automation-decision-bar > .button { min-height: var(--target-size-touch); }
}

@media (max-width: 46rem) {
  .automation-builder .field > select:not([multiple]):not([size]),
  .automation-builder .automation-duration select {
    min-height: var(--target-size-touch);
  }
}

@media (max-width: 340px) {
  body:has(.automation-page) .topbar-context .breadcrumbs strong {
    font-size: var(--font-size-sm);
  }
}

@media (max-width: 46rem) {
  .automation-filter-bar {
    gap: var(--space-3);
    margin: 0 0 var(--space-4);
    padding: 0;
    border: 0;
    background: transparent;
  }

  .automation-filter-bar .filter-bar__controls {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: var(--space-2);
  }

  .automation-filter-bar .search-field {
    display: flex;
    grid-column: auto;
    flex: 1 1 14rem;
    width: 100%;
    min-width: 0;
    max-width: none;
    min-height: var(--target-size-touch);
    padding-inline: var(--space-3);
    border: 1px solid var(--color-border-strong);
    border-radius: var(--radius-lg);
    background: var(--color-surface);
  }

  .automation-filter-bar .search-field input {
    height: calc(var(--target-size-touch) - 2px);
    font-size: var(--font-size-md);
  }

  .automation-filter-bar .filter-bar__segments,
  .automation-filter-bar .filter-more-button {
    display: none;
  }

  .automation-filter-bar .filter-bar__meta {
    padding-inline: 0;
  }

  .mobile-filter-toolbar.automation-mobile-toolbar {
    grid-template-columns: auto;
    width: auto;
  }

  .automation-mobile-toolbar > .button {
    min-width: 6.5rem;
  }
}

@media (max-width: 340px) {
  .automation-mobile-toolbar > .button > .icon { display: inline-flex; }
  .automation-mobile-toolbar > .button { min-width: 6rem; }
}