.app-button { display: inline-flex; min-height: 42px; align-items: center; justify-content: center; padding: 0 16px; border: 1px solid transparent; border-radius: var(--radius-sm); font-weight: 600; font-size: .82rem; cursor: pointer; transition: background var(--transition), border-color var(--transition), opacity var(--transition); }
.app-button--primary { color: #fff; background: var(--color-primary); }
.app-button--primary:hover { background: var(--color-primary-hover); }
.app-button--secondary { color: var(--color-primary); border-color: #cfdad7; background: #f5f9f8; }
.app-button--ghost { color: var(--color-text-muted); border-color: var(--color-border); background: transparent; }
.app-button--compact { min-height: 36px; padding: 0 12px; }
.app-button--full { width: 100%; }
.app-button:disabled { opacity: .52; cursor: not-allowed; }