/* GS_REFERRALS_MODULE_V1 */
.gs-referral-body{--ref-cyan:#34d4ff;--ref-blue:#5487ff;--ref-panel:rgba(8,24,38,.78);--ref-line:rgba(255,255,255,.08)}
.referral-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:30px;align-items:center;padding:clamp(28px,5vw,60px);overflow:hidden;background:radial-gradient(circle at 88% 14%,rgba(52,212,255,.16),transparent 34%),linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018))}
.referral-hero h1,.referral-auth-copy h1,.referral-message-card h1,.referral-dashboard-head h1{margin:12px 0 16px;color:#f4f9ff;letter-spacing:-.045em;line-height:1.03}
.referral-hero h1{font-size:clamp(38px,6vw,72px);max-width:780px}.referral-hero p,.referral-auth-copy p,.referral-message-card p{color:#9db1c4;line-height:1.72;max-width:720px}
.referral-actions,.referral-share-actions,.referral-auth-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.referral-trust{display:flex;gap:18px;flex-wrap:wrap;margin-top:22px;color:#86a1b7;font-size:11px}.referral-trust span{display:flex;align-items:center;gap:6px}
.referral-hero-card{padding:26px;border:1px solid var(--ref-line);border-radius:22px;background:rgba(4,16,28,.74);box-shadow:0 24px 70px rgba(0,0,0,.28)}.referral-hero-card>span,.referral-section-head>.eyebrow{color:var(--ref-cyan);font-weight:900;font-size:10px;letter-spacing:.14em}.referral-hero-card code{display:block;margin:10px 0 20px;padding:14px;border-radius:13px;background:rgba(52,212,255,.08);color:#cceeff;overflow-wrap:anywhere}.referral-flow-row{display:grid;grid-template-columns:36px 1fr;gap:12px;align-items:center;padding:10px 0}.referral-flow-row b{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:rgba(52,212,255,.1);color:var(--ref-cyan)}.referral-flow-row p{margin:0;font-size:12px}
.referral-section{margin-top:28px}.referral-section-head{max-width:760px;margin-bottom:18px}.referral-section-head h2{margin:9px 0;color:#f1f7ff;font-size:clamp(27px,4vw,44px)}.referral-section-head p{color:#91a7ba;line-height:1.6}.referral-level-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.referral-level-card{position:relative;padding:22px;border:1px solid color-mix(in srgb,var(--level-color) 32%,rgba(255,255,255,.08));border-radius:18px;background:linear-gradient(150deg,color-mix(in srgb,var(--level-color) 11%,transparent),rgba(255,255,255,.02));min-width:0}.referral-level-card.current{box-shadow:0 0 0 2px var(--level-color),0 18px 42px rgba(0,0,0,.28)}.level-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:color-mix(in srgb,var(--level-color) 18%,transparent);color:var(--level-color);font-size:20px}.referral-level-card small{display:block;margin-top:16px;color:#7f96a9;font-size:9px}.referral-level-card h3{margin:5px 0;color:#eef7ff}.referral-level-card strong{color:var(--level-color);font-size:28px}.referral-level-card p{color:#8fa6b9;font-size:11px;line-height:1.5}
.referral-benefits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.referral-benefits article{padding:22px;border:1px solid var(--ref-line);border-radius:18px;background:rgba(255,255,255,.025)}.referral-benefits b{color:var(--ref-cyan);font-size:24px}.referral-benefits h3{color:#eaf4ff}.referral-benefits p{color:#8fa5b8;font-size:12px;line-height:1.55}
.referral-auth-shell{display:grid;grid-template-columns:minmax(0,.85fr) minmax(380px,1.15fr);gap:34px;align-items:center;max-width:1040px;margin:30px auto 70px}.referral-auth-shell.compact{max-width:900px}.referral-auth-copy{padding:18px}.referral-auth-copy h1{font-size:clamp(34px,5vw,58px)}.referral-auth-card,.referral-message-card{padding:clamp(22px,4vw,38px);border:1px solid var(--ref-line);border-radius:22px;background:rgba(7,22,35,.82);box-shadow:0 25px 70px rgba(0,0,0,.28)}.referral-auth-card h2{margin:0 0 20px;color:#f0f7ff}.referral-auth-card label,.referral-form-message label,.referral-payout-form label{display:grid;gap:7px;margin:0 0 14px;color:#aec0d0;font-size:11px;font-weight:800}.referral-auth-card input,.referral-auth-card select,.referral-form-message input,.referral-payout-form input,.referral-payout-form select,.referral-link-card input{width:100%;min-height:46px;padding:11px 13px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#071724;color:#eef7ff;box-sizing:border-box}.referral-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.referral-check{display:flex!important;grid-template-columns:auto 1fr!important;align-items:flex-start;gap:9px!important}.referral-check input{width:18px!important;min-height:18px!important}.referral-full-button{width:100%;justify-content:center}.referral-auth-link{text-align:center;color:#879db0;font-size:12px}.referral-auth-link a,.referral-auth-links a{color:var(--ref-cyan)}.referral-auth-links{justify-content:space-between}.referral-message-card{max-width:620px;margin:50px auto;text-align:center}.referral-message-icon{display:grid;place-items:center;width:66px;height:66px;margin:0 auto 18px;border-radius:20px;background:rgba(52,212,255,.1);color:var(--ref-cyan);font-size:30px}.referral-form-message form{max-width:430px;margin:22px auto 0;text-align:left}
.referral-dashboard-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:20px 0}.referral-dashboard-head h1{font-size:clamp(30px,4vw,50px)}.referral-dashboard-head p{margin:0;color:#8fa5b8}.referral-dashboard-nav{display:flex;gap:8px;overflow-x:auto;padding:4px 0 14px;scrollbar-width:none}.referral-dashboard-nav a{white-space:nowrap;padding:10px 14px;border:1px solid var(--ref-line);border-radius:12px;color:#8fa6ba;text-decoration:none;font-size:11px;font-weight:850}.referral-dashboard-nav a.active{color:#04121c;background:linear-gradient(135deg,var(--ref-cyan),var(--ref-blue));border-color:transparent}.referral-link-card{display:grid;grid-template-columns:minmax(0,1fr) auto 190px;gap:18px;align-items:center;padding:24px}.referral-link-card h2{margin:7px 0;color:#f1f7ff}.referral-qr{width:170px;height:170px;border-radius:16px;background:#fff;padding:8px}.referral-share-actions{margin:0;align-content:center}.referral-kpi-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:16px 0}.referral-kpi-grid article,.referral-admin-metrics article{padding:20px;border:1px solid var(--ref-line);border-radius:17px;background:rgba(255,255,255,.026)}.referral-kpi-grid small,.referral-admin-metrics span{display:block;color:#8199ad;font-size:10px}.referral-kpi-grid strong,.referral-admin-metrics strong{display:block;margin:8px 0;color:#eff7ff;font-size:26px}.referral-kpi-grid span,.referral-admin-metrics small{color:#6f899f;font-size:10px}.referral-level-progress{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:22px;margin-top:16px}.referral-level-current{display:flex;gap:14px;align-items:center}.referral-level-current h2{margin:2px 0;color:#eef7ff}.referral-level-current strong{color:var(--level-color)}.referral-next-level{text-align:right;color:#8ea5b9}.referral-next-level b{display:block;color:#eaf4ff}.referral-section-panel{padding:22px}.referral-mobile-list{display:grid;gap:12px}.referral-mobile-list article{padding:16px;border:1px solid var(--ref-line);border-radius:15px;background:rgba(255,255,255,.025)}.referral-mobile-list article>div{display:flex;justify-content:space-between;gap:12px}.referral-mobile-list small{color:#7d96ab}.referral-mobile-list dl{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0 0}.referral-mobile-list dt{color:#718ba1;font-size:9px}.referral-mobile-list dd{margin:4px 0 0;color:#d9e9f6;font-size:11px}.referral-status{display:inline-flex;padding:6px 9px;border-radius:999px;background:rgba(255,198,92,.1);color:#ffca66;font-size:9px;font-weight:850}.referral-status.active,.referral-status.available,.referral-status.paid{background:rgba(74,231,169,.1);color:#62e8b1}.referral-status.cancelled,.referral-status.reversed,.referral-status.blocked{background:rgba(255,92,110,.1);color:#ff7f8d}.referral-payout-grid{display:grid;grid-template-columns:minmax(260px,.7fr) minmax(0,1.3fr);gap:16px}.referral-balance-card,.referral-payout-form{padding:24px}.referral-balance-card strong{display:block;margin:10px 0;color:#eff8ff;font-size:clamp(34px,5vw,54px)}.referral-balance-card p,.referral-payout-form small{color:#7f98ad}.referral-payout-form h2{margin-top:0;color:#eff7ff}.empty-state{padding:28px;text-align:center;color:#7f98ad}
.referral-admin-metrics{grid-template-columns:repeat(6,minmax(0,1fr))}.referral-admin-row{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--ref-line)}.referral-admin-row small{display:block;color:#7890a4}.referral-admin-levels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.referral-admin-levels>form{border-top:3px solid var(--level-color)}
@media(max-width:1050px){.referral-admin-metrics{grid-template-columns:repeat(3,1fr)}.referral-level-grid,.referral-benefits{grid-template-columns:repeat(2,1fr)}.referral-link-card{grid-template-columns:1fr auto}.referral-qr{grid-column:1/-1;margin:auto}}
@media(max-width:820px){.referral-hero,.referral-auth-shell,.referral-payout-grid{grid-template-columns:1fr}.referral-auth-shell{margin-top:16px}.referral-auth-copy{padding:0}.referral-kpi-grid{grid-template-columns:repeat(2,1fr)}.referral-level-progress{align-items:flex-start;flex-direction:column}.referral-next-level{text-align:left}.referral-admin-levels{grid-template-columns:1fr}}
@media(max-width:560px){.referral-hero{padding:22px}.referral-level-grid,.referral-benefits,.referral-kpi-grid,.referral-admin-metrics{grid-template-columns:1fr}.referral-form-grid{grid-template-columns:1fr}.referral-link-card{grid-template-columns:1fr;padding:18px}.referral-share-actions>*{width:100%;justify-content:center}.referral-dashboard-head{align-items:flex-start;flex-direction:column}.referral-mobile-list dl{grid-template-columns:1fr 1fr}.referral-qr{width:150px;height:150px}.referral-auth-card,.referral-message-card{border-radius:17px;padding:20px}}

/* GS_REFERRAL_UI_COMPLEMENTS_V1 */
.account-referral-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:18px;align-items:center;margin:20px 0 30px;padding:22px;border:1px solid rgba(52,212,255,.16);background:radial-gradient(circle at 5% 10%,rgba(52,212,255,.12),transparent 35%),rgba(255,255,255,.025)}
.account-referral-card__icon{display:grid;place-items:center;width:54px;height:54px;border-radius:17px;color:#03131d;background:linear-gradient(135deg,var(--ref-cyan),var(--ref-blue));font-size:25px;font-weight:950}
.account-referral-card h2{margin:6px 0;color:#f1f8ff;font-size:21px}.account-referral-card p{margin:0;color:#8fa6ba;line-height:1.55;font-size:12px}.account-referral-card__metrics{display:flex;gap:9px;flex-wrap:wrap;margin-top:12px}.account-referral-card__metrics span{padding:7px 10px;border:1px solid var(--ref-line);border-radius:999px;color:#7f98ad;font-size:9px}.account-referral-card__metrics strong{color:#dcecff}
.referral-admin-nav{display:flex;gap:7px;overflow-x:auto;margin:0 0 18px;padding:4px 0 12px;scrollbar-width:none}.referral-admin-nav a{flex:0 0 auto;padding:9px 12px;border:1px solid rgba(255,255,255,.08);border-radius:11px;color:#8da5b9;text-decoration:none;font-size:10px;font-weight:850}.referral-admin-nav a:hover,.referral-admin-nav a.active{color:#04121c;background:linear-gradient(135deg,var(--ref-cyan),var(--ref-blue));border-color:transparent}
.referral-period-filter{display:flex;align-items:center;gap:7px;overflow-x:auto;margin:0 0 16px;padding:12px}.referral-period-filter strong{margin-right:4px;color:#dfeeff;font-size:11px}.referral-period-filter a{white-space:nowrap;padding:7px 10px;border-radius:9px;color:#8099ad;text-decoration:none;font-size:10px}.referral-period-filter a.active{color:#061522;background:var(--ref-cyan);font-weight:900}
.referral-ranking-list{display:grid;gap:9px}.referral-ranking-list article{display:grid;grid-template-columns:44px 42px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px;border:1px solid var(--ref-line);border-radius:14px;background:rgba(255,255,255,.024)}.referral-ranking-list article.current{border-color:rgba(52,212,255,.42);background:rgba(52,212,255,.055)}.referral-ranking-list b{color:var(--ref-cyan);font-size:16px}.referral-ranking-list strong{display:block;color:#eaf5ff}.referral-ranking-list small{color:#7891a6}.referral-ranking-list em{color:#d7e8f5;font-style:normal;font-weight:850}
.referral-action-stack{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.referral-pay-form{display:grid;grid-template-columns:minmax(120px,1fr) minmax(180px,1fr) auto;gap:8px;align-items:end}.referral-pay-form label{display:grid;gap:5px;color:#849caf;font-size:9px}.referral-pay-form input{width:100%;min-height:39px;padding:8px 10px;border:1px solid var(--ref-line);border-radius:10px;background:#071724;color:#eaf5ff;box-sizing:border-box}.portal-btn.danger,.primary-button.danger,.ghost-button.danger{color:#ff8794;border-color:rgba(255,92,110,.3);background:rgba(255,92,110,.08)}button:disabled,.portal-btn:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.35)}
@media(max-width:760px){.account-referral-card{grid-template-columns:auto 1fr}.account-referral-card>a{grid-column:1/-1;width:100%;justify-content:center}.referral-admin-row{grid-template-columns:1fr}.referral-action-stack{justify-content:flex-start}.referral-pay-form{grid-template-columns:1fr}.referral-ranking-list article{grid-template-columns:36px 38px minmax(0,1fr)}.referral-ranking-list em{grid-column:3}}


/* GS_REFERRALS_REGISTER_COMPACT_V1 */

/* SELECT DO TIPO DE PARTICIPANTE */
.referral-select,
.referral-auth-card select,
.referral-register-page select,
.referrals-shell select,
form select {
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    min-height: 48px;
    padding: 0 46px 0 16px;
    border-radius: 14px;
    border: 1px solid rgba(88, 170, 255, 0.22);
    background-color: rgba(25, 42, 68, 0.92);
    color: #eef7ff;
    outline: none;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,0.02);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23cfe7ff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 14px center;
    background-size: 16px;
}

.referral-select:focus,
.referral-auth-card select:focus,
.referral-register-page select:focus,
.referrals-shell select:focus,
form select:focus {
    border-color: rgba(72, 189, 255, 0.72);
    box-shadow: 0 0 0 3px rgba(52, 212, 255, 0.12);
}

.referral-select option,
.referral-auth-card option,
.referral-register-page option,
.referrals-shell option,
form option {
    color: #081421;
    background: #ffffff;
}

/* CHECKBOXES EM GRID */
.referral-consent-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin: 8px 0 6px;
}

.referral-consent-item {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin: 0 !important;
    padding: 12px 12px;
    border-radius: 14px;
    border: 1px solid rgba(88, 170, 255, 0.18);
    background: rgba(18, 31, 50, 0.70);
    min-height: 62px;
    line-height: 1.35;
    color: #dcecff;
}

.referral-consent-item input[type="checkbox"] {
    width: 18px;
    height: 18px;
    margin: 2px 0 0 0;
    flex: 0 0 18px;
    accent-color: #49c9ff;
}

.referral-consent-item span,
.referral-consent-item strong,
.referral-consent-item small {
    color: #dcecff;
}

.referral-consent-item a {
    color: #6ed6ff;
    text-decoration: none;
}

.referral-consent-item a:hover {
    text-decoration: underline;
}

/* COMPACTAR UM POUCO O FORM */
.referral-auth-card form,
.referral-register-page form,
.referrals-shell form {
    gap: 12px;
}

.referral-auth-card label,
.referral-register-page label,
.referrals-shell label {
    margin-bottom: 0;
}

@media (max-width: 980px) {
    .referral-consent-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .referral-consent-grid {
        grid-template-columns: 1fr;
    }

    .referral-consent-item {
        min-height: auto;
    }
}
/* GS_REFERRALS_REGISTER_REBUILD_V2_START */

/* Card mais compacto */
.referral-register-card {
    padding: 26px !important;
}

.referral-register-card h2 {
    margin: 0 0 16px !important;
    font-size: 23px;
}

.referral-register-card > label,
.referral-register-card .referral-form-grid label {
    gap: 6px !important;
    margin: 0 0 10px !important;
    color: #b9cad8;
    font-size: 10px;
}

/* Campos mais compactos */
.referral-register-card
input:not([type="checkbox"]) {
    min-height: 42px !important;
    padding: 9px 13px !important;
    border-radius: 11px !important;
    border: 1px solid rgba(112, 177, 255, .18) !important;
    background: rgba(12, 29, 46, .92) !important;
    color: #eef7ff !important;
}

.referral-register-card
input:not([type="checkbox"]):focus {
    border-color: rgba(52, 212, 255, .72) !important;
    box-shadow: 0 0 0 3px rgba(52, 212, 255, .10);
    outline: none;
}

.referral-register-card .referral-form-grid {
    gap: 10px !important;
}

/* Seletor PF/PJ moderno */
.referral-participant-fieldset {
    min-width: 0;
    margin: 0 0 12px;
    padding: 0;
    border: 0;
}

.referral-participant-fieldset legend {
    margin: 0 0 7px;
    padding: 0;
    color: #b9cad8;
    font-size: 10px;
    font-weight: 850;
}

.referral-participant-options {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}

.referral-participant-option {
    display: flex;
    align-items: center;
    gap: 9px;
    min-width: 0;
    min-height: 46px;
    padding: 7px 11px;
    border: 1px solid rgba(112, 177, 255, .16);
    border-radius: 12px;
    color: #9fb3c5;
    background: rgba(12, 29, 46, .82);
    text-align: left;
    cursor: pointer;
    transition:
        border-color .18s ease,
        background .18s ease,
        transform .18s ease;
}

.referral-participant-option:hover {
    border-color: rgba(52, 212, 255, .38);
    transform: translateY(-1px);
}

.referral-participant-option > span {
    display: grid;
    place-items: center;
    flex: 0 0 30px;
    width: 30px;
    height: 30px;
    border-radius: 9px;
    color: #77dfff;
    background: rgba(52, 212, 255, .09);
    font-size: 9px;
    font-weight: 950;
}

.referral-participant-option strong {
    overflow: hidden;
    color: #c8d9e7;
    font-size: 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.referral-participant-option.active {
    border-color: rgba(52, 212, 255, .68);
    background:
        linear-gradient(
            135deg,
            rgba(52, 212, 255, .13),
            rgba(84, 135, 255, .10)
        );
    box-shadow:
        inset 0 0 0 1px rgba(52, 212, 255, .09),
        0 9px 22px rgba(0, 0, 0, .14);
}

.referral-participant-option.active > span {
    color: #04131e;
    background:
        linear-gradient(
            135deg,
            #34d4ff,
            #5487ff
        );
}

.referral-participant-option.active strong {
    color: #f1f8ff;
}

/* Três consentimentos compactos */
.referral-consent-compact {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    margin: 3px 0 12px;
}

.referral-register-card
.referral-consent-card {
    position: relative;
    display: grid !important;
    grid-template-columns: 18px minmax(0, 1fr) !important;
    gap: 8px !important;
    align-items: center !important;
    min-width: 0;
    min-height: 56px;
    margin: 0 !important;
    padding: 9px 10px !important;
    border: 1px solid rgba(112, 177, 255, .14);
    border-radius: 12px;
    color: #aebfd0;
    background: rgba(12, 29, 46, .68);
    cursor: pointer;
    transition:
        border-color .18s ease,
        background .18s ease;
}

.referral-register-card
.referral-consent-card:hover {
    border-color: rgba(52, 212, 255, .35);
    background: rgba(18, 39, 60, .80);
}

.referral-register-card
.referral-consent-card > input {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    min-height: 1px !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 0;
    pointer-events: none;
}

.referral-consent-box {
    position: relative;
    display: grid;
    place-items: center;
    width: 17px;
    height: 17px;
    border: 1px solid rgba(153, 190, 220, .42);
    border-radius: 5px;
    background: rgba(255, 255, 255, .035);
    transition:
        background .18s ease,
        border-color .18s ease,
        box-shadow .18s ease;
}

.referral-consent-box::after {
    content: "✓";
    opacity: 0;
    color: #04131e;
    font-size: 11px;
    font-weight: 950;
    transform: scale(.5);
    transition:
        opacity .14s ease,
        transform .14s ease;
}

.referral-consent-card
input:checked + .referral-consent-box {
    border-color: transparent;
    background:
        linear-gradient(
            135deg,
            #34d4ff,
            #5487ff
        );
    box-shadow: 0 5px 13px rgba(52, 212, 255, .16);
}

.referral-consent-card
input:checked + .referral-consent-box::after {
    opacity: 1;
    transform: scale(1);
}

.referral-consent-card
input:focus-visible + .referral-consent-box {
    box-shadow: 0 0 0 3px rgba(52, 212, 255, .16);
}

.referral-consent-text {
    min-width: 0;
    color: #b9c9d6;
    font-size: 9px;
    font-weight: 750;
    line-height: 1.32;
}

/* Botão e rodapé mais próximos */
.referral-register-card
.referral-full-button {
    min-height: 44px;
    margin-top: 0;
}

.referral-register-card
.referral-auth-link {
    margin: 10px 0 0;
}

/* Em celulares muito estreitos */
@media (max-width: 520px) {
    .referral-register-card {
        padding: 19px !important;
    }

    .referral-participant-options {
        grid-template-columns: 1fr;
    }

    .referral-consent-compact {
        grid-template-columns: 1fr;
    }

    .referral-register-card
    .referral-consent-card {
        min-height: 44px;
    }
}

/* GS_REFERRALS_REGISTER_REBUILD_V2_END */