/* Referral page - reference layout (blue boxes, gold tabs/buttons) */
html[data-page="referral"] body,html[data-page="referral"] .page-wrapper,html[data-page="referral"] .page-content{background:#0e2749!important;}
.rx{max-width:760px;margin:0 auto;padding:0 0 30px;color:#fff;font-family:inherit;}
.rx-head{position:relative;height:52px;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff;
  background:linear-gradient(180deg,#2254ba 0%,#1b47a2 100%);}
.rx-head__x{position:absolute;right:14px;top:50%;width:20px;height:20px;transform:translateY(-50%);}
.rx-head__x::before,.rx-head__x::after{content:"";position:absolute;left:50%;top:50%;width:2px;height:20px;background:#fff;border-radius:2px;}
.rx-head__x::before{transform:translate(-50%,-50%) rotate(45deg);}.rx-head__x::after{transform:translate(-50%,-50%) rotate(-45deg);}
.rx-tabs{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:10px 12px;background:#1b47a2;}
.rx-tab{height:40px;border:0;border-radius:5px;background:#2254ba;color:#fff;font-size:16px;cursor:pointer;font-family:inherit;}
.rx-tab.is-on{background:#f4b600;color:#1d1d1d;}
.rx-pane{display:none;padding:10px;}
.rx-pane.is-on{display:block;}
.rx-box{margin:0 0 12px;padding:14px 10px 14px;border-radius:8px;background:#1b3f7e;}
.rx-title{position:relative;margin:0 0 12px;padding-left:12px;font-size:17px;font-weight:400;color:#fff;line-height:1.2;}
.rx-title::before{content:"";position:absolute;left:0;top:1px;bottom:1px;width:4px;border-radius:2px;background:#2b7cf0;}
.rx-banner{display:block;width:100%;height:auto;border-radius:6px;margin:0 0 12px;}
.rx-invite{display:grid;grid-template-columns:44% 1fr;gap:0 14px;}
.rx-invite__l{padding-right:14px;border-right:2px solid #e8eefc;}
.rx-label{font-size:15px;line-height:1.25;margin:0 0 6px;color:#fff;}
.rx-qr{display:flex;align-items:center;justify-content:center;aspect-ratio:1;max-width:160px;padding:6px;border:2px solid #f4b600;border-radius:5px;background:#fff;}
.rx-qr img{display:block;width:100%;height:auto;}
.rx-share{display:block;width:100%;height:46px;margin:0 0 14px;border:0;border-radius:5px;background:#f4b600;color:#1d1d1d;font-size:18px;cursor:pointer;font-family:inherit;}
.rx-code{display:flex;align-items:center;height:46px;border-radius:5px;background:#fff;overflow:hidden;}
.rx-code span{flex:1;min-width:0;padding:0 14px;color:#1d1d1d;font-size:20px;letter-spacing:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.rx-copy{flex:none;width:46px;height:100%;border:0;background:#f4b600 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%231d1d1d'%3E%3Cpath d='M16 1H6a2 2 0 0 0-2 2v12h2V3h10V1zm3 4H10a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h9a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2zm0 16H10V7h9v14z'/%3E%3C/svg%3E") center/22px no-repeat;cursor:pointer;}
.rx-copy.is-ok{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%231d1d1d'%3E%3Cpath d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z'/%3E%3C/svg%3E");}
.rx-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.rx-grid--3{grid-template-columns:repeat(3,1fr);margin-bottom:12px;}
.rx-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:86px;padding:10px 6px;border-radius:6px;background:#0f2d5c;text-align:center;}
.rx-tile span{font-size:14px;color:#fff;line-height:1.2;}
.rx-tile b{font-size:26px;font-weight:700;color:#f4b600;line-height:1.1;white-space:nowrap;}
.rx-tile b em{font-style:normal;}
.rx-receive{display:flex;align-items:center;justify-content:space-between;gap:10px;}
.rx-receive__amt{font-size:26px;color:#f4b600;}
.rx-receive__btn{min-width:110px;height:42px;border:0;border-radius:5px;background:#f4b600;color:#1d1d1d;font-size:16px;cursor:pointer;font-family:inherit;}
.rx-receive__btn:disabled{background:#5d6f90;color:#c8d2e4;cursor:default;}
.rx-cond-t{margin:0 0 10px;font-size:14px;line-height:1.35;}
.rx-tips{margin:12px 0 0;font-size:12.5px;line-height:1.5;text-align:center;color:#dce6fa;}
.rx-text{font-size:14px;line-height:1.55;}
.rx-text h3{margin:12px 0 4px;font-size:15px;color:#f4b600;}
.rx-text p{margin:6px 0;}
.rx-text ul{margin:4px 0;padding-left:20px;}
.rx-gold{color:#f4b600;}
.rx-table{width:100%;border-collapse:collapse;margin:8px 0;font-size:14px;text-align:center;}
.rx-table th{background:#2254ba;color:#fff;font-weight:400;padding:7px 4px;}
.rx-table td{background:#0f2d5c;padding:7px 4px;border-top:1px solid #1b3f7e;}
.rx-tree{display:block;width:100%;max-width:420px;margin:12px auto;}
.rx-more a{color:#f4b600;}
.rx-tbl-wrap{overflow-x:auto;}
.rx-table--list{font-size:13px;}
.rx-empty{color:#9fb0cf;padding:16px!important;}
#rxDetails .rf-stats-section{background:transparent!important;padding:0!important;}
@media (max-width:1023px){
  html[data-page="referral"] body .header{display:none!important;}
  html[data-page="referral"] .page-wrapper{padding-top:0!important;}
  .rx-head{position:sticky;top:0;z-index:50;}
}
/* beat the global button rules */
html[data-page="referral"] body .rx-tab,html[data-page="referral"] body .rx-share,html[data-page="referral"] body .rx-receive__btn{-webkit-text-fill-color:currentColor!important;box-shadow:none!important;border:0!important;}
html[data-page="referral"] body .rx-tab{background:#2254ba!important;color:#fff!important;}
html[data-page="referral"] body .rx-tab.is-on,html[data-page="referral"] body .rx-share{background:#f4b600!important;color:#1d1d1d!important;}
html[data-page="referral"] body .rx-receive__btn{background:#f4b600!important;color:#1d1d1d!important;}
html[data-page="referral"] body .rx-receive__btn:disabled{background:#5d6f90!important;color:#c8d2e4!important;}
.rx-text ul{list-style:disc;}
.rx{display:flow-root;}
html[data-page="referral"] body .rx-head{margin:0!important;}
@media (max-width:1023px){html[data-page="referral"] body .deskAcc-right{margin-top:0!important;padding-top:0!important;}}
.rx-qr img[hidden]{display:none!important;}
.rx-qr span{color:#9aa;font-size:12px;}
html[data-page] .rx .rx-code span{color:#1d1d1d;}
/* 2026-11-14 reference v2: gold headings, gold-header commission table, Details filter + records table */
html[data-page="referral"] body .rx-text h3{color:#f4b600!important;font-size:16px;font-weight:700;margin:14px 0 6px;}
html[data-page="referral"] body .rx-text .rx-gold{color:#f4b600!important;}
.rx-table{border-collapse:separate;border-spacing:2px;}
html[data-page="referral"] body .rx-table:not(.rx-table--list) th{background:#f4b600!important;color:#1d1d1d!important;font-size:15px;padding:6px 4px;}
html[data-page="referral"] body .rx-table:not(.rx-table--list) td{background:#2254ba!important;color:#fff!important;border:0;font-size:15px;padding:6px 4px;}
.rx-pane#rxDetails{padding:10px;}
.rx-filter{display:flex;align-items:stretch;margin:0 0 12px;border-radius:6px;overflow:hidden;background:#1b3f7e;}
.rx-filter__chips{flex:1;min-width:0;display:flex;gap:4px;padding:10px 8px;overflow-x:auto;scrollbar-width:none;}
.rx-filter__chips::-webkit-scrollbar{display:none;}
.rx-chip{position:relative;flex:none;}
html[data-page="referral"] body .rx-chip select{height:30px;padding:0 16px;border:0!important;border-radius:5px!important;background:#f4b600!important;color:#1d1d1d!important;font:inherit;font-size:15px;-webkit-appearance:none;appearance:none;cursor:pointer;box-shadow:none!important;min-height:0!important;width:auto!important;}
html[data-page="referral"] body .rx-chip select option{background:#fff;color:#1d1d1d;}
html[data-page="referral"] body .rx-filter__btn{flex:none;width:44px;border:0!important;border-radius:0!important;background:#f4b600!important;color:#1d1d1d!important;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:none!important;padding:0;}
.rx-filter__btn svg{width:24px;height:24px;}
.rx-rec{border-radius:6px;overflow:hidden;background:#1b3f7e;}
.rx-rec__h,.rx-rec__r{display:grid;grid-template-columns:1.1fr 1fr 1.05fr .9fr;align-items:center;}
.rx-rec__h{background:#0c4ea2;min-height:40px;}
.rx-rec__h span{padding:0 6px;font-size:14px;text-align:center;color:#fff;border-right:1px dashed rgba(255,255,255,.55);line-height:1.2;}
.rx-rec__h span:last-child{border-right:0;}
.rx-rec__r{min-height:46px;border-top:1px solid rgba(255,255,255,.08);}
.rx-rec__r span{padding:6px;font-size:13px;text-align:center;line-height:1.25;word-break:break-word;}
.rx-rec__r small{display:block;font-size:11px;color:#9fb0cf;margin-top:2px;}
.rx-st--completed{color:#9cc0ff;}.rx-st--pending{color:#f4b600;}.rx-st--expired{color:#9fb0cf;}
.rx-nodata{min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:30px 10px;}
.rx-nodata svg{width:110px;height:auto;}
.rx-nodata p{margin:0;font-size:15px;color:#9fb0cf;}
.rx-claims{margin-top:12px;}
html[data-page="referral"] body .rx-rec span{color:#fff;}
html[data-page="referral"] body .rx-rec .rx-gold{color:#f4b600!important;}
html[data-page="referral"] body .rx-rec .rx-st--completed{color:#9cc0ff!important;}
html[data-page="referral"] body .rx-rec .rx-st--pending{color:#f4b600!important;}
html[data-page="referral"] body .rx-rec .rx-st--expired{color:#9fb0cf!important;}
html[data-page="referral"] body .rx-chip select{padding:0 12px!important;font-size:14px!important;}