/* =========================================
   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;
    }