.plans-page-shell {
    position: relative;
    min-height: 100vh;
}

.plans-page-body {
    padding-top: 0;
}

/* =========================================
   MOVED FROM: resources/views/plans/index.blade.php
========================================= */
.oopsie-price{
        font-size: 32px;
        font-weight: 800;
        letter-spacing: .2px;
    }

    /* Pills */
.oopsie-pill{
        padding: 4px 10px;
        border-radius: 999px;
        font-size: 12px;
        font-weight: 800;
        letter-spacing: .3px;
        border: 1px solid rgba(255,255,255,.16);
        background: rgba(255,255,255,.06);
        color: rgba(255,255,255,.92);
        white-space: nowrap;
    }

.oopsie-pill-pro{
        border-color: rgba(230, 99, 9, .35);
        background: rgba(230, 99, 9, .16);
    }

.oopsie-pill-business{
        border-color: rgba(245, 179, 1, .30);
        background: rgba(245, 179, 1, .14);
    }

    /* Badges */
.oopsie-plan-badge{
        display:inline-flex;
        align-items:center;
        gap:6px;
        padding:4px 10px;
        border-radius:999px;
        font-size:12px;
        font-weight:800;
        letter-spacing:.4px;
        border:1px solid rgba(255,255,255,.14);
        background: rgba(255,255,255,.06);
        color: rgba(255,255,255,.92);
    }

.oopsie-plan-free{
        background: rgba(255,255,255,.05);
    }

    /* PRO = marca (laranja) */
.oopsie-plan-pro{
        background: rgba(230, 99, 9, .16);
        border-color: rgba(230, 99, 9, .35);
    }

    /* BUSINESS = premium (âmbar/dourado) */
.oopsie-plan-business{
        background: rgba(245, 179, 1, .14);
        border-color: rgba(245, 179, 1, .30);
    }

.oopsie-plan-default{
        background: rgba(255,255,255,.06);
    }

    /* Card destaque PRO */
.oopsie-plan-card-pro{
        border: 1px solid rgba(255,255,255,.12);
        box-shadow: 0 0 0 1px rgba(255,255,255,.08), 0 0 0 3px rgba(0,0,0,.15), 0 14px 40px rgba(0,0,0,.35);
        position: relative;
    }
.oopsie-plan-card-pro:before{
        content:"";
        position:absolute;
        inset:-2px;
        border-radius: 14px;
        background: radial-gradient(140px 140px at 30% 0%, rgba(230, 99, 9, .30), transparent 60%);
        pointer-events:none;
    }

    /* Card destaque BUSINESS */
.oopsie-plan-card-business{
        border: 1px solid rgba(255,255,255,.12);
        box-shadow: 0 0 0 1px rgba(255,255,255,.08), 0 0 0 3px rgba(0,0,0,.15), 0 14px 40px rgba(0,0,0,.35);
        position: relative;
    }
.oopsie-plan-card-business:before{
        content:"";
        position:absolute;
        inset:-2px;
        border-radius: 14px;
        background: radial-gradient(140px 140px at 30% 0%, rgba(245, 179, 1, .24), transparent 60%);
        pointer-events:none;
    }

.oopsie-plan-card-clickable{
        cursor: pointer;
    }

.oopsie-plan-cta-wrap{
        position: relative;
        z-index: 3;
    }

.oopsie-plan-cta{
        position: relative;
        z-index: 4;
        pointer-events: auto;
    }

.oopsie-plan-features{
        list-style:none;
        padding-left:0 !important;
    }

.oopsie-plan-features li{
        position:relative;
        padding-left:24px;
    }

.oopsie-plan-features li::before{
        content:"✓";
        position:absolute;
        left:0;
        top:0;
        color:#22c55e;
        font-size:1.08rem;
        font-weight:900;
        line-height:1.1;
    }

:root[data-theme="dark"] .oopsie-plan-card-clickable .text-light-2{
        color: rgba(226, 234, 246, 0.86) !important;
    }

:root[data-theme="dark"] .oopsie-plan-card-clickable .text-light-3{
        color: rgba(196, 210, 230, 0.78) !important;
    }

:root[data-theme="dark"] .oopsie-plan-card-clickable h4{
        color: #f4f8ff !important;
    }

:root[data-theme="dark"] .oopsie-plan-card-clickable .oopsie-price{
        color: #ffffff !important;
    }

@media (max-width: 600px) {
    .plans-page-body {
        padding-top: 0;
    }
}