.er-ref-overlay{position:fixed;inset:0;z-index:999999;background:#0009;display:flex;align-items:center;justify-content:center;padding:16px}.er-ref-dialog{width:min(440px,100%);max-height:90vh;overflow:auto;background:#fff8e9;color:#46301b;border:2px solid #b89245;border-radius:19px;box-shadow:0 20px 70px #0007;font:15px/1.5 system-ui}.er-ref-dialog header{display:flex;align-items:center;justify-content:space-between;padding:15px 19px;background:linear-gradient(110deg,#a77c33,#edce80);color:#35230e}.er-ref-dialog header button{border:0;background:transparent;color:inherit;font-size:26px}.er-ref-dialog main{padding:20px;display:grid;gap:13px}.er-ref-dialog input{width:100%;padding:12px;border-radius:10px;border:1px solid #ac8745;background:#fff;color:#332}.er-ref-dialog button:not(header button),.er-ref-family-shortcut{cursor:pointer;border:1px solid #a78242;border-radius:10px;background:linear-gradient(#f7e4ad,#d7ad55);color:#39280e;padding:10px;font-weight:700}.er-ref-actions{display:flex;gap:10px}.er-ref-actions>*{flex:1}.er-ref-code{display:flex;align-items:center;justify-content:space-between;gap:7px;padding:8px;border-bottom:1px solid #b9986070;overflow-wrap:anywhere}.er-ref-menu .er-ref-coin{font-size:30px;color:#d9aa3b}.er-ref-family-shortcut{margin:8px;max-width:200px}html[data-eris-theme="dark"] .er-ref-dialog{background:#132a26;color:#f5e4bd;border-color:#a98b51}html[data-eris-theme="dark"] .er-ref-dialog header{background:linear-gradient(110deg,#30281a,#715a32);color:#fff0cb}html[data-eris-theme="dark"] .er-ref-dialog input{background:#10201d;color:#fff0cb;border-color:#a98b51}html[data-eris-theme="dark"] .er-ref-dialog button:not(header button){background:linear-gradient(#74603c,#3b3021);color:#fff0cb}

.er-ref-toast{position:fixed;top:calc(env(safe-area-inset-top,0px) + 20px);left:50%;transform:translateX(-50%);z-index:1000001;display:flex;align-items:center;gap:12px;width:min(92vw,420px);padding:13px 17px;border:2px solid #c6a25e;border-radius:14px;background:linear-gradient(135deg,#fff5d8,#d8b771);color:#3e2b12;box-shadow:0 12px 35px #0006;font:600 14px/1.4 system-ui}.er-ref-toast-coin{font-size:27px;color:#a67613}html[data-eris-theme="dark"] .er-ref-toast{background:linear-gradient(135deg,#192a26,#68522b);color:#fff0c6}

/* Keep the family action in the native responsive grid on both themes. */
.eh-family-actions .er-ref-family-shortcut{margin:0;max-width:none;min-width:0;width:auto;white-space:normal;line-height:1.35}
html[data-eris-theme="dark"] .eh-family-actions .er-ref-family-shortcut{background:linear-gradient(135deg,#72582d,#332819);color:#fff0c6;border-color:#b38b48}

/* Pair history and referral at the same menu size on mobile. */
html body #profile #erisProfileHub#erisProfileHub .eph-tabs button.pp-history-button,
html body #profile #erisProfileHub#erisProfileHub .eph-tabs button[data-referral-open]{grid-column:auto!important;aspect-ratio:auto!important;min-height:88px!important;max-height:none!important;padding:11px 10px!important;justify-content:flex-start!important;text-align:left!important;font-size:12px!important;overflow:hidden!important}
html body #profile #erisProfileHub#erisProfileHub .eph-tabs button.pp-history-button .pp-history-art{object-fit:cover!important;object-position:left center!important;opacity:.22!important}
html body #profile #erisProfileHub#erisProfileHub .eph-tabs button[data-referral-open]{background-image:var(--pp-surface)!important;background-size:100% 100%!important;color:var(--pp-ink)!important;gap:9px!important}
html body #profile #erisProfileHub#erisProfileHub .eph-tabs button[data-referral-open] .er-ref-icon{width:43px!important;height:43px!important;object-fit:contain!important;flex:0 0 43px!important}
html body #profile #erisProfileHub#erisProfileHub .eph-tabs button.pp-history-button span{font-size:12px!important;text-shadow:none!important}
html body #profile #erisProfileHub#erisProfileHub .eph-tabs button[data-referral-open] span{font:700 12px/1.4 Georgia,serif!important}
.er-ref-admin-button{background:linear-gradient(130deg,#184239,#806333)!important;color:#fff1ca!important}
@media(max-width:340px){html body #profile #erisProfileHub#erisProfileHub .eph-tabs button[data-referral-open] .er-ref-icon{width:35px!important;height:35px!important;flex-basis:35px!important}}

/* Referans ve Lidya gecmisi: iki esit profil karti */
html body #profile #erisProfileHub#erisProfileHub .eph-tabs button.pp-history-button,
html body #profile #erisProfileHub#erisProfileHub .eph-tabs button.er-ref-menu{grid-column:auto!important;aspect-ratio:auto!important;min-height:88px!important;max-height:none!important;padding:12px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:9px!important;font-size:12px!important;min-width:0!important;text-align:left!important;background-image:var(--pp-surface)!important;background-size:100% 100%!important}
html body #profile #erisProfileHub#erisProfileHub .eph-tabs button.pp-history-button .pp-history-art{position:relative!important;inset:auto!important;width:43px!important;height:43px!important;flex:0 0 43px!important;object-fit:contain!important;z-index:auto!important;opacity:1!important;filter:none!important}
html body #profile #erisProfileHub#erisProfileHub .eph-tabs button.er-ref-menu .er-ref-coin{display:none!important}
html body #profile #erisProfileHub#erisProfileHub .eph-tabs button.er-ref-menu .er-ref-icon{width:43px!important;height:43px!important;flex:0 0 43px!important;object-fit:contain!important}
html body #profile #erisProfileHub#erisProfileHub .eph-tabs button.er-ref-menu span,
html body #profile #erisProfileHub#erisProfileHub .eph-tabs button.pp-history-button span{font:700 12px/1.4 Georgia,serif!important;white-space:normal!important;min-width:0!important;text-shadow:none!important}
@media(max-width:340px){html body #profile #erisProfileHub#erisProfileHub .eph-tabs button.er-ref-menu .er-ref-icon,html body #profile #erisProfileHub#erisProfileHub .eph-tabs button.pp-history-button .pp-history-art{width:35px!important;height:35px!important;flex-basis:35px!important}}