{{-- Shared MeXCo public + portal theme tokens --}}
@include('partials.mexco-admin-theme')
<style>
    :root {
        --radius: 14px;
        --shadow: 0 10px 30px rgba(30, 30, 45, .06);
        --shadow-lg: 0 20px 50px rgba(30, 30, 45, .1);
    }

    .btn-purple {
        display: inline-flex; align-items: center; justify-content: center; gap: .4rem;
        background: var(--mexco-primary); color: #fff; border: 0; border-radius: 10px;
        padding: .72rem 1.2rem; font-size: .875rem; font-weight: 700; cursor: pointer;
        transition: background .15s, transform .12s;
    }
    .btn-purple:hover { background: var(--mexco-primary-dark); color: #fff; }
    .btn-outline {
        display: inline-flex; align-items: center; justify-content: center; gap: .4rem;
        background: #fff; color: var(--ink); border: 1px solid var(--border); border-radius: 10px;
        padding: .72rem 1.2rem; font-size: .875rem; font-weight: 700; cursor: pointer;
    }
    .btn-outline:hover { background: #F8FAFC; color: var(--ink); border-color: #CBD5E1; }
    .btn-lg { padding: .9rem 1.4rem; font-size: .95rem; }
    .btn-sm { padding: .4rem .75rem; font-size: .78rem; }

    .badge-soft {
        display: inline-block; padding: .22rem .55rem; border-radius: 999px;
        font-size: .72rem; font-weight: 700; background: var(--primary-soft); color: var(--mexco-primary-dark);
    }
    .plan-pill {
        display: inline-block; padding: .22rem .55rem; border-radius: 6px;
        font-size: .72rem; font-weight: 700; background: var(--primary-soft); color: var(--mexco-primary-dark);
    }
    .plan-pill.campus { background: #ECFDF5; color: var(--mexco-success); }
    .plan-pill.starter { background: #F1F5F9; color: var(--muted); }
    .plan-pill.plus { background: #E0F2FE; color: #0369A1; }
    .plan-pill.pro { background: var(--primary-soft); color: var(--mexco-primary-dark); }
    .plan-pill.enterprise { background: #FEF3C7; color: #B45309; }

    .form-label { display: block; font-size: .8rem; font-weight: 700; color: var(--ink); margin-bottom: .35rem; }
    .form-input, .form-select, .form-textarea {
        width: 100%; padding: .65rem .85rem; border: 1px solid var(--border); border-radius: 10px;
        font-size: .9rem; background: #fff; color: var(--ink);
    }
    .form-input:focus, .form-select:focus, .form-textarea:focus {
        outline: none; border-color: var(--mexco-primary); box-shadow: 0 0 0 3px rgba(124,58,237,.12);
    }
    .form-hint { font-size: .75rem; color: var(--muted); margin-top: .3rem; }
    .form-error { font-size: .78rem; color: var(--mexco-danger); margin-top: .3rem; }

    .alert-flash {
        padding: .85rem 1rem; border-radius: 10px; font-size: .875rem; font-weight: 600; margin-bottom: 1rem;
    }
    .alert-flash.alert-success { background: #ECFDF5; color: var(--mexco-success); border: 1px solid #A7F3D0; }
    .alert-flash.alert-danger { background: #FEF2F2; color: var(--mexco-danger); border: 1px solid #FECACA; }
    .alert-flash.alert-info { background: var(--primary-soft); color: var(--mexco-primary-dark); border: 1px solid #DDD6FE; }
</style>
