/* ── Tags ───────────────────────────────────────────────── */
.tag-inactive, .tag-processing {
  font-family: var(--font-mono); font-size: 9px; font-weight: 600;
  padding: 1px var(--space-1); border-radius: var(--radius-sm);
  letter-spacing: 0.06em; text-transform: uppercase;
}
.tag-inactive {
  background: var(--yellow-dim);
  border: 1px solid color-mix(in srgb, var(--yellow) 25%, transparent);
  color: var(--yellow);
}
.tag-processing {
  background: color-mix(in srgb, var(--accent) 13%, transparent);
  border: 1px solid color-mix(in srgb, var(--accent) 25%, transparent);
  color: var(--accent);
}

/* ── Script Action Buttons ──────────────────────────────── */
.script-actions { display: flex; gap: var(--space-1); align-items: center; }

.btn-activate, .btn-deactivate, .btn-delete {
  font-family: var(--font-mono); font-size: 9px;
  padding: 2px var(--space-2); border-radius: var(--radius-sm);
  cursor: pointer; transition: all var(--transition-fast);
  letter-spacing: 0.05em; text-transform: uppercase;
}
.btn-activate {
  background: color-mix(in srgb, var(--green2) 13%, transparent);
  border: 1px solid color-mix(in srgb, var(--green2) 25%, transparent);
  color: var(--green2); font-weight: 600;
}
.btn-activate:hover {
  background: color-mix(in srgb, var(--green2) 20%, transparent);
  border-color: var(--green2);
}
.btn-deactivate {
  background: var(--yellow-dim);
  border: 1px solid color-mix(in srgb, var(--yellow) 25%, transparent);
  color: var(--yellow);
}
.btn-deactivate:hover {
  background: color-mix(in srgb, var(--yellow) 18%, transparent);
  border-color: var(--yellow);
}
.btn-delete {
  background: var(--red-dim);
  border: 1px solid color-mix(in srgb, var(--red) 25%, transparent);
  color: var(--red);
}
.btn-delete:hover {
  background: color-mix(in srgb, var(--red) 20%, transparent);
  border-color: var(--red);
}

/* ── Inline Confirm ─────────────────────────────────────── */
.script-confirm {
  margin-top: var(--space-3); padding: var(--space-3);
  border-radius: var(--radius-md); animation: fadeInUp 0.15s ease;
}
@keyframes fadeInUp {
  from { opacity: 0; transform: translateY(-4px); }
  to   { opacity: 1; transform: translateY(0); }
}
.script-confirm.confirm-activate {
  background: color-mix(in srgb, var(--green2) 10%, transparent);
  border: 1px solid color-mix(in srgb, var(--green2) 30%, transparent);
}
.script-confirm.confirm-warn {
  background: var(--yellow-dim);
  border: 1px solid color-mix(in srgb, var(--yellow) 25%, transparent);
}
.script-confirm.confirm-delete {
  background: color-mix(in srgb, var(--red) 10%, transparent);
  border: 1px solid color-mix(in srgb, var(--red) 30%, transparent);
}
.confirm-text {
  font-size: 12px; color: var(--text2);
  margin-bottom: var(--space-3); line-height: 1.5;
}
.confirm-text strong { color: var(--text); font-family: var(--font-mono); }
.confirm-sub { font-family: var(--font-mono); font-size: 10px; color: var(--text2); }
.confirm-btns { display: flex; gap: var(--space-2); align-items: center; }

/* Confirm action buttons — inheriten von .btn-secondary/.btn-ghost base pattern */
.btn-confirm-cancel, .btn-confirm-activate,
.btn-confirm-deactivate, .btn-confirm-delete {
  font-family: var(--font-mono); font-size: 10px;
  padding: 4px var(--space-3); border-radius: var(--radius-sm);
  cursor: pointer; transition: all var(--transition-fast); letter-spacing: 0.05em;
}
.btn-confirm-cancel {
  border: 1px solid var(--border); background: transparent; color: var(--text2);
}
.btn-confirm-cancel:hover { border-color: var(--border-active); color: var(--text); }
.btn-confirm-activate {
  border: 1px solid color-mix(in srgb, var(--green2) 40%, transparent);
  background: color-mix(in srgb, var(--green2) 12%, transparent); color: var(--green2);
}
.btn-confirm-activate:hover {
  background: color-mix(in srgb, var(--green2) 22%, transparent); border-color: var(--green2);
}
.btn-confirm-deactivate {
  border: 1px solid color-mix(in srgb, var(--yellow) 30%, transparent);
  background: var(--yellow-dim); color: var(--yellow);
}
.btn-confirm-deactivate:hover {
  background: color-mix(in srgb, var(--yellow) 18%, transparent); border-color: var(--yellow);
}
.btn-confirm-delete {
  border: 1px solid color-mix(in srgb, var(--red) 40%, transparent);
  background: var(--red-dim); color: var(--red);
}
.btn-confirm-delete:hover {
  background: color-mix(in srgb, var(--red) 22%, transparent); border-color: var(--red);
}