.ref-rewards-page{color:#18374c}
.ref-rewards-page h2,.ref-reward-rules h3,.ref-tracking-heading h3{color:#086f83;font-weight:700;line-height:1.65}
.ref-rewards-page h2{padding-bottom:10px;border-bottom:2px solid #d9edf0}
.ref-reward-label{margin:6px 0;font-weight:600}
.ref-reward-notes{list-style:disc;margin:14px 0;padding-left:22px;display:grid;gap:7px}
.ref-rewards-page .ref-reward-notes li,.ref-reward-rules li{font-size:14px;line-height:1.85;margin:0;overflow-wrap:anywhere}
.ref-reward-notes li::marker{color:#07877a;font-weight:700}
.ref-rewards-page .ref-reward-help{color:#496174;font-size:13px!important}
.ref-reward-rules{background:#f0faf8;border:1px solid #c7e7df;border-left:4px solid #07947d;padding:16px 18px;margin-top:22px}
.ref-reward-rules h3{margin:0 0 12px;font-size:17px}
.ref-reward-rules ol{list-style:decimal;display:grid;gap:9px;margin:0;padding-left:23px}
.ref-reward-rules li::marker{color:#087d68;font-weight:700}
.ref-share-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.ref-share-actions a,.ref-share-actions button{min-height:44px;padding:10px 7px;border:1px solid #ffffff30;box-shadow:0 3px 7px #183b5014;line-height:1.5;transition:filter .15s,transform .15s}
.ref-share-actions .viber{background:#6742ce;color:#fff}
.ref-share-actions .telegram{background:#087eae;color:#fff}
.ref-share-actions .facebook{background:#1761cc;color:#fff}
.ref-share-actions .copy-link{background:#087c8b;color:#fff}
.ref-share-actions .share-link{background:#16824a;color:#fff}
.ref-share-actions a:hover,.ref-share-actions button:hover,.ref-tracking-heading button:hover{filter:brightness(1.08);transform:translateY(-1px)}
.ref-share-actions a:focus-visible,.ref-share-actions button:focus-visible,.ref-tracking-heading button:focus-visible,.ref-tracking-scroll:focus-visible{outline:3px solid #edb52a;outline-offset:3px}
.ref-reward-message{padding:10px 12px;background:#eaf8ee;border:1px solid #b8dfc3;border-radius:9px;color:#146739;font-size:13px;line-height:1.8;margin-top:12px}
.ref-tracking{margin-top:24px;padding-top:20px;border-top:2px solid #d7e8ef}
.ref-tracking-heading{margin-top:0;align-items:flex-start;gap:10px}
.ref-tracking-heading h3{font-size:18px;flex:1;min-width:0}
.ref-tracking-heading button{display:inline-flex;align-items:center;justify-content:center;gap:6px;flex-shrink:0;min-height:43px;background:#0b708c;border:1px solid #075c75;color:#fff;font-weight:700;box-shadow:0 3px 8px #09587222;padding:8px 12px;border-radius:9px}
.ref-tracking-heading button span{font-size:23px;line-height:1}
.ref-tracking-counts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:16px 0}
.ref-tracking-counts span{padding:11px 8px;border:1px solid #c8dfe9;border-radius:10px;background:#edf6fb;color:#175878;font-size:12px;line-height:1.7;text-align:center}
.ref-tracking-counts span:nth-child(2){background:#f4efff;border-color:#ded1f6;color:#624398}
.ref-tracking-counts span:nth-child(3){background:#eaf7ef;border-color:#c6e5d1;color:#237446}
.ref-tracking-counts b{display:block;margin-top:4px;font-size:22px;line-height:1.3;font-weight:700}
.ref-tracking-scroll{border:1px solid #9dbcc9;border-radius:10px;background:#fff;box-shadow:0 3px 12px #1b527510;margin-top:16px;overflow-x:auto;scrollbar-color:#6b9bab #edf4f7}
.ref-tracking table{min-width:760px;border-collapse:collapse;line-height:1.8;font-size:13px}
.ref-tracking th{background:#0c5d77;color:#fff;font-weight:700;padding:13px 12px;border:1px solid #4d8899;white-space:nowrap}
.ref-tracking td{padding:13px 12px;border:1px solid #bfd3dd;vertical-align:middle;color:#233f50}
.ref-tracking tbody tr:nth-child(even){background:#f1f7fa}
.ref-tracking tbody tr:hover{background:#e8f5f7}
.ref-tracking td:nth-child(2),.ref-tracking td:nth-child(7){white-space:nowrap}
.ref-tracking td:nth-child(7){font-weight:700;color:#08703e}
.ref-tracking td small{font-size:11px;color:#5b7282}
.ref-success,.ref-unsuccessful,.ref-pending{display:inline-block;white-space:nowrap;border-radius:6px;padding:3px 8px;font-size:12px;font-weight:700;border:1px solid}
.ref-success{background:#e1f5e8;color:#146b39;border-color:#a9d4b8}
.ref-unsuccessful{background:#ffeded;color:#aa2a2a;border-color:#edbcbc}
.ref-pending{background:#fff5d8;color:#835b08;border-color:#e6cf8d}
.ref-tracking .ref-tracking-empty{white-space:normal;padding:17px 16px;background:#f8fbfd}
.ref-tracking-empty .ref-reward-notes{margin:0;max-width:min(430px,calc(100vw - 92px))}
.ref-tracking-footnotes{margin-top:16px}
@media(max-width:360px){.ref-rewards-page{padding-left:12px;padding-right:12px}.ref-share-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.ref-tracking-heading h3{font-size:16px}.ref-tracking-heading button{font-size:12px;padding:8px}.ref-tracking-counts{gap:6px}.ref-tracking-counts span{font-size:11px;padding:9px 5px}}
@media(prefers-reduced-motion:reduce){.ref-share-actions a,.ref-share-actions button{transition:none}.ref-share-actions a:hover,.ref-share-actions button:hover,.ref-tracking-heading button:hover{transform:none}}