/* =========================================================
   ZEUSBET PREMIUM ACCOUNT
   ========================================================= */

.premium-account-page,
.premium-account-page *{
    box-sizing:border-box;
}

.premium-account-page{
    min-height:100vh;
    padding:125px 22px 70px;
    background:
        radial-gradient(circle at 10% 10%,rgba(32,112,215,.15),transparent 25%),
        radial-gradient(circle at 88% 84%,rgba(246,195,74,.10),transparent 24%),
        #030a13;
}

.premium-account-shell{
    width:min(1380px,100%);
    margin:0 auto;
    display:grid;
    grid-template-columns:290px minmax(0,1fr);
    gap:20px;
}

.premium-account-sidebar{
    position:sticky;
    top:105px;
    align-self:start;
    overflow:hidden;
    padding:20px;
    border:1px solid rgba(246,195,74,.32);
    border-radius:25px;
    background:linear-gradient(180deg,rgba(11,24,41,.98),rgba(5,13,24,.98));
    box-shadow:0 28px 70px rgba(0,0,0,.4);
}

.premium-profile-card{
    padding:22px 15px 20px;
    text-align:center;
    border-bottom:1px solid rgba(255,255,255,.09);
}

.premium-avatar{
    display:grid;
    width:78px;
    height:78px;
    margin:0 auto 14px;
    place-items:center;
    border:2px solid #f6c34a;
    border-radius:24px;
    background:linear-gradient(135deg,#152b47,#081321);
    color:#f6c34a;
    font-size:32px;
    font-weight:1000;
    box-shadow:0 0 30px rgba(246,195,74,.18);
}

.premium-member-label{
    display:inline-flex;
    align-items:center;
    gap:7px;
    color:#f6c34a;
    font-size:10px;
    font-weight:900;
    letter-spacing:1.4px;
}

.premium-profile-card h1{
    margin:10px 0 4px;
    color:#fff;
    font-size:20px;
    line-height:1.25;
}

.premium-profile-card p{
    margin:0;
    color:#7f8da0;
    font-size:12px;
}

.premium-account-menu{
    display:flex;
    flex-direction:column;
    gap:7px;
    padding:18px 0;
}

.premium-account-menu a{
    display:flex;
    align-items:center;
    gap:12px;
    min-height:48px;
    padding:0 14px;
    border:1px solid transparent;
    border-radius:13px;
    color:#b7c3d2;
    font-size:13px;
    font-weight:700;
    text-decoration:none;
    transition:.2s ease;
}

.premium-account-menu a i{
    width:18px;
    color:#738197;
    text-align:center;
}

.premium-account-menu a:hover,
.premium-account-menu a.active{
    border-color:rgba(246,195,74,.22);
    background:rgba(246,195,74,.07);
    color:#fff;
}

.premium-account-menu a:hover i,
.premium-account-menu a.active i{
    color:#f6c34a;
}

.premium-account-menu .menu-bet-link{
    border-color:rgba(246,195,74,.34);
    background:linear-gradient(135deg,rgba(246,195,74,.15),rgba(246,195,74,.05));
    color:#f6c34a;
}

.premium-logout{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    min-height:46px;
    border:1px solid rgba(255,94,112,.2);
    border-radius:13px;
    background:rgba(255,94,112,.06);
    color:#ff8998;
    font-size:12px;
    font-weight:800;
    text-decoration:none;
}

.premium-account-content{
    min-width:0;
    display:flex;
    flex-direction:column;
    gap:20px;
}

.premium-account-hero{
    position:relative;
    overflow:hidden;
    display:grid;
    grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr);
    gap:25px;
    min-height:300px;
    padding:38px;
    border:1px solid rgba(246,195,74,.4);
    border-radius:28px;
    background:
        linear-gradient(110deg,rgba(7,19,34,.98),rgba(8,24,43,.92)),
        radial-gradient(circle at 85% 20%,rgba(246,195,74,.18),transparent 26%);
    box-shadow:0 30px 80px rgba(0,0,0,.43);
}

