/* ── True in-table edit (subtle: same table, light cues) ─────────── */
body.portfolio-table-edit #table-edit-bar,
body.portfolio-table-edit-pending #table-edit-bar {
  display: block;
}
/* Loading / resume: keep view tables; only sticky bar shows */
body.portfolio-table-edit-pending #new-snapshot-modal {
  display: none !important;
}

/* Header Cancel/Review — seamless with .ds-snapshot-action-bar (date stays on view chip) */
.ds-table-edit-header-actions {
  display: inline-flex;
  align-items: stretch;
  height: 100%;
}
.ds-table-edit-header-actions.hidden { display: none !important; }
/* Locked date chip while editing */
body.portfolio-table-edit #snapshot-date-trigger:disabled,
body.portfolio-table-edit-pending #snapshot-date-trigger:disabled {
  opacity: 1;
  cursor: default;
  color: var(--ds-text-secondary);
  background: #fff;
}
body.portfolio-table-edit #snapshot-date-trigger:disabled:hover,
body.portfolio-table-edit-pending #snapshot-date-trigger:disabled:hover {
  background: #fff;
  color: var(--ds-text-secondary);
}
body.portfolio-table-edit #snapshot-date-trigger:disabled .ds-snapshot-action-btn-chevron {
  opacity: 0.35;
}
.ds-snapshot-action-btn--cancel {
  min-width: 3.5rem;
  width: auto;
  padding: 0 0.75rem;
  font-size: var(--ds-text-caption);
  font-weight: var(--ds-weight-medium);
  color: var(--ds-text-secondary);
  border-left: 1px solid var(--ds-border);
  background: #fff;
}
.ds-snapshot-action-btn--cancel:hover:not(:disabled) {
  background: var(--ds-surface-inset);
  color: var(--ds-text);
}
.ds-snapshot-action-btn--review {
  min-width: 3.75rem;
  width: auto;
  padding: 0 0.85rem;
  font-size: var(--ds-text-caption);
  font-weight: var(--ds-weight-semibold);
  color: #fff;
  background: var(--ds-brand-hero);
  border-left: 1px solid color-mix(in srgb, var(--ds-brand-hero) 75%, #000);
}
.ds-snapshot-action-btn--review:hover {
  filter: brightness(1.06);
  color: #fff;
}
/* Soft editing affordance — not a heavy ring */
.ds-snapshot-action-bar--editing {
  border-color: rgb(var(--ds-brand-hero-rgb) / 0.4);
  box-shadow:
    0 0 0 1px rgb(var(--ds-brand-hero-rgb) / 0.12),
    0 1px 2px rgb(15 23 42 / 0.04);
}