@layer ll-service-extension.components {
  .ll-service-extension .ll-se-save-action {
    display: inline-flex;
    flex-wrap: wrap;
    gap: var(--ll-se-space-2);
    align-items: center;
  }

  .ll-service-extension .ll-se-save-action__button {
    min-block-size: 2.75rem;
    padding: var(--ll-se-space-2) var(--ll-se-space-4);
    color: var(--ll-se-color-text-primary);
    cursor: pointer;
    background: var(--ll-se-color-surface-raised);
    border: 0.0625rem solid var(--ll-se-color-border-strong);
    border-radius: var(--ll-se-radius-pill);
  }

  .ll-service-extension .ll-se-save-action__button[aria-pressed="true"] {
    background: var(--ll-se-color-accent-soft);
    border-color: var(--ll-se-color-accent-strong);
  }

  .ll-service-extension .ll-se-save-action__button:disabled {
    color: var(--ll-se-color-text-muted);
    cursor: wait;
  }

  .ll-service-extension .ll-se-save-action__status {
    color: var(--ll-se-color-text-secondary);
    font-size: var(--ll-se-font-size-sm);
  }

  .ll-service-extension .ll-se-save-action[data-status="capacity"] .ll-se-save-action__status,
  .ll-service-extension .ll-se-save-action[data-status="error"] .ll-se-save-action__status {
    color: var(--ll-se-color-danger);
  }
}