/* =========================================================
   THE PUBLIC PARTNER PROGRAM
   Loaded after public.css, legal.css and apply.css, whose generic
   .apply-panel / .apply-field / .apply-status / .apply-badge / .apply-message
   classes this page reuses as-is. Only what is genuinely new lives here:
   status colours for the Partner Program's own five statuses, the
   referral code display, and a small stats grid.
   ========================================================= */

.apply-badge--approved  { border-color: rgba(53, 214, 230, 0.5); color: var(--accent); background: var(--accent-soft); }
.apply-badge--denied,
.apply-badge--ended     { color: var(--text-muted); }
.apply-badge--pending   { color: var(--text); }
.apply-badge--suspended { border-color: rgba(255, 138, 138, 0.5); color: #ff8a8a; }

.partner-code {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 10px;
    padding: 12px 14px;
    margin-block-end: 8px;
    background: var(--bg-elevated);
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
}

.partner-code code {
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0.02em;
}

.partner-stats {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin-block: 16px 4px;
}

.partner-stat {
    display: grid;
    gap: 2px;
    padding: 14px 12px;
    background: var(--bg-elevated);
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    text-align: center;
}

.partner-stat__value { font-size: 22px; font-weight: 700; }
.partner-stat__label { font-size: 12.5px; color: var(--text-muted); }

@media (max-width: 560px) {
    .partner-stats { grid-template-columns: 1fr; }
}