/** * Primary CTAs (Run backtest, Simulate, Screen, Analyze, Rank). * Load this file LAST in so it wins over page inline styles and * native button appearance (WebKit/Safari). */ button.btn-primary-action, .btn-primary-action { display: inline-flex; align-items: center; justify-content: center; gap: 0.45rem; padding: 0.55rem 1rem; border-radius: 8px; font-size: 0.8125rem; font-weight: 600; line-height: 1.2; cursor: pointer; font-family: inherit; text-align: center; box-sizing: border-box; -webkit-appearance: none; appearance: none; background-color: var(--primary-color, #32cd32) !important; border: 1px solid transparent !important; color: #0a0a0a !important; transition: background 0.15s ease, opacity 0.15s ease; } button.btn-primary-action:hover, .btn-primary-action:hover { background-color: #2dd42d !important; } button.btn-primary-action:focus-visible, .btn-primary-action:focus-visible { outline: 2px solid rgba(50, 205, 50, 0.45); outline-offset: 2px; } button.btn-primary-action:disabled, .btn-primary-action:disabled { opacity: 0.55; cursor: not-allowed; pointer-events: none; } .btn-primary-action .loading-spinner { display: none; } .btn-primary-action:disabled .btn-text { display: none; } .btn-primary-action:disabled .loading-spinner { display: inline-block; animation: btn-primary-spin 1s linear infinite; } .btn-primary-action.processing { opacity: 0.6; pointer-events: none; } .btn-primary-action.processing i:not(.fa-spinner) { display: none; } .btn-primary-action .fa-spinner { display: none; } .btn-primary-action.processing .fa-spinner { display: inline-block; animation: btn-primary-spin 1s linear infinite; } @keyframes btn-primary-spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }