/* IV IntelliClose — Public Shortcode Styles */
/* Colours come from Settings → Appearance via --iv-* custom properties (dark defaults). */

.iv-record-wrap {
    font-family: var(--iv-font, inherit) !important;
    max-width: 800px !important;
    margin: 0 auto !important;
    color: inherit !important;
}

/* ── CTA Banner ── */
.iv-record-wrap .iv-record-cta {
    background: var(--iv-accent, var(--iv-accent, #d4af37)) !important;
    border-radius: 8px !important;
    padding: 24px 30px !important;
    text-align: center !important;
    margin-bottom: 20px !important;
}

.iv-record-wrap .iv-record-cta-msg {
    color: var(--iv-accent-text, #1d1d1d) !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    margin: 0 0 15px !important;
    line-height: 1.4 !important;
}

.iv-record-wrap .iv-record-cta-btn {
    display: inline-block !important;
    background: var(--iv-button-bg, #1d1d1d) !important;
    color: var(--iv-button-text, #d4af37) !important;
    padding: 12px 32px !important;
    border-radius: 6px !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    transition: background 0.2s, transform 0.2s !important;
}

.iv-record-wrap .iv-record-cta-btn:hover {
    background: var(--iv-button-bg, #1d1d1d) !important;
    filter: brightness(1.15) !important;
    transform: translateY(-1px) !important;
}

/* ── Secondary signup (under the log-in prompt) ── */
.iv-record-wrap .iv-record-signup {
    text-align: center !important;
    margin-top: 16px !important;
}

.iv-record-wrap .iv-record-signup-msg {
    color: var(--iv-muted, var(--iv-muted, #bbb)) !important;
    font-size: 15px !important;
    margin: 0 0 8px !important;
}

.iv-record-wrap .iv-record-signup-link {
    color: var(--iv-accent, #d4af37) !important;
    font-weight: 700 !important;
    text-decoration: underline !important;
}

/* ── One block per trial (a member on two trials sees both) ── */
.iv-record-wrap .iv-record-block + .iv-record-block {
    margin-top: 36px !important;
    padding-top: 28px !important;
    border-top: 1px solid var(--iv-border, #333) !important;
}

.iv-record-wrap .iv-record-trial-title {
    color: var(--iv-accent, #d4af37) !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    letter-spacing: 0.5px !important;
    margin: 0 0 14px !important;
}

.iv-record-wrap .iv-record-picks-link {
    text-align: center !important;
    margin: 18px 0 !important;
}

/* ── Intro / Member Message ── */
.iv-record-wrap .iv-record-intro {
    color: inherit !important;
    font-size: 16px !important;
    line-height: 1.55 !important;
    margin-bottom: 20px !important;
}

.iv-record-wrap .iv-record-intro p {
    margin: 0 0 10px !important;
    color: inherit !important;
}

.iv-record-wrap .iv-record-intro p:last-child { margin-bottom: 0 !important; }
.iv-record-wrap .iv-record-intro a { color: var(--iv-accent, #d4af37) !important; }

/* ── Record Summary ── */
.iv-record-wrap .iv-record-summary {
    background: var(--iv-bg, #111) !important;
    border: 1px solid var(--iv-border, #333) !important;
    border-top: 3px solid var(--iv-accent, #d4af37) !important;
    border-radius: 8px !important;
    padding: 20px !important;
    margin-bottom: 20px !important;
}

.iv-record-wrap .iv-record-since {
    font-size: 14px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    color: var(--iv-muted, var(--iv-muted, #bbb)) !important;
    margin-bottom: 15px !important;
    text-align: center !important;
}

.iv-record-wrap .iv-record-stats {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0 !important;
}

.iv-record-wrap .iv-record-stat {
    flex: 1 !important;
    min-width: 100px !important;
    text-align: center !important;
    padding: 8px 12px !important;
    border-right: 1px solid var(--iv-border, #333) !important;
}

.iv-record-wrap .iv-record-stat:last-child {
    border-right: none !important;
}

.iv-record-wrap .iv-record-stat-label {
    display: block !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    color: var(--iv-muted, #bbb) !important;
    margin-bottom: 4px !important;
}

.iv-record-wrap .iv-record-stat-value {
    display: block !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    color: var(--iv-text, #fff) !important;
}

.iv-record-wrap .iv-win { color: var(--iv-win, #00c853) !important; }
.iv-record-wrap .iv-loss { color: var(--iv-loss, #ef4444) !important; }
.iv-record-wrap .iv-push { color: var(--iv-accent, #d4af37) !important; }
.iv-record-wrap .iv-positive { color: var(--iv-win, #00c853) !important; }
.iv-record-wrap .iv-negative { color: var(--iv-loss, #ef4444) !important; }

/* ── Picks Table ── */
.iv-record-wrap .iv-record-picks {
    background: var(--iv-bg, #111) !important;
    border: 1px solid var(--iv-border, #333) !important;
    border-radius: 8px !important;
    overflow: hidden !important;
}

.iv-record-wrap .iv-record-table {
    width: 100% !important;
    border-collapse: collapse !important;
    background: transparent !important;
}

.iv-record-wrap .iv-record-table thead th {
    background: var(--iv-bg-alt, #1a1a1a) !important;
    color: var(--iv-accent, #d4af37) !important;
    font-size: 13px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    padding: 12px 14px !important;
    text-align: left !important;
    border-bottom: 1px solid var(--iv-border, #333) !important;
    font-weight: 700 !important;
    border-top: none !important;
}

.iv-record-wrap .iv-record-table tbody tr {
    background: transparent !important;
}

.iv-record-wrap .iv-record-table tbody tr:hover {
    background: var(--iv-bg-alt, #1a1a1a) !important;
}

.iv-record-wrap .iv-record-table tbody td {
    padding: 12px 14px !important;
    color: var(--iv-text, #fff) !important;
    font-size: 15px !important;
    border-bottom: 1px solid var(--iv-bg-alt, #1a1a1a) !important;
    border-top: none !important;
    background: transparent !important;
}

.iv-record-wrap .iv-record-table tbody tr:last-child td {
    border-bottom: none !important;
}

.iv-record-wrap .iv-record-sport {
    display: inline-block !important;
    background: var(--iv-bg-alt, #1a1a1a) !important;
    color: var(--iv-accent, #d4af37) !important;
    padding: 3px 10px !important;
    border-radius: 3px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
}

/* ── Result Badges ── */
.iv-record-wrap .iv-record-badge {
    display: inline-block !important;
    padding: 4px 12px !important;
    border-radius: 3px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
}

.iv-record-wrap .iv-record-badge-win { background: var(--iv-win, #00c853) !important; color: #fff !important; }
.iv-record-wrap .iv-record-badge-loss { background: var(--iv-loss, #ef4444) !important; color: #fff !important; }
.iv-record-wrap .iv-record-badge-push { background: var(--iv-accent, #d4af37) !important; color: var(--iv-accent-text, #1d1d1d) !important; }
.iv-record-wrap .iv-record-badge-void { background: var(--iv-border, #333) !important; color: var(--iv-muted, var(--iv-muted, #bbb)) !important; }
.iv-record-wrap .iv-record-badge-pending { background: var(--iv-border, #333) !important; color: var(--iv-muted, #bbb) !important; }

/* ── "Had you joined" block (closed trials) ── */
.iv-record-wrap .iv-record-missed {
    border-top-color: var(--iv-win, #00c853) !important;
    background: var(--iv-missed-bg, #0d1a10) !important;
}

.iv-record-wrap .iv-record-missed .iv-record-since {
    color: var(--iv-text, #fff) !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    font-size: 16px !important;
    font-weight: 600 !important;
}

.iv-record-wrap .iv-record-missed .iv-record-picks-link {
    margin: 18px 0 0 !important;
}

/* ── Pagination ── */
.iv-record-wrap .iv-record-pagination {
    display: flex !important;
    justify-content: center !important;
    gap: 6px !important;
    padding: 15px !important;
    border-top: 1px solid var(--iv-border, #333) !important;
}

.iv-record-wrap .iv-record-pagination a {
    display: inline-block !important;
    padding: 6px 12px !important;
    border: 1px solid var(--iv-border, #333) !important;
    border-radius: 4px !important;
    color: var(--iv-accent, #d4af37) !important;
    text-decoration: none !important;
    font-size: 13px !important;
    transition: background 0.15s !important;
}

.iv-record-wrap .iv-record-pagination a.current {
    background: var(--iv-accent, #d4af37) !important;
    color: var(--iv-accent-text, #1d1d1d) !important;
    border-color: var(--iv-accent, #d4af37) !important;
}

.iv-record-wrap .iv-record-pagination a:hover:not(.current) {
    background: var(--iv-bg-alt, #1a1a1a) !important;
}

/* ── Mobile Responsive ── */
@media (max-width: 600px) {
    .iv-record-wrap .iv-record-stats {
        flex-direction: column !important;
    }

    .iv-record-wrap .iv-record-stat {
        border-right: none !important;
        border-bottom: 1px solid var(--iv-border, #333) !important;
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        text-align: right !important;
    }

    .iv-record-wrap .iv-record-stat:last-child {
        border-bottom: none !important;
    }

    .iv-record-wrap .iv-record-stat-label {
        margin-bottom: 0 !important;
    }

    .iv-record-wrap .iv-record-stat-value {
        font-size: 18px !important;
    }

    .iv-record-wrap .iv-record-table thead {
        display: none !important;
    }

    .iv-record-wrap .iv-record-table tbody tr {
        display: block !important;
        border-bottom: 1px solid var(--iv-border, #333) !important;
        padding: 10px 14px !important;
    }

    .iv-record-wrap .iv-record-table tbody tr:last-child {
        border-bottom: none !important;
    }

    .iv-record-wrap .iv-record-table tbody td {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        padding: 5px 0 !important;
        border-bottom: none !important;
    }

    .iv-record-wrap .iv-record-table tbody td::before {
        content: attr(data-label) !important;
        font-size: 11px !important;
        text-transform: uppercase !important;
        color: var(--iv-muted, #bbb) !important;
        font-weight: 600 !important;
    }

    .iv-record-wrap .iv-record-cta {
        padding: 20px !important;
    }

    .iv-record-wrap .iv-record-cta-msg {
        font-size: 16px !important;
    }
}

/* ── Member dashboard ([iv_member_dashboard]) ── */
.iv-record-wrap.iv-dash { max-width: 960px !important; }

.iv-record-wrap .iv-dash-header { margin: 0 0 24px !important; }
.iv-record-wrap .iv-dash-title {
    font-size: 30px !important;
    font-weight: 700 !important;
    color: inherit !important; /* sits on the page background, so follow the theme */
    margin: 0 0 8px !important;
    line-height: 1.2 !important;
}
.iv-record-wrap .iv-dash-level {
    color: var(--iv-win, #00c853) !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    margin: 0 0 4px !important;
}
.iv-record-wrap .iv-dash-expires {
    color: inherit !important;
    opacity: 0.7 !important;
    font-weight: 400 !important;
    font-size: 13px !important;
    margin-left: 10px !important;
}
.iv-record-wrap .iv-dash-section {
    font-size: 20px !important;
    font-weight: 700 !important;
    color: inherit !important;
    margin: 28px 0 12px !important;
}
.iv-record-wrap .iv-dash-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)) !important;
    gap: 16px !important;
}
.iv-record-wrap .iv-dash-card,
.iv-record-wrap .iv-dash-card:visited {
    display: block !important;
    background: var(--iv-bg, #111) !important;
    border: 1px solid var(--iv-border, #333) !important;
    border-top: 3px solid var(--iv-accent, #d4af37) !important;
    border-radius: 8px !important;
    padding: 26px 20px !important;
    text-align: center !important;
    text-decoration: none !important;
    transition: transform 0.15s, box-shadow 0.15s !important;
}
.iv-record-wrap .iv-dash-card:hover { transform: translateY(-2px) !important; box-shadow: 0 8px 24px rgba(0,0,0,0.18) !important; }
.iv-record-wrap .iv-dash-card-title {
    display: block !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    color: var(--iv-text, #fff) !important;
    margin: 0 0 10px !important;
}
.iv-record-wrap .iv-dash-card-cta { color: var(--iv-win, #00c853) !important; font-weight: 600 !important; font-size: 14px !important; }

.iv-record-wrap .iv-dash-empty {
    background: var(--iv-bg, #111) !important;
    border: 1px solid var(--iv-border, #333) !important;
    border-radius: 8px !important;
    padding: 40px 24px !important;
    text-align: center !important;
}
.iv-record-wrap .iv-dash-empty h3 { color: var(--iv-text, #fff) !important; font-size: 22px !important; margin: 0 0 8px !important; }
.iv-record-wrap .iv-dash-empty p  { color: var(--iv-muted, #bbb) !important; margin: 0 0 18px !important; }
.iv-record-wrap .iv-dash-empty .iv-record-cta-btn { background: var(--iv-accent, #d4af37) !important; color: var(--iv-accent-text, #1d1d1d) !important; }

.iv-record-wrap .iv-dash-trials { display: grid !important; gap: 10px !important; }
.iv-record-wrap .iv-dash-trial {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 8px 16px !important;
    background: var(--iv-bg, #111) !important;
    border: 1px solid var(--iv-border, #333) !important;
    border-radius: 8px !important;
    padding: 14px 18px !important;
}
.iv-record-wrap .iv-dash-trial-name { color: var(--iv-text, #fff) !important; font-weight: 700 !important; flex: 1 1 240px !important; }
.iv-record-wrap .iv-dash-trial-meta { color: var(--iv-muted, #bbb) !important; font-size: 14px !important; }
.iv-record-wrap .iv-dash-trial-meta strong { color: var(--iv-text, #fff) !important; }
.iv-record-wrap .iv-dash-trial-link { color: var(--iv-accent, #d4af37) !important; font-weight: 600 !important; text-decoration: none !important; font-size: 14px !important; }

.iv-record-wrap .iv-dash-links {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)) !important;
    gap: 12px !important;
}
.iv-record-wrap .iv-dash-link,
.iv-record-wrap .iv-dash-link:visited {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    background: var(--iv-bg, #111) !important;
    border: 1px solid var(--iv-border, #333) !important;
    border-radius: 8px !important;
    padding: 14px 16px !important;
    color: var(--iv-text, #fff) !important;
    text-decoration: none !important;
    font-weight: 500 !important;
    font-size: 15px !important;
}
.iv-record-wrap .iv-dash-link:hover { border-color: var(--iv-accent, #d4af37) !important; color: var(--iv-accent, #d4af37) !important; }
.iv-record-wrap .iv-dash-link-icon { font-size: 18px !important; width: 22px !important; text-align: center !important; flex-shrink: 0 !important; }

@media (max-width: 600px) {
    .iv-record-wrap .iv-dash-title { font-size: 24px !important; }
    .iv-record-wrap .iv-dash-links { grid-template-columns: 1fr !important; }
}

/* ── Today's Picks / page picks ── */
.iv-record-wrap .iv-pa-box { text-align: center !important; }
.iv-record-wrap .iv-pa-text { color: inherit !important; margin: 10px 0 14px !important; }
.iv-record-wrap .iv-pa-form { display: flex !important; gap: 10px !important; justify-content: center !important; flex-wrap: wrap !important; }
.iv-record-wrap .iv-pa-input { padding: 12px 14px !important; border: 1px solid var(--iv-border, #333) !important; border-radius: 6px !important; min-width: 260px !important; font-size: 16px !important; background: var(--iv-bg-alt, #1a1a1a) !important; color: var(--iv-text, #fff) !important; }
.iv-record-wrap .iv-pa-small { margin-top: 12px !important; font-size: 13px !important; opacity: .8 !important; }
.iv-record-wrap .iv-pa-small a { color: var(--iv-accent, #d4af37) !important; }
.iv-record-wrap .iv-pa-msg { padding: 12px 16px !important; border-radius: 6px !important; margin: 0 0 16px !important; background: var(--iv-bg, #111) !important; border: 1px solid var(--iv-border, #333) !important; }
.iv-record-wrap .iv-pa-msg-ok { border-color: var(--iv-win, #00c853) !important; }
.iv-record-wrap .iv-pa-msg-bad { border-color: var(--iv-loss, #ef4444) !important; }
.iv-record-wrap .iv-pa-head { display: flex !important; justify-content: space-between !important; flex-wrap: wrap !important; gap: 8px !important; margin: 0 0 14px !important; }
.iv-record-wrap .iv-pa-hello { font-weight: 700 !important; }
.iv-record-wrap .iv-pa-note { font-size: 13px !important; opacity: .8 !important; }
.iv-record-wrap .iv-pa-note a { color: var(--iv-accent, #d4af37) !important; }
.iv-record-wrap .iv-pa-date { font-size: 16px !important; font-weight: 700 !important; margin: 18px 0 8px !important; color: inherit !important; }
.iv-record-wrap .iv-pa-late { display: inline-block !important; font-size: 11px !important; font-weight: 700 !important; text-transform: uppercase !important; color: var(--iv-accent, #d4af37) !important; margin-left: 6px !important; }
.iv-record-wrap .iv-pa-empty { opacity: .85 !important; }

.iv-record-wrap .iv-pa-note-box { background: var(--iv-bg, #111) !important; border: 1px solid var(--iv-border, #333) !important; border-left: 4px solid var(--iv-accent, #d4af37) !important; border-radius: 6px !important; padding: 12px 16px !important; margin: 0 0 12px !important; }
.iv-record-wrap .iv-pa-note-box p { color: var(--iv-text, #fff) !important; margin: 0 0 8px !important; }
.iv-record-wrap .iv-pa-note-box p:last-child { margin: 0 !important; }

.iv-record-wrap .iv-pa-admin { border: 2px dashed var(--iv-accent, #d4af37) !important; font-weight: 700 !important; text-align: center !important; }

/* ── Gate: big and obvious ── */
.iv-record-wrap .iv-pa-gate { padding: 32px 28px !important; }
.iv-record-wrap .iv-pa-gate-title { font-size: 26px !important; font-weight: 800 !important; margin: 0 0 8px !important; color: var(--iv-text, #fff) !important; }
.iv-record-wrap .iv-pa-gate .iv-pa-text { font-size: 17px !important; line-height: 1.5 !important; }
.iv-record-wrap .iv-pa-gate .iv-pa-text strong { color: var(--iv-accent, #d4af37) !important; }
.iv-record-wrap .iv-pa-input-big { font-size: 20px !important; padding: 16px 18px !important; min-width: 300px !important; text-align: center !important; }
.iv-record-wrap .iv-pa-btn-big { font-size: 18px !important; padding: 16px 36px !important; }
.iv-record-wrap .iv-pa-msg { font-size: 16px !important; line-height: 1.5 !important; }
.iv-record-wrap .iv-pa-msg strong { color: var(--iv-accent, #d4af37) !important; }
@media (max-width: 600px) {
    .iv-record-wrap .iv-pa-input-big { min-width: 0 !important; width: 100% !important; }
    .iv-record-wrap .iv-pa-btn-big { width: 100% !important; }
}

.iv-record-wrap .iv-pa-switch { display: inline-block !important; margin-left: 10px !important; padding: 4px 10px !important; border: 1px solid var(--iv-border, #333) !important; border-radius: 999px !important; font-size: 12px !important; font-weight: 700 !important; color: var(--iv-accent, #d4af37) !important; text-decoration: none !important; }

.iv-record-wrap .iv-pa-gate .iv-pa-text p { color: inherit !important; margin: 0 0 10px !important; }
.iv-record-wrap .iv-pa-gate .iv-pa-text p:last-child { margin-bottom: 14px !important; }