/* Scoutix Club kimliği — ana renk: #0000C8 */
:root{
    --sx-club-blue:#0000c8;
    --sx-club-blue-deep:#00003f;
    --sx-club-blue-dark:#020221;
    --sx-club-blue-soft:#6868ff;
    --sx-club-gold:#d4af37;
    --sx-club-line:rgba(104,104,255,.34);
}

body.sx-club-page-shell{
    background:
        radial-gradient(circle at 82% 4%,rgba(0,0,200,.34),transparent 30%),
        linear-gradient(145deg,#020218,#00003f 58%,#020218)!important;
}

.sx-club-page-shell .sx-v3-header{
    border-color:rgba(104,104,255,.5)!important;
    background:linear-gradient(112deg,#020221 0%,#00005f 54%,#0000c8 145%)!important;
}

.sx-club-page-shell .sx-v3-top{
    border-color:rgba(104,104,255,.28)!important;
}

.sx-club-page-shell .sx-club-mode-nick,
.sx-club-page-shell .sx-v3-profile,
.sx-club-page-shell .sx-v3-ai-top{
    border-color:rgba(104,104,255,.5)!important;
    background:rgba(0,0,63,.72)!important;
}

.sx-club-page-shell .sx-club-page{
    --club-navy:#0000c8;
    --club-blue:#0000c8;
    background:
        radial-gradient(circle at 80% 2%,rgba(0,0,200,.38),transparent 27%),
        linear-gradient(145deg,#020218,#00003f 58%,#020218)!important;
}

.sx-club-page-shell .sx-club-hero{
    background:
        linear-gradient(90deg,rgba(2,2,24,.98),rgba(0,0,63,.9) 52%,rgba(0,0,200,.42)),
        radial-gradient(circle at 76% 42%,rgba(0,0,200,.62),transparent 32%)!important;
}

.sx-club-page-shell .sx-club-visual{
    border-color:rgba(104,104,255,.52)!important;
    background:
        repeating-radial-gradient(circle at 74% 34%,transparent 0 42px,rgba(104,104,255,.1) 43px 44px),
        radial-gradient(circle at 65% 36%,rgba(0,0,200,.58),transparent 34%),
        linear-gradient(145deg,#0000c8,#020221)!important;
}

.sx-club-page-shell .sx-club-member-home{
    border-color:var(--sx-club-line)!important;
    background:linear-gradient(90deg,rgba(0,0,63,.98),rgba(0,0,200,.82))!important;
}

.sx-club-page-shell .sx-club-member-home nav a{
    border-color:rgba(104,104,255,.42)!important;
    background:rgba(2,2,33,.72)!important;
}

.sx-club-page-shell .sx-club-member-home nav a:hover,
.sx-club-page-shell .sx-club-member-home nav a.active{
    border-color:var(--sx-club-gold)!important;
    background:#0000c8!important;
}

.sx-club-page-shell .sx-club-room-notice{
    border-color:rgba(104,104,255,.52)!important;
    background:linear-gradient(90deg,rgba(0,0,200,.34),rgba(0,0,63,.88))!important;
}

.sx-club-page-shell .sx-club-room-notice-tags span{
    border-color:rgba(104,104,255,.48)!important;
    background:rgba(0,0,200,.18)!important;
}

.sx-club-page-shell .sx-club-page-grid{
    border-color:rgba(104,104,255,.48)!important;
    background:#00003f!important;
}

.sx-club-page-shell .sx-club-page-card{
    border-color:rgba(104,104,255,.3)!important;
    background:linear-gradient(90deg,#020221,#00003f)!important;
}

.sx-club-page-shell .sx-club-page-card:hover{
    background:linear-gradient(90deg,#00003f,#0000c8)!important;
}

.sx-club-page-shell .sx-club-page-cover,
.sx-club-page-shell .sx-club-media,
.sx-club-page-shell .sx-club-editors article,
.sx-club-page-shell .sx-club-content-grid>article,
.sx-club-page-shell .sx-club-live,
.sx-club-page-shell .sx-club-dark{
    border-color:rgba(104,104,255,.36)!important;
    background:linear-gradient(145deg,#020221,#00003f)!important;
}

.sx-club-page-shell .sx-club-detail-page,
.sx-club-page-shell .sx-rolling-page{
    min-height:calc(100vh - 120px);
    background:
        radial-gradient(circle at 82% 0,rgba(0,0,200,.42),transparent 29%),
        linear-gradient(145deg,#020218,#00003f 62%,#020218)!important;
}

.sx-club-page-shell .sx-club-detail-hero,
.sx-club-page-shell .sx-club-detail-content,
.sx-club-page-shell .sx-rolling-premium-hero,
.sx-club-page-shell .sx-rolling-status-panel,
.sx-club-page-shell .sx-rolling-premium-card,
.sx-club-page-shell .sx-rolling-empty{
    border-color:rgba(104,104,255,.46)!important;
    background:
        radial-gradient(circle at 80% 20%,rgba(0,0,200,.34),transparent 34%),
        linear-gradient(145deg,#020221,#00003f)!important;
}

.sx-club-page-shell .sx-rolling-dates a{
    border-color:rgba(104,104,255,.42)!important;
    background:#00003f!important;
}

.sx-club-page-shell .sx-rolling-dates a.active{
    border-color:var(--sx-club-gold)!important;
    background:#0000c8!important;
}

.sx-club-page-shell .sx-rolling-sequence-line span.is-published,
.sx-club-page-shell .sx-rolling-status-progress i b{
    background:#0000c8!important;
}

@media(max-width:680px){
    .sx-club-page-shell .sx-v3-header{
        background:linear-gradient(120deg,#020221,#0000c8)!important;
    }
}