/* Módulo: indicacoes. Substituível junto com index.js. */
.referrals-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:8px 56px 14px 0;margin-bottom:12px;border-bottom:1px solid var(--line)}
.referrals-head h2{margin:5px 0 4px;color:var(--text-1);font-size:var(--page-title-size);line-height:1;letter-spacing:-.04em}
.referrals-head p{margin:0;max-width:720px;color:var(--muted);font-size:13px;line-height:1.5}
.referrals-head-actions{display:flex;align-items:flex-end;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.referral-seller-filter{display:grid;gap:5px;min-width:210px}
.referral-seller-filter>span{color:var(--text-3);font-size:12px;font-weight:850;letter-spacing:.06em}
.referral-seller-filter select{height:40px;padding:0 10px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--text-1);font-weight:700}
.referral-entry-panel{max-height:1400px;overflow:hidden;opacity:1;margin:0 0 14px;padding:13px 0 15px;border-bottom:1px solid var(--line);transition:max-height .2s ease,opacity .14s ease,margin .18s ease,padding .18s ease}
.referral-entry-panel.is-collapsed{max-height:0;opacity:0;margin:0;padding:0;border-bottom-color:transparent;pointer-events:none}
.referral-form{width:100%;max-width:none}
.referral-form-head{margin-bottom:10px}
.referral-form-head h3{margin:3px 0 0;color:var(--text-1);font-size:19px}
.referral-form-head p{margin:3px 0 0;color:var(--text-3);font-size:12px}
.referral-form-grid{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:9px 10px;width:100%}
.referral-form-grid label{display:grid;gap:6px;min-width:0}
.referral-form-grid label>span{color:var(--text-3);font-size:12px;font-weight:850;letter-spacing:.05em}
.referral-form-grid input,.referral-form-grid select{width:100%;height:41px;padding:0 11px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--text-1);font-size:12px;font-weight:700;outline:0}
.referral-form-grid input:focus,.referral-form-grid select:focus{border-color:#7ab3de;box-shadow:var(--focus)}
.referral-form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:11px}
.referrals-records{min-width:0}
.referrals-table-scroll{width:100%;overflow-x:auto;overflow-y:visible;border:1px solid var(--line);border-radius:12px 12px 0 0;background:var(--surface);overscroll-behavior-inline:contain;scrollbar-gutter:stable}
.referrals-table{width:100%;min-width:1040px;border-collapse:separate;border-spacing:0;table-layout:fixed}
.referrals-table th{height:44px;padding:0 7px;background:var(--navy);color:#fff;font-size:12px;font-weight:850;letter-spacing:.045em;text-align:center;white-space:nowrap;border-right:1px solid rgba(255,255,255,.08)}
.referrals-table th:first-child{border-radius:11px 0 0 0}
.referrals-table th:last-child{border-radius:0 11px 0 0}
.referral-main-row>td{height:47px;padding:6px 7px;border-bottom:1px solid var(--line-soft);color:var(--text-1);font-size:12px;font-weight:650;text-align:center;vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:var(--surface)}
.referral-main-row>td strong{display:block;overflow:hidden;text-overflow:ellipsis;color:var(--text-1);font-size:12px}
.referral-main-row:hover>td,.referral-main-row:focus>td{background:#f4f9fd}
.referral-main-row:focus{outline:0}
.referral-money{color:var(--text-1)!important;font-weight:850!important}
.referral-details-row td{padding:0!important;background:transparent!important;border-bottom:1px solid var(--line)}
.referral-details-spacer{background:transparent!important}
.referral-details-row td[colspan="6"]{background:var(--surface-2)!important}
.referral-details-inner{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:10px 14px;padding:12px 14px;background:linear-gradient(180deg,#fbfdff,#f6f9fc)}
.referral-details-inner span{min-width:0;color:var(--text-2);font-size:12px;line-height:1.4;text-align:center;overflow-wrap:anywhere}
.referral-details-inner b{display:block;margin-bottom:3px;color:var(--text-3);font-size:12px;letter-spacing:.07em;text-transform:uppercase}
.referral-audit-menu{position:relative;display:inline-grid;place-items:center}
.referral-audit-trigger,.referral-audit-static{width:31px;height:31px;display:grid;place-items:center;border:0;border-radius:50%;background:var(--surface-2);color:var(--text-3)}
.referral-audit-trigger{cursor:pointer}
.referral-audit-trigger.ok,.referral-audit-static.ok{background:#e8f6ef;color:#168357}
.referral-audit-trigger.not-ok,.referral-audit-static.not-ok{background:#fff1e9;color:#c86131}
.referral-audit-trigger.cancelled,.referral-audit-static.cancelled{background:#fff0f1;color:#b94550}
.referral-audit-trigger.pending,.referral-audit-static.pending{background:#fff9e8}
.referral-audit-trigger svg,.referral-audit-static svg{width:15px;height:15px}
.referral-audit-options{position:absolute;left:calc(100% + 6px);top:50%;z-index:40;display:flex;gap:4px;padding:4px;border:1px solid var(--line);border-radius:10px;background:var(--surface);box-shadow:0 10px 26px rgba(13,35,57,.17);opacity:0;visibility:hidden;pointer-events:none;transform:translate(5px,-50%);transition:opacity .12s ease,transform .12s ease}
.referral-audit-menu.is-open .referral-audit-options{opacity:1;visibility:visible;pointer-events:auto;transform:translate(0,-50%)}
.referral-audit-options button{width:30px;height:30px;display:grid;place-items:center;border:0;border-radius:8px;background:var(--surface-2);color:var(--text-1)}
.referral-audit-options button:hover{background:#e7eef4}
.referral-audit-options svg{width:14px}
.referral-sync-note{display:block;margin-top:3px;color:var(--text-2);font-size:12px;font-weight:800}
.referral-sync-note.error{color:#ad3f49}
.referral-row-actions{display:flex;align-items:center;justify-content:center;gap:4px}
.referral-row-icon{width:30px;height:30px;display:grid;place-items:center;border:0;border-radius:8px;background:var(--surface-2);color:var(--text-1)}
.referral-row-icon:hover{background:#e2eaf0}
.referral-row-icon.danger,.referral-row-icon.error{background:#fff0f1;color:#a43d46}
.referral-row-icon svg{width:14px}
@media (max-width:1400px){.referral-form-grid{grid-template-columns:repeat(4,minmax(150px,1fr))}}
@media (max-width:1000px){.referral-form-grid{grid-template-columns:repeat(2,minmax(160px,1fr))}.referrals-head{padding-right:0}.referral-details-inner{grid-template-columns:repeat(3,minmax(110px,1fr))}}
@media (max-width:620px){.referrals-head{align-items:flex-start;flex-direction:column}.referrals-head-actions{width:100%;justify-content:stretch}.referrals-head-actions>.primary-action,.referral-seller-filter{width:100%}.referral-form-grid{grid-template-columns:1fr}.referral-form-actions{display:grid;grid-template-columns:1fr 1fr}.referrals-table{min-width:760px}.referral-details-spacer{display:none!important}.referral-details-row td[colspan="6"]{display:table-cell!important}.referral-details-inner{grid-template-columns:repeat(2,minmax(110px,1fr))}}
.referrals-records-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:10px}
.referral-table-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}
.referral-table-actions .compact-input{width:240px}
@media (max-width:980px){.referrals-records-head{align-items:flex-start;flex-direction:column}.referral-table-actions{width:100%;justify-content:flex-start}.referral-table-actions .compact-input{flex:1;min-width:220px}}
@media (max-width:640px){.referral-table-actions{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:7px;width:100%}.referral-table-actions .compact-input{grid-column:1/-1;width:100%;min-width:0}.referral-advanced-grid{grid-template-columns:1fr}}
@media (max-width:900px){.referrals-table-scroll{max-width:100%;
    touch-action:pan-x pan-y;
    overscroll-behavior-x:contain;}}
@media (max-width:700px){.referrals-table-scroll{overflow:visible!important;width:100%!important}.referrals-table{display:block!important;width:100%!important;min-width:0!important}.referrals-table colgroup,.referrals-table thead{display:none!important}.referrals-table tbody{display:block!important;width:100%!important}.referrals-table .referral-main-row{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:0 0 9px;padding:10px 11px;
    border:1px solid var(--line);border-radius:13px;background:var(--surface);box-shadow:0 5px 16px rgba(18,41,69,.035);}.referrals-table .referral-main-row>td{display:flex!important;min-width:0!important;width:auto!important;align-items:center;justify-content:space-between;gap:9px;
    padding:7px 6px!important;border:0!important;border-bottom:1px solid var(--line-soft)!important;text-align:right!important;font-size:12.5px!important;}.referrals-table .referral-main-row>td::before{content:attr(data-label);flex:0 0 auto;color:var(--text-3);font-size:12px;font-weight:850;letter-spacing:.035em;text-transform:uppercase;text-align:left;}.referrals-table .referral-main-row>td[data-label="Indicador"],.referrals-table .referral-main-row>td[data-label="Indicado"],.referrals-table .referral-main-row>td[data-label="Vendedor"]{grid-column:1/-1}.referrals-table .referral-main-row>td[data-label="Ações"]{border-bottom:0!important}.referral-row-actions{margin-left:auto}.referral-row-icon,.referral-audit-trigger,.referral-audit-options button{min-width:40px!important;min-height:40px!important}.referrals-table .referral-details-row{display:block!important;width:100%;margin:-7px 0 10px}.referrals-table .referral-details-row.is-hidden{display:none!important}.referrals-table .referral-details-row>td{display:block!important;width:100%!important;padding:0!important}.referrals-table .referral-details-spacer{display:none!important}.referrals-table .referral-details-row td[colspan]{display:block!important}.referral-details-inner{grid-template-columns:repeat(2,minmax(0,1fr))!important;padding:10px!important;border:1px solid var(--line);border-top:0;border-radius:0 0 12px 12px}}
@media (max-width:390px){.referrals-table .referral-main-row{grid-template-columns:1fr;padding-inline:9px}.referrals-table .referral-main-row>td[data-label]{grid-column:1/-1}.referral-details-inner{grid-template-columns:1fr!important}}

/* V44 — legenda da auditoria, data única e situação do pagamento */
.referral-audit-legend{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;margin:0 0 12px;color:var(--text-2,#4a5d72);font-size:13px}
.referral-legend-title{font-family:var(--font-secondary);color:var(--text-3,#66788c);font-size:11.5px;font-weight:800;letter-spacing:.08em}
.referral-legend-item{display:inline-flex;align-items:center;gap:6px}
.referral-legend-item strong{color:var(--text-1,#1b3350)}
.referral-legend-item .referral-audit-static{width:24px;height:24px}
.referral-legend-item .referral-audit-static svg{width:13px;height:13px}
.referrals-table td.referral-date{font-weight:750;font-variant-numeric:tabular-nums;color:var(--text-1,#1b3350)}
.referrals-table td.referral-date small{display:block;margin-top:2px;color:var(--text-3,#66788c);font-size:12px;font-weight:600}
.referral-situation{display:inline-flex;align-items:center;min-height:26px;padding:0 10px;border-radius:999px;font-size:12px;font-weight:800;white-space:nowrap}
.referral-situation.is-pending{background:#fff7e3;color:#8a5d06}
.referral-situation.is-waiting{background:#eaf3fd;color:#1d5f99}
.referral-situation.is-paid{background:#e8f6ef;color:#12704a}
.referral-situation.is-cancelled{background:#fdeef0;color:#a23540}
html[data-theme="dark"] .referral-situation.is-pending{background:rgba(230,168,74,.14);color:#f0c27a}
html[data-theme="dark"] .referral-situation.is-waiting{background:rgba(122,184,240,.14);color:#9fcdf5}
html[data-theme="dark"] .referral-situation.is-paid{background:rgba(71,189,137,.14);color:#7fd8ae}
html[data-theme="dark"] .referral-situation.is-cancelled{background:rgba(255,116,116,.14);color:#ff9d9d}
@media (max-width:700px){
  .referrals-table td.referral-date small{display:inline;margin:0;font-size:inherit;font-weight:inherit;color:inherit}
  .referrals-table td.referral-date small::before{content:'/'}
}
html[data-theme="dark"] :is(.referral-audit-trigger,.referral-audit-static){background:rgba(184,207,232,.08);color:#a7b6c8}
html[data-theme="dark"] :is(.referral-audit-trigger,.referral-audit-static).ok{background:rgba(71,189,137,.16);color:#7fd8ae}
html[data-theme="dark"] :is(.referral-audit-trigger,.referral-audit-static).not-ok{background:rgba(58,115,237,.16);color:#88AAF4}
html[data-theme="dark"] :is(.referral-audit-trigger,.referral-audit-static).cancelled{background:rgba(255,116,116,.16);color:#ff9d9d}
html[data-theme="dark"] :is(.referral-audit-trigger,.referral-audit-static).pending{background:rgba(230,168,74,.14)}
