/* equity-gate.css — overlay shown when a user's balance is below the
   per-page minimum on /auto-trade ($1000) and /trade-ideas ($500).
   Pairs with static/mui_assets/js/equity-gate.js. */

.sa-equity-gate {
    position: fixed;
    inset: 0;
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 9000;
    background: rgba(0, 0, 0, 0.55);
    -webkit-backdrop-filter: saturate(160%) blur(14px);
    backdrop-filter: saturate(160%) blur(14px);
    padding: 1.5rem;
    animation: saFadeIn 220ms ease;
}

.sa-equity-gate.is-open { display: flex; }

@keyframes saFadeIn {
    from { opacity: 0; }
    to   { opacity: 1; }
}

.sa-equity-gate-card {
    width: min(420px, 92vw);
    background: #1c1c1c;
    color: #f3f3f3;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 18px;
    padding: 1.875rem 1.75rem 1.625rem;
    text-align: center;
    box-shadow: 0 24px 60px -20px rgba(0, 0, 0, 0.7),
                0 1px 2px rgba(0, 0, 0, 0.25);
}

.sa-equity-gate-icon {
    width: 3.5rem;
    height: 3.5rem;
    margin: 0 auto 1rem;
    border-radius: 9999px;
    background: rgba(238, 90, 67, 0.16); /* --primary-color tinted */
    color: #ee5a43;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.625rem;
}

.sa-equity-gate-title {
    margin: 0 0 0.5rem;
    font-size: 1.125rem;
    font-weight: 600;
    color: #ffffff;
    letter-spacing: -0.01em;
}

.sa-equity-gate-sub {
    margin: 0 0 1.5rem;
    font-size: 0.875rem;
    line-height: 1.55;
    color: rgba(243, 243, 243, 0.72);
}

.sa-equity-gate-amount {
    color: #ffffff;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}

.sa-equity-gate-btn {
    appearance: none;
    border: 0;
    background: #ee5a43; /* --primary-color */
    color: #ffffff;
    border-radius: 9999px;
    padding: 0.6875rem 1.5rem;
    font-size: 0.9375rem;
    font-weight: 600;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 0.4375rem;
    transition: background-color 160ms ease, box-shadow 160ms ease, transform 100ms ease;
}

.sa-equity-gate-btn:hover {
    background: #d34e39;
    box-shadow: 0 4px 12px -4px rgba(238, 90, 67, 0.5);
}

.sa-equity-gate-btn:active { transform: scale(0.98); }
.sa-equity-gate-btn i { font-size: 1rem; }

/* Lock background scroll while the gate is shown. */
body.sa-equity-gate-active { overflow: hidden !important; }