/**
 * Invitea Sidebar Bottom Card Refinement
 * Version 0.68.14
 *
 * Replaces the decorative-only lower sidebar card with a compact,
 * functional personal-mode/package card. This is scoped to the Invitea app.
 */

body.invitea-standalone-app-page .invitea-v9-sidebar-bottom-card,
body.invitea-standalone-app-page .invitea-v9-scope-card,
body.invitea-standalone-app-page .invitea-app-shell__scope-card--refined,
body.invitea-standalone-app-page .invitea-app-shell__scope-card {
    margin: 30px 0 0 !important;
    padding: 18px 16px 16px !important;
    min-height: 0 !important;
    overflow: visible !important;
    border-radius: 24px !important;
    border: 1px solid rgba(201, 132, 43, .30) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,250,244,.96)),
        radial-gradient(circle at 50% 0%, rgba(255, 231, 204, .74), transparent 48%) !important;
    box-shadow:
        0 16px 36px rgba(93, 56, 23, .075),
        inset 0 1px 0 rgba(255,255,255,.95) !important;
    text-align: center;
}

body.invitea-standalone-app-page .invitea-v9-scope-card::after,
body.invitea-standalone-app-page .invitea-app-shell__scope-card::after,
body.invitea-standalone-app-page .invitea-v9-scope-card::before,
body.invitea-standalone-app-page .invitea-app-shell__scope-card::before {
    content: none !important;
    display: none !important;
}

body.invitea-standalone-app-page .invitea-v9-scope-card__badge,
body.invitea-standalone-app-page .invitea-app-shell__scope-card-icon {
    display: grid !important;
    width: 38px;
    height: 38px;
    margin: -2px auto 10px;
    place-items: center;
    border-radius: 999px;
    color: #a86a19 !important;
    font-family: var(--invitea-font-heading, Georgia, serif) !important;
    font-size: 18px;
    background: linear-gradient(135deg, #fff8ea, #fff);
    border: 1px solid rgba(201, 132, 43, .25);
    box-shadow: 0 8px 18px rgba(201, 132, 43, .12);
}

body.invitea-standalone-app-page .invitea-v9-scope-card__eyebrow {
    margin: 0 0 10px;
    color: #b7791f !important;
    font-family: var(--invitea-font-body, Poppins, sans-serif) !important;
    font-size: 10px !important;
    font-weight: 800;
    letter-spacing: .14em;
    text-transform: uppercase;
}

body.invitea-standalone-app-page .invitea-v9-scope-card__rule {
    display: grid;
    grid-template-columns: 1fr;
    gap: 4px;
    padding: 10px 0 12px;
    border-top: 1px solid rgba(201, 132, 43, .13);
    border-bottom: 1px solid rgba(201, 132, 43, .13);
}

body.invitea-standalone-app-page .invitea-v9-scope-card__rule strong,
body.invitea-standalone-app-page .invitea-v9-scope-card__rule span,
body.invitea-standalone-app-page .invitea-app-shell__scope-card--refined strong,
body.invitea-standalone-app-page .invitea-app-shell__scope-card--refined span {
    display: block !important;
    margin: 0 !important;
    color: #2f2631 !important;
    font-family: var(--invitea-font-heading, Georgia, serif) !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    letter-spacing: -.01em;
}

body.invitea-standalone-app-page .invitea-v9-scope-card__plan {
    margin: 13px 0 12px;
    padding: 12px;
    border-radius: 16px;
    background: rgba(255, 248, 239, .82);
    border: 1px solid rgba(201, 132, 43, .16);
}

body.invitea-standalone-app-page .invitea-v9-scope-card__plan small,
body.invitea-standalone-app-page .invitea-v9-scope-card__plan em {
    display: block;
    color: #8a7781 !important;
    font-family: var(--invitea-font-body, Poppins, sans-serif) !important;
    font-size: 10px !important;
    font-style: normal;
    line-height: 1.35;
}

body.invitea-standalone-app-page .invitea-v9-scope-card__plan b {
    display: block;
    margin: 3px 0;
    color: #2f2631 !important;
    font-family: var(--invitea-font-body, Poppins, sans-serif) !important;
    font-size: 13px;
    font-weight: 800;
}

body.invitea-standalone-app-page .invitea-v9-scope-card__link,
body.invitea-standalone-app-page .invitea-app-shell__scope-card--refined a {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    width: 100%;
    padding: 8px 12px;
    border-radius: 999px;
    color: #fff !important;
    background: linear-gradient(135deg, #d8912f, #b86b18) !important;
    box-shadow: 0 8px 18px rgba(184, 107, 24, .16);
    font-family: var(--invitea-font-body, Poppins, sans-serif) !important;
    font-size: 12px;
    font-weight: 800;
    text-decoration: none !important;
}

body.invitea-standalone-app-page .invitea-v9-sidebar::after,
body.invitea-standalone-app-page .invitea-app-shell__sidebar::after {
    content: "";
    position: absolute;
    left: 16px;
    right: 16px;
    bottom: 14px;
    height: 86px;
    pointer-events: none;
    background:
        radial-gradient(ellipse at 22% 72%, rgba(244, 187, 166, .30) 0 12%, transparent 13%),
        radial-gradient(ellipse at 34% 54%, rgba(231, 157, 140, .34) 0 10%, transparent 11%),
        radial-gradient(ellipse at 47% 58%, rgba(255, 218, 206, .46) 0 12%, transparent 13%),
        radial-gradient(ellipse at 66% 75%, rgba(164, 184, 134, .22) 0 10%, transparent 11%),
        linear-gradient(115deg, transparent 12%, rgba(201, 132, 43, .14) 13%, transparent 15%, transparent 100%);
    opacity: .46;
    filter: blur(.1px);
}

body.invitea-standalone-app-page .invitea-app-shell__scope-card--refined {
    display: grid;
    gap: 5px;
}

body.invitea-standalone-app-page .invitea-app-shell__scope-card--refined strong {
    margin-bottom: 4px !important;
    color: #b7791f !important;
    font-family: var(--invitea-font-body, Poppins, sans-serif) !important;
    font-size: 11px !important;
    letter-spacing: .12em;
    text-transform: uppercase;
}

body.invitea-standalone-app-page .invitea-app-shell__scope-card--refined a {
    margin-top: 8px;
}

@media (max-width: 1024px) {
    body.invitea-standalone-app-page .invitea-v9-scope-card,
    body.invitea-standalone-app-page .invitea-app-shell__scope-card {
        display: none !important;
    }

    body.invitea-standalone-app-page .invitea-v9-sidebar::after,
    body.invitea-standalone-app-page .invitea-app-shell__sidebar::after {
        content: none !important;
        display: none !important;
    }
}