.premium-account-hero::after{
    content:"⚡";
    position:absolute;
    top:-35px;
    right:30px;
    color:rgba(246,195,74,.05);
    font-size:230px;
    line-height:1;
    pointer-events:none;
}

.premium-hero-copy{
    position:relative;
    z-index:1;
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.premium-eyebrow{
    display:inline-flex;
    align-items:center;
    gap:8px;
    margin-bottom:13px;
    color:#f6c34a;
    font-size:11px;
    font-weight:900;
    letter-spacing:1.7px;
}

.premium-hero-copy h2{
    margin:0;
    color:#fff;
    font-size:clamp(36px,4vw,58px);
    font-weight:1000;
    line-height:1;
    letter-spacing:-2px;
}

.premium-hero-copy h2 strong{
    display:block;
    margin-top:7px;
    color:#f6c34a;
}

.premium-hero-copy p{
    max-width:620px;
    margin:18px 0 23px;
    color:#aeb9c9;
    font-size:14px;
    line-height:1.65;
}

.premium-hero-actions{
    display:flex;
    flex-wrap:wrap;
    gap:11px;
}

.premium-hero-actions a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    min-height:51px;
    padding:0 19px;
    border-radius:13px;
    font-size:13px;
    font-weight:900;
    text-decoration:none;
    transition:.2s ease;
}

.premium-bet-now{
    border:0;
    background:linear-gradient(135deg,#efb72b,#ffdc79);
    color:#0b1018;
    box-shadow:0 14px 30px rgba(246,195,74,.2);
}

.premium-live-now{
    border:1px solid rgba(255,255,255,.15);
    background:rgba(255,255,255,.04);
    color:#fff;
}

.premium-hero-actions a:hover{
    transform:translateY(-2px);
}

.premium-balance-card{
    position:relative;
    z-index:1;
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:27px;
    border:1px solid rgba(246,195,74,.46);
    border-radius:22px;
    background:
        linear-gradient(145deg,rgba(246,195,74,.16),rgba(246,195,74,.04)),
        rgba(5,13,24,.74);
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.03);
}

.premium-balance-label{
    display:flex;
    align-items:center;
    gap:9px;
    color:#cfd8e5;
    font-size:12px;
    font-weight:800;
}

.premium-balance-label i{
    color:#f6c34a;
}

.premium-balance-card > strong{
    display:block;
    margin:13px 0 18px;
    color:#fff;
    font-size:clamp(34px,4vw,50px);
    font-weight:1000;
    letter-spacing:-2px;
    white-space:nowrap;
}

.premium-balance-card > strong small{
    color:#f6c34a;
    font-size:16px;
    letter-spacing:0;
}

.premium-balance-actions{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:9px;
}

.premium-balance-actions a{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    min-height:45px;
    border:1px solid rgba(255,255,255,.12);
    border-radius:11px;
    background:rgba(255,255,255,.04);
    color:#fff;
    font-size:12px;
    font-weight:800;
    text-decoration:none;
}

.premium-balance-actions a:first-child{
    border-color:rgba(246,195,74,.45);
    color:#f6c34a;
}

.premium-stat-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:15px;
}

.premium-stat-card{
    display:flex;
    align-items:center;
    gap:15px;
    min-width:0;
    padding:20px;
    border:1px solid rgba(255,255,255,.09);
    border-radius:19px;
    background:linear-gradient(145deg,rgba(13,29,49,.96),rgba(7,17,30,.96));
}

.premium-stat-icon{
    display:grid;
    flex:0 0 auto;
    width:48px;
    height:48px;
    place-items:center;
    border:1px solid rgba(246,195,74,.28);
    border-radius:14px;
    background:rgba(246,195,74,.08);
    color:#f6c34a;
    font-size:19px;
}

.premium-stat-card small{
    display:block;
    margin-bottom:4px;
    color:#7f8da0;
    font-size:11px;
}

