/* ===== Üye Paneli — site temasıyla birebir (Gilroy), açık ===== */
html, body{ overflow-x:hidden; max-width:100%; }   /* mobil yatay kaymayı engelle */
.hesap-wrap, .hesap-wrap *{ font-family:'Gilroy', sans-serif; }
.hesap-wrap{ background:#f3f2f8; }
.hesap-wrap input, .hesap-wrap button, .hesap-wrap textarea, .hesap-wrap select{ font-family:'Gilroy', sans-serif; }

/* ---- Üst hero: koyu, header altına kadar, sonra YUMUŞAK gradient geçiş ---- */
.hesap-intro{ position:relative; overflow:hidden; text-align:center; color:#fff;
    padding:148px 0 96px;
    background-image:linear-gradient(180deg,rgba(18,13,30,.90) 0%, rgba(29,21,54,.82) 40%, rgba(40,30,74,.45) 70%, rgba(243,242,248,0) 100%), var(--hero-img);
    background-size:cover, cover; background-position:center, center; background-repeat:no-repeat, no-repeat; }
.hesap-intro .container{ position:relative; z-index:1; }
.hesap-intro-in{ display:flex; flex-direction:column; align-items:center; gap:4px; }
.hesap-intro-ava{ width:74px; height:74px; border-radius:50%; object-fit:cover; border:3px solid rgba(255,255,255,.25); margin-bottom:10px; }
.hesap-intro .hello{ font-size:15px; color:#c9c2e6; }
.hesap-intro h1{ font-size:28px; font-weight:600; margin:2px 0 6px; color:#fff; }
.hesap-intro .seviye{ font-size:13px; font-weight:700; color:var(--sv,#ffce6b); display:inline-flex; align-items:center; gap:5px;
    background:rgba(255,255,255,.1); padding:5px 14px; border-radius:20px; }

/* ---- Gövde ---- */
.hesap-body{ position:relative; z-index:2; margin-top:-66px; padding-bottom:80px; }
.hesap-grid{ display:grid; grid-template-columns:264px 1fr; gap:24px; align-items:start; }

/* ---- Kenar menü ---- */
.hesap-side{ padding:14px; position:sticky; top:20px; }
.hesap-side-head{ display:none; }
.hesap-side-close{ display:none; }
.hesap-side nav{ display:flex; flex-direction:column; gap:4px; }
.hesap-side-link{ display:flex; align-items:center; gap:13px; padding:13px 15px; border-radius:13px;
    font-size:15px; color:inherit; text-decoration:none; transition:.14s; opacity:.85; }
.hesap-side-link i{ font-size:19px; width:22px; text-align:center; }
.hesap-side-link:hover{ background:rgba(123,92,255,.08); opacity:1; }
.hesap-side-link.active{ background:var(--main-color,#7b5cff); color:#fff; opacity:1; box-shadow:0 8px 20px rgba(123,92,255,.3); }
.hesap-side-link.logout{ margin-top:6px; color:#e5484d; }

/* Rank mini blok (sidebar) */
.hesap-rank-mini{ display:block; text-decoration:none; color:inherit; background:linear-gradient(135deg,#1d1536,#2b2150);
    border-radius:14px; padding:14px; margin-bottom:10px; position:relative; overflow:hidden; }
.hesap-rank-mini.active{ box-shadow:0 0 0 2px var(--rk,#7b5cff) inset; }
.rk-top{ display:flex; align-items:center; gap:10px; color:#fff; }
.rk-top>i:first-child{ font-size:26px; color:var(--rk,#ffce6b); }
.rk-top .rk-lbl{ font-size:11px; opacity:.7; display:block; }
.rk-top b{ font-size:14.5px; }
.rk-arrow{ margin-left:auto; opacity:.6; font-size:18px; }
.rk-bar{ height:6px; background:rgba(255,255,255,.14); border-radius:6px; margin:11px 0 7px; overflow:hidden; }
.rk-bar span{ display:block; height:100%; background:var(--rk,#7b5cff); border-radius:6px; transition:.4s; }
.rk-foot{ font-size:11.5px; color:#cfc8e6; }

.hesap-content-head{ margin-bottom:18px; }
.hesap-content-head h2{ font-size:22px; font-weight:700; margin:0; color:#2b2350; }

/* ---- İstatistik kartları ---- */
.hesap-stats{ display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-bottom:20px; }
.hesap-stat{ background:#fff; border-radius:16px; padding:20px; box-shadow:0 10px 34px rgba(20,12,50,.06); }
.hesap-stat .ic{ width:46px; height:46px; border-radius:12px; display:grid; place-items:center; font-size:22px;
    background:rgba(123,92,255,.12); color:var(--main-color,#7b5cff); margin-bottom:12px; }
.hesap-stat .lbl{ font-size:13px; opacity:.6; }
.hesap-stat .val{ font-size:24px; font-weight:800; margin-top:3px; color:#2b2350; }

/* ---- Tablo ---- */
.hesap-table{ width:100%; border-collapse:collapse; }
.hesap-table th,.hesap-table td{ text-align:left; padding:14px 12px; border-bottom:1px solid rgba(20,12,50,.07); font-size:14.5px; }
.hesap-table th{ font-weight:600; opacity:.55; font-size:12.5px; text-transform:uppercase; letter-spacing:.4px; }
.hesap-table tr:last-child td{ border-bottom:0; }
.hesap-empty{ text-align:center; opacity:.5; padding:40px 12px; }
.hesap-empty i{ font-size:40px; display:block; margin-bottom:10px; }
.hesap-chip{ display:inline-block; font-size:12px; padding:4px 11px; border-radius:20px; font-weight:700; }
.hesap-chip.ok{ background:rgba(46,160,90,.13); color:#1f9d57; }
.hesap-chip.wait{ background:rgba(255,170,0,.15); color:#c98a00; }
.hesap-chip.cancel{ background:rgba(229,72,77,.13); color:#e5484d; }

/* ---- Form ---- */
.hesap-field{ margin-bottom:15px; }
.hesap-field label{ display:block; font-size:13px; opacity:.7; margin-bottom:7px; }
.hesap-input{ width:100%; box-sizing:border-box; border:1px solid rgba(20,12,50,.14); border-radius:12px;
    padding:13px 15px; font-size:15px; outline:none; transition:.14s; background:#fff; color:#2b2350; }
.hesap-input:focus{ border-color:var(--main-color,#7b5cff); box-shadow:0 0 0 3px rgba(123,92,255,.15); }
.hesap-msg{ display:none; border-radius:11px; padding:11px 14px; font-size:14px; margin-bottom:14px; }
.hesap-msg.show{ display:block; }
.hesap-msg.ok{ background:rgba(46,160,90,.12); color:#1f9d57; }
.hesap-msg.err{ background:rgba(229,72,77,.12); color:#e5484d; }

/* ---- Mobil: yüzen buton + sağdan drawer ---- */
.hesap-fab{ display:none; position:fixed; right:16px; bottom:80px; z-index:8800; width:54px; height:54px; border-radius:50%;
    background:var(--main-color,#7b5cff); border:0; box-shadow:0 10px 26px rgba(123,92,255,.5); cursor:pointer;
    flex-direction:column; align-items:center; justify-content:center; gap:5px; }
.hesap-fab span{ width:22px; height:2px; background:#fff; border-radius:2px; transition:.2s; }
.hesap-drawer-overlay{ display:none; position:fixed; inset:0; background:rgba(10,7,22,.5); z-index:8900; opacity:0; transition:.2s; }

@media (max-width:880px){
    .hesap-intro{ padding-top:104px; padding-bottom:74px; }
    .hesap-intro h1{ font-size:24px; }
    .hesap-deco{ width:150px; opacity:.12; }
    .hesap-body{ margin-top:-54px; position:static; z-index:auto; }   /* stacking context kaldır -> drawer overlay üstünde */
    .hesap-grid{ grid-template-columns:1fr; }
    .hesap-stats{ grid-template-columns:1fr; }

    .hesap-fab{ display:flex; }
    .hesap-drawer-overlay{ display:block; pointer-events:none; }
    body.hesap-drawer-open .hesap-drawer-overlay{ opacity:1; pointer-events:auto; }

    /* Sidebar -> sağdan, HEADER ALTINDA açılan yuvarlak yüzen menü */
    .hesap-side{ position:fixed; top:70px; right:10px; bottom:auto; width:284px; max-width:88vw; max-height:80vh; z-index:9000;
        border-radius:18px; transform:translateX(118%); opacity:0; transition:transform .26s ease, opacity .2s ease;
        overflow-y:auto; box-shadow:0 24px 70px rgba(10,7,22,.45); padding:0 0 12px; }
    body.hesap-drawer-open .hesap-side{ transform:none; opacity:1; }
    .hesap-side-head{ display:flex; align-items:center; gap:12px; padding:18px 18px 16px; border-bottom:1px solid rgba(20,12,50,.08);
        background:linear-gradient(135deg,#1d1536,#2b2150); color:#fff; position:relative; border-radius:18px 18px 0 0; }
    .hesap-side-head img{ width:46px; height:46px; border-radius:50%; object-fit:cover; border:2px solid rgba(255,255,255,.3); }
    .hesap-side-head b{ display:block; font-size:15px; } .hesap-side-head span{ font-size:13px; opacity:.8; }
    .hesap-side-close{ display:grid; place-items:center; position:absolute; top:14px; right:14px; width:32px; height:32px;
        border-radius:50%; background:rgba(255,255,255,.15); color:#fff; border:0; font-size:16px; cursor:pointer; }
    /* Drawer'da rank bloğu başlık kartına yapışmasın */
    .hesap-rank-mini{ margin:14px 12px 4px; }
    .hesap-side nav{ padding:12px; gap:8px; }
    /* kutucuk görünüm */
    .hesap-side-link{ background:#f5f4fb; border:1px solid #ece9f7; border-radius:14px; padding:15px 16px; font-size:15px; opacity:1; }
    .hesap-side-link i{ font-size:21px; }
    .hesap-side-link.active{ background:var(--main-color,#7b5cff); border-color:transparent; }
}

/* 2'li istatistik kartları: masaüstünde yan yana, mobilde tek sütun (üstteki @media zaten 1fr yapar) */
@media (min-width:881px){ .hesap-stats--2{ grid-template-columns:repeat(2,1fr); } }

/* Genel responsive tablo: mobilde satırlar karta dönüşür (data-label ile etiketli) */
@media (max-width:640px){
    .rtable thead{ display:none; }
    .rtable, .rtable tbody, .rtable tr, .rtable td{ display:block; width:auto; }
    .rtable tr{ background:#fff; border:1px solid #ece9f6; border-radius:14px; padding:10px 14px; margin-bottom:12px;
        box-shadow:0 6px 18px -12px rgba(40,30,80,.25); }
    .rtable td{ border:0 !important; padding:6px 0; display:flex; justify-content:space-between; align-items:center;
        gap:14px; text-align:right !important; }
    .rtable td::before{ content:attr(data-label); font-size:12px; font-weight:700; color:#8a83a8; text-align:left; flex:none; }
    .rtable td.rt-act{ padding-top:12px; margin-top:4px; border-top:1px solid #f0eef8 !important; }
    .rtable td.rt-act::before{ display:none; }
    .rtable td.rt-act .butto{ width:100%; text-align:center; padding:11px; }
    /* CTA kartı: mobilde dikey + tam genişlik buton */
    .bakiye-cta{ flex-direction:column; align-items:stretch !important; }
    .bakiye-cta .butto{ width:100%; text-align:center; justify-content:center; }
}