@font-face{font-family:"YekanBakh";src:url(https://pishbini.negaco.com/wp-content/themes/pishbini-theme/fonts/YekanBakh-Regular.woff2) format("woff2");font-weight:400;font-style:normal}
@font-face{font-family:"YekanBakh";src:url(https://pishbini.negaco.com/wp-content/themes/pishbini-theme/fonts/YekanBakh-Bold.woff2) format("woff2");font-weight:700;font-style:normal}

:root{
    --background:#050505 !important;
    --card:rgba(255, 255, 255, 0.05) !important;
    --card-2:rgba(255, 255, 255, 0.03) !important;
    --border:rgba(255, 215, 0, 0.2) !important;
    --text:#FFFFFF !important;
    --text-muted:rgba(255, 255, 255, 0.7) !important;
    --primary:rgb(241, 220, 101) !important;
    --gold:#FFD700 !important;
    --gold-light:#FFF8DC !important;
    --gold-dark:#f3c34a !important;
    --danger:#ff5252 !important;
    --success:#00E676 !important;
    --radius:16px !important;
    --transition:0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    --container:1320px !important;
    --glass-bg:rgba(255, 255, 255, 0.08) !important;
    --glass-border:rgba(255, 215, 0, 0.3) !important;
    --glass-shadow:0 8px 32px 0 rgba(31, 38, 135, 0.37) !important;
    --glass-backdrop:blur(12px) !important;
    --dashboard-gradient:linear-gradient(135deg, #FFD700 0%, #FFA500 50%, #FF8C00 100%) !important;
    --dashboard-shadow:0 4px 20px rgba(255, 215, 0, 0.3) !important;
    --dashboard-hover:rgba(255, 215, 0, 0.15) !important
}

*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--background);color:var(--text);font-family:'YekanBakh',sans-serif;direction:rtl;overflow-x:hidden;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{text-decoration:none;color:inherit}
button,input,select,textarea{border:none;outline:none;font-family:'YekanBakh',sans-serif}
button{cursor:pointer}

.site-main{position:relative;overflow:hidden}
.container{width:calc(100% - 40px);max-width:var(--container);margin-inline:auto}
section{position:relative;padding:60px 0}

.section-header{display:flex;align-items:center; gap:16px;margin-bottom:24px;    justify-content: space-between}
.section-header h2{font-size:clamp(24px, 3.5vw, 36px);font-weight:900;color:#fff}
.section-header p{color:var(--text-muted);font-size:14px}
/* ============================================================================
   Force Black Text on Gold Backgrounds for Readability
   ============================================================================ */
.hero-primary-button,
.open-auth-modal,
.auth-submit,
.prediction-submit-button,
.prediction-option.active,
.bonus-close-modal,
.copy-referral-link,
.leaderboard-rank,
.mobile-nav-center,
.notification-toggle,
.pish-dashboard-nav a.active,
.pish-dashboard-nav a:hover {
    color: #111 !important;
    -webkit-text-fill-color: #111 !important; /* برای غلبه روی گرادیان متن‌ها */
}
/* ============================================================
   Glass Card Mixin Elements
   ============================================================ */
.dynamic-match-card,
.dashboard-block,
.dashboard-stat-card,
.dashboard-card,
.leaderboard-user-item,
.leaderboard-row,
.activity-item,
.notification-item,
.achievement-card,
.mission-card,
.prediction-card,
.dashboard-referral-box,
.dashboard-history-item,
.dashboard-user,
.bonus-modal-card,
.auth-modal-content,
.page-badge,
.empty-state,
.dashboard-streak-card,
.profile-level-box,
.dashboard-level-card{
    /*background:var(--glass-bg)!important;*/
    backdrop-filter:var(--glass-backdrop)!important;
    -webkit-backdrop-filter:var(--glass-backdrop)!important;
    /*border:1px solid var(--glass-border)!important;*/
    color:var(--text);
    box-shadow:var(--glass-shadow);
    padding: 12px;
    border-radius: 8px
}

.dynamic-match-card:hover,
.dashboard-block:hover,
.dashboard-stat-card:hover,
.leaderboard-user-item:hover,
.leaderboard-row:hover,
.achievement-card:hover,
.mission-card:hover,
.prediction-card:hover{
    border-color:var(--gold)!important;
    box-shadow:var(--dashboard-shadow)!important;
    transform:translateY(-3px)
}

/* ============================================================
   Header
   ============================================================ */
.site-header{position:sticky;top:0;z-index:9999;width:100%;background:rgb(5 5 5 / .95);backdrop-filter:blur(20px);border-bottom:1px solid rgb(255 255 255 / .06)}
.site-header .container{min-height:70px;display:flex;align-items:center; gap:16px}
.site-logo{display:inline-flex;align-items:center;color:#fff;font-size:20px;font-weight:900;letter-spacing:1px;transition:var(--transition)}
.site-logo:hover{opacity:.85}
.header-actions{display:flex;align-items:center;gap:10px}
.header-notification-button{position:relative;width:44px;height:44px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:rgb(255 255 255 / .05);border:1px solid rgb(255 255 255 / .08);color:#fff;font-size:18px;transition:var(--transition);backdrop-filter:blur(12px)}
.header-notification-button:hover{transform:translateY(-2px);background:rgb(255 255 255 / .08)}
.notification-counter{position:absolute;top:-4px;left:-4px;min-width:20px;height:20px;padding-inline:4px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ff5252,#ff1744);color:#fff;font-size:10px;font-weight:800;box-shadow:0 6px 16px rgb(255 82 82 / .35)}
.header-user-avatar{width:44px;height:44px;border-radius:16px;overflow:hidden;border:1px solid rgb(255 255 255 / .08);transition:var(--transition)}
.header-user-avatar:hover{transform:translateY(-2px);border-color:rgb(255 255 255 / .18)}
.header-user-avatar img{width:100%;height:100%;object-fit:cover}
.open-auth-modal{min-width:100px;height:44px;padding-inline:16px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--gold),var(--primary));color:#fff;font-size:13px;font-weight:800;transition:var(--transition);box-shadow:0 10px 24px rgb(0 0 0 / .25)}
.open-auth-modal:hover{transform:translateY(-2px)}
.prediction-options-auto .prediction-option { pointer-events: none !important;cursor: default !important;}
.prediction-locked.prediction-correct {background: #e8fff0;border: 2px solid #22c55e;color: #15803d;}
.prediction-locked.prediction-wrong {background: #fff1f2;border: 2px solid #ef4444;color: #b91c1c;}
.prediction-locked-result {font-size: 14px;font-weight: 700;}
.prediction-locked-score {font-size: 14px;font-weight: 700;}
.prediction-result-status {font-weight: 700;}
/* ============================================================
   Hero Section
   ============================================================ */
.hero-section{position:relative;padding-top:100px;padding-bottom:80px;overflow:hidden;background:linear-gradient(180deg,#050505,#101010)}
.hero-section::before{content:"";position:absolute;top:-200px;right:-200px;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgb(212 175 55 / .1),transparent 70%);animation:float 8s ease-in-out infinite}
.hero-section::after{content:"";position:absolute;bottom:-250px;left:-250px;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgb(0 200 83 / .08),transparent 70%);animation:float 12s ease-in-out infinite reverse}
@keyframes float{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(20px,-20px) scale(1.05)}}
.hero-content{position:relative;z-index:2;max-width:640px;text-align:center;margin:0 auto}
.hero-badge{width:fit-content;min-height:36px;padding-inline:16px;border-radius:999px;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;background:rgb(255 255 255 / .06);border:1px solid var(--border);backdrop-filter:blur(12px);color:var(--gold);font-size:12px;font-weight:700}
.hero-title{font-size:clamp(36px, 6vw, 72px);line-height:1.1;font-weight:900;margin-bottom:20px;color:#fff;text-shadow:0 2px 8px rgb(0 0 0 / .2)}
.hero-description{max-width:540px;line-height:1.8;color:var(--text-muted);font-size:16px;margin:0 auto 30px}
.hero-actions{display:flex;align-items:center;justify-content:center;gap:14px}
.hero-primary-button{min-width:180px;height:50px;padding-inline:24px;border-radius:18px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--gold),var(--primary));color:#fff;font-size:14px;font-weight:800;transition:var(--transition);box-shadow:0 14px 30px rgb(0 0 0 / .3)}
.hero-primary-button:hover{transform:translateY(-3px);box-shadow:0 16px 36px rgb(0 0 0 / .35)}

/* ============================================================
   Matches Section
   ============================================================ */
.matches-section{position:relative}
.matches-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.dynamic-match-card{position:relative;overflow:hidden;border-radius:var(--radius);padding:16px;transition:var(--transition)}
.match-card-top{display:flex;align-items:center; gap:8px;margin-bottom:16px}
.match-league{min-height:32px;padding-inline:12px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:rgb(255 255 255 / .06);border:1px solid rgb(255 255 255 / .08);color:var(--gold);font-size:11px;font-weight:700}
.match-status{min-height:30px;padding-inline:10px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:rgb(0 200 83 / .1);color:#00E676;font-size:11px;font-weight:700}
.match-teams{display:flex;align-items:center; gap:12px;margin-bottom:16px}
.team-box{flex:1;text-align:center}
.team-logo{margin-inline:auto;margin-bottom:12px;padding:8px;display:flex;align-items:center;justify-content:center;transition:var(--transition)}
.team-logo:hover{transform:scale(1.05)}
.team-logo img{width:100%;height:100%;object-fit:contain}
.team-box h3{font-size:14px;line-height:1.6;font-weight:800;color:#fff}
.match-center{min-width:90px;text-align:center}
.live-score{font-size:24px;font-weight:900;color:var(--gold);line-height:1}
.match-countdown{min-height:44px;padding-inline:12px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:rgb(255 255 255 / .06);border:1px solid rgb(255 255 255 / .08);color:#fff;font-size:16px;font-weight:800;letter-spacing:1px}
.match-stadium{margin-bottom:16px;text-align:center;color:var(--text-muted);font-size:12px}
.prediction-locked{min-height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:rgb(255 82 82 / .1);border:1px solid rgb(255 82 82 / .15);color:#FF5252;font-size:12px;font-weight:700}
.prediction-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}
.prediction-option{min-height:40px;border-radius:12px;background:rgb(255 255 255 / .05);border:1px solid rgb(255 255 255 / .08);color:var(--text-muted);font-size:12px;font-weight:700;transition:var(--transition)}
.prediction-option:hover{border-color:rgb(255 255 255 / .15);transform:translateY(-1px)}
.prediction-option.active{background:linear-gradient(135deg,var(--gold),var(--primary));color:#fff;border-color:#fff0}
.score-prediction{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:12px}
.home-score-input,.away-score-input{width:64px;height:48px;border-radius:14px;background:rgb(255 255 255 / .05);border:1px solid rgb(255 255 255 / .08);text-align:center;color:#fff;font-size:18px;font-weight:800;transition:var(--transition)}
.home-score-input:focus,.away-score-input:focus{border-color:rgb(0 200 83 / .35);box-shadow:0 0 0 3px rgb(0 200 83 / .12)}
.score-prediction span{font-size:20px;font-weight:900;color:var(--gold)}
.prediction-submit-button{width:100%;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--gold),var(--primary));color:#fff;font-size:13px;font-weight:800;transition:var(--transition);box-shadow:0 10px 24px rgb(0 0 0 / .25)}
.prediction-submit-button:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgb(0 0 0 / .3)}
.prediction-submit-button:disabled{opacity:.6;cursor:not-allowed}
.prediction-result{margin-top:10px;text-align:center;color:#00E676;font-size:12px;font-weight:700}

/* ============================================================
   Leaderboard Preview
   ============================================================ */
.leaderboard-preview-section{padding-top:30px}
.leaderboard-preview-list{display:flex;flex-direction:column;gap:12px}
.leaderboard-user-item{padding:16px 18px;border-radius:var(--radius);transition:var(--transition);display:flex;align-items:center; gap:16px}
.leaderboard-user-item:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgb(0 0 0 / .12)}
.leaderboard-user-right{display:flex;align-items:center;gap:12px}
.leaderboard-rank{width:36px;height:36px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--gold),var(--primary));color:#fff;font-size:14px;font-weight:900}
.leaderboard-avatar img{width:40px;height:40px;border-radius:50%;object-fit:cover}
.leaderboard-user-info strong{font-size:14px;color:#fff}
.leaderboard-score{min-height:36px;padding-inline:14px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:rgb(255 255 255 / .06);border:1px solid rgb(255 255 255 / .08);color:var(--gold);font-size:13px;font-weight:800}
.view-all-link{min-height:40px;padding-inline:16px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:rgb(255 255 255 / .05);border:1px solid rgb(255 255 255 / .08);color:#fff;font-size:13px;font-weight:700;transition:var(--transition)}
.view-all-link:hover{background:rgb(255 255 255 / .09)}

/* ============================================================
   Dashboard Page
   ============================================================ */
.dashboard-page{position:relative;padding-top:30px}
.dashboard-header{margin-bottom:24px}
.dashboard-user{display:flex;align-items:center;gap:16px;padding:24px;border-radius:var(--radius);backdrop-filter:blur(10px)}
.dashboard-avatar{flex-shrink:0}
.dashboard-avatar img{width:64px;height:64px;border-radius:20px;object-fit:cover}
.dashboard-user-info{display:flex;flex-direction:column;gap:6px}
.dashboard-user-info h1{font-size:clamp(24px, 3.5vw, 32px);font-weight:900;color:#fff}
.dashboard-user-info p{color:var(--text-muted);font-size:13px}
.vip-badge{width:fit-content;min-height:30px;padding-inline:12px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#FFD54F,#FFB300);color:#111;font-size:10px;font-weight:900;letter-spacing:1px}

.dashboard-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:28px}
.dashboard-stat-card{min-height:120px;padding:20px;border-radius:var(--radius);display:flex;flex-direction:column; transition:var(--transition)}
.dashboard-stat-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgb(0 0 0 / .15)}
.dashboard-stat-card span{color:var(--text-muted);font-size:12px;font-weight:600}
.dashboard-stat-card strong{font-size:clamp(24px, 4vw, 36px);font-weight:900;color:var(--gold);line-height:1}

.dashboard-section-header{margin-bottom:16px}
.dashboard-section-header h2{font-size:clamp(20px, 3.5vw, 28px);font-weight:900;color:#fff}

/* Dashboard Counter */
.dashboard-counter{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:36px;
    height:36px;
    padding-inline:14px;
    border-radius:12px;
    background:linear-gradient(135deg,var(--gold),var(--primary));
    color:#111;
    font-size:14px;
    font-weight:900;
    box-shadow:0 4px 12px rgba(255,215,0,0.3)
}

/* Dashboard Stats (header inline stats) */
.dashboard-stats{
    display:flex;
    align-items:center;
    gap:16px;
    flex-wrap:wrap
}
.dashboard-stats span{
    display:inline-flex;
    align-items:center;
    gap:4px;
    padding:6px 14px;
    border-radius:10px;
    background:rgb(255 255 255 / .06);
    border:1px solid rgb(255 255 255 / .08);
    color:var(--text-muted);
    font-size:12px;
    font-weight:700
}
.dashboard-stats span:first-child{
    color:var(--gold);
    background:rgba(255,215,0,0.1);
    border-color:rgba(255,215,0,0.25)
}

/* Dashboard Empty State */
.dashboard-empty{
    text-align:center;
    padding:48px 24px;
    border-radius:var(--radius);
    background:var(--glass-bg);
    backdrop-filter:var(--glass-backdrop);
    -webkit-backdrop-filter:var(--glass-backdrop);
    border:1px dashed var(--glass-border);
    color:var(--text-muted);
    font-size:15px;
    font-weight:600;
    margin-top:16px
}

/* Dashboard Card (overview) */
.dashboard-card{
    border-radius:20px;
    padding:24px;
    margin-bottom:24px;
    box-shadow:0 10px 30px rgb(0 0 0 / .08);
    transition:var(--transition)
}
.dashboard-card:hover{
    border-color:rgba(255,215,0,0.4)!important;
    box-shadow:0 12px 36px rgb(0 0 0 / .12)!important
}
.dashboard-card-header{
    font-size:16px;
    font-weight:800;
    color:#fff;
    margin-bottom:16px;
    padding-bottom:12px;
    border-bottom:1px solid rgba(255,255,255,0.06);
    display:flex;
    align-items:center;
    gap:8px
}
.dashboard-card-header::before{
    content:"";
    display:inline-block;
    width:4px;
    height:20px;
    border-radius:4px;
    background:var(--dashboard-gradient)
}

/* Dashboard Overview */
.dashboard-overview{
    display:flex;
    flex-direction:column;
    gap:0
}

/* Level Progress Text */
.level-progress-text{
    margin-top:10px;
    color:var(--text-muted);
    font-size:13px;
    font-weight:600;
    text-align:center
}

/* ============================================================
   Dashboard History
   ============================================================ */
.dashboard-history-section{margin-bottom:30px}
.dashboard-history-list{display:flex;flex-direction:column;gap:12px}
.dashboard-history-item{display:grid;grid-template-columns:2.3fr 1fr .8fr .6fr;align-items:center;gap:12px;padding:16px;border-radius:var(--radius);transition:var(--transition)}
.dashboard-history-item:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgb(0 0 0 / .12)}
.dashboard-history-match{display:flex;align-items:center;gap:12px}
.history-team{display:flex;align-items:center;gap:8px}
.history-team img{width:36px;height:36px;object-fit:contain;border-radius:12px;padding:6px;background:rgb(255 255 255 / .05)}
.history-team span{font-size:13px;font-weight:700;color:#fff}
.history-vs{color:var(--gold);font-size:13px;font-weight:900}
.dashboard-history-prediction{min-height:36px;padding-inline:12px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:rgb(255 255 255 / .05);border:1px solid rgb(255 255 255 / .08);color:#fff;font-size:11px;font-weight:700}
.dashboard-history-score{text-align:center;font-size:18px;font-weight:900;color:var(--gold)}
.dashboard-history-points{min-height:40px;padding-inline:12px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;background:rgb(0 200 83 / .1);border:1px solid rgb(0 200 83 / .15);color:#00E676;font-size:14px;font-weight:900}

/* ============================================================
   Dashboard Referral
   ============================================================ */
.dashboard-referral-section{margin-bottom:40px}
.dashboard-referral-box{display:flex;align-items:center;gap:12px;padding:16px;border-radius:var(--radius)}
.dashboard-referral-box input{flex:1;height:48px;padding-inline:16px;border-radius:14px;background:rgb(255 255 255 / .05);border:1px solid rgb(255 255 255 / .08);color:#fff;font-size:13px}
.copy-referral-link{min-width:140px;height:48px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--gold),var(--primary));color:#fff;font-size:13px;font-weight:800;transition:var(--transition)}
.copy-referral-link:hover{transform:translateY(-2px)}

/* ============================================================
   Leaderboard Page
   ============================================================ */
.leaderboard-page{padding-top:30px}
.leaderboard-header{text-align:center;margin-bottom:36px}
.leaderboard-badge{width:fit-content;min-height:36px;padding-inline:14px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;margin-inline:auto;margin-bottom:16px;background:rgb(255 255 255 / .05);border:1px solid rgb(255 255 255 / .08);color:var(--gold);font-size:11px;font-weight:800}
.leaderboard-header h1{margin-bottom:14px;font-size:clamp(28px, 5vw, 48px);font-weight:900;color:#fff}
.leaderboard-header p{color:var(--text-muted);font-size:14px}

/* Leaderboard User Rank Banner */
.leaderboard-user-rank{
    text-align:center;
    padding:18px 24px;
    border-radius:var(--radius);
    background:linear-gradient(135deg,rgba(255,215,0,0.12),rgba(255,165,0,0.08));
    border:1px solid rgba(255,215,0,0.3);
    color:var(--text-muted);
    font-size:15px;
    font-weight:600;
    margin-bottom:24px;
    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px)
}
.leaderboard-user-rank strong{
    color:var(--gold);
    font-size:22px;
    font-weight:900;
    margin-right:6px
}

/* Leaderboard List */
.leaderboard-list{
    display:flex;
    flex-direction:column;
    gap:10px
}

.leaderboard-table{display:flex;flex-direction:column;gap:12px}
.leaderboard-table-head{display:grid;grid-template-columns:.8fr 2fr 1fr;align-items:center;gap:16px;padding:0 16px;color:var(--text-muted);font-size:12px;font-weight:700}
.leaderboard-row{display:grid;grid-template-columns:.8fr 2fr 1fr;align-items:center;gap:16px;padding:16px 18px;border-radius:var(--radius);transition:var(--transition)}
.leaderboard-row:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgb(0 0 0 / .12)}

/* Leaderboard Current User Highlight */
.leaderboard-row.current-user{
    background:linear-gradient(135deg,rgba(255,215,0,0.15),rgba(255,165,0,0.08))!important;
    border-color:rgba(255,215,0,0.5)!important;
    box-shadow:0 0 20px rgba(255,215,0,0.2),0 4px 16px rgba(0,0,0,0.2)!important
}
.leaderboard-row.current-user:hover{
    box-shadow:0 0 28px rgba(255,215,0,0.35),0 8px 24px rgba(0,0,0,0.25)!important
}
.leaderboard-row.current-user .leaderboard-position,
.leaderboard-row.current-user .leaderboard-name{
    color:var(--gold)!important
}
.leaderboard-row.current-user .leaderboard-points{
    color:var(--gold)!important;
    background:rgba(255,215,0,0.12)!important;
    border-color:rgba(255,215,0,0.25)!important
}

/* Leaderboard Position */
.leaderboard-position{
    font-size:20px;
    font-weight:900;
    color:var(--gold);
    text-align:center;
    min-width:40px
}

/* Leaderboard User (in row) */
.leaderboard-user{
    display:flex;
    align-items:center;
    gap:12px
}
.leaderboard-user img{
    width:44px;
    height:44px;
    border-radius:16px;
    object-fit:cover;
    border:2px solid rgba(255,255,255,0.08)
}

/* Leaderboard Name */
.leaderboard-name{
    font-size:14px;
    font-weight:700;
    color:#fff
}

/* Leaderboard Points */
.leaderboard-points{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:4px;
    padding:8px 16px;
    border-radius:12px;
    background:rgb(255 255 255 / .06);
    border:1px solid rgb(255 255 255 / .08);
    color:var(--gold);
    font-size:14px;
    font-weight:800;
    text-align:center;
    justify-self:end
}

.leaderboard-rank{font-size:18px;font-weight:900;color:var(--gold)}
.leaderboard-avatar img{width:44px;height:44px;border-radius:16px;object-fit:cover}
.leaderboard-user-info{display:flex;flex-direction:column;gap:6px}
.leaderboard-user-info strong{font-size:14px;color:#fff}

/* ============================================================
   Achievement Section
   ============================================================ */
.achievement-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px}
.achievement-card{
    border-radius:18px;
    padding:20px 16px;
    text-align:center;
    transition:var(--transition);
    position:relative;
    overflow:hidden
}
.achievement-card:hover{transform:translateY(-4px)}
.achievement-card::after{
    content:"";
    position:absolute;
    top:0;
    right:0;
    left:0;
    height:3px;
    border-radius:18px 18px 0 0
}
.achievement-icon{font-size:38px;margin-bottom:12px;display:block}
.achievement-title{font-size:14px;font-weight:700;color:#fff;margin-bottom:8px;display:block}

/* Achievement Rarity Label */
.achievement-rarity{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:4px 14px;
    border-radius:999px;
    font-size:11px;
    font-weight:800;
    margin-bottom:10px
}
.rarity-common .achievement-rarity{
    background:rgba(156,163,175,0.15);
    color:#9CA3AF;
    border:1px solid rgba(156,163,175,0.3)
}
.rarity-rare .achievement-rarity{
    background:rgba(59,130,246,0.15);
    color:#60A5FA;
    border:1px solid rgba(59,130,246,0.3)
}
.rarity-epic .achievement-rarity{
    background:rgba(139,92,246,0.15);
    color:#A78BFA;
    border:1px solid rgba(139,92,246,0.3)
}
.rarity-legendary .achievement-rarity{
    background:rgba(245,158,11,0.15);
    color:#FBBF24;
    border:1px solid rgba(245,158,11,0.3)
}

/* Achievement Date */
.achievement-date{
    color:var(--text-muted);
    font-size:11px;
    font-weight:500;
    margin-top:6px;
    opacity:0.7
}

/* Rarity border colors */
.rarity-common{border-color:rgba(156,163,175,0.35)!important}
.rarity-common::after{background:linear-gradient(90deg,#9CA3AF,#6B7280)}
.rarity-rare{border-color:rgba(59,130,246,0.4)!important}
.rarity-rare::after{background:linear-gradient(90deg,#3B82F6,#2563EB)}
.rarity-epic{border-color:rgba(139,92,246,0.4)!important}
.rarity-epic::after{background:linear-gradient(90deg,#8B5CF6,#7C3AED)}
.rarity-legendary{border-color:rgba(245,158,11,0.5)!important}
.rarity-legendary::after{background:linear-gradient(90deg,#F59E0B,#D97706)}
.rarity-legendary{
    box-shadow:0 0 20px rgba(245,158,11,0.15),var(--glass-shadow)!important
}
.rarity-legendary:hover{
    box-shadow:0 0 30px rgba(245,158,11,0.3),var(--dashboard-shadow)!important
}

/* ============================================================
   Activity Section
   ============================================================ */
.activity-list{display:flex;flex-direction:column;gap:12px}

/* Activity Item */
.activity-item{
    padding:16px 20px;
    border-radius:var(--radius);
    box-shadow:0 8px 25px rgb(0 0 0 / .05);
    transition:var(--transition)
}
.activity-item:hover{
    transform:translateY(-2px);
    box-shadow:0 12px 30px rgb(0 0 0 / .1)
}

/* Activity Header */
.activity-header{
    display:flex;
    align-items:center;
     
    gap:12px;
    margin-bottom:10px
}

/* Activity Type */
.activity-type{
    display:inline-flex;
    align-items:center;
    gap:4px;
    padding:5px 14px;
    border-radius:10px;
    background:rgba(255,215,0,0.1);
    border:1px solid rgba(255,215,0,0.2);
    color:var(--gold);
    font-size:12px;
    font-weight:700
}

/* Activity Time */
.activity-time{
    color:var(--text-muted);
    font-size:12px;
    font-weight:500;
    opacity:0.7
}

/* Activity Content */
.activity-content{
    color:var(--text);
    font-size:14px;
    font-weight:500;
    line-height:1.7
}

/* ============================================================
   Notification Section (Dashboard Page)
   ============================================================ */
.notification-list{
    display:flex;
    flex-direction:column;
    gap:10px
}

/* Notification Item (Dashboard) */
.notification-item{
    padding:16px 20px;
    border-radius:var(--radius);
    transition:var(--transition);
    display:flex;
    flex-direction:column;
    gap:8px
}
.notification-item:hover{
    transform:translateY(-2px);
    box-shadow:0 8px 20px rgb(0 0 0 / .12)
}
.notification-item.unread{
    background:linear-gradient(180deg,rgba(255,215,0,0.1),rgba(255,215,0,0.04))!important;
    border-color:rgba(255,215,0,0.35)!important
}
.notification-item.unread .notification-title{
    color:var(--gold)
}

/* Notification Header */
.notification-header{
    display:flex;
    align-items:center;
     
    gap:12px
}

/* Notification Title */
.notification-title{
    font-size:14px;
    font-weight:700;
    color:#fff
}

/* Notification Type */
.notification-type{
    display:inline-flex;
    align-items:center;
    padding:4px 12px;
    border-radius:10px;
    background:rgb(255 255 255 / .06);
    border:1px solid rgb(255 255 255 / .08);
    color:var(--text-muted);
    font-size:11px;
    font-weight:700;
    white-space:nowrap
}

/* Notification Message */
.notification-message{
    color:var(--text-muted);
    font-size:13px;
    line-height:1.7;
    font-weight:400
}

/* Notification Time */
.notification-time{
    color:var(--text-muted);
    font-size:11px;
    font-weight:500;
    opacity:0.6;
    margin-top:2px
}

/* ============================================================
   Mission Section
   ============================================================ */
.dashboard-missions{margin-bottom:32px}
.mission-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}
.mission-card{
    border-radius:18px;
    padding:24px 20px;
    box-shadow:0 10px 25px rgb(0 0 0 / .06);
    display:flex;
    flex-direction:column;
    gap:14px;
    transition:var(--transition)
}
.mission-card:hover{transform:translateY(-3px)}

/* Mission Card Top */
.mission-card-top{
    display:flex;
    align-items:center;
     
    gap:12px
}

/* Mission Title */
.mission-title{
    font-size:15px;
    font-weight:800;
    color:#fff;
    line-height:1.5
}

/* Mission Status */
.mission-status{
    display:inline-flex;
    align-items:center;
    padding:5px 14px;
    border-radius:999px;
    font-size:12px;
    font-weight:700;
    white-space:nowrap;
    flex-shrink:0
}
.mission-card:not(:has(.mission-complete)) .mission-status{
    background:rgba(255,215,0,0.1);
    border:1px solid rgba(255,215,0,0.25);
    color:var(--gold)
}

/* Mission Description */
.mission-description{
    color:var(--text-muted);
    font-size:13px;
    line-height:1.7;
    margin:0
}

.mission-progress{height:10px;background:rgb(255 255 255 / .1);border-radius:999px;overflow:hidden}
.mission-progress-bar{height:100%;background:linear-gradient(90deg,#22c55e,#16a34a);border-radius:999px;transition:width 0.6s ease}
.mission-fill{height:100%;background:#22c55e;border-radius:999px}

/* Mission Footer */
.mission-footer{
    display:flex;
     
    align-items:center;
    font-size:13px;
    font-weight:700;
    color:var(--text-muted)
}
.mission-footer span{
    display:inline-flex;
    align-items:center;
    gap:2px
}

/* Mission Reward */
.mission-reward{
    display:flex;
    align-items:center;
    gap:6px;
    padding:8px 16px;
    border-radius:12px;
    background:rgba(0,200,83,0.1);
    border:1px solid rgba(0,200,83,0.2);
    color:#00E676;
    font-size:13px;
    font-weight:800;
    margin-top:4px
}

.mission-complete{display:inline-flex;margin-top:12px;padding:6px 12px;border-radius:999px;background:rgb(0 200 83 / .1);border:1px solid rgb(0 200 83 / .3);font-size:13px;font-weight:700;color:#00E676}
.mission-percent{font-weight:700;color:var(--text-muted)}

/* ============================================================
   Prediction Section (Dashboard)
   ============================================================ */
.prediction-list{
    display:flex;
    flex-direction:column;
    gap:16px
}

/* Prediction Card */
.prediction-card{
    border-radius:18px;
    padding:20px;
    overflow:hidden;
    transition:var(--transition)
}
.prediction-card:hover{
    transform:translateY(-3px);
    box-shadow:0 12px 30px rgb(0 0 0 / .15)!important
}

/* Prediction Header (teams) */
.prediction-header{
    display:flex;
    align-items:center;
     
    gap:12px;
    margin-bottom:16px;
    padding-bottom:16px;
    border-bottom:1px solid rgba(255,255,255,0.06)
}
.prediction-header .team{
    display:flex;
    align-items:center;
    gap:10px;
    flex:1
}
.prediction-header .team img{
    width:40px;
    height:40px;
    border-radius:12px;
    padding:4px;
    background:rgb(255 255 255 / .05);
    border:1px solid rgb(255 255 255 / .08);
    object-fit:contain
}
.prediction-header .team span{
    font-size:14px;
    font-weight:700;
    color:#fff
}
.prediction-header .team:last-child{
    flex-direction:row-reverse;
    text-align:left
}

/* Prediction VS */
.prediction-header .vs{
    font-size:16px;
    font-weight:900;
    color:var(--gold);
    padding:8px 16px;
    border-radius:12px;
    background:rgba(255,215,0,0.08);
    border:1px solid rgba(255,215,0,0.15);
    flex-shrink:0;
    letter-spacing:1px
}

/* Prediction Body */
.prediction-body{
    display:flex;
    flex-direction:column;
    gap:10px
}
.prediction-body div{
    display:flex;
    align-items:center;
     
    gap:8px;
    padding:8px 14px;
    border-radius:12px;
    background:rgb(255 255 255 / .03);
    border:1px solid rgb(255 255 255 / .05)
}
.prediction-body strong{
    font-size:12px;
    font-weight:700;
    color:var(--text-muted);
    white-space:nowrap
}

/* ============================================================
   Settings Section
   ============================================================ */
.settings-form{
    display:flex;
    flex-direction:column;
    gap:20px;
    margin-top:16px
}

/* Settings Field */
.settings-field{
    display:flex;
    flex-direction:column;
    gap:8px
}
.settings-field label{
    font-size:13px;
    font-weight:700;
    color:var(--text-muted)
}
.settings-field input{
    height:50px;
    padding-inline:18px;
    border-radius:14px;
    background:rgb(255 255 255 / .05);
    border:1px solid rgb(255 255 255 / .08);
    color:#fff;
    font-size:14px;
    font-weight:500;
    transition:var(--transition)
}
.settings-field input:focus{
    border-color:rgba(255,215,0,0.5);
    box-shadow:0 0 0 3px rgba(255,215,0,0.12);
    background:rgb(255 255 255 / .07)
}
.settings-field input::placeholder{
    color:rgba(255,255,255,0.3);
    font-weight:400
}

/* Settings Submit */
.settings-submit{
    width:100%;
    height:52px;
    border-radius:16px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:linear-gradient(135deg,var(--gold),var(--primary));
    color:#111;
    font-size:15px;
    font-weight:900;
    transition:var(--transition);
    box-shadow:0 10px 24px rgba(255,215,0,0.25);
    margin-top:8px
}
.settings-submit:hover{
    transform:translateY(-2px);
    box-shadow:0 14px 30px rgba(255,215,0,0.35)
}
.settings-submit:active{
    transform:translateY(0)
}

/* Settings Result */
.settings-result{
    min-height:20px;
    text-align:center;
    font-size:13px;
    font-weight:600;
    margin-top:4px;
    transition:var(--transition)
}
.settings-result.success{
    color:#00E676;
    padding:12px;
    border-radius:12px;
    background:rgba(0,200,83,0.1);
    border:1px solid rgba(0,200,83,0.2)
}
.settings-result.error{
    color:var(--danger);
    padding:12px;
    border-radius:12px;
    background:rgba(255,82,82,0.1);
    border:1px solid rgba(255,82,82,0.2)
}

/* ============================================================
   Footer
   ============================================================ */
.site-footer{position:relative;margin-top:70px;padding:60px 0 80px;border-top:1px solid rgb(255 255 255 / .06);overflow:hidden}
.site-footer::before{content:"";position:absolute;top:-180px;left:-180px;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgb(0 200 83 / .08),transparent 70%);animation:float 15s ease-in-out infinite}
.footer-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.footer-logo{margin-bottom:14px;color:#fff;font-size:28px;font-weight:900;letter-spacing:2px}
.footer-description{max-width:440px;line-height:1.8;color:var(--text-muted);font-size:14px}

/* ============================================================
   Mobile Bottom Nav
   ============================================================ */
.mobile-bottom-nav{position:fixed;right:12px;left:12px;bottom:14px;z-index:99999;height:64px;border-radius:20px;display:flex;align-items:center; padding-inline:10px;background:rgb(15 15 15 / .92);backdrop-filter:blur(20px);border:1px solid rgb(255 255 255 / .08);box-shadow:0 16px 48px rgb(0 0 0 / .4)}
.mobile-nav-item{position:relative;flex:1;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border-radius:16px;color:rgb(255 255 255 / .58);transition:var(--transition)}
.mobile-nav-item.active{color:#fff}
.mobile-nav-item.active::before{content:"";position:absolute;inset:6px;border-radius:14px;background:linear-gradient(135deg,rgb(212 175 55 / .2),rgb(0 200 83 / .15));border:1px solid rgb(255 255 255 / .08)}
.mobile-nav-icon{position:relative;z-index:2;font-size:18px;line-height:1}
.mobile-nav-label{position:relative;z-index:2;font-size:10px;font-weight:700}
.mobile-nav-center{position:relative;width:56px;height:56px;margin-top:-28px;border-radius:20px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--gold),var(--primary));color:#fff;font-size:24px;box-shadow:0 16px 32px rgb(0 0 0 / .35);border:5px solid #050505}
.mobile-nav-item.open-notifications {
    position: relative !important;
    flex: 1 1 0% !important;
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    border-radius: 16px !important;
    color: rgba(255, 255, 255, 0.58) !important;
    transition: var(--transition) !important;
    
    /* ریست کردن استایل‌های دایره‌ای و گرادیانت قبلی که ممکنه تداخل داشته باشه */
    width: auto !important;
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* اگر آیکون داخلش هم استایل خاصی داره، این هم بهش اضافه کنید */
.mobile-nav-item.open-notifications .mobile-nav-icon {
    background: none !important;
    border: none !important;
    width: auto !important;
    height: auto !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}
/* ============================================================
   Notifications Panel
   ============================================================ */
.notifications-panel{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100000;display:none;align-items:center;justify-content:center;background:rgb(0 0 0 / .8);backdrop-filter:blur(10px)}
.notifications-panel.active{display:flex}
.notifications-header{display:flex;align-items:center; padding:16px;border-bottom:1px solid var(--border)}
.notifications-header h3{font-size:16px;font-weight:900;color:#fff}
.close-notifications{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgb(255 255 255 / .1);border:1px solid var(--border);color:#fff;font-size:16px;transition:var(--transition)}
.close-notifications:hover{background:rgb(255 255 255 / .2)}
.notifications-body{width:100%;max-height:70vh;overflow-y:auto;padding:16px}

/* ============================================================
   Bonus Modal
   ============================================================ */
.bonus-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100000;display:none;align-items:center;justify-content:center;background:rgb(0 0 0 / .8);backdrop-filter:blur(10px)}
.bonus-modal.active{display:flex}
.bonus-modal-card{width:90%;max-width:360px;padding:32px;border-radius:var(--radius);text-align:center;box-shadow:0 16px 48px rgb(0 0 0 / .4)}
.bonus-modal-icon{font-size:48px;margin-bottom:16px}
.bonus-modal-card h3{font-size:20px;font-weight:900;color:#fff;margin-bottom:12px}
.bonus-modal-card p{color:var(--text-muted);font-size:14px;line-height:1.6;margin-bottom:24px}
.bonus-close-modal{width:100%;height:48px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--gold),var(--primary));color:#fff;font-size:14px;font-weight:800;transition:var(--transition);box-shadow:0 10px 24px rgb(0 0 0 / .25)}
.bonus-close-modal:hover{transform:translateY(-2px)}

/* ============================================================
   Auth Modal
   ============================================================ */
.auth-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100000;display:none;align-items:center;justify-content:center;background:rgb(0 0 0 / .8);backdrop-filter:blur(10px)}
.auth-modal.active{display:flex}
.auth-modal-content{width:90%;max-width:440px;padding:32px;border-radius:var(--radius);box-shadow:0 16px 48px rgb(0 0 0 / .4)}
.auth-modal-header{text-align:center;margin-bottom:24px}
.auth-modal-header h2{font-size:24px;font-weight:900;color:#fff;margin-bottom:8px}
.auth-modal-tabs{display:flex;gap:8px;margin-bottom:24px;border-bottom:1px solid var(--border)}
.auth-tab{flex:1;padding:12px;text-align:center;color:var(--text-muted);font-size:14px;font-weight:700;cursor:pointer;transition:var(--transition)}
.auth-tab.active{color:#fff;border-bottom:2px solid var(--primary)}
.auth-form{display:flex;flex-direction:column;gap:16px}
.form-group{display:flex;flex-direction:column;gap:6px}
.form-group label{color:var(--text-muted);font-size:12px;font-weight:600}
.form-group input{height:44px;padding:0 16px;border-radius:14px;background:rgb(255 255 255 / .05);border:1px solid rgb(255 255 255 / .08);color:#fff;font-size:14px;transition:var(--transition)}
.form-group input:focus{border-color:rgb(0 200 83 / .35);box-shadow:0 0 0 3px rgb(0 200 83 / .12)}
.auth-submit{height:48px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--gold),var(--primary));color:#fff;font-size:14px;font-weight:800;transition:var(--transition);box-shadow:0 10px 24px rgb(0 0 0 / .25)}
.auth-submit:hover{transform:translateY(-2px)}
.auth-footer{text-align:center;margin-top:16px;color:var(--text-muted);font-size:12px}
.auth-footer a{color:var(--primary);font-weight:700}

/* ============================================================
   Internal Pages
   ============================================================ */
.internal-page{background:var(--background)}
.page-header{background:linear-gradient(180deg,rgb(5 5 5 / .95),rgb(16 16 16 / .95));padding:100px 0 60px}
.page-badge{display:inline-block;padding:8px 20px;background:rgb(212 175 55 / .08);border:1px solid rgb(212 175 55 / .25);color:var(--gold);font-size:12px;font-weight:700;border-radius:999px;margin-bottom:16px}
.page-title{font-size:clamp(28px, 4.5vw, 48px);font-weight:900;color:#fff;line-height:1.1}
.page-content-section{padding:40px 0}
.page-content-wrapper{max-width:680px;margin:0 auto}
.page-content-wrapper p{color:var(--text-muted);font-size:15px;line-height:1.7;margin-bottom:16px}
.page-content-wrapper h2{font-size:clamp(22px, 3.5vw, 30px);font-weight:900;color:#fff;margin:32px 0 16px}
.page-content-wrapper h3{font-size:clamp(18px, 3vw, 24px);font-weight:900;color:#fff;margin:24px 0 12px}
.page-content-wrapper ul,.page-content-wrapper ol{padding-right:16px;margin-bottom:16px}
.page-content-wrapper li{color:var(--text-muted);font-size:15px;line-height:1.7;margin-bottom:8px}
.page-content-wrapper blockquote{border-right:3px solid var(--gold);padding-right:16px;margin:24px 0;color:var(--text-muted);font-size:15px;line-height:1.7;font-style:italic}
.page-content-wrapper img{border-radius:var(--radius);margin:24px 0;max-width:100%}
.page-content-wrapper figure{margin:24px 0;text-align:center}
.page-content-wrapper figcaption{color:var(--text-muted);font-size:12px;margin-top:8px}

/* ============================================================
   Notification Center (Floating)
   ============================================================ */
.notification-center{position:fixed;bottom:80px;right:16px;z-index:99998}
.notification-toggle{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--gold),var(--primary));color:#fff;font-size:20px;box-shadow:0 8px 24px rgb(0 0 0 / .3);border:3px solid var(--background);transition:var(--transition)}
.notification-toggle:hover{transform:scale(1.1)}
.notification-badge{position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;padding:0 4px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:var(--danger);color:#fff;font-size:10px;font-weight:800}
.notification-panel{position:absolute;bottom:56px;right:0;width:280px;border-radius:var(--radius);overflow:hidden;opacity:0;visibility:hidden;transform:translateY(16px);transition:var(--transition)}
.notification-center.active .notification-panel{opacity:1;visibility:visible;transform:translateY(0)}
.notification-header{padding:12px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}
.notification-header h3{font-size:14px;font-weight:900;color:#fff}
.notification-close{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgb(255 255 255 / .1);color:#fff;font-size:14px;transition:var(--transition)}
.notification-close:hover{background:rgb(255 255 255 / .2)}
.notification-items{max-height:360px;overflow-y:auto}
.notification-empty{padding:24px 16px;text-align:center;color:var(--text-muted);font-size:12px}

/* ============================================================
   Dashboard Level
   ============================================================ */
.dashboard-level-section{margin-bottom:24px}
.dashboard-level-card{border-radius:20px;padding:24px;box-shadow:0 10px 30px rgb(0 0 0 / .06)}
.level-top{display:flex; align-items:center;margin-bottom:16px;color:#fff}
.level-progress{height:12px;background:rgb(255 255 255 / .1);border-radius:999px;overflow:hidden}
.level-progress-bar{height:100%;background:linear-gradient(90deg,#f59e0b,#f97316);border-radius:999px;transition:width 0.6s ease}
.dashboard-level-card small{display:block;margin-top:10px;color:var(--text-muted)}

/* ============================================================
   Profile Level
   ============================================================ */
.profile-level-box{padding:20px;border-radius:20px;margin-top:20px}
.profile-level-top{display:flex; margin-bottom:10px;color:#fff}
.profile-level-bar{height:10px;background:rgb(255 255 255 / .1);border-radius:999px;overflow:hidden}
.profile-level-fill{height:100%;background:linear-gradient(90deg,#4f46e5,#7c3aed);border-radius:999px}

/* ============================================================
   Streak Card
   ============================================================ */
.dashboard-streak-card{display:flex;align-items:center;gap:16px;padding:22px;border-radius:20px;margin-top:20px;box-shadow:0 10px 30px rgb(0 0 0 / .05)}
.streak-icon{font-size:40px}
.streak-content{display:flex;flex-direction:column;gap:4px}
.streak-content strong{font-size:18px;font-weight:700;color:#fff}
.streak-content span{opacity:.7;font-size:13px;color:var(--text-muted)}

/* ============================================================
   Empty State
   ============================================================ */
.empty-state{padding:40px 16px;text-align:center;border-radius:var(--radius)}
.empty-state.small{padding:20px;margin:0}
.empty-state-icon{font-size:48px;margin-bottom:16px;opacity:.8}
.empty-state h3{font-size:20px;font-weight:900;color:#fff;margin-bottom:8px}
.empty-state p{color:var(--text-muted);font-size:14px;max-width:280px;margin:0 auto}

/* ============================================================
   Dashboard Layout (Sidebar + Content)
   ============================================================ */
.pishbini-app{background:var(--background)}
.pishbini-home .hero-badge{background:rgb(212 175 55 / .08);color:var(--gold)}
.pishbini-home .hero-title{font-size:clamp(36px, 6vw, 72px);line-height:1.1}
.pishbini-home .hero-description{font-size:16px;line-height:1.8}

.pish-dashboard{display:flex!important;min-height:100vh!important;position:relative!important;font-family:'YekanBakh',sans-serif!important;background:var(--background)!important;background-image:radial-gradient(circle at 20% 50%,rgb(255 215 0 / .1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgb(255 140 0 / .1) 0%,transparent 50%),radial-gradient(circle at 40% 20%,rgb(255 165 0 / .05) 0%,transparent 50%)!important;color:var(--text)!important;line-height:1.6!important;overflow-x:hidden!important}

.pish-dashboard-layout{display:flex!important;width:100%!important;position:relative!important;flex-direction:row-reverse!important;padding-top:80px!important}

/* Sidebar */
.pish-dashboard-sidebar{width:280px!important;background:rgb(10 10 10 / .85)!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;padding:2rem!important;transition:transform 0.3s cubic-bezier(.4,0,.2,1)!important;position:fixed!important;height:calc(100vh - 80px)!important;top:80px!important;overflow-y:auto!important;z-index:9999!important;box-shadow:-5px 0 20px rgb(0 0 0 / .3)!important;border-left:1px solid var(--glass-border)!important;right:0!important;border-radius:0!important}

/* Sidebar User */
.pish-dashboard-user{text-align:center!important;margin-bottom:2rem!important;padding-bottom:1.5rem!important;border-bottom:1px solid var(--glass-border)!important;background:rgb(255 215 0 / .1)!important;border-radius:15px!important;padding:1.5rem!important}
.pish-dashboard-user img{border-radius:50%!important;border:3px solid var(--primary)!important;margin-bottom:1rem!important;transition:var(--transition)!important;width:80px!important;height:80px!important;object-fit:cover!important;box-shadow:0 0 20px rgb(255 215 0 / .5)!important}
.pish-dashboard-user:hover img{transform:scale(1.05)!important;box-shadow:0 0 30px rgb(255 215 0 / .8)!important}
.pish-dashboard-user h3{font-size:1.2rem!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:1px!important;color:var(--text)!important;background:var(--dashboard-gradient)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important}

/* Sidebar Nav */
.pish-dashboard-nav{display:flex!important;flex-direction:column!important;gap:0.5rem!important}
.pish-dashboard-nav a{display:flex!important;align-items:center!important;padding:1rem!important;margin:.3rem 0!important;color:var(--text-muted)!important;text-decoration:none!important;border-radius:var(--radius)!important;position:relative!important;overflow:hidden!important;transition:var(--transition)!important;font-weight:500!important;background:rgb(255 255 255 / .03)!important}
.pish-dashboard-nav a::before{content:''!important;position:absolute!important;top:0!important;left:0!important;width:0!important;height:100%!important;background:var(--dashboard-gradient)!important;transition:var(--transition)!important;z-index:-1!important}
.pish-dashboard-nav a:hover::before,.pish-dashboard-nav a.active::before{width:100%!important}
.pish-dashboard-nav a:hover,.pish-dashboard-nav a.active{color:white!important;transform:translateX(-5px)!important;background:rgb(255 215 0 / .2)!important}
.pish-dashboard-nav a span{margin-left:0.8rem!important}

/* Content */
.pish-dashboard-content{flex:1!important;padding:2rem!important;margin-right:280px!important;transition:var(--transition)!important;background:transparent!important;width:100%!important;min-height:calc(100vh - 80px)!important;box-sizing:border-box!important}

/* Block Header */
.dashboard-block-header{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-bottom:1.5rem!important;padding-bottom:1rem!important;border-bottom:1px solid var(--glass-border)!important}
.dashboard-block-header h2{font-size:1.5rem!important;font-weight:700!important;background:var(--dashboard-gradient)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important}

/* Loading */
.pish-loading{display:flex!important;justify-content:center!important;align-items:center!important;height:200px!important;font-size:1.2rem!important;color:var(--text-muted)!important}
.pish-loading::after{content:''!important;width:40px!important;height:40px!important;margin-left:1rem!important;border:3px solid var(--glass-border)!important;border-top-color:var(--primary)!important;border-radius:50%!important;animation:spin 1s linear infinite!important}
@keyframes spin{to{transform:rotate(360deg)!important}}

/* Sidebar Scrollbar */
.pish-dashboard-sidebar::-webkit-scrollbar{width:8px!important}
.pish-dashboard-sidebar::-webkit-scrollbar-track{background:var(--glass-bg)!important}
.pish-dashboard-sidebar::-webkit-scrollbar-thumb{background:var(--primary)!important;border-radius:4px!important}
.pish-dashboard-sidebar::-webkit-scrollbar-thumb:hover{background:var(--gold-dark)!important}

/* ============================================================
   Mobile Menu
   ============================================================ */
.mobile-menu-trigger{display:none}
.mobile-menu-btn{background:none;border:none;padding:0;cursor:pointer;display:flex;flex-direction:column;gap:5px}
.mobile-menu-btn span{display:block;width:25px;height:3px;background-color:var(--gold);border-radius:3px;transition:all 0.3s ease;transform-origin:center}
.close-sidebar{display:none;background:none;border:none;font-size:24px;cursor:pointer;color:var(--gold)}
.overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgb(0 0 0 / .7);z-index:9998}
body.sidebar-open{overflow:hidden}

/* ============================================================
   Live Match Label
   ============================================================ */
.match-live-label{display:flex;align-items:center;justify-content:center;gap:8px;font-weight:700;color:green;}
.live-dot{width:12px;height:12px;border-radius:50%;background:#00c853;animation:livePulse 1s infinite ease-in-out}
@keyframes livePulse{0%,100%{transform:scale(1)}50%{transform:scale(1.6)}}

/* ============================================================
   Responsive - Tablet
   ============================================================ */
@media (max-width:1100px){
    .matches-grid{grid-template-columns:repeat(2,1fr)}
}

@media (max-width:1024px){
    .pish-dashboard-sidebar{width:250px!important}
    .pish-dashboard-content{margin-right:250px!important}
}

/* ============================================================
   Responsive - Mobile
   ============================================================ */
@media (max-width:768px){
    section{padding:50px 0}
    .prediction-locked-title{font-size: 10px !important;}
    .container{width:calc(100% - 20px)}
    .section-header{flex-direction:column;align-items:flex-start}

    /* Hero */
    .hero-section{padding-top:90px;padding-bottom:70px}
    .hero-title{line-height:1.2}
    .hero-description{font-size:14px;line-height:1.7}
    .hero-actions{width:100%}
    .hero-primary-button{width:100%}

    /* Matches */
    .matches-grid{grid-template-columns:1fr}
    .dynamic-match-card{padding:12px}
    .match-teams{gap:8px}
    .team-logo{width:70px;height:70px;border-radius:14px}
    .team-box h3{font-size:12px}
    .match-center{min-width:70px}
    .live-score{font-size:20px}
    .match-countdown{min-height:40px;font-size:14px}
    .prediction-options{grid-template-columns:1fr}
    .home-score-input,.away-score-input{width:56px;height:40px;font-size:16px}

    /* Leaderboard */
    .leaderboard-user-item{flex-direction:column;align-items:flex-start}
    .leaderboard-score{width:100%}
    .leaderboard-table-head{display:none}
    .leaderboard-row{
        grid-template-columns:auto 1fr auto!important;
        gap:12px
    }
    .leaderboard-row.current-user{
        grid-template-columns:auto 1fr auto!important
    }
    .leaderboard-position{font-size:18px}
    .leaderboard-points{
        padding:6px 12px;
        font-size:12px
    }
    .leaderboard-user img{width:36px;height:36px;border-radius:12px}
    .leaderboard-name{font-size:13px}
    .leaderboard-user-rank{
        font-size:14px;
        padding:14px 18px
    }
    .leaderboard-user-rank strong{
        font-size:18px
    }

    /* Header */
    .site-header .container{min-height:64px}
    .site-logo{font-size:18px}
    .header-actions{gap:8px}
    .header-notification-button{width:40px;height:40px;border-radius:14px;font-size:16px}
    .header-user-avatar{width:40px;height:40px;border-radius:14px}
    .open-auth-modal{min-width:90px;height:40px;border-radius:14px;font-size:12px}

    /* Footer */
    .site-footer{margin-top:50px;padding:50px 0 80px}
    .footer-logo{font-size:24px}
    .footer-description{font-size:13px}

    /* Dashboard */
    .dashboard-stats-grid{grid-template-columns:1fr}
    .dashboard-history-item{grid-template-columns:1fr}
    .dashboard-referral-box{flex-direction:column}
    .copy-referral-link{width:100%}
    .dashboard-counter{
        min-width:30px;
        height:30px;
        padding-inline:10px;
        font-size:12px
    }
    .dashboard-empty{
        padding:32px 16px;
        font-size:14px
    }
    .dashboard-stats{
        flex-direction:column;
        gap:8px;
        align-items:flex-start
    }
    .dashboard-stats span{
        font-size:11px;
        padding:4px 10px
    }

    /* Dashboard Card */
    .dashboard-card{
        padding:18px 16px;
        margin-bottom:18px
    }
    .dashboard-card-header{
        font-size:14px;
        margin-bottom:12px;
        padding-bottom:10px
    }

    /* Achievement */
    .achievement-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}
    .achievement-card{padding:16px 12px}
    .achievement-icon{font-size:30px;margin-bottom:8px}
    .achievement-title{font-size:12px}
    .achievement-rarity{font-size:10px;padding:3px 10px}
    .achievement-date{font-size:10px}

    /* Activity */
    .activity-item{padding:14px 16px}
    .activity-header{flex-direction:column;align-items:flex-start;gap:6px;margin-bottom:8px}
    .activity-type{font-size:11px;padding:4px 10px}
    .activity-time{font-size:11px}
    .activity-content{font-size:13px}

    /* Notification (Dashboard) */
    .notification-item{padding:14px 16px}
    .notification-header{flex-direction:column;align-items:flex-start;gap:6px}
    .notification-title{font-size:13px}
    .notification-type{font-size:10px;padding:3px 10px}
    .notification-message{font-size:12px}
    .notification-time{font-size:10px}

    /* Mission */
    .mission-grid{grid-template-columns:1fr;gap:14px}
    .mission-card{padding:18px 16px}
    .mission-card-top{flex-direction:column;align-items:flex-start;gap:8px}
    .mission-title{font-size:14px}
    .mission-status{font-size:11px;padding:4px 12px}
    .mission-description{font-size:12px}
    .mission-reward{font-size:12px;padding:6px 12px}
    .mission-footer{font-size:12px}

    /* Prediction */
    .prediction-list{gap:12px}
    .prediction-card{padding:16px}
    .prediction-header{
        flex-direction:column;
        gap:10px;
        padding-bottom:12px;
        margin-bottom:12px
    }
    .prediction-header .team{
        width:100%;
        justify-content:flex-start
    }
    .prediction-header .team:last-child{
        flex-direction:row;
        text-align:right
    }
    .prediction-header .vs{
        width:100%;
        text-align:center;
        padding:6px 12px;
        font-size:14px
    }
    .prediction-body div{
        flex-direction:column;
        align-items:flex-start;
        gap:4px;
        padding:10px 12px
    }
    .prediction-body strong{
        font-size:11px
    }

    /* Settings */
    .settings-form{gap:16px}
    .settings-field input{height:46px;font-size:13px}
    .settings-submit{height:48px;font-size:14px}

    /* Page Header */
    .page-header{padding:80px 0 40px}
    .page-content-section{padding:30px 0}
    .page-content-wrapper p{font-size:14px;line-height:1.6}
    .page-content-wrapper h2{font-size:24px}
    .page-content-wrapper h3{font-size:20px}
    .page-content-wrapper li{font-size:14px;line-height:1.6}

    /* Floating Notification */
    .notification-center{right:8px;bottom:64px}
    .notification-panel{width:calc(100% - 16px);right:8px}

    /* Dashboard Layout Mobile */
    .dashboard-block-header{
        position:sticky;
        top:0;
        background:rgb(5 5 5 / .98);
        z-index:1000;
        display:flex!important;
        align-items:center!important;
        justify-content:flex-start!important;
        flex-direction:row-reverse!important;
        flex-wrap:nowrap!important;
        gap:12px!important;
        padding:14px 16px!important;
        box-shadow:0 2px 10px rgb(0 0 0 / .3);
        margin:-15px -15px 20px -15px!important
    }

    .dashboard-block-header .mobile-menu-trigger{
        flex-shrink:0!important;
        order:2!important;
        margin-right:0!important;
        margin-left:0!important
    }

    .dashboard-block-header h2{
        margin:0!important;
        font-size:16px!important;
        font-weight:800!important;
        flex:1!important;
        min-width:0!important;
        order:1!important;
        text-align:right!important;
        white-space:nowrap!important;
        overflow:hidden!important;
        text-overflow:ellipsis!important;
        -webkit-text-fill-color:var(--gold)!important;
        color:var(--gold)!important
    }

    .dashboard-block-header .dashboard-counter{
        flex-shrink:0!important;
        order:3!important;
        min-width:30px;
        height:30px;
        padding-inline:10px;
        font-size:12px
    }

    .dashboard-block-header .dashboard-stats{
        flex-shrink:0!important;
        order:3!important;
        display:flex!important;
        flex-direction:row!important;
        gap:8px!important;
        flex-wrap:nowrap!important
    }

    .dashboard-block-header .dashboard-stats span{
        font-size:10px!important;
        padding:3px 8px!important;
        white-space:nowrap!important
    }



    .mobile-menu-trigger{
        display:flex!important;
        align-items:center;
        justify-content:center;
        cursor:pointer;
        padding:5px;
        z-index:1100
    }
    .mobile-menu-trigger.active .mobile-menu-btn span:nth-child(1){transform:translateY(8px) rotate(45deg)}
    .mobile-menu-trigger.active .mobile-menu-btn span:nth-child(2){opacity:0;transform:scaleX(0)}
    .mobile-menu-trigger.active .mobile-menu-btn span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}

    .pish-dashboard-layout{padding-top:60px!important}

    .pish-dashboard-sidebar{
        top:0!important;
        height:100vh!important;
        width:280px!important;
        border-radius:0!important;
        z-index:100000!important;
        padding-top:60px!important;
        transform:translateX(100%)!important;
        background:rgb(5 5 5 / .98)!important
    }
    .pish-dashboard.sidebar-open .pish-dashboard-sidebar{transform:translateX(0)!important}
    .pish-dashboard.sidebar-closed .pish-dashboard-sidebar{transform:translateX(100%)!important}

    .close-sidebar{
        display:block!important;
        position:absolute!important;
        top:20px!important;
        left:20px!important;
        z-index:10000!important
    }

    .pish-dashboard-content{
        margin-right:0!important;
        padding:1rem!important;
        min-height:calc(100vh - 60px)!important
    }

    .overlay.active{display:block!important;opacity:1}
}

@media (max-width:480px){
        .dashboard-block-header h2{
        font-size:14px!important
    }
    .dashboard-block-header .dashboard-stats{
        display:none!important
    }
    .match-card-top{flex-direction:column;align-items:flex-start}
    .match-teams{flex-direction:column}
    .match-center{width:100%}
    .score-prediction{gap:8px}
    .dashboard-user{flex-direction:column;align-items:flex-start}
    .dashboard-avatar img{width:56px;height:56px}
    .dashboard-history-match{flex-direction:column;align-items:flex-start}
    .history-team{width:100%}
    .leaderboard-user{align-items:flex-start}

    /* Achievement very small */
    .achievement-grid{grid-template-columns:repeat(2,1fr);gap:10px}
    .achievement-card{padding:14px 10px}
    .achievement-icon{font-size:26px;margin-bottom:6px}
    .achievement-title{font-size:11px}

    /* Stats grid */
    .dashboard-stats-grid{gap:10px}
    .dashboard-stat-card{min-height:100px;padding:16px}
    .dashboard-stat-card strong{font-size:20px}
    .dashboard-stat-card span{font-size:11px}
}

/* ============================================================
   Desktop Only - Hide Mobile Elements
   ============================================================ */
@media (min-width:769px){
    .mobile-bottom-nav{display:none}
    .mobile-menu-trigger{display:none!important}
    .close-sidebar{display:none!important}
    .overlay{display:none!important}
    .pish-dashboard-sidebar{transform:none!important}
}

/* ============================================================
   Safe Area Support
   ============================================================ */
@supports (padding:max(0px)){
    .mobile-bottom-nav{padding-bottom:max(0px, env(safe-area-inset-bottom))}
}

.match-penalty-notice,
.penalty-outcome {
    margin-top: 12px;
    padding: 12px;
    border-radius: 16px;
    background: rgb(255 255 255 / .06);
    border: 1px solid rgb(255 255 255 / .10);
}

.match-penalty-notice {
    font-size: 12px;
    font-weight: 700;
    color: var(--text-muted);
    line-height: 1.8;
}

.penalty-outcome-title {
    margin-bottom: 10px;
    font-size: 12px;
    font-weight: 900;
    color: var(--text-muted);
    line-height: 1.8;
}

.penalty-outcome-options {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
}

.penalty-outcome-option {
    min-height: 42px;
    padding: 8px 10px;
    border: 1px solid rgb(255 255 255 / .12);
    border-radius: 14px;
    background: rgb(0 0 0 / .18);
    color: var(--text);
    cursor: pointer;
    font-weight: 900;
    transition: .2s ease;
}

.penalty-outcome-option:hover,
.penalty-outcome-option.active {
    border-color: var(--primary);
    background: color-mix(in srgb, var(--primary) 22%, transparent);
}

.prediction-penalties-active {
    margin-top: 8px;
    font-weight: 900;
}

.is-hidden {
    display: none !important;
}

@media (max-width: 480px) {
    .penalty-outcome-options {
        grid-template-columns: 1fr;
    }
}

/* ============================================================
   Daily Leaderboard Redesign
   ============================================================ */
.leaderboard-daily-page{
    padding:32px 0 72px;
}
.leaderboard-hero-redesign{
    position:relative;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.10);
    border-radius:28px;
    padding:34px 28px;
    margin-bottom:22px;
    background:
        radial-gradient(circle at top right, rgba(99,102,241,.28), transparent 34%),
        radial-gradient(circle at bottom left, rgba(245,158,11,.22), transparent 32%),
        linear-gradient(135deg, rgba(15,23,42,.92), rgba(30,41,59,.72));
    box-shadow:0 20px 50px rgba(0,0,0,.28);
    text-align:center;
}
.leaderboard-hero-redesign h1{
    margin:10px 0 10px;
    color:#fff;
    font-size:clamp(28px,5vw,48px);
    font-weight:950;
    letter-spacing:-.5px;
}
.leaderboard-hero-redesign p{
    margin:0 auto 22px;
    max-width:640px;
    color:rgba(255,255,255,.68);
    font-size:14px;
    line-height:2;
}
.leaderboard-hero-stats{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px;
    max-width:820px;
    margin:0 auto;
}
.leaderboard-hero-stats > div{
    padding:16px;
    border-radius:20px;
    background:rgba(255,255,255,.07);
    border:1px solid rgba(255,255,255,.10);
    backdrop-filter:blur(10px);
}
.leaderboard-hero-stats span{
    display:block;
    color:rgba(255,255,255,.62);
    font-size:12px;
    font-weight:700;
    margin-bottom:8px;
}
.leaderboard-hero-stats strong{
    color:#fff;
    font-size:24px;
    font-weight:950;
}
.leaderboard-my-mini-stat{
    background:linear-gradient(135deg, rgba(245,158,11,.20), rgba(251,191,36,.10))!important;
    border-color:rgba(251,191,36,.28)!important;
}
.leaderboard-day-tabs{
    display:grid;
    grid-template-columns:repeat(7,minmax(0,1fr));
    gap:10px;
    margin:0 0 26px;
}
.leaderboard-day-tab{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    min-height:76px;
    padding:10px;
    border-radius:20px;
    text-decoration:none;
    color:rgba(255,255,255,.70);
    background:rgba(255,255,255,.055);
    border:1px solid rgba(255,255,255,.09);
    transition:all .2s ease;
}
.leaderboard-day-tab:hover,
.leaderboard-day-tab.active{
    transform:translateY(-2px);
    color:#fff;
    background:linear-gradient(135deg, rgba(99,102,241,.34), rgba(245,158,11,.18));
    border-color:rgba(255,255,255,.18);
    box-shadow:0 14px 28px rgba(0,0,0,.20);
}
.leaderboard-day-tab strong{
    font-size:13px;
    font-weight:900;
}
.leaderboard-day-tab span{
    margin-top:6px;
    font-size:11px;
    color:rgba(255,255,255,.58);
}
.leaderboard-podium-redesign{
    margin:10px 0 28px;
}
.leaderboard-podium-redesign .podium-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    align-items:end;
    gap:14px;
}
.leaderboard-podium-redesign .podium-card{
    position:relative;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:8px;
    min-height:190px;
    padding:22px 16px;
    border-radius:26px;
    background:linear-gradient(180deg, rgba(255,255,255,.11), rgba(255,255,255,.045));
    border:1px solid rgba(255,255,255,.10);
    box-shadow:0 18px 44px rgba(0,0,0,.22);
}
.leaderboard-podium-redesign .podium-card.rank-1{
    min-height:220px;
    border-color:rgba(251,191,36,.42);
    background:linear-gradient(180deg, rgba(251,191,36,.20), rgba(255,255,255,.055));
}
.leaderboard-podium-redesign .podium-card img{
    width:76px;
    height:76px;
    border-radius:24px;
    border:3px solid rgba(255,255,255,.14);
    object-fit:cover;
}
.leaderboard-podium-redesign .podium-medal{
    font-size:26px;
}
.leaderboard-podium-redesign strong{
    color:#fff;
    font-size:15px;
    font-weight:900;
    text-align:center;
}
.leaderboard-podium-redesign span{
    color:#fbbf24;
    font-size:13px;
    font-weight:900;
}
.leaderboard-podium-redesign small{
    color:rgba(255,255,255,.58);
    font-size:11px;
}
.leaderboard-daily-table-section{
    border-radius:28px;
    padding:16px;
    background:rgba(255,255,255,.04);
    border:1px solid rgba(255,255,255,.08);
}
.leaderboard-daily-table .leaderboard-table-head,
.leaderboard-daily-row{
    grid-template-columns:.65fr 2.2fr 1.05fr 1.05fr;
}
.leaderboard-daily-table .leaderboard-table-head{
    padding:10px 18px 14px;
    color:rgba(255,255,255,.56);
}
.leaderboard-daily-row{
    background:rgba(15,23,42,.66);
    border:1px solid rgba(255,255,255,.08);
    box-shadow:0 10px 24px rgba(0,0,0,.12);
}
.leaderboard-daily-row:nth-child(2),
.leaderboard-daily-row:nth-child(3),
.leaderboard-daily-row:nth-child(4){
    border-color:rgba(251,191,36,.22);
}
.leaderboard-daily-row.is-current-user,
.leaderboard-pinned-current-user{
    background:linear-gradient(135deg, rgba(245,158,11,.20), rgba(99,102,241,.16))!important;
    border:1px solid rgba(251,191,36,.45)!important;
    box-shadow:0 0 0 1px rgba(251,191,36,.08), 0 18px 34px rgba(0,0,0,.22)!important;
}
.leaderboard-score{
    display:flex;
    flex-direction:column;
    align-items:flex-end;
    gap:4px;
    color:#fff;
}
.leaderboard-score strong{
    font-size:16px;
    font-weight:950;
    color:#fff;
}
.leaderboard-score span{
    color:rgba(255,255,255,.52);
    font-size:11px;
    font-weight:700;
}
.leaderboard-score-daily strong{
    color:#fbbf24;
}
.leaderboard-score-total strong{
    color:#a5b4fc;
}
.leaderboard-you-badge,
.leaderboard-current-user-separator{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:max-content;
    padding:4px 10px;
    border-radius:999px;
    background:rgba(251,191,36,.16);
    border:1px solid rgba(251,191,36,.28);
    color:#fbbf24;
    font-size:11px;
    font-weight:900;
}
.leaderboard-current-user-separator{
    width:100%;
    margin:10px 0 0;
    padding:10px 14px;
    background:rgba(99,102,241,.14);
    border-color:rgba(99,102,241,.22);
    color:#c7d2fe;
}
.leaderboard-pagination{
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    gap:8px;
    margin-top:22px;
}
.leaderboard-pagination a{
    min-width:42px;
    height:42px;
    padding:0 14px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:14px;
    background:rgba(255,255,255,.06);
    border:1px solid rgba(255,255,255,.10);
    color:#fff;
    text-decoration:none;
    font-size:13px;
    font-weight:900;
}
.leaderboard-pagination a.active,
.leaderboard-pagination a:hover{
    background:linear-gradient(135deg, rgba(99,102,241,.50), rgba(245,158,11,.30));
    border-color:rgba(255,255,255,.20);
}
.leaderboard-user-rank-total{
    display:inline-flex;
    margin-right:12px;
    color:rgba(255,255,255,.62);
    font-size:12px;
}
.current-dashboard-row{
    grid-template-columns:.65fr 2fr 1.2fr;
}
.leaderboard-points small{
    display:block;
    margin-top:3px;
    color:rgba(255,255,255,.55);
    font-size:10px;
    font-weight:700;
}

@media (max-width: 900px){
    .leaderboard-hero-stats,
    .leaderboard-podium-redesign .podium-grid{
        grid-template-columns:1fr;
    }
    .leaderboard-day-tabs{
        display:flex;
        overflow-x:auto;
        padding-bottom:6px;
        scroll-snap-type:x mandatory;
    }
    .leaderboard-day-tab{
        min-width:122px;
        scroll-snap-align:start;
    }
    .leaderboard-daily-table .leaderboard-table-head{
        display:none;
    }
    .leaderboard-daily-row{
        grid-template-columns:52px 1fr;
        gap:12px;
    }
    .leaderboard-daily-row .leaderboard-score{
        grid-column:2;
        align-items:flex-start;
        flex-direction:row;
         
        padding:8px 12px;
        border-radius:14px;
        background:rgba(255,255,255,.045);
    }
}

/* Daily leaderboard: Persian/Jalali day tabs */
.leaderboard-daily-page .leaderboard-day-tabs{
    direction:rtl;
    text-align:right;
    justify-content:start;
}
.leaderboard-daily-page .leaderboard-day-tab{
    align-items:flex-start;
    text-align:right;
    position:relative;
    overflow:hidden;
}
.leaderboard-daily-page .leaderboard-day-tab::after{
    content:'';
    position:absolute;
    inset:auto 12px 10px 12px;
    height:3px;
    border-radius:999px;
    background:rgba(255,255,255,.14);
}
.leaderboard-daily-page .leaderboard-day-tab.active::after,
.leaderboard-daily-page .leaderboard-day-tab:hover::after{
    background:#fbbf24;
}
.leaderboard-daily-page .leaderboard-day-tab strong,
.leaderboard-daily-page .leaderboard-day-tab span{
    width:100%;
    text-align:right;
}
@media (max-width: 900px){
    .leaderboard-daily-page .leaderboard-day-tabs{
        justify-content:flex-start;
    }
    .leaderboard-daily-page .leaderboard-day-tab{
        min-width:132px;
    }
}

/* Referral mission panel */
.mission-referral-panel{
    display:grid;
    grid-template-columns:minmax(0,1.4fr) minmax(280px,1fr) auto;
    align-items:center;
    gap:18px;
    margin:0 0 24px;
    padding:22px;
    border:1px solid rgba(255,255,255,.10);
    border-radius:24px;
    background:linear-gradient(135deg,rgba(124,58,237,.20),rgba(14,165,233,.10)),rgba(255,255,255,.04);
    box-shadow:0 18px 55px rgba(0,0,0,.18);
    direction:rtl;
}
.mission-referral-eyebrow{
    display:inline-flex;
    padding:6px 12px;
    margin-bottom:10px;
    border-radius:999px;
    background:rgba(255,255,255,.10);
    color:#fde68a;
    font-size:12px;
    font-weight:800;
}
.mission-referral-content h3{
    margin:0 0 8px;
    color:#fff;
    font-size:20px;
    font-weight:900;
}
.mission-referral-content p{
    margin:0;
    color:rgba(255,255,255,.72);
    font-size:13px;
    line-height:1.9;
}
.mission-referral-actions{
    margin:0;
}
.mission-referral-stat{
    min-width:104px;
    padding:14px 16px;
    border-radius:18px;
    background:rgba(255,255,255,.08);
    text-align:center;
    color:#fff;
}
.mission-referral-stat span{
    display:block;
    margin-bottom:6px;
    color:rgba(255,255,255,.68);
    font-size:12px;
}
.mission-referral-stat strong{
    display:block;
    font-size:28px;
    font-weight:900;
}
@media (max-width: 900px){
    .mission-referral-panel{
        grid-template-columns:1fr;
    }
    .mission-referral-stat{
        width:100%;
    }
}



/* === Responsive and enhanced styles === */

/* حفظ root, body, * قبلی */

/* کارت‌ها و باکس‌ها */
.match-card, .dashboard-box, .mission-card {
    border-radius: 12px;
    padding: 12px;
    margin: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.12);
    transition: transform 0.2s, box-shadow 0.2s;
}

.match-card:hover, .dashboard-box:hover, .mission-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 4px 16px rgba(0,0,0,0.2);
}

/* موبایل: تغییر چیدمان باکس‌ها */
@media (max-width: 768px) {
    .cards-container {
        
        flex-wrap: wrap;
        
    }
    .match-card, .dashboard-box, .mission-card {
        flex: 0 0 48%; /* دو کارت در هر ردیف */
        margin-bottom: 12px;
    }
}

@media (max-width: 480px) {
    .match-card, .dashboard-box, .mission-card {
        flex: 0 0 100%; /* یک کارت در هر ردیف */
        margin-bottom: 12px;
    }
}

/* تایپوگرافی */
.match-card .team-name, .dashboard-box h3, .mission-card h3 {
    font-size: 1rem;
    font-weight: 600;
}

.match-card .score, .dashboard-box .points {
    font-size: 1.2rem;
    font-weight: 700;
}

/* دکمه‌ها */
button, .btn {
    border-radius: 8px;
    padding: 8px 14px;
    transition: all 0.2s;
}
button:hover, .btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
}


/* ==========================================================================
   Visual Polish & Mobile UX Pass
   Added safely after the existing stylesheet. Existing :root, body and * rules
   are intentionally untouched.
   ========================================================================== */

.site-main,
.pish-dashboard{
    isolation:isolate;
}

.site-main::before,
.pish-dashboard::before{
    content:"";
    position:fixed;
    inset:-20% -10% auto -10%;
    height:420px;
    pointer-events:none;
    z-index:-1;
    background:
        radial-gradient(circle at 78% 18%, rgba(255,215,0,.18), transparent 30%),
        radial-gradient(circle at 18% 5%, rgba(255,140,0,.10), transparent 32%),
        linear-gradient(180deg, rgba(255,255,255,.035), transparent);
    filter:blur(4px);
}

.container{
    width:min(calc(100% - 32px), var(--container));
}

/* Better cards */
.dynamic-match-card,
.dashboard-stat-card,
.dashboard-card,
.mission-card,
.prediction-card,
.achievement-card,
.leaderboard-row,
.leaderboard-user-item,
.notification-item,
.activity-item,
.dashboard-referral-box{
    position:relative;
    overflow:hidden;
    border-radius:22px!important;
    background:
        linear-gradient(145deg, rgba(255,255,255,.10), rgba(255,255,255,.035))!important;
    border:1px solid rgba(255,215,0,.18)!important;
    box-shadow:
        0 18px 50px rgba(0,0,0,.34),
        inset 0 1px 0 rgba(255,255,255,.08)!important;
}

.dynamic-match-card::before,
.dashboard-stat-card::before,
.dashboard-card::before,
.mission-card::before,
.prediction-card::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:
        linear-gradient(120deg, rgba(255,215,0,.13), transparent 34%),
        radial-gradient(circle at top left, rgba(255,255,255,.08), transparent 28%);
    opacity:.72;
}

.dynamic-match-card > *,
.dashboard-stat-card > *,
.dashboard-card > *,
.mission-card > *,
.prediction-card > *{
    position:relative;
    z-index:1;
}

@media (hover:hover){
    .dynamic-match-card:hover,
    .dashboard-stat-card:hover,
    .dashboard-card:hover,
    .mission-card:hover,
    .prediction-card:hover{
        transform:translateY(-4px);
        border-color:rgba(255,215,0,.34)!important;
        box-shadow:
            0 24px 64px rgba(0,0,0,.44),
            0 0 0 1px rgba(255,215,0,.08),
            inset 0 1px 0 rgba(255,255,255,.10)!important;
    }
}

/* Dashboard overview: 6 boxes => 2 columns x 3 rows on mobile */
.dashboard-stats-grid{
    gap:18px!important;
}

.dashboard-stat-card{
    min-height:126px;
    padding:20px!important;
    display:flex;
    flex-direction:column;
     
}

.dashboard-stat-card span{
    color:rgba(255,255,255,.68);
    font-size:13px;
    font-weight:800;
}

.dashboard-stat-card strong{
    display:block;
    margin-top:10px;
    color:#fff;
    font-size:clamp(24px, 4vw, 34px);
    line-height:1;
    letter-spacing:-.02em;
}

.dashboard-stat-card:nth-child(1){
    background:
        linear-gradient(145deg, rgba(255,215,0,.22), rgba(255,255,255,.045))!important;
}

.dashboard-stat-card:nth-child(2){
    background:
        linear-gradient(145deg, rgba(0,230,118,.16), rgba(255,255,255,.04))!important;
}

.dashboard-stat-card:nth-child(4){
    background:
        linear-gradient(145deg, rgba(255,140,0,.18), rgba(255,255,255,.04))!important;
}

/* Dashboard layout and content spacing */
.pish-dashboard-content{
    padding:28px!important;
}

.dashboard-block-header{
    align-items:flex-start!important;
    gap:12px!important;
}

.dashboard-block-header h2{
    font-size:clamp(22px, 3vw, 34px)!important;
    font-weight:950!important;
    letter-spacing:-.03em;
}

.dashboard-card{
    padding:22px!important;
}

.dashboard-card-header{
    font-size:17px!important;
    font-weight:950!important;
    color:#fff!important;
    margin-bottom:18px!important;
}

/* Homepage and match cards */
.hero-section{
    padding-top:118px!important;
    padding-bottom:72px!important;
}

.hero-badge{
    border:1px solid rgba(255,215,0,.30)!important;
    background:rgba(255,215,0,.10)!important;
    box-shadow:0 14px 42px rgba(255,215,0,.10);
}

.hero-title{
    letter-spacing:-.045em;
}

.hero-description{
    max-width:560px;
    margin-inline:auto;
    line-height:2!important;
}

.matches-grid{
    gap:20px!important;
}

.dynamic-match-card{
    padding:20px!important;
}

.match-teams{
    gap:14px!important;
}

.team-name{
    font-weight:950!important;
    line-height:1.45;
}

.prediction-submit-button,
.hero-primary-button,
.auth-submit,
.copy-referral-link,
button.btn,
.btn{
    min-height:44px;
    border-radius:14px!important;
    font-weight:950!important;
    box-shadow:0 14px 34px rgba(255,215,0,.16)!important;
}

input,
select,
textarea{
    min-height:44px;
    border-radius:14px!important;
}

/* Missions, achievements and referral */
.mission-grid,
.achievement-grid{
    gap:18px!important;
}

.mission-referral-panel{
    border-radius:24px!important;
    background:
        linear-gradient(135deg, rgba(255,215,0,.18), rgba(255,140,0,.07)),
        rgba(255,255,255,.05)!important;
}

.dashboard-referral-box input,
.referral-link-input{
    width:100%;
}

/* Tables/lists on small screens */
.leaderboard-daily-table,
.activity-list,
.notification-list{
    overflow:hidden;
}

.leaderboard-daily-row,
.activity-item,
.notification-item{
    border-radius:18px!important;
}

/* Tablet */
@media (max-width: 1100px){
    .matches-grid{
        grid-template-columns:repeat(2, minmax(0, 1fr))!important;
    }

    .dashboard-stats-grid{
        grid-template-columns:repeat(2, minmax(0, 1fr))!important;
    }

    .pish-dashboard-content{
        padding:22px!important;
    }
}

/* Mobile */
@media (max-width: 768px){
    section{
        padding:38px 0!important;
    }

    .container{
        width:min(calc(100% - 24px), var(--container))!important;
    }

    .pish-dashboard-layout{
        display:block!important;
        padding-top:70px!important;
    }

    .pish-dashboard-sidebar{
        width:min(86vw, 320px)!important;
        top:70px!important;
        height:calc(100vh - 70px)!important;
        padding:18px!important;
    }

    .pish-dashboard-content{
        width:100%!important;
        margin-right:0!important;
        padding:16px 12px 96px!important;
        min-height:calc(100vh - 70px)!important;
    }

    .dashboard-overview{
        width:100%;
    }

    .dashboard-block-header{
        position:sticky;
        top:70px;
        z-index:50;
        margin-inline:-12px!important;
        margin-bottom:18px!important;
        padding:12px!important;
        background:rgba(5,5,5,.78);
        backdrop-filter:blur(18px);
        -webkit-backdrop-filter:blur(18px);
        border-bottom:1px solid rgba(255,215,0,.14)!important;
    }

    .mobile-menu-trigger{
        display:flex!important;
    }

    .dashboard-stats-grid{
        grid-template-columns:repeat(2, minmax(0, 1fr))!important;
        gap:12px!important;
        margin-bottom:18px!important;
    }

    .dashboard-stat-card{
        min-height:104px;
        padding:14px!important;
        border-radius:18px!important;
    }

    .dashboard-stat-card span{
        font-size:11px;
        line-height:1.5;
    }

    .dashboard-stat-card strong{
        font-size:24px;
        margin-top:8px;
    }

    .dashboard-card{
        padding:16px!important;
        border-radius:20px!important;
        margin-bottom:16px!important;
    }

    .dashboard-card-header{
        margin-bottom:14px!important;
        font-size:15px!important;
    }

    .matches-grid{
        grid-template-columns:1fr!important;
        gap:14px!important;
    }

    .dynamic-match-card{
        padding:16px!important;
        border-radius:20px!important;
    }

    .match-teams{
        align-items:stretch!important;
    }

    .hero-section{
        padding-top:92px!important;
        padding-bottom:44px!important;
    }

    .hero-title{
        font-size:clamp(34px, 11vw, 48px)!important;
        line-height:1.18!important;
    }

    .hero-description{
        font-size:14px!important;
    }

    .hero-actions,
    .section-header{
        flex-direction:column;
        align-items:stretch!important;
        text-align:right;
    }

    .hero-primary-button,
    .prediction-submit-button,
    .auth-submit{
        width:100%;
        justify-content:center;
    }

    .mission-grid,
    .achievement-grid{
        grid-template-columns:repeat(2, minmax(0, 1fr))!important;
        gap:12px!important;
    }

    .mission-card,
    .achievement-card{
        padding:14px!important;
        border-radius:18px!important;
    }

    .mission-referral-panel{
        grid-template-columns:1fr!important;
        gap:14px!important;
        padding:16px!important;
        border-radius:20px!important;
    }

    .mission-referral-content h3{
        font-size:17px!important;
    }

    .mission-referral-content p{
        font-size:12px!important;
    }

    .activity-item,
    .notification-item{
        padding:14px!important;
    }

    .level-progress{
        height:12px!important;
    }
}

/* Small mobile: keep overview stats 2 columns, make content compact */
@media (max-width: 480px){
    .dashboard-stats-grid{
        grid-template-columns:repeat(2, minmax(0, 1fr))!important;
    }

    .dashboard-stat-card{
        min-height:96px;
        padding:12px!important;
    }

    .dashboard-stat-card strong{
        font-size:21px;
    }

    .dashboard-stat-card span{
        font-size:10.5px;
    }

    .mission-grid,
    .achievement-grid{
        grid-template-columns:1fr!important;
    }

    .match-teams{
        gap:10px!important;
    }

    .dynamic-match-card,
    .dashboard-card{
        border-radius:18px!important;
    }

    .section-header h2{
        font-size:22px!important;
    }

    .pish-dashboard-nav a{
        min-height:44px;
    }
}

/* Touch feedback without desktop hover problems */
@media (hover:none){
    .dynamic-match-card:active,
    .dashboard-stat-card:active,
    .mission-card:active,
    .prediction-card:active{
        transform:scale(.99);
    }
}


/* === Desktop Header Menu + Mobile PWA Bottom Popup === */
.site-header .container{
    display:grid!important;
    grid-template-columns:auto minmax(360px, 1fr) auto!important;
    align-items:center!important;
    gap:18px!important;
}

.desktop-main-menu{
    display:flex;
    justify-content:center;
    align-items:center;
    min-width:0;
}

.desktop-main-menu .menu-items{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    list-style:none;
    padding:6px;
    margin:0;
    border:1px solid rgba(255,255,255,.12);
    border-radius:999px;
    background:rgba(255,255,255,.06);
    box-shadow:0 14px 36px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.08);
    backdrop-filter:blur(16px);
    -webkit-backdrop-filter:blur(16px);
}

.desktop-main-menu .menu-items a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:38px;
    padding:0 16px;
    border-radius:999px;
    color:#f8fafc;
    text-decoration:none;
    font-weight:800;
    font-size:13px;
    white-space:nowrap;
    transition:background .2s ease, transform .2s ease, color .2s ease;
}

.desktop-main-menu .menu-items a:hover,
.desktop-main-menu .menu-items a:focus{
    background:linear-gradient(135deg, rgba(34,197,94,.95), rgba(20,184,166,.95));
    color:#fff;
    transform:translateY(-1px);
    outline:none;
}

.pish-pwa-install{
    position:fixed;
    inset:auto 0 0 0;
    z-index:999999;
    display:flex;
    justify-content:center;
    padding:16px 14px calc(16px + env(safe-area-inset-bottom));
    pointer-events:none;
    opacity:0;
    transform:translateY(110%);
    transition:opacity .26s ease, transform .32s cubic-bezier(.2,.8,.2,1);
}

.pish-pwa-install.is-visible{
    pointer-events:auto;
    opacity:1;
    transform:translateY(0);
}

.pish-pwa-card{
    position:relative;
    width:min(100%, 430px);
    padding:18px;
    border-radius:26px 26px 22px 22px;
    color:#fff;
    background:radial-gradient(circle at top right, rgba(34,197,94,.34), transparent 38%), linear-gradient(145deg, #0f172a, #111827 58%, #052e24);
    border:1px solid rgba(255,255,255,.14);
    box-shadow:0 -18px 60px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.12);
    direction:rtl;
}

.pish-pwa-close{
    position:absolute;
    top:12px;
    left:12px;
    width:34px;
    height:34px;
    border:0;
    border-radius:50%;
    color:#fff;
    background:rgba(255,255,255,.12);
    cursor:pointer;
    font-size:22px;
    line-height:1;
}

.pish-pwa-header{
    display:flex;
    align-items:center;
    gap:12px;
    padding-left:36px;
}

.pish-pwa-icon{
    width:52px;
    height:52px;
    display:grid;
    place-items:center;
    flex:0 0 52px;
    border-radius:18px;
    background:linear-gradient(135deg, #22c55e, #14b8a6);
    box-shadow:0 12px 30px rgba(34,197,94,.26);
    font-size:26px;
}

.pish-pwa-header strong{
    display:block;
    font-size:17px;
    font-weight:900;
    margin-bottom:4px;
}

.pish-pwa-platform-text,
.pish-pwa-steps{
    margin:0;
    color:rgba(255,255,255,.78);
    font-size:12.5px;
    line-height:1.9;
}

.pish-pwa-steps{
    margin-top:14px;
    padding:12px 14px;
    border-radius:18px;
    background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.1);
}

.pish-pwa-steps span{
    color:#86efac;
    font-weight:900;
}

.pish-pwa-actions{
    display:grid;
    grid-template-columns:1fr auto;
    gap:10px;
    margin-top:14px;
}

.pish-pwa-install-btn,
.pish-pwa-later{
    border:0;
    min-height:46px;
    border-radius:16px;
    cursor:pointer;
    font-weight:900;
}

.pish-pwa-install-btn{
    color:#052e16;
    background:linear-gradient(135deg, #bbf7d0, #22c55e);
    box-shadow:0 14px 30px rgba(34,197,94,.26);
}

.pish-pwa-later{
    color:#fff;
    background:rgba(255,255,255,.1);
    padding:0 16px;
}

@media (min-width: 821px){
    .pish-pwa-install{
        display:none!important;
    }
}

@media (max-width: 980px){
    .site-header .container{
        display:flex!important;
        justify-content:space-between!important;
    }

    .desktop-main-menu{
        display:none!important;
    }
}


/* === Mobile help popup + final PWA tweaks === */
.pish-help-open{
    overflow:hidden;
}

.pish-help-popup{
    position:fixed;
    inset:0;
    z-index:1000000;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:18px;
    opacity:0;
    pointer-events:none;
    transition:opacity .22s ease;
    direction:rtl;
}

.pish-help-popup.is-visible{
    opacity:1;
    pointer-events:auto;
}

.pish-help-backdrop{
    position:absolute;
    inset:0;
    background:rgba(2,6,23,.72);
    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
}

.pish-help-card{
    position:relative;
    width:min(92vw, 520px);
    max-height:min(82vh, 720px);
    overflow:auto;
    border-radius:28px;
    padding:20px;
    color:#fff;
    background:radial-gradient(circle at top right, rgba(34,197,94,.32), transparent 36%), linear-gradient(145deg, #0f172a, #111827 62%, #052e24);
    border:1px solid rgba(255,255,255,.14);
    box-shadow:0 26px 90px rgba(0,0,0,.46), inset 0 1px 0 rgba(255,255,255,.12);
    transform:translateY(14px) scale(.98);
    transition:transform .24s ease;
}

.pish-help-popup.is-visible .pish-help-card{
    transform:translateY(0) scale(1);
}

.pish-help-close{
    position:absolute;
    top:14px;
    left:14px;
    width:38px;
    height:38px;
    border:0;
    border-radius:50%;
    color:#fff;
    background:rgba(255,255,255,.12);
    cursor:pointer;
    font-size:24px;
    line-height:1;
}

.pish-help-head{
    display:flex;
    align-items:center;
    gap:14px;
    padding-left:46px;
    margin-bottom:16px;
}

.pish-help-icon{
    width:54px;
    height:54px;
    display:grid;
    place-items:center;
    flex:0 0 54px;
    border-radius:20px;
    color:#052e16;
    background:linear-gradient(135deg, #bbf7d0, #22c55e);
    box-shadow:0 14px 34px rgba(34,197,94,.28);
    font-weight:1000;
    font-size:26px;
}

.pish-help-head h2{
    margin:0 0 5px;
    font-size:20px;
    font-weight:1000;
}

.pish-help-head p{
    margin:0;
    color:rgba(255,255,255,.74);
    font-size:13px;
    line-height:1.8;
}

.pish-help-body{
    display:grid;
    gap:10px;
}

.pish-help-item{
    padding:13px 14px;
    border-radius:18px;
    background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.10);
}

.pish-help-item strong{
    display:block;
    margin-bottom:5px;
    color:#bbf7d0;
    font-size:13.5px;
    font-weight:1000;
}

.pish-help-item span{
    display:block;
    color:rgba(255,255,255,.78);
    font-size:12.5px;
    line-height:1.9;
}

.pish-pwa-actions.is-later-only{
    display:block;
}

.pish-pwa-actions.is-later-only .pish-pwa-later{
    width:100%;
}

.mobile-bottom-nav .open-help-popup{
    border:0;
    font-family:inherit;
}

@media (max-width: 820px){
    .pish-help-popup{
        align-items:flex-end;
        padding:12px 12px calc(82px + env(safe-area-inset-bottom));
    }

    .pish-help-card{
        width:100%;
        max-height:72vh;
        border-radius:28px 28px 22px 22px;
        padding:18px;
    }

    .pish-help-head h2{
        font-size:18px;
    }
}


/* === Style for open-help-popup mobile nav item === */
.mobile-nav-item.open-help-popup{
    position: relative;
    flex: 1;
    height: 100%;
    
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    border-radius: 16px;
    color: rgb(255 255 255 / .58);
    transition: var(--transition);
    background: none !important;
}

.mobile-nav-item.open-help-popup .mobile-nav-icon{
    width:24px;
    height:24px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.mobile-nav-item.open-help-popup .mobile-nav-label{
    font-size:11px;
    font-weight:600;
}


/* === Dashboard/Profile extra user fields === */
.settings-readonly-input,
.settings-form input[readonly]{
    opacity:.78;
    cursor:not-allowed;
    background:rgba(255,255,255,.045)!important;
    border-style:dashed!important;
}
.settings-help-text{
    display:block;
    margin-top:7px;
    color:var(--text-muted);
    font-size:12px;
    line-height:1.8;
}
.profile-extra-info{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:center;
    gap:10px;
    margin-top:16px;
}
.profile-extra-chip{
    display:inline-flex;
    align-items:center;
    gap:8px;
    min-height:38px;
    padding:8px 13px;
    border-radius:999px;
    color:#fff;
    background:rgba(255,255,255,.07);
    border:1px solid rgba(255,255,255,.1);
    box-shadow:0 10px 24px rgba(0,0,0,.18);
    font-size:12px;
    line-height:1.8;
}
.profile-extra-chip strong{
    color:var(--gold);
    font-weight:900;
}
@media (max-width:640px){
    .settings-form .settings-field input,
    .settings-form .settings-field select,
    .settings-form .settings-field textarea{
        width:100%;
    }
    .profile-extra-info{
        justify-content:stretch;
    }
    .profile-extra-chip{
        flex:1 1 calc(50% - 10px);
        justify-content:center;
        border-radius:18px;
    }
}


/* === Profile edit settings fields === */
.dashboard-settings-block .profile-edit-form {
    
    flex-direction: column;
    gap: 18px;
}

.settings-section-title {
    font-weight: 800;
    font-size: 15px;
    color: var(--text-primary, #111827);
    padding: 12px 14px;
    border-radius: 14px;
    background: rgba(255,255,255,.72);
    border: 1px solid rgba(148,163,184,.22);
}

.settings-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.settings-field-full {
    width: 100%;
}

.settings-field textarea {
    width: 100%;
    min-height: 110px;
    resize: vertical;
    border-radius: 14px;
    border: 1px solid rgba(148,163,184,.32);
    padding: 12px 14px;
    font-family: inherit;
    line-height: 1.9;
    background: rgba(255,255,255,.88);
    color: var(--text-primary, #111827);
    outline: none;
    transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}

.settings-field textarea:focus {
    border-color: var(--primary, #2563eb);
    box-shadow: 0 0 0 4px rgba(37,99,235,.12);
    background: #fff;
}

.settings-readonly-input {
    cursor: not-allowed;
    opacity: .78;
    background: rgba(241,245,249,.9) !important;
}

.settings-help-text {
    display: block;
    margin-top: 7px;
    font-size: 12px;
    line-height: 1.8;
    color: var(--text-muted, #64748b);
}

@media (max-width: 768px) {
    .settings-grid {
        grid-template-columns: 1fr;
    }

    .dashboard-settings-block .profile-edit-form {
        gap: 14px;
    }
}


/* === Dashboard profile avatar editor === */
.profile-avatar-editor{
    display:flex;
    align-items:center;
    gap:18px;
    padding:18px;
    margin:0 0 22px;
    border:1px solid rgba(148,163,184,.22);
    border-radius:22px;
    background:linear-gradient(135deg, rgba(255,255,255,.08), rgba(255,255,255,.035));
    box-shadow:0 14px 34px rgba(15,23,42,.10);
}

.profile-avatar-preview{
    width:92px;
    height:92px;
    flex:0 0 92px;
    border-radius:999px;
    padding:4px;
    background:linear-gradient(135deg, #22c55e, #06b6d4);
    box-shadow:0 12px 28px rgba(34,197,94,.22);
}

.profile-avatar-preview img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    border-radius:999px;
    border:3px solid #fff;
    background:#f8fafc;
}

.profile-avatar-actions{
    display:flex;
    flex-direction:column;
    gap:8px;
    min-width:0;
}

.profile-avatar-actions strong{
    font-size:16px;
    font-weight:800;
    color:inherit;
}

.profile-avatar-actions span{
    font-size:13px;
    line-height:1.9;
    color:rgba(100,116,139,.95);
}

.profile-avatar-upload-button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:max-content;
    min-height:40px;
    padding:0 16px;
    border-radius:999px;
    border:1px solid rgba(34,197,94,.35);
    background:rgba(34,197,94,.10);
    color:#16a34a;
    font-size:13px;
    font-weight:800;
    cursor:pointer;
    transition:.2s ease;
}

.profile-avatar-upload-button:hover{
    transform:translateY(-1px);
    background:rgba(34,197,94,.16);
    box-shadow:0 10px 22px rgba(34,197,94,.16);
}

@media (max-width: 640px){
    .profile-avatar-editor{
        align-items:center;
        gap:14px;
        padding:14px;
        border-radius:18px;
    }

    .profile-avatar-preview{
        width:74px;
        height:74px;
        flex-basis:74px;
    }

    .profile-avatar-actions strong{
        font-size:14px;
    }

    .profile-avatar-actions span{
        font-size:12px;
        line-height:1.7;
    }

    .profile-avatar-upload-button{
        min-height:36px;
        padding:0 12px;
        font-size:12px;
    }
}

/* Toast notifications */

/* Toast notification */
.toast-message {
    position: fixed;
    top: 20px;
    right: 20px;
    padding: 12px 20px;
    border-radius: 8px;
    color: #fff;
    font-weight: 600;
    z-index: 9999;
    display: none;
    opacity: 0;
    transition: opacity 0.3s ease;
}
.toast-success { background-color: #4CAF50; }
.toast-error { background-color: #f44336; }

/* === Company Survey Mission Topbar & Popup === */
.pish-survey-topbar{
    position:relative;
    z-index:1000;
    width:100%;
    background:linear-gradient(135deg,rgba(212,175,55,.98),rgba(0,200,83,.96));
    box-shadow:0 8px 24px rgba(16,24,40,.10);
    direction:rtl;
}
.pish-survey-topbar.is-hidden{opacity:0;transform:translateY(-10px);transition:.25s ease;pointer-events:none}
.pish-survey-topbar-button{
    width:100%;
    border:0;
    background:transparent;
    color:#fff;
    min-height:34px;
    padding:7px 16px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    cursor:pointer;
    font-family:inherit;
    font-size:13px;
    font-weight:900;
}
.pish-survey-topbar-button span{font-size:16px;line-height:1}.pish-survey-topbar-button strong{font-weight:900}.pish-survey-topbar-button:hover{background:rgba(255,255,255,.12)}
.pish-survey-modal{position:fixed;inset:0;z-index:100000;display:none;align-items:center;justify-content:center;padding:18px;direction:rtl}.pish-survey-modal.active{display:flex}.pish-survey-backdrop{position:absolute;inset:0;background:rgba(3,7,18,.58);backdrop-filter:blur(6px)}.pish-survey-dialog{position:relative;z-index:1;width:min(620px,100%);max-height:90vh;overflow:auto;background:#fff;border:1px solid rgba(255,255,255,.55);border-radius:28px;box-shadow:0 30px 90px rgba(0,0,0,.26);padding:24px;animation:pishSurveyIn .22s ease both}.pish-survey-close{position:absolute;top:14px;left:14px;width:38px;height:38px;border:0;border-radius:14px;background:#f2f4f7;color:#101828;font-size:25px;line-height:1;cursor:pointer}.pish-survey-close:hover{background:#fee4e2;color:#b42318}.pish-survey-head{padding-left:44px}.pish-survey-badge{display:inline-flex;align-items:center;border-radius:999px;background:linear-gradient(135deg,rgba(212,175,55,.16),rgba(0,200,83,.14));color:#067647;border:1px solid rgba(0,200,83,.16);font-size:12px;font-weight:900;padding:7px 12px;margin-bottom:10px}.pish-survey-head h3{margin:0 0 8px;color:#101828;font-size:21px;font-weight:950}.pish-survey-head p{margin:0 0 18px;color:#667085;font-size:13px;line-height:1.9}.pish-survey-form{display:grid;gap:14px}.pish-survey-question{background:#fbfcfe;border:1px solid #e4e7ec;border-radius:18px;padding:15px}.pish-survey-question strong{display:block;color:#1d2939;font-size:14px;font-weight:950;margin-bottom:12px;line-height:1.8}.pish-survey-question label{display:inline-flex;align-items:center;gap:7px;margin:0 0 0 16px;color:#344054;font-size:13px;font-weight:800;cursor:pointer}.pish-survey-question input[type=radio]{accent-color:#00C853;width:16px;height:16px}.pish-survey-question select{width:100%;height:46px;border:1px solid #d0d5dd;border-radius:14px;background:#fff;padding:0 12px;color:#101828;font-family:inherit;font-weight:800}.pish-survey-question select:focus{outline:none;border-color:#00C853;box-shadow:0 0 0 4px rgba(0,200,83,.12)}.pish-survey-submit{border:0;border-radius:17px;min-height:48px;background:linear-gradient(135deg,#D4AF37,#00C853);color:#fff;font-family:inherit;font-weight:950;cursor:pointer;box-shadow:0 16px 34px rgba(0,200,83,.18)}.pish-survey-submit:hover{filter:brightness(.98);transform:translateY(-1px)}.pish-survey-submit:disabled{opacity:.65;cursor:wait;transform:none}.pish-survey-result{min-height:38px;border-radius:14px;padding:10px 12px;font-size:13px;font-weight:900;display:none}.pish-survey-result.is-loading,.pish-survey-result.is-success,.pish-survey-result.is-error{display:block}.pish-survey-result.is-loading{background:#eff6ff;color:#175cd3}.pish-survey-result.is-success{background:#ecfdf3;color:#067647}.pish-survey-result.is-error{background:#fef3f2;color:#b42318}.mission-survey-panel{display:flex;align-items:center; gap:16px;background:linear-gradient(135deg,#fff,#f7fff9);border:1px solid rgba(0,200,83,.18);border-radius:24px;padding:18px;margin:18px 0;box-shadow:0 16px 34px rgba(16,24,40,.06)}.mission-survey-panel.is-hidden{opacity:0;transform:scale(.98);transition:.25s ease;pointer-events:none}.mission-survey-panel h3{margin:4px 0 6px;color:#101828;font-size:18px;font-weight:950}.mission-survey-panel p{margin:0;color:#667085;font-size:13px}.mission-survey-button{border:0;border-radius:15px;background:linear-gradient(135deg,#D4AF37,#00C853);color:#fff;padding:11px 18px;font-family:inherit;font-weight:950;cursor:pointer;white-space:nowrap}.mission-survey-done{border-radius:999px;background:#ecfdf3;color:#067647;font-size:13px;font-weight:950;padding:9px 14px;white-space:nowrap}.pish-survey-open{overflow:hidden}@keyframes pishSurveyIn{from{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:640px){.pish-survey-topbar-button{min-height:32px;font-size:12px;padding:7px 10px}.pish-survey-modal{align-items:flex-end;padding:0}.pish-survey-dialog{width:100%;max-height:86vh;border-radius:28px 28px 0 0;padding:20px 16px 18px;animation:pishSurveyMobileIn .24s ease both}.pish-survey-head h3{font-size:18px}.pish-survey-question{padding:13px}.pish-survey-question label{margin-bottom:8px}.mission-survey-panel{align-items:flex-start;flex-direction:column;border-radius:20px}.mission-survey-button{width:100%}}@keyframes pishSurveyMobileIn{from{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}


/* === Final mission spacing and dashboard gradient fix === */
.dashboard-block-header,
.mission-card-top,
.mission-footer,
.activity-item,
.notification-item,
.leaderboard-daily-row,
.dashboard-profile-row,
.profile-avatar-control,
.settings-form .settings-field,
.mission-referral-actions,
.dashboard-referral-box{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:14px!important;
}

.dashboard-referral-box{
    flex-wrap:nowrap!important;
}

.dashboard-referral-box input{
    flex:1 1 auto!important;
    min-width:0!important;
}

.dashboard-referral-box button,
.copy-referral-link,
.mission-survey-button{
    flex:0 0 auto!important;
}

.mission-referral-panel,
.mission-survey-panel{
    display:grid!important;
    grid-template-columns:minmax(0,1.4fr) minmax(280px,1fr) auto!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:18px!important;
    margin:0 0 24px!important;
    padding:22px!important;
    border:1px solid rgba(255,255,255,.10)!important;
    border-radius:24px!important;
    background:linear-gradient(135deg,rgba(255,215,0,.18),rgba(255,140,0,.07)),rgba(255,255,255,.05)!important;
    box-shadow:0 18px 55px rgba(0,0,0,.18)!important;
    direction:rtl!important;
}

.mission-survey-panel .mission-referral-content,
.mission-referral-panel .mission-referral-content{
    min-width:0!important;
}

.mission-survey-panel .mission-referral-eyebrow,
.mission-referral-panel .mission-referral-eyebrow{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
}

.mission-survey-panel h3,
.mission-referral-panel h3{
    margin:0 0 8px!important;
    color:#fff!important;
    font-size:20px!important;
    font-weight:900!important;
}

.mission-survey-panel p,
.mission-referral-panel p{
    margin:0!important;
    color:rgba(255,255,255,.72)!important;
    font-size:13px!important;
    line-height:1.9!important;
}

.mission-survey-actions{
    min-width:280px!important;
}

.mission-survey-actions .mission-survey-button,
.mission-survey-actions .mission-survey-done{
    width:100%!important;
    min-height:48px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:14px!important;
}

.mission-survey-stat strong{
    line-height:1!important;
}

/* Prevent the dashboard nav split/two-tone gradient artifact during route changes. */
.pish-dashboard-nav a::before{
    display:none!important;
    content:none!important;
}

.pish-dashboard-nav a{
    isolation:isolate!important;
    background:rgba(255,255,255,.045)!important;
    background-image:none!important;
}

.pish-dashboard-nav a:hover,
.pish-dashboard-nav a.active{
    color:#fff!important;
    background:var(--dashboard-gradient)!important;
    background-size:100% 100%!important;
    background-position:center!important;
    transform:translateX(-5px)!important;
    box-shadow:0 12px 30px rgba(255,165,0,.18)!important;
}

.pish-dashboard-nav a,
.dashboard-stat-card,
.dashboard-block,
.mission-card,
.match-card{
    background-clip:padding-box!important;
}

@media (max-width:900px){
    .mission-referral-panel,
    .mission-survey-panel{
        grid-template-columns:1fr!important;
    }

    .mission-referral-actions,
    .mission-survey-actions,
    .dashboard-referral-box{
        width:100%!important;
        min-width:0!important;
    }

    .mission-referral-stat,
    .mission-survey-stat{
        width:100%!important;
    }
}

@media (max-width:640px){
    .dashboard-block-header,
    .mission-card-top,
    .mission-footer,
    .activity-item,
    .notification-item,
    .leaderboard-daily-row,
    .profile-avatar-control{
        gap:10px!important;
    }

    .dashboard-referral-box{
        flex-direction:column!important;
        align-items:stretch!important;
    }

    .dashboard-referral-box button,
    .copy-referral-link,
    .mission-survey-button{
        width:100%!important;
    }
}

/* Margin fix */

/* Add margin to cards and notifications for proper spacing */
.dashboard-box, .match-card, .notification-item, .mission-card {
    margin-bottom: 12px;
}

/* Minimal card + margin fix */

/* ===== Minimal card style and margin ===== */
.match-card, .dashboard-box, .mission-card {
    margin: 12px 0;
    padding: 12px 16px;
    border-radius: 8px;
    background-color: #ffffff;
    box-shadow: 0 1px 4px rgba(0,0,0,0.05);
    border: 1px solid #e0e0e0;
    color: #333;
    font-size: 14px;
}
.match-card .match-timer {
    font-weight: 600;
    color: #4CAF50;
}
.dashboard-box .title, .mission-card .title {
    font-weight: 600;
    font-size: 15px;
    margin-bottom: 6px;
}


/* === Final spacing, minimal match card, and compact penalty UI === */
.match-card,
.dynamic-match-card,
.dashboard-card,
.dashboard-box,
.mission-card,
.notification-item,
.prediction-locked,
.mission-survey-panel,
.dashboard-referral-box {
    margin-block: 14px;
}

.match-card,
.dynamic-match-card {
    padding: 16px;
    border-radius: 18px;
    gap: 12px;
}

.match-card > *,
.dynamic-match-card > * {
    margin-block: 8px;
}

.match-header,
.match-teams,
.match-center,
.penalty-outcome-options,
.prediction-options,
.score-prediction,
.prediction-locked,
.mission-card,
.dashboard-box,
.notification-item {
    
        display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
}

.match-teams {
    align-items: stretch;
}

.team-box {
    min-width: 0;
    gap: 8px;
}

.team-box h3,
.match-league,
.match-stadium {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.match-penalty-notice {
    margin: 20px 0;
    padding: 9px 12px;
    border-radius: 12px;
    font-size: 12px;
    line-height: 1.8;
    background: rgba(245, 158, 11, 0.10);
    border: 1px solid rgba(245, 158, 11, 0.18);
}

.penalty-outcome {
    margin-top: 10px;
    padding: 10px;
    border-radius: 14px;
    background: rgba(15, 23, 42, 0.035);
    border: 1px solid rgba(15, 23, 42, 0.08);
}

.penalty-outcome-title {
    margin-bottom: 8px;
    font-size: 12px;
    font-weight: 700;
    opacity: .78;
}

.penalty-outcome-options {
    flex-wrap: wrap;
}

.penalty-outcome-option,
.prediction-option {
    flex: 1 1 120px;
    min-height: 38px;
    padding: 8px 10px;
    border-radius: 12px;
    font-size: 13px;
    line-height: 1.5;
}

.prediction-options-auto {
    margin-top: 10px;
}

.score-prediction {
    justify-content: center;
    margin: 12px 0;
}

.score-prediction input {
    width: 56px;
    height: 42px;
    text-align: center;
}

.prediction-submit-button {
    margin-top: 12px;
    width: 100%;
}

@media (max-width: 640px) {
    .match-card,
    .dynamic-match-card {
        padding: 14px;
        margin-inline: 10px;
    }

    .match-teams {
        gap: 8px;
    }

    .team-logo img {
        width: 60px;
        height: 60px;
    }

    .team-box h3 {
        font-size: 12px;
    }

    .match-center {
        min-width: 76px;
        justify-content: center;
    }

    .penalty-outcome-options,
    .prediction-options {
        gap: 8px;
    }
}


/* === Stable spacing + compact penalty card + settings feedback === */
.match-card,
.dynamic-match-card,
.dashboard-card,
.dashboard-box,
.mission-card,
.notification-item {
    margin-block: 12px;
}

.match-card,
.dynamic-match-card {
    padding: 14px;
    border-radius: 18px;
}

.match-card .penalty-outcome,
.dynamic-match-card .penalty-outcome {
    margin-top: 10px;
    padding: 10px;
    border-radius: 14px;
}

.match-card .penalty-outcome-options,
.dynamic-match-card .penalty-outcome-options {
    gap: 8px;
}

.match-card .penalty-outcome-option,
.dynamic-match-card .penalty-outcome-option {
    min-height: 38px;
    padding: 8px 10px;
    font-size: 13px;
    border-radius: 12px;
}

.settings-result {
    margin-top: 12px;
    min-height: 42px;
    border-radius: 14px;
    padding: 11px 14px;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.8;
    display: none;
}

.settings-result.is-loading,
.settings-result.is-success,
.settings-result.is-error {
    display: block;
}

.settings-result.is-loading {
    background: #eff6ff;
    color: #175cd3;
    border: 1px solid #bfdbfe;
}

.settings-result.is-success {
    background: #ecfdf3;
    color: #067647;
    border: 1px solid #abefc6;
}

.settings-result.is-error {
    background: #fef3f2;
    color: #b42318;
    border: 1px solid #fecdca;
}

.notification-item.read {
    opacity: .78;
}

.notification-item.read .notification-title,
.notification-item.read strong {
    font-weight: 700;
}

@media (max-width: 640px) {
    .match-card,
    .dynamic-match-card {
        margin-inline: 10px;
        padding: 12px;
    }
}



/* ============================================================
   Dashboard sidebar visibility/clickability fix
   Added: 2026-06-08
   Purpose:
   - Mobile dashboard sidebar can scroll to the last item above bottom nav/safe area.
   - Desktop sidebar remains clickable even when content is scrolled to the bottom.
   ============================================================ */

.pish-dashboard {
    overflow-x: hidden !important;
    overflow-y: visible !important;
}

.pish-dashboard-layout {
    overflow: visible !important;
    isolation: isolate !important;
}

.pish-dashboard-sidebar {
    box-sizing: border-box !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    overscroll-behavior: contain !important;
    -webkit-overflow-scrolling: touch !important;
    pointer-events: auto !important;
    z-index: 10050 !important;
    padding-bottom: calc(32px + env(safe-area-inset-bottom, 0px)) !important;
}

.pish-dashboard-nav,
.pish-dashboard-nav a {
    pointer-events: auto !important;
    position: relative !important;
    z-index: 2 !important;
}

.pish-dashboard-content {
    position: relative !important;
    z-index: 1 !important;
    overflow: visible !important;
}

@media (min-width: 769px) {
    .pish-dashboard-sidebar {
        height: calc(100dvh - 80px) !important;
        max-height: calc(100dvh - 80px) !important;
        padding-bottom: 48px !important;
    }
}

@media (max-width: 768px) {
    .pish-dashboard-sidebar {
        height: 100dvh !important;
        max-height: 100dvh !important;
        padding-bottom: calc(120px + env(safe-area-inset-bottom, 0px)) !important;
    }

    .pish-dashboard-nav {
        padding-bottom: calc(32px + env(safe-area-inset-bottom, 0px)) !important;
    }
}

/* ==========================================================================
   Pishbini Unified Minimal UI — Frontend + Dashboard
   Scope: assets/css/main.css only
   Notes: Keeps existing :root/body/* definitions intact and only normalizes UI.
   ========================================================================== */

:where(.site-main,.main-content,.dashboard-page,.dashboard-wrapper,.dashboard-layout,.container,.pish-container){
    width: min(100%, var(--container, 1320px));
    margin-inline: auto;
}

:where(.site-main,.main-content,.dashboard-page,.dashboard-wrapper){
    padding-inline: clamp(14px, 3vw, 28px);
}

:where(.section,.dashboard-block,.dashboard-card,.dashboard-box,.match-card,.dynamic-match-card,.mission-card,.leaderboard-card,.notification-item,.settings-card,.profile-card){
    border: 1px solid rgba(255,255,255,.08) !important;
    background: rgba(255,255,255,.045) !important;
    border-radius: 18px !important;
    box-shadow: 0 10px 30px rgba(0,0,0,.18) !important;
    backdrop-filter: blur(14px);
}

:where(.dashboard-block,.dashboard-card,.dashboard-box,.match-card,.dynamic-match-card,.mission-card,.leaderboard-card,.settings-card,.profile-card){
    padding: clamp(14px, 2.2vw, 22px) !important;
    margin-block: 14px !important;
}

:where(.dashboard-block-header,.card-header,.match-card-header,.mission-card-header,.settings-section-title,.leaderboard-header){
    display: grid !important;
    grid-template-columns: minmax(0,1fr) auto;
    align-items: center;
    gap: 12px;
    margin-bottom: 14px;
}

:where(h1,h2,h3,h4,.dashboard-block-header h2,.card-title,.mission-title,.match-title){
    letter-spacing: -.02em;
    line-height: 1.55;
}

:where(p,.description,.settings-help-text,.text-muted,.mission-description,.match-meta){
    line-height: 1.9;
    color: var(--text-muted, rgba(255,255,255,.7));
}

/* Buttons */
:where(button,.btn,.button,.prediction-submit-button,.copy-referral-link,.settings-submit,.survey-submit-button){
    min-height: 42px;
    border: 0;
    border-radius: 14px !important;
    padding: 10px 16px !important;
    font-weight: 700;
    cursor: pointer;
    transition: transform .18s ease, box-shadow .18s ease, opacity .18s ease, background .18s ease;
}

:where(button,.btn,.button,.prediction-submit-button,.copy-referral-link,.settings-submit,.survey-submit-button):hover{
    transform: translateY(-1px);
}

:where(button,.btn,.button,.prediction-submit-button,.copy-referral-link,.settings-submit,.survey-submit-button):active{
    transform: translateY(0);
}

/* Inputs */
:where(input,select,textarea){
    border-radius: 14px !important;
}

:where(.settings-form input,.settings-form select,.settings-form textarea,.prediction-input,.home-score-input,.away-score-input,.survey-modal input,.survey-modal select,.survey-modal textarea){
    width: 100%;
    min-height: 44px;
    border: 1px solid rgba(255,255,255,.12) !important;
    background: rgba(255,255,255,.055) !important;
    color: var(--text,#fff) !important;
    padding: 10px 12px !important;
    outline: none;
}

:where(.settings-form input,.settings-form select,.settings-form textarea,.prediction-input,.home-score-input,.away-score-input,.survey-modal input,.survey-modal select,.survey-modal textarea):focus{
    border-color: rgba(241,220,101,.65) !important;
    box-shadow: 0 0 0 4px rgba(241,220,101,.12) !important;
}

/* Header desktop menu */
.site-header,
.main-header,
.header-inner{
    position: relative;
    z-index: 50;
}

.desktop-main-menu{
    min-width: 0;
}

.desktop-main-menu .menu-items{
    display: inline-flex !important;
    align-items: center;
    gap: 8px;
    list-style: none;
    margin: 0;
    padding: 6px;
    border-radius: 999px;
    background: rgba(255,255,255,.045);
    border: 1px solid rgba(255,255,255,.08);
}

.desktop-main-menu .menu-items a{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    padding: 0 14px;
    border-radius: 999px;
    color: var(--text,#fff);
    text-decoration: none;
    font-size: 14px;
    font-weight: 700;
    white-space: nowrap;
}

.desktop-main-menu .menu-items a:hover{
    background: rgba(241,220,101,.14);
    color: var(--primary,#f1dc65);
}

/* Dashboard layout */
.dashboard-layout,
.dashboard-shell,
.user-dashboard-layout{
    display: grid !important;
    grid-template-columns: minmax(220px, 280px) minmax(0, 1fr);
    gap: clamp(14px, 2vw, 24px);
    align-items: start;
}

.dashboard-sidebar{
    position: sticky;
    top: 18px;
    max-height: calc(100dvh - 36px);
    overflow-y: auto;
    overflow-x: hidden;
    padding: 14px 10px 26px !important;
    border-radius: 20px;
    z-index: 20;
    pointer-events: auto;
}

.dashboard-content,
.dashboard-main,
.dashboard-route-content{
    min-width: 0;
    position: relative;
    z-index: 1;
    overflow: visible !important;
}

.dashboard-menu,
.dashboard-nav,
.dashboard-sidebar-menu{
    display: grid !important;
    gap: 8px;
}

.dashboard-menu a,
.dashboard-nav a,
.dashboard-sidebar-menu a,
.dashboard-menu-item{
    display: grid !important;
    grid-template-columns: auto minmax(0,1fr);
    align-items: center;
    gap: 10px;
    min-height: 44px;
    padding: 10px 12px !important;
    border-radius: 14px !important;
    color: var(--text, #fff);
    text-decoration: none;
    pointer-events: auto;
}

.dashboard-menu a:hover,
.dashboard-nav a:hover,
.dashboard-sidebar-menu a:hover,
.dashboard-menu-item:hover,
.dashboard-menu-item.active{
    background: rgba(241,220,101,.12) !important;
    color: var(--primary,#f1dc65) !important;
}

/* Overview / stats: 6 boxes -> 2 x 3 on mobile */
.dashboard-stats,
.overview-stats,
.stats-grid,
.dashboard-overview-grid,
.dashboard-summary-grid{
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0,1fr));
    gap: 12px !important;
}

.stat-card,
.overview-card,
.dashboard-stat-card{
    min-width: 0;
    padding: 14px !important;
    border-radius: 16px !important;
    background: rgba(255,255,255,.045) !important;
    border: 1px solid rgba(255,255,255,.08) !important;
}

/* Match cards */
.matches-grid,
.match-grid,
.predictions-list,
.live-matches-list{
    display: grid !important;
    gap: 14px !important;
}

.match-card,
.dynamic-match-card{
    overflow: hidden;
}

.match-card :where(.match-teams,.teams-row,.match-score-row){
    display: grid !important;
    grid-template-columns: minmax(0,1fr) auto minmax(0,1fr);
    align-items: center;
    gap: 10px;
}

.match-card :where(.team,.team-box,.team-info){
    min-width: 0;
}

.match-card :where(.team-name,.match-team-name){
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.match-countdown,
.match-timer,
.match-status{
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-height: 30px;
    padding: 5px 10px;
    border-radius: 999px;
    background: rgba(241,220,101,.12);
    color: var(--primary,#f1dc65);
    font-weight: 800;
    font-size: 13px;
    white-space: nowrap;
}

/* Penalty UI: compact and minimal */
.penalty-prediction-box,
.penalty-outcome-box,
.penalty-winner-box,
.penalty-section{
    margin-top: 12px !important;
    padding: 12px !important;
    border-radius: 16px !important;
    background: rgba(255,255,255,.035) !important;
    border: 1px dashed rgba(241,220,101,.22) !important;
}

.penalty-outcome-options,
.penalty-options,
.penalty-winner-options{
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap: 10px !important;
    margin-top: 10px !important;
}

.penalty-outcome-option,
.penalty-option,
.penalty-winner-option{
    min-height: 42px;
    padding: 9px 10px !important;
    border-radius: 14px !important;
    border: 1px solid rgba(255,255,255,.1) !important;
    background: rgba(255,255,255,.045) !important;
    text-align: center;
    cursor: pointer;
}

.penalty-outcome-option.active,
.penalty-option.active,
.penalty-winner-option.active{
    background: rgba(241,220,101,.16) !important;
    border-color: rgba(241,220,101,.55) !important;
    color: var(--primary,#f1dc65) !important;
}

/* Missions */
.missions-grid,
.missions-list{
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap: 14px !important;
}

.mission-card{
    display: grid !important;
    gap: 12px !important;
}

.mission-card .mission-actions,
.mission-action-row{
    display: grid !important;
    grid-template-columns: minmax(0,1fr) auto;
    gap: 10px;
    align-items: center;
}

/* Survey banner / modal */
.pish-survey-banner,
.survey-mission-banner{
    margin: 0;
    padding: 8px 14px;
    border-bottom: 1px solid rgba(255,255,255,.08);
    background: rgba(241,220,101,.12);
    color: var(--text,#fff);
    text-align: center;
    font-weight: 700;
}

.survey-modal,
.help-popup,
#help-popup{
    z-index: 99999;
}

.survey-modal-content,
.help-popup-content,
#help-popup .popup-content{
    width: min(92vw, 520px);
    max-height: min(82dvh, 720px);
    overflow: auto;
    border-radius: 24px !important;
    padding: 20px !important;
    background: #101010 !important;
    border: 1px solid rgba(255,255,255,.12) !important;
}

/* Settings */
.settings-form,
.profile-edit-form{
    display: grid !important;
    gap: 18px !important;
}

.settings-grid{
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 14px !important;
}

.settings-field{
    display: grid !important;
    gap: 8px !important;
    min-width: 0;
}

.settings-field label{
    font-size: 13px;
    color: var(--text-muted,rgba(255,255,255,.7));
    font-weight: 700;
}

#settings-result,
.settings-result,
.form-result{
    margin-top: 12px;
    min-height: 42px;
    border-radius: 14px;
    padding: 10px 12px;
    display: none;
}

#settings-result:not(:empty),
.settings-result:not(:empty),
.form-result:not(:empty){
    display: flex;
    align-items: center;
}

/* Notifications */
.notifications-panel,
.notification-panel,
.notification-center{
    z-index: 10000;
}

.notification-list,
.notifications-list{
    display: grid !important;
    gap: 10px !important;
}

.notification-item{
    display: grid !important;
    grid-template-columns: minmax(0,1fr) auto;
    gap: 12px;
    align-items: start;
}

.notification-item.unread{
    border-color: rgba(241,220,101,.34) !important;
    background: rgba(241,220,101,.08) !important;
}

.notification-counter{
    min-width: 18px;
    height: 18px;
    padding-inline: 5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 900;
}

/* Leaderboard */
.leaderboard-table,
.pish-table,
.admin-table{
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 8px;
}

.leaderboard-table th,
.pish-table th,
.admin-table th{
    font-size: 12px;
    color: var(--text-muted,rgba(255,255,255,.7));
    font-weight: 800;
}

.leaderboard-table td,
.pish-table td,
.admin-table td{
    padding: 12px;
    background: rgba(255,255,255,.04);
    border-block: 1px solid rgba(255,255,255,.06);
}

/* Mobile bottom nav */
.mobile-bottom-nav{
    padding-bottom: max(10px, env(safe-area-inset-bottom)) !important;
}

.mobile-nav-item,
.mobile-nav-item.open-help-popup{
    display: grid !important;
    place-items: center;
    gap: 3px !important;
    min-width: 0;
    text-decoration: none;
    color: inherit;
}

.mobile-nav-icon{
    width: 24px;
    height: 24px;
    display: grid;
    place-items: center;
}

.mobile-nav-label{
    font-size: 11px;
    font-weight: 700;
}

/* PWA install bottom sheet */
.pwa-install-popup,
.pwa-install-sheet{
    width: min(94vw, 480px);
    right: 50%;
    transform: translateX(50%);
    bottom: max(14px, env(safe-area-inset-bottom));
    border-radius: 24px !important;
    padding: 16px !important;
    background: rgba(18,18,18,.96) !important;
    border: 1px solid rgba(255,255,255,.12) !important;
    box-shadow: 0 18px 45px rgba(0,0,0,.38) !important;
}

/* Responsive */
@media (max-width: 1024px){
    .dashboard-layout,
    .dashboard-shell,
    .user-dashboard-layout{
        grid-template-columns: 1fr;
    }

    .dashboard-sidebar{
        position: relative;
        top: auto;
        max-height: none;
        padding-bottom: 110px !important;
    }

    .dashboard-stats,
    .overview-stats,
    .stats-grid,
    .dashboard-overview-grid,
    .dashboard-summary-grid{
        grid-template-columns: repeat(2, minmax(0,1fr));
    }
}

@media (max-width: 768px){
    .site-main,
    .main-content,
    .dashboard-page,
    .dashboard-wrapper{
        padding-inline: 12px;
    }

    .desktop-main-menu{
        display: none !important;
    }

    .settings-grid,
    .missions-grid,
    .missions-list{
        grid-template-columns: 1fr;
    }

    .match-card :where(.match-teams,.teams-row,.match-score-row){
        /*grid-template-columns: 1fr;*/
        text-align: center;
    }

    .penalty-outcome-options,
    .penalty-options,
    .penalty-winner-options{
        /*grid-template-columns: 1fr;*/
    }

    .notification-item{
        grid-template-columns: 1fr;
    }

    .dashboard-block,
    .dashboard-card,
    .dashboard-box,
    .match-card,
    .dynamic-match-card,
    .mission-card,
    .leaderboard-card,
    .settings-card,
    .profile-card{
        border-radius: 16px !important;
        margin-block: 10px !important;
        padding: 14px !important;
    }
}

@media (max-width: 420px){
    .dashboard-stats,
    .overview-stats,
    .stats-grid,
    .dashboard-overview-grid,
    .dashboard-summary-grid{
        grid-template-columns: repeat(2, minmax(0,1fr));
        gap: 10px !important;
    }

    .stat-card,
    .overview-card,
    .dashboard-stat-card{
        padding: 12px 10px !important;
    }

    :where(button,.btn,.button,.prediction-submit-button,.copy-referral-link,.settings-submit,.survey-submit-button){
        width: 100%;
    }
}

/* End Pishbini Unified Minimal UI */

/* ========================================================================== 
   FINAL FIX: Match Card Long Team Names Wrap
   This block must stay at the very end of main.css.
   ========================================================================== */
.dynamic-match-card.match-card .match-teams,
.match-card .match-teams,
.dynamic-match-card .match-teams{
    align-items: stretch !important;
    min-width: 0 !important;
}

.dynamic-match-card.match-card .team-box,
.match-card .team-box,
.dynamic-match-card .team-box{
    min-width: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
    overflow: visible !important;
}

.dynamic-match-card.match-card .team-box h3,
.match-card .team-box h3,
.dynamic-match-card .team-box h3,
.dynamic-match-card.match-card .team-box h3 *,
.match-card .team-box h3 *,
.dynamic-match-card .team-box h3 *{
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    word-break: break-word !important;
    overflow-wrap: anywhere !important;
    line-break: auto !important;
    hyphens: auto !important;
    line-height: 1.65 !important;
}

.dynamic-match-card.match-card .match-team-name,
.match-card .match-team-name,
.dynamic-match-card.match-card .team-name,
.match-card .team-name{
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    word-break: break-word !important;
    overflow-wrap: anywhere !important;
}

.dynamic-match-card.match-card .match-center,
.match-card .match-center{
    flex-shrink: 0 !important;
}

@media (max-width: 768px){
    .dynamic-match-card.match-card .team-box h3,
    .match-card .team-box h3{
        font-size: 13px !important;
        line-height: 1.7 !important;
    }
}
/* End FINAL FIX */

/* Match card points summary - minimal responsive */
.match-card .match-points-summary,
.dynamic-match-card .match-points-summary{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px !important;
    margin:10px 0 12px !important;
    padding:0 !important;
}

.match-card .match-point-chip,
.dynamic-match-card .match-point-chip{
    min-width:0;
    display:flex !important;
    align-items:center;
    justify-content:center;
    gap:5px;
    flex-wrap:wrap;
    padding:7px 9px !important;
    border-radius:12px !important;
    border:1px solid rgba(241,220,101,.18) !important;
    background:rgba(241,220,101,.07) !important;
    color:var(--text,#fff) !important;
    font-size:11px !important;
    line-height:1.5 !important;
    text-align:center !important;
}

.match-card .match-point-chip strong,
.dynamic-match-card .match-point-chip strong{
    color:var(--primary,#f1dc65) !important;
    font-size:13px !important;
    font-weight:900 !important;
    line-height:1 !important;
}

.match-card .match-point-label,
.dynamic-match-card .match-point-label{
    color:var(--text-muted,rgba(255,255,255,.72)) !important;
    font-weight:800 !important;
    white-space:normal !important;
}

@media (max-width:480px){
    .match-card .match-points-summary,
    .dynamic-match-card .match-points-summary{
        gap:7px !important;
        margin:8px 0 10px !important;
    }

    .match-card .match-point-chip,
    .dynamic-match-card .match-point-chip{
        padding:7px 6px !important;
        font-size:10.5px !important;
    }
}


/* ==========================================================================
   Leaderboard RTL Minimal Redesign
   Files supported: page-leaderboard.php + dashboard/leaderboard.php
   ========================================================================== */

.pish-leaderboard-page,
.pish-leaderboard-page *{
    box-sizing: border-box;
}

.pish-leaderboard-page{
    direction: rtl;
    text-align: right;
    width: 100%;
    color: var(--text, #fff);
}

.pish-leaderboard-container{
    width: min(100%, var(--container, 1180px));
    margin-inline: auto;
    padding: clamp(16px, 3vw, 34px);
}

.pish-leaderboard-hero{
    display: grid;
    grid-template-columns: minmax(0, 1.5fr) minmax(280px, .9fr);
    gap: clamp(16px, 3vw, 28px);
    align-items: stretch;
    margin-bottom: 18px;
}

.pish-leaderboard-hero-content,
.pish-leaderboard-stats,
.pish-leaderboard-board,
.pish-leaderboard-empty,
.pish-podium-card,
.pish-dashboard-leaderboard{
    border: 1px solid rgba(255,255,255,.09);
    background: rgba(255,255,255,.045);
    border-radius: 22px;
    box-shadow: 0 18px 46px rgba(0,0,0,.22);
    backdrop-filter: blur(14px);
}

.pish-leaderboard-hero-content{
    padding: clamp(20px, 4vw, 42px);
    background:
        radial-gradient(circle at 15% 15%, rgba(241,220,101,.12), transparent 32%),
        linear-gradient(135deg, rgba(255,255,255,.055), rgba(255,255,255,.025));
}

.pish-leaderboard-eyebrow{
    display: inline-flex;
    align-items: center;
    width: fit-content;
    min-height: 32px;
    padding: 6px 12px;
    margin-bottom: 14px;
    border-radius: 999px;
    background: rgba(241,220,101,.12);
    color: var(--primary, #f1dc65);
    font-size: 12px;
    font-weight: 800;
}

.pish-leaderboard-hero h1{
    margin: 0 0 10px;
    font-size: clamp(30px, 5vw, 56px);
    line-height: 1.25;
    letter-spacing: -.04em;
}

.pish-leaderboard-hero p{
    max-width: 640px;
    margin: 0;
    color: var(--text-muted, rgba(255,255,255,.68));
    line-height: 1.9;
    font-size: 15px;
}

.pish-leaderboard-stats{
    display: grid;
    gap: 12px;
    padding: 14px;
}

.pish-leaderboard-stat{
    display: grid;
    grid-template-columns: minmax(0,1fr) auto;
    align-items: center;
    gap: 12px;
    padding: 14px 16px;
    border-radius: 18px;
    background: rgba(255,255,255,.04);
    border: 1px solid rgba(255,255,255,.07);
}

.pish-leaderboard-stat span{
    color: var(--text-muted, rgba(255,255,255,.68));
    font-size: 13px;
    font-weight: 700;
}

.pish-leaderboard-stat strong{
    font-size: 22px;
    color: var(--primary, #f1dc65);
    font-weight: 900;
}

.pish-leaderboard-stat-highlight{
    background: rgba(241,220,101,.10);
    border-color: rgba(241,220,101,.24);
}

.pish-leaderboard-tabs{
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 10px;
    margin: 18px 0;
}

.pish-leaderboard-tab{
    min-width: 0;
    padding: 12px 10px;
    border-radius: 16px;
    text-decoration: none;
    color: var(--text, #fff);
    background: rgba(255,255,255,.045);
    border: 1px solid rgba(255,255,255,.08);
    text-align: center;
    transition: transform .18s ease, border-color .18s ease, background .18s ease;
}

.pish-leaderboard-tab:hover{
    transform: translateY(-1px);
    border-color: rgba(241,220,101,.25);
}

.pish-leaderboard-tab.is-active{
    background: rgba(241,220,101,.16);
    border-color: rgba(241,220,101,.45);
    color: var(--primary, #f1dc65);
}

.pish-leaderboard-tab strong,
.pish-leaderboard-tab span{
    display: block;
    overflow-wrap: anywhere;
}

.pish-leaderboard-tab strong{
    font-size: 13px;
    font-weight: 900;
}

.pish-leaderboard-tab span{
    margin-top: 3px;
    color: var(--text-muted, rgba(255,255,255,.68));
    font-size: 11px;
}

.pish-leaderboard-podium{
    display: grid;
    grid-template-columns: repeat(3, minmax(0,1fr));
    gap: 14px;
    align-items: end;
    margin: 18px 0;
}

.pish-podium-card{
    min-width: 0;
    display: grid;
    justify-items: center;
    gap: 10px;
    padding: 18px 14px;
    text-align: center;
}

.pish-podium-card.rank-1{
    padding-block: 26px;
    border-color: rgba(241,220,101,.38);
    background:
        radial-gradient(circle at 50% 0%, rgba(241,220,101,.18), transparent 42%),
        rgba(255,255,255,.05);
}

.pish-podium-medal{
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    border-radius: 14px;
    background: rgba(255,255,255,.06);
    font-size: 22px;
}

.pish-podium-avatar img{
    width: 76px;
    height: 76px;
    border-radius: 999px;
    object-fit: cover;
    border: 2px solid rgba(241,220,101,.42);
}

.pish-podium-user{
    min-width: 0;
    display: grid;
    gap: 2px;
}

.pish-podium-user strong{
    max-width: 100%;
    overflow-wrap: anywhere;
    line-height: 1.5;
}

.pish-podium-user span,
.pish-podium-card small,
.pish-podium-points span{
    color: var(--text-muted, rgba(255,255,255,.68));
    font-size: 12px;
}

.pish-podium-points strong{
    display: block;
    color: var(--primary, #f1dc65);
    font-size: 24px;
    font-weight: 900;
}

.pish-leaderboard-board{
    padding: clamp(14px, 2.5vw, 22px);
    margin-top: 18px;
}

.pish-leaderboard-board-header{
    display: grid;
    grid-template-columns: minmax(0,1fr) auto;
    align-items: center;
    gap: 12px;
    margin-bottom: 14px;
}

.pish-leaderboard-board-header div{
    display: grid;
    gap: 2px;
}

.pish-leaderboard-board-header span,
.pish-leaderboard-board-header small{
    color: var(--text-muted, rgba(255,255,255,.68));
    font-size: 12px;
    font-weight: 700;
}

.pish-leaderboard-board-header strong{
    font-size: 15px;
    font-weight: 900;
}

.pish-leaderboard-table{
    display: grid;
    gap: 8px;
}

.pish-leaderboard-table-head,
.pish-leaderboard-table .leaderboard-row,
.leaderboard-daily-table .leaderboard-row,
.leaderboard-table .leaderboard-row{
    display: grid;
    grid-template-columns: 86px minmax(0, 1.6fr) minmax(110px, .75fr) minmax(110px, .75fr);
    gap: 12px;
    align-items: center;
}

.pish-leaderboard-table-head{
    padding: 0 14px 6px;
    color: var(--text-muted, rgba(255,255,255,.68));
    font-size: 12px;
    font-weight: 900;
}

.pish-leaderboard-table .leaderboard-row,
.leaderboard-daily-table .leaderboard-row,
.leaderboard-table .leaderboard-row{
    min-width: 0;
    padding: 12px 14px;
    border-radius: 18px;
    background: rgba(255,255,255,.04);
    border: 1px solid rgba(255,255,255,.07);
}

.pish-leaderboard-table .leaderboard-row.is-current-user,
.pish-leaderboard-table .leaderboard-row.leaderboard-pinned-current-user,
.leaderboard-daily-table .leaderboard-row.is-current-user,
.leaderboard-daily-table .leaderboard-row.leaderboard-pinned-current-user{
    background: rgba(241,220,101,.10);
    border-color: rgba(241,220,101,.36);
}

.leaderboard-rank{
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
    min-width: 0;
    color: var(--primary, #f1dc65);
    font-weight: 900;
}

.leaderboard-user{
    min-width: 0;
    display: grid;
    grid-template-columns: auto minmax(0,1fr);
    align-items: center;
    gap: 10px;
}

.leaderboard-avatar,
.leaderboard-user .avatar{
    flex: 0 0 auto;
}

.leaderboard-avatar img,
.leaderboard-user img.avatar{
    width: 44px;
    height: 44px;
    border-radius: 999px;
    object-fit: cover;
}

.leaderboard-user-info,
.leaderboard-user-info a{
    min-width: 0;
}

.leaderboard-user-info a,
.leaderboard-name{
    display: inline-block;
    max-width: 100%;
    color: var(--text,#fff);
    text-decoration: none;
    font-weight: 900;
    line-height: 1.55;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.leaderboard-you-badge,
.vip-badge{
    display: inline-flex;
    width: fit-content;
    margin-top: 4px;
    padding: 3px 8px;
    border-radius: 999px;
    background: rgba(241,220,101,.14);
    color: var(--primary,#f1dc65);
    font-size: 11px;
    font-weight: 900;
}

.leaderboard-score{
    min-width: 0;
    display: grid;
    gap: 2px;
    text-align: right;
}

.leaderboard-score strong{
    color: var(--primary,#f1dc65);
    font-size: 18px;
    font-weight: 900;
}

.leaderboard-score span{
    color: var(--text-muted,rgba(255,255,255,.68));
    font-size: 11px;
}

.pish-leaderboard-separator,
.leaderboard-current-user-separator{
    margin: 10px 0 4px;
    padding: 8px 12px;
    border-radius: 12px;
    background: rgba(255,255,255,.045);
    color: var(--text-muted, rgba(255,255,255,.68));
    font-size: 12px;
    font-weight: 900;
    text-align: center;
}

.pish-leaderboard-pagination,
.leaderboard-pagination{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
    margin-top: 18px;
}

.pish-leaderboard-pagination a,
.leaderboard-pagination a{
    display: inline-flex;
    min-width: 40px;
    min-height: 40px;
    align-items: center;
    justify-content: center;
    padding: 0 12px;
    border-radius: 12px;
    text-decoration: none;
    color: var(--text,#fff);
    background: rgba(255,255,255,.045);
    border: 1px solid rgba(255,255,255,.08);
    font-weight: 900;
}

.pish-leaderboard-pagination a.is-active,
.leaderboard-pagination a.active{
    background: rgba(241,220,101,.18);
    border-color: rgba(241,220,101,.45);
    color: var(--primary,#f1dc65);
}

.pish-leaderboard-empty{
    display: grid;
    justify-items: center;
    gap: 8px;
    padding: 34px 18px;
    text-align: center;
}

.pish-leaderboard-empty div{
    font-size: 38px;
}

.pish-leaderboard-empty h3{
    margin: 0;
    font-size: 20px;
}

.pish-leaderboard-empty p{
    margin: 0;
    color: var(--text-muted, rgba(255,255,255,.68));
}

/* Dashboard compact leaderboard */
.pish-dashboard-leaderboard{
    direction: rtl;
    text-align: right;
    padding: clamp(14px, 2.2vw, 20px) !important;
}

.pish-dashboard-leaderboard-header{
    display: grid !important;
    grid-template-columns: auto minmax(0,1fr) auto;
    gap: 12px;
    align-items: center;
    margin-bottom: 14px;
}

.pish-dashboard-leaderboard-title{
    min-width: 0;
    display: grid;
    gap: 2px;
}

.pish-dashboard-leaderboard-title span{
    color: var(--text-muted, rgba(255,255,255,.68));
    font-size: 12px;
    font-weight: 800;
}

.pish-dashboard-leaderboard-title h2{
    margin: 0;
    font-size: clamp(18px, 2.2vw, 24px);
}

.pish-dashboard-my-rank{
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 10px;
    margin-bottom: 14px;
}

.pish-dashboard-my-rank > div{
    display: grid;
    gap: 4px;
    padding: 12px;
    border-radius: 16px;
    background: rgba(241,220,101,.10);
    border: 1px solid rgba(241,220,101,.24);
}

.pish-dashboard-my-rank span{
    color: var(--text-muted, rgba(255,255,255,.68));
    font-size: 12px;
    font-weight: 800;
}

.pish-dashboard-my-rank strong{
    color: var(--primary,#f1dc65);
    font-size: 18px;
    font-weight: 900;
}

.pish-dashboard-leaderboard-list{
    display: grid;
    gap: 8px;
}

.pish-dashboard-leaderboard-row{
    min-width: 0;
    display: grid;
    grid-template-columns: 56px minmax(0,1.5fr) minmax(86px,.65fr) minmax(72px,.55fr);
    gap: 10px;
    align-items: center;
    padding: 10px 12px;
    border-radius: 16px;
    background: rgba(255,255,255,.04);
    border: 1px solid rgba(255,255,255,.07);
}

.pish-dashboard-leaderboard-row.is-current-user{
    background: rgba(241,220,101,.10);
    border-color: rgba(241,220,101,.32);
}

.pish-dashboard-rank{
    color: var(--primary,#f1dc65);
    font-weight: 900;
}

.pish-dashboard-leaderboard-user{
    min-width: 0;
    display: grid;
    grid-template-columns: auto minmax(0,1fr);
    gap: 10px;
    align-items: center;
}

.pish-dashboard-leaderboard-user img{
    width: 40px;
    height: 40px;
    border-radius: 999px;
    object-fit: cover;
}

.pish-dashboard-leaderboard-user strong{
    min-width: 0;
    overflow-wrap: anywhere;
    line-height: 1.5;
}

.pish-dashboard-leaderboard-points,
.pish-dashboard-leaderboard-total{
    display: grid;
    gap: 2px;
}

.pish-dashboard-leaderboard-points strong,
.pish-dashboard-leaderboard-total strong{
    color: var(--primary,#f1dc65);
    font-weight: 900;
}

.pish-dashboard-leaderboard-points span,
.pish-dashboard-leaderboard-total span{
    color: var(--text-muted, rgba(255,255,255,.68));
    font-size: 11px;
    font-weight: 800;
}

.pish-dashboard-current-separator{
    padding: 8px 10px;
    border-radius: 12px;
    background: rgba(255,255,255,.045);
    color: var(--text-muted, rgba(255,255,255,.68));
    text-align: center;
    font-size: 12px;
    font-weight: 900;
}

.pish-dashboard-leaderboard-empty{
    border-radius: 16px;
    padding: 18px;
}

/* Compatibility: old leaderboard wrappers should inherit RTL/minimal layout */
.leaderboard-page,
.leaderboard-page .container,
.leaderboard-table-section,
.leaderboard-daily-table-section,
.leaderboard-list{
    direction: rtl;
    text-align: right;
}

@media (max-width: 980px){
    .pish-leaderboard-hero{
        grid-template-columns: 1fr;
    }

    .pish-leaderboard-tabs{
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .pish-leaderboard-podium{
        grid-template-columns: 1fr;
    }

    .pish-podium-card.rank-1{
        order: -1;
    }
}

@media (max-width: 720px){
    .pish-leaderboard-container{
        padding: 12px;
    }

    .pish-leaderboard-hero-content,
    .pish-leaderboard-board{
        border-radius: 18px;
    }

    .pish-leaderboard-tabs{
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
    }

    .pish-leaderboard-table-head{
        display: none;
    }

    .pish-leaderboard-table .leaderboard-row,
    .leaderboard-daily-table .leaderboard-row,
    .leaderboard-table .leaderboard-row{
        grid-template-columns: auto minmax(0,1fr);
        gap: 10px;
        padding: 12px;
    }

    .leaderboard-rank{
        grid-row: span 2;
        min-width: 44px;
        min-height: 44px;
        justify-content: center;
        border-radius: 14px;
        background: rgba(241,220,101,.10);
    }

    .leaderboard-user{
        grid-template-columns: auto minmax(0,1fr);
    }

    .leaderboard-score{
        grid-column: 2 / -1;
        grid-template-columns: repeat(2, minmax(0,1fr));
        align-items: center;
        text-align: right;
        padding-top: 8px;
        border-top: 1px solid rgba(255,255,255,.07);
    }

    .leaderboard-score strong{
        font-size: 16px;
    }

    .pish-dashboard-leaderboard-header{
        grid-template-columns: auto minmax(0,1fr);
    }

    .pish-dashboard-leaderboard-header .dashboard-counter{
        grid-column: 1 / -1;
        width: fit-content;
    }

    .pish-dashboard-my-rank{
        grid-template-columns: 1fr;
    }

    .pish-dashboard-leaderboard-row{
        grid-template-columns: auto minmax(0,1fr);
        gap: 10px;
    }

    .pish-dashboard-rank{
        grid-row: span 2;
        min-width: 44px;
        min-height: 44px;
        display: grid;
        place-items: center;
        border-radius: 14px;
        background: rgba(241,220,101,.10);
    }

    .pish-dashboard-leaderboard-points,
    .pish-dashboard-leaderboard-total{
        grid-column: 2 / -1;
        grid-template-columns: auto minmax(0,1fr);
        align-items: center;
    }
}

@media (max-width: 420px){
    .pish-leaderboard-tabs{
        grid-template-columns: 1fr;
    }

    .pish-leaderboard-stats{
        padding: 10px;
    }

    .pish-leaderboard-stat{
        padding: 12px;
    }

    .pish-leaderboard-board-header{
        grid-template-columns: 1fr;
    }
}

/* End Leaderboard RTL Minimal Redesign */


/* ==========================================================================
   FINAL LEADERBOARD MINIMAL RTL + JALALI UI OVERRIDE
   Keep at the end of main.css.
   ========================================================================== */

.pish-leaderboard-page,
.pish-dashboard-leaderboard{
    direction: rtl !important;
    text-align: right !important;
    font-weight: 400 !important;
}

.pish-leaderboard-page :where(h1,h2,h3,strong),
.pish-dashboard-leaderboard :where(h1,h2,h3,strong){
    font-weight: 600 !important;
}

.pish-leaderboard-page :where(p,span,small,a,div),
.pish-dashboard-leaderboard :where(p,span,small,a,div){
    font-size: 14px;
    line-height: 1.75;
}

.pish-leaderboard-container{
    width: min(100%, 1120px) !important;
    margin-inline: auto !important;
    padding: 18px 12px 84px !important;
}

.pish-leaderboard-hero{
    display: grid !important;
    grid-template-columns: minmax(0,1fr) 280px !important;
    gap: 12px !important;
    margin-bottom: 12px !important;
}

.pish-leaderboard-hero-content,
.pish-leaderboard-stats,
.pish-leaderboard-board,
.pish-leaderboard-empty,
.pish-podium-card,
.pish-dashboard-leaderboard{
    border: 1px solid rgba(255,255,255,.08) !important;
    background: rgba(255,255,255,.035) !important;
    border-radius: 14px !important;
    box-shadow: 0 8px 22px rgba(0,0,0,.12) !important;
    backdrop-filter: blur(10px) !important;
}

.pish-leaderboard-hero-content{
    padding: 18px !important;
    background: rgba(255,255,255,.035) !important;
}

.pish-leaderboard-eyebrow{
    min-height: 28px !important;
    padding: 4px 10px !important;
    margin-bottom: 8px !important;
    border-radius: 999px !important;
    background: rgba(241,220,101,.10) !important;
    color: rgba(241,220,101,.90) !important;
    font-size: 12px !important;
    font-weight: 500 !important;
}

.pish-leaderboard-hero h1{
    margin: 0 0 6px !important;
    font-size: clamp(20px, 3vw, 28px) !important;
    line-height: 1.45 !important;
    letter-spacing: -.02em !important;
    font-weight: 600 !important;
}

.pish-leaderboard-hero p{
    margin: 0 !important;
    color: var(--text-muted,rgba(255,255,255,.66)) !important;
    font-size: 13px !important;
    line-height: 1.85 !important;
}

.pish-leaderboard-stats{
    display: grid !important;
    gap: 8px !important;
    padding: 10px !important;
}

.pish-leaderboard-stat{
    display: grid !important;
    grid-template-columns: minmax(0,1fr) auto !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 10px 12px !important;
    border-radius: 12px !important;
    background: rgba(255,255,255,.03) !important;
    border: 1px solid rgba(255,255,255,.06) !important;
}

.pish-leaderboard-stat span{
    color: var(--text-muted,rgba(255,255,255,.62)) !important;
    font-size: 12px !important;
    font-weight: 500 !important;
}

.pish-leaderboard-stat strong{
    color: rgba(241,220,101,.90) !important;
    font-size: 16px !important;
    font-weight: 600 !important;
}

.pish-leaderboard-tabs{
    display: grid !important;
    grid-template-columns: repeat(7,minmax(0,1fr)) !important;
    gap: 8px !important;
    margin: 12px 0 !important;
    overflow: visible !important;
}

.pish-leaderboard-tab{
    min-width: 0 !important;
    padding: 9px 6px !important;
    border-radius: 12px !important;
    background: rgba(255,255,255,.035) !important;
    border: 1px solid rgba(255,255,255,.07) !important;
    color: var(--text,#fff) !important;
    text-align: center !important;
    transform: none !important;
}

.pish-leaderboard-tab.is-active{
    background: rgba(241,220,101,.11) !important;
    border-color: rgba(241,220,101,.32) !important;
    color: rgba(241,220,101,.92) !important;
}

.pish-leaderboard-tab strong{
    display: block !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    white-space: normal !important;
}

.pish-leaderboard-tab span{
    display: block !important;
    margin-top: 2px !important;
    color: var(--text-muted,rgba(255,255,255,.6)) !important;
    font-size: 11px !important;
    font-weight: 400 !important;
    white-space: normal !important;
}

.pish-leaderboard-podium{
    display: grid !important;
    grid-template-columns: repeat(3,minmax(0,1fr)) !important;
    gap: 10px !important;
    margin: 12px 0 !important;
    align-items: stretch !important;
}

.pish-podium-card{
    position: relative !important;
    display: grid !important;
    gap: 8px !important;
    justify-items: center !important;
    text-align: center !important;
    padding: 14px 10px !important;
    overflow: hidden !important;
}

.pish-podium-card::before{
    content: "" !important;
    position: absolute !important;
    inset-inline-start: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    width: 3px !important;
    background: rgba(241,220,101,.78) !important;
}

.pish-podium-card.rank-2::before{background: rgba(210,210,210,.78) !important;}
.pish-podium-card.rank-3::before{background: rgba(205,127,50,.78) !important;}

.pish-podium-medal{
    font-size: 20px !important;
    line-height: 1 !important;
}

.pish-podium-avatar img{
    width: 48px !important;
    height: 48px !important;
    border-radius: 999px !important;
}

.pish-podium-user strong{
    display: block !important;
    max-width: 100% !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
}

.pish-podium-user span,
.pish-podium-points span,
.pish-podium-card small{
    color: var(--text-muted,rgba(255,255,255,.62)) !important;
    font-size: 11px !important;
    font-weight: 400 !important;
}

.pish-podium-points strong{
    color: rgba(241,220,101,.90) !important;
    font-size: 18px !important;
    font-weight: 600 !important;
}

.pish-leaderboard-board{
    padding: 12px !important;
}

.pish-leaderboard-board-header{
    display: grid !important;
    grid-template-columns: minmax(0,1fr) auto !important;
    align-items: center !important;
    gap: 8px !important;
    margin-bottom: 10px !important;
}

.pish-leaderboard-board-header span,
.pish-leaderboard-board-header small{
    color: var(--text-muted,rgba(255,255,255,.62)) !important;
    font-size: 12px !important;
    font-weight: 400 !important;
}

.pish-leaderboard-board-header strong{
    display: block !important;
    margin-top: 2px !important;
    color: rgba(241,220,101,.90) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
}

.pish-leaderboard-table{
    display: grid !important;
    gap: 8px !important;
}

.pish-leaderboard-table-head,
.leaderboard-row{
    display: grid !important;
    grid-template-columns: 74px minmax(0,1fr) 120px 120px !important;
    align-items: center !important;
    gap: 8px !important;
}

.pish-leaderboard-table-head{
    padding: 0 10px 4px !important;
    color: var(--text-muted,rgba(255,255,255,.62)) !important;
    font-size: 12px !important;
    font-weight: 500 !important;
}

.leaderboard-row{
    min-height: 58px !important;
    padding: 8px 10px !important;
    border-radius: 12px !important;
    background: rgba(255,255,255,.032) !important;
    border: 1px solid rgba(255,255,255,.065) !important;
    box-shadow: none !important;
}

.leaderboard-row.is-current-user,
.leaderboard-pinned-current-user{
    background: rgba(241,220,101,.08) !important;
    border-color: rgba(241,220,101,.28) !important;
}

.leaderboard-rank{
    color: var(--text,#fff) !important;
    -webkit-text-fill-color: currentColor !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    text-align: center !important;
}

.leaderboard-user{
    display: grid !important;
    grid-template-columns: 38px minmax(0,1fr) !important;
    align-items: center !important;
    gap: 8px !important;
    min-width: 0 !important;
}

.leaderboard-avatar img{
    width: 38px !important;
    height: 38px !important;
    border-radius: 999px !important;
}

.leaderboard-user-info{
    min-width: 0 !important;
}

.leaderboard-user-info a{
    display: inline !important;
    color: var(--text,#fff) !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
}

.leaderboard-you-badge,
.vip-badge{
    display: inline-flex !important;
    margin-inline-start: 5px !important;
    padding: 2px 7px !important;
    border-radius: 999px !important;
    background: rgba(241,220,101,.12) !important;
    color: rgba(241,220,101,.92) !important;
    font-size: 10px !important;
    font-weight: 500 !important;
}

.leaderboard-score{
    display: grid !important;
    justify-items: start !important;
    gap: 1px !important;
    min-width: 0 !important;
}

.leaderboard-score strong{
    color: rgba(241,220,101,.92) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
}

.leaderboard-score span{
    color: var(--text-muted,rgba(255,255,255,.58)) !important;
    font-size: 11px !important;
    font-weight: 400 !important;
}

.pish-leaderboard-separator,
.pish-dashboard-current-separator{
    display: block !important;
    margin: 8px 0 !important;
    color: var(--text-muted,rgba(255,255,255,.60)) !important;
    font-size: 12px !important;
    text-align: center !important;
}

.pish-leaderboard-pagination{
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 6px !important;
    margin-top: 12px !important;
}

.pish-leaderboard-pagination a{
    min-width: 34px !important;
    min-height: 34px !important;
    display: inline-grid !important;
    place-items: center !important;
    padding: 0 10px !important;
    border-radius: 10px !important;
    background: rgba(255,255,255,.035) !important;
    border: 1px solid rgba(255,255,255,.07) !important;
    color: var(--text,#fff) !important;
    font-size: 12px !important;
}

.pish-leaderboard-pagination a.is-active{
    background: rgba(241,220,101,.11) !important;
    border-color: rgba(241,220,101,.30) !important;
    color: rgba(241,220,101,.92) !important;
}

/* Dashboard leaderboard compact */
.pish-dashboard-leaderboard{
    padding: 14px !important;
}

.pish-dashboard-leaderboard-header{
    display: grid !important;
    grid-template-columns: auto minmax(0,1fr) auto !important;
    align-items: center !important;
    gap: 8px !important;
    margin-bottom: 10px !important;
}

.pish-dashboard-leaderboard-title span,
.pish-dashboard-leaderboard-date,
.dashboard-counter{
    color: var(--text-muted,rgba(255,255,255,.62)) !important;
    font-size: 12px !important;
    font-weight: 400 !important;
}

.pish-dashboard-leaderboard-title h2{
    margin: 0 !important;
    font-size: 18px !important;
    font-weight: 600 !important;
}

.pish-dashboard-my-rank{
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 8px !important;
    margin: 10px 0 !important;
}

.pish-dashboard-my-rank > div{
    padding: 10px !important;
    border-radius: 12px !important;
    background: rgba(255,255,255,.032) !important;
    border: 1px solid rgba(255,255,255,.065) !important;
}

.pish-dashboard-my-rank span{
    color: var(--text-muted,rgba(255,255,255,.62)) !important;
    font-size: 11px !important;
}

.pish-dashboard-my-rank strong{
    display: block !important;
    margin-top: 2px !important;
    color: rgba(241,220,101,.92) !important;
    font-size: 16px !important;
    font-weight: 600 !important;
}

.pish-dashboard-leaderboard-list{
    display: grid !important;
    gap: 8px !important;
}

.pish-dashboard-leaderboard-row{
    display: grid !important;
    grid-template-columns: 48px minmax(0,1fr) 82px 70px !important;
    align-items: center !important;
    gap: 8px !important;
    min-height: 54px !important;
    padding: 8px 10px !important;
    border-radius: 12px !important;
    background: rgba(255,255,255,.032) !important;
    border: 1px solid rgba(255,255,255,.065) !important;
}

.pish-dashboard-leaderboard-row.is-current-user{
    background: rgba(241,220,101,.08) !important;
    border-color: rgba(241,220,101,.28) !important;
}

.pish-dashboard-rank{
    text-align: center !important;
    font-size: 13px !important;
    font-weight: 600 !important;
}

.pish-dashboard-leaderboard-user{
    display: grid !important;
    grid-template-columns: 34px minmax(0,1fr) !important;
    align-items: center !important;
    gap: 8px !important;
    min-width: 0 !important;
}

.pish-dashboard-leaderboard-user img{
    width: 34px !important;
    height: 34px !important;
    border-radius: 999px !important;
}

.pish-dashboard-leaderboard-user strong{
    min-width: 0 !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
}

.pish-dashboard-leaderboard-points,
.pish-dashboard-leaderboard-total{
    display: grid !important;
    gap: 1px !important;
}

.pish-dashboard-leaderboard-points strong,
.pish-dashboard-leaderboard-total strong{
    color: rgba(241,220,101,.92) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
}

.pish-dashboard-leaderboard-points span,
.pish-dashboard-leaderboard-total span{
    color: var(--text-muted,rgba(255,255,255,.58)) !important;
    font-size: 10px !important;
    font-weight: 400 !important;
}

/* Mobile: leaderboard as cards */
@media (max-width: 768px){
    .pish-leaderboard-container{
        padding: 12px 10px 88px !important;
    }

    .pish-leaderboard-hero{
        grid-template-columns: 1fr !important;
    }

    .pish-leaderboard-tabs{
        display: flex !important;
        overflow-x: auto !important;
        gap: 8px !important;
        padding-bottom: 4px !important;
        scrollbar-width: none !important;
    }

    .pish-leaderboard-tabs::-webkit-scrollbar{
        display: none !important;
    }

    .pish-leaderboard-tab{
        flex: 0 0 92px !important;
    }

    .pish-leaderboard-podium{
        grid-template-columns: 1fr !important;
    }

    .pish-leaderboard-table-head{
        display: none !important;
    }

    .pish-leaderboard-table{
        gap: 8px !important;
    }

    .leaderboard-row{
        grid-template-columns: 42px minmax(0,1fr) !important;
        grid-template-areas:
            "rank user"
            "rank daily"
            "rank total" !important;
        align-items: center !important;
        padding: 10px !important;
    }

    .leaderboard-row .leaderboard-rank{
        grid-area: rank !important;
        align-self: stretch !important;
        display: grid !important;
        place-items: center !important;
        border-radius: 10px !important;
        background: rgba(255,255,255,.04) !important;
    }

    .leaderboard-row .leaderboard-user{
        grid-area: user !important;
    }

    .leaderboard-row .leaderboard-score-daily{
        grid-area: daily !important;
    }

    .leaderboard-row .leaderboard-score-total{
        grid-area: total !important;
    }

    .leaderboard-score{
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 6px !important;
        margin-top: 3px !important;
    }

    .pish-dashboard-leaderboard-row{
        grid-template-columns: 38px minmax(0,1fr) !important;
        grid-template-areas:
            "rank user"
            "rank points"
            "rank total" !important;
    }

    .pish-dashboard-rank{grid-area: rank !important;}
    .pish-dashboard-leaderboard-user{grid-area: user !important;}
    .pish-dashboard-leaderboard-points{grid-area: points !important;}
    .pish-dashboard-leaderboard-total{grid-area: total !important;}

    .pish-dashboard-leaderboard-points,
    .pish-dashboard-leaderboard-total{
        display: flex !important;
        gap: 6px !important;
        align-items: center !important;
    }

    .pish-dashboard-my-rank{
        grid-template-columns: 1fr !important;
    }
}

/* End FINAL LEADERBOARD MINIMAL RTL + JALALI UI OVERRIDE */

/* ==========================================================================
   Secure OTP Auth Popup
   ========================================================================== */
body.auth-modal-open{overflow:hidden}.auth-modal{position:fixed;inset:0;z-index:100000;display:none;align-items:center;justify-content:center;padding:18px;background:rgba(0,0,0,.72);backdrop-filter:blur(12px)}.auth-modal.active{display:flex}.auth-otp-card{width:min(94vw,420px);border-radius:24px;background:#101010;border:1px solid rgba(255,255,255,.12);box-shadow:0 24px 80px rgba(0,0,0,.45);padding:22px;position:relative;color:var(--text,#fff);direction:rtl}.auth-close-modal{position:absolute;top:12px;left:12px;width:34px;height:34px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.06);color:#fff;cursor:pointer}.auth-modal-header{text-align:center;margin-bottom:18px}.auth-modal-header h3{margin:0 0 8px;font-size:20px;font-weight:800}.auth-modal-header p{margin:0;color:var(--text-muted,rgba(255,255,255,.68));font-size:13px;line-height:1.9}.otp-auth-form{display:grid;gap:14px}.otp-auth-form label{display:block;margin-bottom:8px;font-size:13px;font-weight:800;color:var(--text-muted,rgba(255,255,255,.72))}.otp-auth-form input{width:100%;height:48px;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:#fff;padding:0 14px;text-align:center;font-size:18px;font-weight:800;letter-spacing:.08em;outline:0}.otp-auth-form input:focus{border-color:rgba(241,220,101,.65);box-shadow:0 0 0 4px rgba(241,220,101,.13)}.otp-primary-button,.otp-secondary-button{width:100%;min-height:46px;margin-top:12px;border:0;border-radius:16px;font-weight:900;cursor:pointer}.otp-primary-button{background:linear-gradient(135deg,var(--gold,#ffd700),var(--primary,#f1dc65));color:#101010}.otp-secondary-button{background:rgba(255,255,255,.07);color:#fff;border:1px solid rgba(255,255,255,.12)}.otp-primary-button:disabled,.otp-secondary-button:disabled{opacity:.62;cursor:not-allowed}.otp-code-hint{margin-bottom:12px;padding:10px 12px;border-radius:16px;background:rgba(241,220,101,.08);color:var(--text-muted,rgba(255,255,255,.75));font-size:12px;line-height:1.8}.otp-code-hint strong{color:var(--primary,#f1dc65)}.otp-code-hint button{border:0;background:transparent;color:var(--primary,#f1dc65);font-weight:800;cursor:pointer}.otp-message{margin-top:12px;padding:10px 12px;border-radius:14px;font-size:13px;line-height:1.8;text-align:center}.otp-message[data-type="success"]{background:rgba(0,230,118,.10);color:#00e676}.otp-message[data-type="error"]{background:rgba(255,82,82,.10);color:#ff7676}.otp-message[data-type="info"]{background:rgba(255,255,255,.06);color:var(--text-muted,rgba(255,255,255,.7))}@media(max-width:480px){.auth-modal{align-items:flex-end;padding:0}.auth-otp-card{width:100%;border-radius:24px 24px 0 0;padding:22px 18px calc(22px + env(safe-area-inset-bottom))}.auth-modal-header h3{font-size:18px}}

/* ==========================================================================
   Two-tab Leaderboard: Daily / Total — Minimal RTL Responsive
   ========================================================================== */
.pish-tab-leaderboard-page{direction:rtl;padding:clamp(16px,3vw,32px) 12px 96px;color:var(--text,#fff)}
.pish-tab-lb-container{width:min(1120px,100%);margin-inline:auto;display:grid;gap:16px}
.pish-tab-lb-hero,.pish-tab-lb-board,.pish-tab-lb-podium article{border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.045);border-radius:18px;box-shadow:0 10px 28px rgba(0,0,0,.16)}
.pish-tab-lb-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:18px}
.pish-tab-lb-eyebrow{display:block;color:var(--primary,#f1dc65);font-size:12px;font-weight:600;margin-bottom:4px}.pish-tab-lb-hero h1{margin:0 0 6px;font-size:clamp(20px,2.6vw,28px);font-weight:700}.pish-tab-lb-hero p{margin:0;color:var(--text-muted,rgba(255,255,255,.7));font-size:13px;line-height:1.8}.pish-tab-lb-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.pish-tab-lb-meta div{min-width:130px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.035);border-radius:14px;padding:10px}.pish-tab-lb-meta span{display:block;font-size:11px;color:var(--text-muted,rgba(255,255,255,.65));margin-bottom:4px}.pish-tab-lb-meta strong{font-size:13px;font-weight:600}
.pish-tab-lb-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.pish-tab-lb-tabs a{display:grid;gap:3px;text-decoration:none;color:var(--text,#fff);border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035);border-radius:16px;padding:12px 14px}.pish-tab-lb-tabs a strong{font-size:14px;font-weight:700}.pish-tab-lb-tabs a span{font-size:12px;color:var(--text-muted,rgba(255,255,255,.65))}.pish-tab-lb-tabs a.is-active{border-color:rgba(241,220,101,.45);background:rgba(241,220,101,.11);color:var(--primary,#f1dc65)}
.pish-tab-lb-podium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.pish-tab-lb-podium article{position:relative;padding:14px;display:grid;justify-items:center;text-align:center;gap:6px}.pish-tab-lb-podium article:before{content:"";position:absolute;inset-inline-start:0;top:14px;bottom:14px;width:3px;border-radius:999px;background:rgba(241,220,101,.7)}.pish-tab-lb-podium .rank-2:before{background:rgba(192,192,192,.75)}.pish-tab-lb-podium .rank-3:before{background:rgba(205,127,50,.75)}.pish-tab-lb-podium img{border-radius:50%}.pish-tab-lb-podium strong{font-size:13px;font-weight:700}.pish-tab-lb-podium small{font-size:11px;color:var(--text-muted,rgba(255,255,255,.65))}.pish-tab-lb-podium b{font-size:18px;color:var(--primary,#f1dc65)}
.pish-tab-lb-board{padding:14px}.pish-tab-lb-board>header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;margin-bottom:12px}.pish-tab-lb-board>header span{display:block;font-size:12px;color:var(--text-muted,rgba(255,255,255,.65))}.pish-tab-lb-board>header strong{font-size:15px;font-weight:700}.pish-tab-lb-board>header small{font-size:12px;color:var(--text-muted,rgba(255,255,255,.65))}
.pish-tab-lb-table{display:grid;gap:8px}.pish-tab-lb-head,.pish-tab-lb-row{display:grid;grid-template-columns:72px minmax(0,1fr) 50px 0px 0px;gap:8px;align-items:center}.pish-tab-lb-head{padding:0 10px 4px;color:var(--text-muted,rgba(255,255,255,.65));font-size:12px;font-weight:600}.pish-tab-lb-row{border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.035);border-radius:14px;padding:10px}.pish-tab-lb-row.is-current-user,.pish-tab-lb-row.is-pinned{border-color:rgba(241,220,101,.36);background:rgba(241,220,101,.08)}.pish-tab-lb-rank{font-weight:700;text-align:center}.pish-tab-lb-user{display:grid;grid-template-columns:44px minmax(0,1fr);gap:10px;align-items:center;min-width:0}.pish-tab-lb-avatar img{border-radius:50%}.pish-tab-lb-name{font-weight:600;min-width:0;white-space:normal;overflow-wrap:anywhere;line-height:1.5}.pish-tab-lb-name em{font-style:normal;font-size:11px;color:var(--primary,#f1dc65);margin-inline-start:6px}.pish-tab-lb-points{display:grid;gap:2px;text-align:center}.pish-tab-lb-points strong{font-size:15px;font-weight:700}.pish-tab-lb-points span{font-size:11px;color:var(--text-muted,rgba(255,255,255,.65))}.pish-tab-lb-points.is-primary strong{color:var(--primary,#f1dc65)}.pish-tab-lb-separator{margin:6px 0;text-align:center;font-size:12px;color:var(--text-muted,rgba(255,255,255,.65))}.pish-tab-lb-empty{padding:24px;text-align:center;color:var(--text-muted,rgba(255,255,255,.65))}
.pish-tab-lb-pagination{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:14px}.pish-tab-lb-pagination a{min-width:38px;min-height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;text-decoration:none;color:var(--text,#fff);background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);padding:0 10px}.pish-tab-lb-pagination a.is-active{background:rgba(241,220,101,.13);border-color:rgba(241,220,101,.45);color:var(--primary,#f1dc65)}.pish-tab-lb-sticky-rank{position:fixed;inset-inline:12px;bottom:14px;z-index:20;width:min(520px,calc(100% - 24px));margin-inline:auto;display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid rgba(241,220,101,.32);background:rgba(18,18,18,.94);backdrop-filter:blur(12px);border-radius:16px;padding:10px 14px;box-shadow:0 12px 34px rgba(0,0,0,.28)}.pish-tab-lb-sticky-rank span,.pish-tab-lb-sticky-rank em{font-size:12px;color:var(--text-muted,rgba(255,255,255,.68));font-style:normal}.pish-tab-lb-sticky-rank strong{font-size:15px;color:var(--primary,#f1dc65)}
.pish-dashboard-lb-tabs>input{position:absolute;opacity:0;pointer-events:none}.pish-dashboard-lb-tab-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0}.pish-dashboard-lb-tab-buttons label{cursor:pointer;text-align:center;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);border-radius:14px;padding:10px 12px;font-size:13px;font-weight:700}.pish-dashboard-lb-panel{display:none}.pish-dashboard-lb-tabs #dash-lb-daily:checked~.pish-dashboard-lb-tab-buttons label[for="dash-lb-daily"],.pish-dashboard-lb-tabs #dash-lb-total:checked~.pish-dashboard-lb-tab-buttons label[for="dash-lb-total"]{border-color:rgba(241,220,101,.45);background:rgba(241,220,101,.12);color:var(--primary,#f1dc65)}.pish-dashboard-lb-tabs #dash-lb-daily:checked~.is-daily,.pish-dashboard-lb-tabs #dash-lb-total:checked~.is-total{display:block}.pish-dashboard-my-rank{display:flex;align-items:center;gap:10px;justify-content:space-between;border:1px solid rgba(241,220,101,.24);background:rgba(241,220,101,.07);border-radius:14px;padding:10px 12px;margin-bottom:10px}.pish-dashboard-my-rank span,.pish-dashboard-my-rank em{font-size:12px;color:var(--text-muted,rgba(255,255,255,.68));font-style:normal}.pish-dashboard-my-rank strong{color:var(--primary,#f1dc65)}
@media(max-width:880px){.pish-tab-lb-hero{grid-template-columns:1fr}.pish-tab-lb-meta{grid-template-columns:1fr 1fr}.pish-tab-lb-podium{grid-template-columns:1fr}.pish-tab-lb-head{display:none}.pish-tab-lb-row{grid-template-columns:52px minmax(0,1fr);gap:10px}.pish-tab-lb-points{grid-column:1/-1;grid-template-columns:1fr auto;display:grid;text-align:initial;border-top:1px solid rgba(255,255,255,.06);padding-top:8px}.pish-tab-lb-points span{order:-1}.pish-tab-lb-points.is-primary{background:rgba(241,220,101,.07);border-radius:12px;padding:8px}.pish-tab-lb-board{padding:10px}}@media(max-width:520px){.pish-tab-lb-meta{grid-template-columns:1fr}.pish-tab-lb-tabs{grid-template-columns:1fr}.pish-tab-lb-board>header{grid-template-columns:1fr}.pish-tab-lb-row{padding:10px}.pish-tab-lb-user{grid-template-columns:38px minmax(0,1fr)}.pish-tab-lb-avatar img{width:38px;height:38px}.pish-dashboard-leaderboard-row{grid-template-columns:44px minmax(0,1fr)!important;gap:8px!important}.pish-dashboard-leaderboard-points,.pish-dashboard-leaderboard-total{grid-column:1/-1!important}.pish-dashboard-my-rank{display:grid;grid-template-columns:1fr auto}}
/* End Two-tab Leaderboard */

/* === Leaderboard 7-days real tabs fix === */
.pish-tab-lb-days,
.pish-dashboard-days-buttons{
    direction: rtl;
    display: grid !important;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 8px !important;
    margin: 12px 0 16px !important;
}

.pish-tab-lb-days a,
.pish-dashboard-days-buttons label{
    display: grid !important;
    gap: 3px;
    align-content: center;
    min-height: 62px;
    padding: 8px 10px !important;
    border-radius: 14px !important;
    border: 1px solid rgba(255,255,255,.09) !important;
    background: rgba(255,255,255,.04) !important;
    color: inherit;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
}

.pish-tab-lb-days a strong,
.pish-dashboard-days-buttons label strong{
    font-size: 13px;
    font-weight: 700;
    line-height: 1.4;
}

.pish-tab-lb-days a span,
.pish-dashboard-days-buttons label span,
.pish-tab-lb-days a small,
.pish-dashboard-days-buttons label small{
    font-size: 11px;
    font-weight: 500;
    opacity: .72;
    line-height: 1.4;
}

.pish-tab-lb-days a.is-active,
#dash-lb-day-0:checked ~ .pish-dashboard-days-buttons label[for="dash-lb-day-0"],
#dash-lb-day-1:checked ~ .pish-dashboard-days-buttons label[for="dash-lb-day-1"],
#dash-lb-day-2:checked ~ .pish-dashboard-days-buttons label[for="dash-lb-day-2"],
#dash-lb-day-3:checked ~ .pish-dashboard-days-buttons label[for="dash-lb-day-3"],
#dash-lb-day-4:checked ~ .pish-dashboard-days-buttons label[for="dash-lb-day-4"],
#dash-lb-day-5:checked ~ .pish-dashboard-days-buttons label[for="dash-lb-day-5"],
#dash-lb-day-6:checked ~ .pish-dashboard-days-buttons label[for="dash-lb-day-6"]{
    border-color: rgba(241,220,101,.48) !important;
    background: rgba(241,220,101,.12) !important;
    color: var(--primary, #f1dc65) !important;
}

.pish-dashboard-days-tabs > input[type="radio"]{
    display: none !important;
}

.pish-dashboard-day-panel{
    display: none;
}

#dash-lb-day-0:checked ~ .day-panel-0,
#dash-lb-day-1:checked ~ .day-panel-1,
#dash-lb-day-2:checked ~ .day-panel-2,
#dash-lb-day-3:checked ~ .day-panel-3,
#dash-lb-day-4:checked ~ .day-panel-4,
#dash-lb-day-5:checked ~ .day-panel-5,
#dash-lb-day-6:checked ~ .day-panel-6{
    display: block;
}

@media (max-width: 900px){
    .pish-tab-lb-days,
    .pish-dashboard-days-buttons{
        display: flex !important;
        overflow-x: auto;
        padding-bottom: 4px;
        scroll-snap-type: x mandatory;
    }

    .pish-tab-lb-days a,
    .pish-dashboard-days-buttons label{
        min-width: 112px;
        scroll-snap-align: start;
    }
}


/* Mobile navbar help item alignment fix */
.mobile-bottom-nav .mobile-nav-item.open-help-popup,
.mobile-bottom-nav a.mobile-nav-item.open-help-popup,
.mobile-bottom-nav button.mobile-nav-item.open-help-popup{
    display: grid !important;
    grid-template-rows: 24px auto !important;
    align-items: center !important;
    justify-items: center !important;
    align-content: center !important;
    gap: 3px !important;
    height: 100% !important;
    min-height: 52px !important;
    padding: 6px 4px !important;
    margin: 0 !important;
    line-height: 1.2 !important;
    border: 0 !important;
    background: transparent !important;
    font: inherit !important;
    color: inherit !important;
    text-decoration: none !important;
    appearance: none !important;
    -webkit-appearance: none !important;
}
.mobile-bottom-nav .mobile-nav-item.open-help-popup .mobile-nav-icon,
.mobile-bottom-nav .mobile-nav-item.open-help-popup svg{
    width: 24px !important;
    height: 24px !important;
    display: block !important;
}
.mobile-bottom-nav .mobile-nav-item.open-help-popup .mobile-nav-label{
    display: block !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    margin: 0 !important;
    padding: 0 !important;
}


/* === Aparat guide video popup === */
.pish-help-intro{
    display:grid;
    gap:9px;
    margin:0 0 14px;
    padding:14px;
    border-radius:20px;
    background:rgba(255,255,255,.075);
    border:1px solid rgba(255,255,255,.12);
}
.pish-help-intro strong{
    color:#bbf7d0;
    font-size:14px;
    font-weight:900;
    line-height:1.8;
}
.pish-help-intro span{
    color:rgba(255,255,255,.78);
    font-size:12.5px;
    line-height:1.9;
}
.pish-help-video-button{
    width:fit-content;
    min-height:40px;
    padding:0 16px;
    border:0;
    border-radius:999px;
    color:#052e16;
    background:linear-gradient(135deg,#bbf7d0,#22c55e);
    font-family:inherit;
    font-size:13px;
    font-weight:900;
    cursor:pointer;
    box-shadow:0 12px 28px rgba(34,197,94,.24);
}
.pish-help-video-button:hover{
    transform:translateY(-1px);
}
.pish-aparat-open{
    overflow:hidden;
}
.pish-aparat-popup{
    position:fixed;
    inset:0;
    z-index:1000002;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:18px;
    opacity:0;
    pointer-events:none;
    transition:opacity .22s ease;
    direction:rtl;
}
.pish-aparat-popup.is-visible{
    opacity:1;
    pointer-events:auto;
}
.pish-aparat-backdrop{
    position:absolute;
    inset:0;
    background:rgba(2,6,23,.78);
    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
}
.pish-aparat-card{
    position:relative;
    width:min(94vw, 760px);
    max-height:86vh;
    overflow:auto;
    border-radius:26px;
    padding:18px;
    color:#fff;
    background:linear-gradient(145deg,#0f172a,#111827 62%,#052e24);
    border:1px solid rgba(255,255,255,.14);
    box-shadow:0 28px 90px rgba(0,0,0,.5);
    transform:translateY(14px) scale(.98);
    transition:transform .24s ease;
}
.pish-aparat-popup.is-visible .pish-aparat-card{
    transform:translateY(0) scale(1);
}
.pish-aparat-close{
    position:absolute;
    top:14px;
    left:14px;
    width:38px;
    height:38px;
    border:0;
    border-radius:50%;
    color:#fff;
    background:rgba(255,255,255,.12);
    cursor:pointer;
    font-size:24px;
    line-height:1;
    z-index:2;
}
.pish-aparat-head{
    padding-left:48px;
    margin-bottom:14px;
}
.pish-aparat-head h3{
    margin:0 0 6px;
    font-size:18px;
    font-weight:900;
    line-height:1.7;
}
.pish-aparat-head p{
    margin:0;
    color:rgba(255,255,255,.72);
    font-size:13px;
    line-height:1.8;
}
.pish-aparat-video{
    position:relative;
    overflow:hidden;
    border-radius:20px;
    background:#050505;
    border:1px solid rgba(255,255,255,.1);
}
.pish-aparat-video > div{
    width:100%;
}
@media (max-width:820px){
    .pish-help-video-button{
        width:100%;
    }
    .pish-aparat-popup{
        align-items:flex-end;
        padding:12px 12px calc(82px + env(safe-area-inset-bottom));
    }
    .pish-aparat-card{
        width:100%;
        max-height:76vh;
        border-radius:28px 28px 22px 22px;
        padding:16px;
    }
    .pish-aparat-head h3{
        font-size:16px;
    }
}

/* === Real guide popup Aparat video layer === */
.pish-help-intro{
    display:grid;
    gap:9px;
    margin:0 0 14px;
    padding:14px;
    border-radius:20px;
    background:rgba(255,255,255,.075);
    border:1px solid rgba(255,255,255,.12);
}
.pish-help-intro strong{
    color:#bbf7d0;
    font-size:14px;
    font-weight:900;
    line-height:1.8;
}
.pish-help-intro span{
    color:rgba(255,255,255,.78);
    font-size:12.5px;
    line-height:1.9;
}
.pish-help-video-button{
    width:fit-content;
    min-height:40px;
    padding:0 16px;
    border:0;
    border-radius:999px;
    color:#052e16;
    background:linear-gradient(135deg,#bbf7d0,#22c55e);
    font-family:inherit;
    font-size:13px;
    font-weight:900;
    cursor:pointer;
    box-shadow:0 12px 28px rgba(34,197,94,.24);
}
.pish-help-video-button:hover{
    transform:translateY(-1px);
}
.pish-aparat-open{
    overflow:hidden;
}
.pish-aparat-popup{
    position:fixed;
    inset:0;
    z-index:1000002;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:18px;
    opacity:0;
    pointer-events:none;
    transition:opacity .22s ease;
    direction:rtl;
}
.pish-aparat-popup.is-visible{
    opacity:1;
    pointer-events:auto;
}
.pish-aparat-backdrop{
    position:absolute;
    inset:0;
    background:rgba(2,6,23,.78);
    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
}
.pish-aparat-card{
    position:relative;
    width:min(94vw, 760px);
    max-height:86vh;
    overflow:auto;
    border-radius:26px;
    padding:18px;
    color:#fff;
    background:linear-gradient(145deg,#0f172a,#111827 62%,#052e24);
    border:1px solid rgba(255,255,255,.14);
    box-shadow:0 28px 90px rgba(0,0,0,.5);
    transform:translateY(14px) scale(.98);
    transition:transform .24s ease;
}
.pish-aparat-popup.is-visible .pish-aparat-card{
    transform:translateY(0) scale(1);
}
.pish-aparat-close{
    position:absolute;
    top:14px;
    left:14px;
    width:38px;
    height:38px;
    border:0;
    border-radius:50%;
    color:#fff;
    background:rgba(255,255,255,.12);
    cursor:pointer;
    font-size:24px;
    line-height:1;
    z-index:2;
}
.pish-aparat-head{
    padding-left:48px;
    margin-bottom:14px;
}
.pish-aparat-head h3{
    margin:0 0 6px;
    font-size:18px;
    font-weight:900;
    line-height:1.7;
}
.pish-aparat-head p{
    margin:0;
    color:rgba(255,255,255,.72);
    font-size:13px;
    line-height:1.8;
}
.pish-aparat-video{
    position:relative;
    overflow:hidden;
    border-radius:20px;
    background:#050505;
    border:1px solid rgba(255,255,255,.1);
}
.pish-aparat-video > div{
    width:100%;
}
@media (max-width:820px){
    .pish-help-video-button{
        width:100%;
    }
    .pish-aparat-popup{
        align-items:flex-end;
        padding:12px 12px calc(82px + env(safe-area-inset-bottom));
    }
    .pish-aparat-card{
        width:100%;
        max-height:76vh;
        border-radius:28px 28px 22px 22px;
        padding:16px;
    }
    .pish-aparat-head h3{
        font-size:16px;
    }
}

/* ============================================================
   Blog UI Layer
   ============================================================ */
.blog-archive-page,
.blog-single-page,
.home-blog-section{
    position:relative;
    overflow:hidden;
}
.home-blog-section{
    padding-top:34px;
    padding-bottom:70px;
}
.home-blog-section::before,
.blog-archive-hero::before,
.blog-single-hero::before{
    content:"";
    position:absolute;
    width:420px;
    height:420px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(255,215,0,.10),transparent 70%);
    pointer-events:none;
    filter:blur(2px);
}
.home-blog-section::before{
    top:-170px;
    left:-170px;
}
.blog-archive-hero,
.blog-single-hero{
    padding:76px 0 30px;
    background:linear-gradient(180deg,#050505,#101010);
}
.blog-archive-hero::before,
.blog-single-hero::before{
    top:-210px;
    right:-190px;
}
.blog-archive-hero-card,
.blog-single-hero-card{
    position:relative;
    z-index:1;
    border-radius:28px;
    padding:32px;
    background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.035));
    border:1px solid var(--glass-border);
    box-shadow:var(--glass-shadow);
    backdrop-filter:var(--glass-backdrop);
    -webkit-backdrop-filter:var(--glass-backdrop);
}
.blog-archive-hero-card p,
.blog-single-excerpt{
    max-width:760px;
    margin-top:14px;
    color:var(--text-muted);
    font-size:15px;
    line-height:2;
}
.blog-archive-content-section,
.blog-single-content-section,
.blog-related-section{
    padding-top:30px;
}
.blog-card-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:18px;
}
.blog-card{
    position:relative;
    min-width:0;
    overflow:hidden;
    border-radius:var(--radius);
    background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.028));
    border:1px solid rgba(255,255,255,.09);
    box-shadow:var(--glass-shadow);
    backdrop-filter:var(--glass-backdrop);
    -webkit-backdrop-filter:var(--glass-backdrop);
    transition:var(--transition);
}
.blog-card:hover{
    transform:translateY(-4px);
    border-color:var(--gold);
    box-shadow:var(--dashboard-shadow);
}
.blog-card-media{
    position:relative;
    display:block;
    aspect-ratio:16/10;
    overflow:hidden;
    background:linear-gradient(135deg,rgba(255,215,0,.16),rgba(255,255,255,.045));
}
.blog-card-media::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(180deg,transparent,rgba(0,0,0,.34));
    pointer-events:none;
}
.blog-card-media img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .45s ease;
}
.blog-card:hover .blog-card-media img{
    transform:scale(1.05);
}
.blog-card-placeholder{
    width:100%;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:rgba(255,215,0,.72);
    font-size:22px;
    font-weight:900;
    letter-spacing:3px;
}
.blog-card-body{
    padding:18px;
}
.blog-card-meta,
.blog-single-meta{
    display:flex;
    align-items:center;
    gap:10px;
    flex-wrap:wrap;
    margin-bottom:12px;
    color:var(--text-muted);
    font-size:12px;
    font-weight:700;
}
.blog-chip{
    min-height:30px;
    padding:6px 12px;
    border-radius:999px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    color:var(--gold);
    background:rgba(255,215,0,.10);
    border:1px solid rgba(255,215,0,.24);
    font-size:11px;
    font-weight:900;
}
.blog-card-title{
    margin-bottom:10px;
    color:#fff;
    font-size:18px;
    font-weight:900;
    line-height:1.7;
}
.blog-card-title a{
    transition:var(--transition);
}
.blog-card-title a:hover{
    color:var(--gold);
}
.blog-card-excerpt{
    min-height:62px;
    color:var(--text-muted);
    font-size:13px;
    line-height:1.9;
    margin-bottom:14px;
}
.blog-card-link{
    width:fit-content;
    min-height:38px;
    padding-inline:14px;
    border-radius:12px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:rgba(255,255,255,.06);
    border:1px solid rgba(255,255,255,.09);
    color:var(--gold);
    font-size:12px;
    font-weight:900;
    transition:var(--transition);
}
.blog-card-link:hover{
    background:linear-gradient(135deg,var(--gold),var(--primary));
    color:#111;
}
.blog-carousel{
    position:relative;
    padding:0 58px 48px;
}
.blog-carousel-viewport{
    overflow:hidden;
    border-radius:calc(var(--radius) + 2px);
    outline:none;
}
.blog-carousel-viewport:focus-visible,
.blog-carousel:focus-visible{
    box-shadow:0 0 0 4px rgba(255,215,0,.16);
}
.blog-carousel-track{
    display:flex;
    gap:18px;
    transition:transform .45s cubic-bezier(.4,0,.2,1);
    will-change:transform;
}
.blog-carousel-slide{
    flex:0 0 calc((100% - 36px) / 3);
    min-width:0;
}
.blog-carousel-arrow{
    position:absolute;
    top:calc(50% - 34px);
    z-index:3;
    width:46px;
    height:46px;
    border-radius:16px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:rgba(255,255,255,.07);
    border:1px solid rgba(255,215,0,.18);
    color:var(--gold);
    font-size:34px;
    font-weight:900;
    line-height:1;
    transition:var(--transition);
    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
}
.blog-carousel-arrow:hover:not(:disabled){
    transform:translateY(-2px);
    background:linear-gradient(135deg,var(--gold),var(--primary));
    color:#111;
    box-shadow:var(--dashboard-shadow);
}
.blog-carousel-arrow:disabled{
    opacity:.45;
    cursor:not-allowed;
}
.blog-carousel-prev{
    right:0;
}
.blog-carousel-next{
    left:0;
}
.blog-carousel-dots{
    position:absolute;
    right:0;
    left:0;
    bottom:0;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
}
.blog-carousel-dot{
    width:9px;
    height:9px;
    border-radius:999px;
    background:rgba(255,255,255,.18);
    border:1px solid rgba(255,255,255,.14);
    transition:var(--transition);
}
.blog-carousel-dot.is-active{
    width:28px;
    background:linear-gradient(135deg,var(--gold),var(--primary));
    border-color:rgba(255,215,0,.55);
}
.blog-single-title{
    max-width:920px;
    color:#fff;
    font-size:clamp(30px,5vw,52px);
    font-weight:900;
    line-height:1.45;
}
.blog-single-layout{
    display:grid;
    grid-template-columns:minmax(0,1fr) 330px;
    gap:22px;
    align-items:start;
}
.blog-single-content-card,
.blog-sidebar-widget{
    border-radius:24px;
    background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.03));
    border:1px solid rgba(255,255,255,.09);
    box-shadow:var(--glass-shadow);
    backdrop-filter:var(--glass-backdrop);
    -webkit-backdrop-filter:var(--glass-backdrop);
}
.blog-single-content-card{
    overflow:hidden;
}
.blog-single-featured-image{
    aspect-ratio:16/8.5;
    overflow:hidden;
    border-bottom:1px solid rgba(255,255,255,.08);
}
.blog-single-featured-image img{
    width:100%;
    height:100%;
    object-fit:cover;
}
.blog-single-content{
    padding:30px;
    color:rgba(255,255,255,.88);
    font-size:16px;
    line-height:2.15;
}
.blog-single-content > *:first-child{
    margin-top:0;
}
.blog-single-content p,
.blog-single-content ul,
.blog-single-content ol,
.blog-single-content blockquote,
.blog-single-content figure{
    margin-bottom:20px;
}
.blog-single-content h2,
.blog-single-content h3,
.blog-single-content h4{
    margin:30px 0 14px;
    color:#fff;
    font-weight:900;
    line-height:1.7;
}
.blog-single-content h2{
    font-size:26px;
}
.blog-single-content h3{
    font-size:22px;
}
.blog-single-content a{
    color:var(--gold);
    border-bottom:1px solid rgba(255,215,0,.35);
}
.blog-single-content ul,
.blog-single-content ol{
    padding-right:22px;
}
.blog-single-content li{
    margin-bottom:8px;
}
.blog-single-content blockquote{
    padding:18px 20px;
    border-radius:18px;
    border-right:4px solid var(--gold);
    background:rgba(255,215,0,.08);
    color:#fff;
}
.blog-single-content img{
    border-radius:18px;
}
.blog-single-sidebar{
    position:sticky;
    top:92px;
    display:flex;
    flex-direction:column;
    gap:16px;
}
.blog-sidebar-widget{
    padding:18px;
}
.blog-sidebar-widget h2{
    margin-bottom:14px;
    color:#fff;
    font-size:17px;
    font-weight:900;
    line-height:1.7;
}
.blog-sidebar-cta{
    background:linear-gradient(145deg,rgba(255,215,0,.14),rgba(255,255,255,.035));
    border-color:rgba(255,215,0,.24);
}
.blog-sidebar-cta span{
    display:inline-flex;
    margin-bottom:10px;
    color:var(--gold);
    font-size:12px;
    font-weight:900;
}
.blog-sidebar-cta .hero-primary-button{
    width:100%;
    min-width:0;
    margin-top:4px;
}
.blog-sidebar-posts{
    display:flex;
    flex-direction:column;
    gap:10px;
}
.blog-sidebar-post{
    display:grid;
    gap:5px;
    padding:12px;
    border-radius:14px;
    background:rgba(255,255,255,.05);
    border:1px solid rgba(255,255,255,.07);
    transition:var(--transition);
}
.blog-sidebar-post:hover{
    border-color:rgba(255,215,0,.32);
    transform:translateY(-2px);
}
.blog-sidebar-post span{
    color:var(--text-muted);
    font-size:11px;
    font-weight:800;
}
.blog-sidebar-post strong{
    color:#fff;
    font-size:13px;
    font-weight:900;
    line-height:1.8;
}
.blog-pagination{
    margin-top:28px;
}
.blog-pagination ul{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    flex-wrap:wrap;
    list-style:none;
}
.blog-pagination a,
.blog-pagination span{
    min-width:40px;
    height:40px;
    padding:0 12px;
    border-radius:12px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:rgba(255,255,255,.06);
    border:1px solid rgba(255,255,255,.08);
    color:#fff;
    font-size:13px;
    font-weight:900;
}
.blog-pagination .current,
.blog-pagination a:hover{
    background:linear-gradient(135deg,var(--gold),var(--primary));
    color:#111;
    border-color:rgba(255,215,0,.55);
}
@media (max-width:1024px){
    .blog-card-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
    .blog-carousel-slide{
        flex-basis:calc((100% - 18px) / 2);
    }
    .blog-single-layout{
        grid-template-columns:1fr;
    }
    .blog-single-sidebar{
        position:relative;
        top:auto;
        display:grid;
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}
@media (max-width:768px){
    .home-blog-section{
        padding-top:24px;
        padding-bottom:54px;
    }
    .blog-archive-hero,
    .blog-single-hero{
        padding:48px 0 22px;
    }
    .blog-archive-hero-card,
    .blog-single-hero-card{
        padding:22px;
        border-radius:22px;
    }
    .blog-card-grid,
    .blog-single-sidebar{
        grid-template-columns:1fr;
    }
    .blog-carousel{
        padding:0 0 46px;
    }
    .blog-carousel-viewport{
        overflow:visible;
    }
    .blog-carousel-track{
        gap:14px;
    }
    .blog-carousel-slide{
        flex-basis:86%;
    }
    .blog-carousel-arrow{
        top:auto;
        bottom:0;
        width:40px;
        height:40px;
        border-radius:14px;
        font-size:28px;
    }
    .blog-carousel-prev{
        right:0;
    }
    .blog-carousel-next{
        left:0;
    }
    .blog-carousel-dots{
        right:54px;
        left:54px;
        bottom:12px;
    }
    .blog-single-content{
        padding:22px;
        font-size:15px;
    }
    .blog-single-featured-image{
        aspect-ratio:16/10.5;
    }
}
@media (max-width:480px){
    .blog-card-body{
        padding:15px;
    }
    .blog-card-title{
        font-size:16px;
    }
    .blog-card-excerpt{
        min-height:auto;
        font-size:12.5px;
    }
    .blog-carousel-slide{
        flex-basis:92%;
    }
    .blog-single-content{
        padding:18px;
        line-height:2;
    }
    .blog-single-title{
        font-size:28px;
    }
}
@media (prefers-reduced-motion:reduce){
    .blog-carousel-track,
    .blog-card,
    .blog-card-media img,
    .blog-carousel-arrow,
    .blog-carousel-dot{
        transition:none!important;
    }
}


.footer-social {
    display: flex;
    justify-content: center;
    gap: 15px;
    margin-top: 20px;
}

.footer-social a {
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(255,255,255,0.1);
    color: #fff;
    font-size: 20px;
    text-decoration: none;
    transition: 0.3s;
}

.footer-social a:hover {
    transform: translateY(-3px);
    background: rgba(255,255,255,0.2);
}