/* PixelCity davet sayfası — tasarim.rar Parrainage stili */
.pixel-referral-shell {display:flex;flex-direction:column;gap:16px;width:min(1050px,calc(100% - 30px));margin:34px auto 45px;}
.pixel-referral-shell>.global-box {margin:0;border-radius:10px;}
.pixel-referral-shell .title {display:flex;align-items:center;justify-content:space-between;font-size:16px;font-weight:700;}
.pixel-referral-shell .title small {font-size:11px;font-weight:500;}
.pixel-referral-hero-content {display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:20px;}
.pixel-referral-hero-image {width:110px;height:94px;object-fit:contain;image-rendering:pixelated;}
.pixel-referral-hero-body {display:flex;min-width:0;flex-direction:column;gap:8px;}
.pixel-referral-hero-body>p {margin:0;color:#3c3f51;font-size:14px;line-height:1.5;opacity:.85;}
.pixel-referral-hero-body>small {color:#3c3f51;font-size:12px;opacity:.8;}
.pixel-referral-hero-body b {color:#f27e46;}
.pixel-referral-stats {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;}
.pixel-referral-stat {display:flex;flex-direction:column;gap:6px;margin:0!important;padding:16px;border-radius:10px;border-left:4px solid #f27e46;}
.pixel-referral-stat b {display:flex;align-items:center;gap:6px;color:#3c3f51;font-size:24px;}
.pixel-referral-stat b img {width:18px;height:18px;object-fit:contain;image-rendering:pixelated;}
.pixel-referral-stat span {color:#767986;font-size:12px;}
.pixel-referral-stat.is-validated {border-color:#4caf50;}
.pixel-referral-stat.is-pending {border-color:#e7a629;}
.pixel-referral-stat.is-invalid {border-color:#d64545;}
.pixel-referral-claim>.content {display:flex;align-items:center;justify-content:space-between;gap:16px;}
.pixel-referral-claim>.content>div {display:flex;flex-direction:column;gap:4px;}
.pixel-referral-claim strong {color:#3c3f51;font-size:15px;}
.pixel-referral-claim small {color:#767986;font-size:12px;}
.pixel-referral-flash {margin:0;padding:12px 16px;border-radius:10px;font-size:13px;font-weight:700;}
.pixel-referral-flash.is-success {background:#e3f4e4;color:#2e7d32;}
.pixel-referral-flash.is-error {background:#fbe4e4;color:#b23434;}
.pixel-referral-list {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
.pixel-referral-empty {grid-column:1/-1;margin:0;font-size:13px;line-height:1.6;opacity:.8;}
.pixel-referral-user {display:flex;min-width:0;align-items:center;gap:10px;padding:10px;border-radius:10px;background:#eaeaea;color:#3c3f51;text-decoration:none;transition:200ms ease-in-out background;}
.pixel-referral-user:hover {background:#fff1e8;}
.pixel-referral-user-identity {display:flex;min-width:0;flex:1;flex-direction:column;gap:4px;}
.pixel-referral-user-identity strong {overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap;}
.pixel-referral-user-identity small {color:#767986;font-size:11px;}
.pixel-referral-user-status {flex:none;padding:5px 8px;border-radius:6px;background:#e7a629;color:#fff;font-size:10px;font-weight:700;text-align:center;}
.pixel-referral-user.is-validated .pixel-referral-user-status {background:#4caf50;}
.pixel-referral-user.is-invalid .pixel-referral-user-status {background:#d64545;}
.pixel-design .app[theme="dark"] .pixel-referral-hero-body>p,.pixel-design .app[theme="dark"] .pixel-referral-hero-body>small,.pixel-design .app[theme="dark"] .pixel-referral-stat b,.pixel-design .app[theme="dark"] .pixel-referral-claim strong {color:#f0f0f6;}
.pixel-design .app[theme="dark"] .pixel-referral-user {background:#3c3f51;color:#f0f0f6;}
.pixel-design .app[theme="dark"] .pixel-referral-copy input,.pixel-design .app[theme="dark"] .metro-me-referral-copy input {border-color:#444857;background:#282a34;color:#f0f0f6;}
/* Kayıt sayfasındaki "X seni davet etti" bandı */
.pixel-register-referral {display:flex;align-items:center;gap:12px;margin:0 0 12px;padding:10px 12px;border-radius:10px;background:#fff1e8;border:1px solid #f6c2a6;color:#3c3f51;}
.pixel-register-referral .pixel-avatar {position:relative;display:block;width:44px;height:44px;flex:none;overflow:hidden;border-radius:8px;background:#f8d9c6;}
.pixel-register-referral .pixel-avatar img {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);image-rendering:pixelated;}
.pixel-register-referral>span:last-child {display:flex;flex-direction:column;gap:3px;}
.pixel-register-referral strong {color:#c35f2d;font-size:14px;}
.pixel-register-referral small {font-size:11px;line-height:1.4;opacity:.85;}
@media(max-width:850px) {.pixel-referral-stats {grid-template-columns:repeat(2,minmax(0,1fr));} .pixel-referral-list {grid-template-columns:minmax(0,1fr);}}
@media(max-width:520px) {.pixel-referral-shell {width:calc(100% - 24px);margin-top:22px;} .pixel-referral-hero-content {grid-template-columns:minmax(0,1fr);} .pixel-referral-hero-image {display:none;} .pixel-referral-claim>.content {flex-direction:column;align-items:stretch;} .pixel-referral-stats {gap:10px;}}
.pixel-referral-user .pixel-avatar {position:relative;display:block;width:44px;height:44px;flex:none;overflow:hidden;border-radius:8px;background:#f8d9c6;}
.pixel-referral-user .pixel-avatar.is-online {background:#dbefdf;}
.pixel-referral-user .pixel-avatar img {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);image-rendering:pixelated;}
.pixel-design .pixel-referral-claim>.content {padding:15px;}
.pixel-design .cms2-register-card>.pixel-register-referral {margin:12px 0 4px;}