/* Only opt-in Aura classes: business page CSS remains owned by the legacy layer. */
.aura-button, .aura-input, .aura-toggle, .aura-tag, .aura-card, .aura-modal {
  box-sizing: border-box;
  font-family: var(--aura-font-body);
  color: var(--aura-text);
}
.aura-button {
  display: inline-flex; align-items: center; justify-content: center; gap: var(--aura-space-2);
  min-height: var(--aura-control-height); padding: var(--aura-space-2) var(--aura-space-4);
  border: var(--aura-border); border-radius: var(--aura-radius-sm);
  background: var(--aura-card); color: var(--aura-text); font-size: var(--aura-text-sm);
  font-weight: var(--aura-weight-semibold); line-height: var(--aura-leading-tight); cursor: pointer;
  transition: background-color var(--aura-duration-fast) var(--aura-easing), border-color var(--aura-duration-fast) var(--aura-easing);
}
.aura-button:hover:not(:disabled) { background: var(--aura-primary-soft); border-color: var(--aura-primary); }
.aura-button[data-variant="primary"] { background: var(--aura-primary); border-color: var(--aura-primary); color: var(--aura-on-primary); }
.aura-button[data-variant="primary"]:hover:not(:disabled) { background: var(--aura-primary-hover); }
.aura-button[data-variant="ghost"] { background: transparent; border-color: transparent; }
.aura-button[data-variant="danger"] { background: var(--aura-danger-soft); color: var(--aura-danger); }
.aura-button:active:not(:disabled) { box-shadow: inset 0 0 0 var(--aura-border-width) currentColor; }
.aura-button:disabled, .aura-input:disabled { opacity: .55; cursor: not-allowed; }
.aura-button__icon { display: inline-flex; align-items: center; font-size: var(--aura-text-lg); }
.aura-button__icon svg { width: 1.25em; height: 1.25em; }
.aura-icon-button { min-width: var(--aura-touch-target); min-height: var(--aura-touch-target); padding: var(--aura-space-2); flex-shrink: 0; }
.aura-button:focus-visible, .aura-input:focus-visible, .aura-toggle__control:focus-visible {
  outline: var(--aura-focus-ring); outline-offset: var(--aura-focus-offset);
}
.aura-card { min-width: 0; padding: var(--aura-space-6); background: var(--aura-card); border: var(--aura-border); border-radius: var(--aura-radius-lg); box-shadow: var(--aura-shadow-card); }
.aura-section-header { position: static; inset: auto; z-index: auto; padding: 0; border: 0; background: transparent; backdrop-filter: none; -webkit-backdrop-filter: none; box-shadow: none; display: flex; align-items: center; justify-content: space-between; gap: var(--aura-space-4); flex-wrap: wrap; margin-bottom: var(--aura-space-4); }
.aura-section-header__text { min-width: 0; }
.aura-section-header__title, .aura-modal__title { margin: 0; color: var(--aura-text); font-size: var(--aura-text-lg); line-height: var(--aura-leading-tight); overflow-wrap: anywhere; }
.aura-section-header__subtitle { margin: var(--aura-space-1) 0 0; color: var(--aura-text-secondary); font-size: var(--aura-text-sm); }
.aura-actions { display: flex; align-items: center; gap: var(--aura-space-2); flex-wrap: wrap; }
.aura-field { display: grid; gap: var(--aura-space-2); min-width: 0; }
.aura-field__label { color: var(--aura-text); font-size: var(--aura-text-sm); font-weight: var(--aura-weight-semibold); }
.aura-input { width: 100%; min-width: 0; min-height: var(--aura-control-height); padding: var(--aura-space-2) var(--aura-space-3); background: var(--aura-raised); border: var(--aura-border); border-radius: var(--aura-radius-sm); font-size: var(--aura-text-md); line-height: var(--aura-leading-body); }
textarea.aura-input { min-height: 7rem; resize: vertical; }
.aura-input::placeholder { color: var(--aura-text-muted); opacity: 1; }
.aura-input[aria-invalid="true"] { border-color: var(--aura-danger); }
.aura-field__hint { color: var(--aura-text-secondary); font-size: var(--aura-text-sm); }
.aura-field__error { color: var(--aura-danger); font-size: var(--aura-text-sm); }
.aura-toggle { display: inline-flex; align-items: center; gap: var(--aura-space-3); min-height: var(--aura-touch-target); cursor: pointer; }
.aura-toggle__control { width: 1.25rem; height: 1.25rem; margin: 0; accent-color: var(--aura-primary); flex-shrink: 0; }
.aura-toggle:has(:disabled) { opacity: .55; cursor: not-allowed; }
.aura-tag { display: inline-flex; align-items: center; border-radius: var(--aura-radius-pill); padding: var(--aura-space-1) var(--aura-space-2); background: var(--aura-raised); font-size: var(--aura-text-xs); line-height: var(--aura-leading-tight); font-weight: var(--aura-weight-semibold); }
.aura-tag[data-tone="primary"], .aura-tag[data-tone="success"] { background: var(--aura-primary-soft); color: var(--aura-primary); }
.aura-tag[data-tone="danger"] { background: var(--aura-danger-soft); color: var(--aura-danger); }
.aura-tag[data-tone="warning"] { background: var(--aura-warning-soft); color: var(--aura-warning); }
.aura-tabs { display: flex; gap: var(--aura-space-2); flex-wrap: wrap; }
.aura-tabs [aria-selected="true"] { background: var(--aura-primary-soft); color: var(--aura-primary); border-color: var(--aura-primary); box-shadow: inset 0 -2px 0 currentColor; font-weight: var(--aura-weight-bold); }
.aura-segmented-control { padding: var(--aura-space-1); border: var(--aura-border); border-radius: var(--aura-radius-md); background: var(--aura-raised); }
.aura-segmented-control .aura-button { flex: 1; border-color: transparent; }
.aura-state { padding: var(--aura-space-6); text-align: center; color: var(--aura-text-secondary); }
.aura-state__title { color: var(--aura-text); }
.aura-state__message { margin: var(--aura-space-2) 0; overflow-wrap: anywhere; }
.aura-state--error { color: var(--aura-danger); }
.aura-modal { width: min(36rem, calc(100vw - var(--aura-space-8))); max-height: calc(100dvh - var(--aura-space-8)); padding: var(--aura-space-6); background: var(--aura-card); border: var(--aura-border); border-radius: var(--aura-radius-lg); box-shadow: var(--aura-shadow-modal); overflow: auto; }
.aura-modal::backdrop { background: var(--aura-overlay); }
.aura-modal__body { min-width: 0; }
.aura-modal > .aura-actions { margin-top: var(--aura-space-6); justify-content: flex-end; }
.aura-modal > [role="alert"] { margin-top: var(--aura-space-4); }
.aura-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
@media (prefers-reduced-motion: reduce) { .aura-button { transition: none; } }