.premium-stat-card strong{
    display:block;
    overflow:hidden;
    color:#fff;
    font-size:17px;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.premium-active-text{
    color:#55d99a !important;
}

.premium-shortcuts{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:15px;
}

.premium-shortcut{
    display:flex;
    align-items:center;
    gap:13px;
    min-width:0;
    padding:18px;
    border:1px solid rgba(255,255,255,.09);
    border-radius:18px;
    background:rgba(8,20,35,.94);
    color:#fff;
    text-decoration:none;
    transition:.2s ease;
}

.premium-shortcut:hover{
    transform:translateY(-3px);
    border-color:rgba(246,195,74,.35);
}

.premium-shortcut > span{
    display:grid;
    flex:0 0 auto;
    width:44px;
    height:44px;
    place-items:center;
    border-radius:13px;
    background:rgba(255,255,255,.05);
    color:#f6c34a;
}

.premium-shortcut > div{
    min-width:0;
    flex:1;
}

.premium-shortcut strong,
.premium-shortcut small{
    display:block;
}

.premium-shortcut strong{
    font-size:13px;
}

.premium-shortcut small{
    margin-top:3px;
    color:#7f8da0;
    font-size:10px;
}

.premium-shortcut > i{
    color:#607086;
}

.premium-shortcut-bet{
    border-color:rgba(246,195,74,.28);
    background:linear-gradient(135deg,rgba(246,195,74,.12),rgba(8,20,35,.96));
}

.premium-panel{
    overflow:hidden;
    border:1px solid rgba(255,255,255,.09);
    border-radius:23px;
    background:linear-gradient(180deg,rgba(10,24,42,.97),rgba(6,15,27,.97));
}

.premium-panel-heading{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:15px;
    padding:22px 24px;
    border-bottom:1px solid rgba(255,255,255,.08);
}

.premium-panel-heading span{
    display:block;
    margin-bottom:5px;
    color:#f6c34a;
    font-size:9px;
    font-weight:900;
    letter-spacing:1.6px;
}

.premium-panel-heading h3{
    margin:0;
    color:#fff;
    font-size:20px;
}

.premium-panel-heading > i{
    color:rgba(246,195,74,.4);
    font-size:27px;
}

.premium-transaction-list{
    padding:8px 20px;
}

.premium-transaction-item{
    display:grid;
    grid-template-columns:46px minmax(0,1fr) auto;
    gap:13px;
    align-items:center;
    padding:15px 3px;
    border-bottom:1px solid rgba(255,255,255,.07);
}

.premium-transaction-item:last-child{
    border-bottom:0;
}

.premium-transaction-icon{
    display:grid;
    width:42px;
    height:42px;
    place-items:center;
    border-radius:12px;
    font-size:15px;
}

.premium-transaction-icon.is-positive{
    background:rgba(73,220,151,.1);
    color:#55d99a;
}

.premium-transaction-icon.is-negative{
    background:rgba(255,94,112,.1);
    color:#ff7b8d;
}

.premium-transaction-copy{
    min-width:0;
}

.premium-transaction-copy strong,
.premium-transaction-copy small{
    display:block;
}

.premium-transaction-copy strong{
    color:#fff;
    font-size:13px;
}

.premium-transaction-copy small{
    overflow:hidden;
    margin-top:3px;
    color:#78879b;
    font-size:10px;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.premium-transaction-amount{
    text-align:right;
}

.premium-transaction-amount strong,
.premium-transaction-amount small{
    display:block;
}

.premium-transaction-amount strong{
    font-size:13px;
}

.premium-transaction-amount strong.is-positive{
    color:#55d99a;
}

.premium-transaction-amount strong.is-negative{
    color:#ff7b8d;
}

.premium-transaction-amount small{
    margin-top:4px;
    color:#6f7d90;
    font-size:9px;
}

.premium-empty-state{
    padding:54px 24px;
    text-align:center;
}

.premium-empty-state > span{
    display:grid;
    width:64px;
    height:64px;
    margin:0 auto 14px;
    place-items:center;
    border:1px solid rgba(246,195,74,.24);
    border-radius:20px;
    background:rgba(246,195,74,.07);
    color:#f6c34a;
    font-size:24px;
}

.premium-empty-state h4{
    margin:0 0 8px;
    color:#fff;
    font-size:17px;
}

.premium-empty-state p{
    max-width:480px;
    margin:0 auto 17px;
    color:#7f8da0;
    font-size:12px;
    line-height:1.6;
}

.premium-empty-state a{
    color:#f6c34a;
    font-size:12px;
    font-weight:900;
    text-decoration:none;
}

.premium-profile-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
    padding:20px;
}

.premium-profile-grid > div{
    min-width:0;
    padding:17px;
    border:1px solid rgba(255,255,255,.07);
    border-radius:15px;
    background:rgba(255,255,255,.025);
}

.premium-profile-grid span,
.premium-profile-grid strong{
    display:block;
}

.premium-profile-grid span{
    margin-bottom:6px;
    color:#748297;
    font-size:10px;
}

.premium-profile-grid strong{
    overflow:hidden;
    color:#fff;
    font-size:13px;
    text-overflow:ellipsis;
    white-space:nowrap;
}

/* Header'a eklenen kullanıcı/bakiye alanları */
.header-bet-button,
.header-balance-box{
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
}

.header-bet-button{
    gap:7px;
    min-height:42px;
    padding:0 14px;
    border-radius:11px;
    background:linear-gradient(135deg,#efb72b,#ffda73);
    color:#0b1018;
    font-size:11px;
    font-weight:900;
}

.header-balance-box{
    flex-direction:column;
    align-items:flex-start;
    min-width:128px;
    min-height:45px;
    padding:6px 12px;
    border:1px solid rgba(246,195,74,.28);
    border-radius:11px;
    background:rgba(246,195,74,.07);
}

.header-balance-box span{
    display:flex;
    align-items:center;
    gap:6px;
    color:#8f9caf;
    font-size:8px;
    font-weight:800;
    text-transform:uppercase;
}

.header-balance-box strong{
    margin-top:1px;
    color:#f6c34a;
    font-size:12px;
}

.mobile-balance-card{
    margin:8px 12px;
    padding:13px;
    border:1px solid rgba(246,195,74,.28);
    border-radius:12px;
    background:rgba(246,195,74,.07);
}

.mobile-balance-card span,
.mobile-balance-card strong{
    display:block;
}

.mobile-balance-card span{
    color:#8d9bad;
    font-size:10px;
}

.mobile-balance-card strong{
    margin-top:3px;
    color:#f6c34a;
    font-size:16px;
}

@media(max-width:1180px){
    .premium-account-shell{
        grid-template-columns:1fr;
    }

    .premium-account-sidebar{
        position:static;
    }

    .premium-account-menu{
        display:grid;
        grid-template-columns:repeat(3,minmax(0,1fr));
    }

    .premium-account-hero{
        grid-template-columns:1fr;
    }
}

@media(max-width:820px){
    .premium-account-page{
        padding:105px 11px 40px;
    }

    .premium-account-hero{
        padding:26px 20px;
    }

    .premium-stat-grid,
    .premium-shortcuts{
        grid-template-columns:1fr;
    }

    .premium-account-menu{
        grid-template-columns:1fr 1fr;
    }

    .premium-profile-grid{
        grid-template-columns:1fr;
    }
}

@media(max-width:560px){
    .premium-account-menu{
        grid-template-columns:1fr;
    }

    .premium-hero-actions{
        flex-direction:column;
    }

    .premium-hero-actions a{
        width:100%;
    }

    .premium-balance-card > strong{
        white-space:normal;
    }

    .premium-transaction-item{
        grid-template-columns:42px minmax(0,1fr);
    }

    .premium-transaction-amount{
        grid-column:2;
        text-align:left;
    }
}