.automation-node {
  position: relative;
  min-width: 230px;
  max-width: 260px;
  background: var(--card);
  border: 2px solid var(--foreground);
  border-radius: 14px;
  box-shadow: 3px 3px 0 var(--foreground);
  transition: transform 120ms ease, box-shadow 120ms ease;
}

.automation-node:hover {
  transform: translate(-1px, -1px);
  box-shadow: 4px 4px 0 var(--foreground);
}

.automation-node--wide {
  min-width: 260px;
  max-width: 260px;
}

.automation-node.is-selected {
  transform: translate(-2px, -2px);
  box-shadow: 5px 5px 0 #7c3aed;
}

.automation-node__header {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  padding: 0.625rem 0.875rem;
  border-bottom: 2px solid var(--foreground);
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}

.automation-node__icon-tile {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border: 2px solid var(--foreground);
  border-radius: 8px;
  flex-shrink: 0;
  transform: rotate(-3deg);
}

.automation-node__icon-tile--violet  { background: #ede9fe; color: #5b21b6; }
.automation-node__icon-tile--blue    { background: #dbeafe; color: #1d4ed8; }
.automation-node__icon-tile--amber   { background: #fef3c7; color: #92400e; }
.automation-node__icon-tile--rose    { background: #ffe4e6; color: #be123c; }
.automation-node__icon-tile--emerald { background: #d1fae5; color: #047857; }
.automation-node__icon-tile--slate   { background: #e2e8f0; color: #334155; }
.automation-node__icon-tile--zinc    { background: #e4e4e7; color: #27272a; }
.automation-node__icon-tile--cyan    { background: #cffafe; color: #155e75; }

.automation-node--accent-violet  .automation-node__header { background: #f5f3ff; }
.automation-node--accent-blue    .automation-node__header { background: #eff6ff; }
.automation-node--accent-amber   .automation-node__header { background: #fffbeb; }
.automation-node--accent-rose    .automation-node__header { background: #fff1f2; }
.automation-node--accent-emerald .automation-node__header { background: #ecfdf5; }
.automation-node--accent-slate   .automation-node__header { background: #f1f5f9; }
.automation-node--accent-zinc    .automation-node__header { background: #f4f4f5; }
.automation-node--accent-cyan    .automation-node__header { background: #ecfeff; }

.automation-node__title {
  min-width: 0;
  font-weight: 700;
  font-size: 0.875rem;
  color: var(--foreground);
  line-height: 1.2;
  letter-spacing: -0.005em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.automation-node__summary {
  padding: 0.625rem 0.875rem 0.75rem 0.875rem;
  font-size: 0.75rem;
  font-weight: 500;
  color: color-mix(in srgb, var(--foreground) 70%, transparent);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}

.automation-node__branches {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.375rem 0.875rem 0.625rem 0.875rem;
  font-size: 0.625rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.automation-node__branch--yes { color: #047857; }
.automation-node__branch--no  { color: #be123c; }