/* Operational themes: dark club shell, warm paper where work happens. */
body[data-club-page]{background:var(--cream);color:var(--ink)}
body[data-club-page]::before{display:none}
/* Account entry: a compact landscape establishes the same club without an animation. */
[data-club-page=account] .shell{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);min-height:calc(100svh - 80px)}
[data-club-page=account] .brand{position:relative;background:var(--club-ink);color:var(--club-paper);padding:clamp(32px,5vw,72px);min-height:0;justify-content:space-between}
[data-club-page=account] .brand::before,[data-club-page=account] .brand::after{display:none}
[data-club-page=account] .brand h1{font-size:clamp(36px,4vw,56px);line-height:1.16;font-weight:400;max-width:480px}
[data-club-page=account] .brand h1 em{color:var(--club-paper);font-style:normal}
[data-club-page=account] .brand-sub{font-size:16px;color:var(--club-muted);font-weight:400}
[data-club-page=account] .context{background:none;border:0;border-top:1px solid var(--club-rule);border-radius:0;padding:24px 0;margin-top:36px}.context p{font-size:16px;color:var(--club-muted)}.context h2{font-size:24px}.context-label,.progress-label{font-size:14px;color:var(--club-muted)}
[data-club-page=account] .form-panel{min-height:0;padding:48px clamp(24px,7vw,108px);background:var(--cream);justify-content:center}
[data-club-page=account] .view{width:100%;max-width:560px;animation-duration:.2s}.view h2{font-size:36px;line-height:1.2}.view h2 em{font-style:normal}.sub{font-size:16px;font-weight:400}.eyebrow,.field label,.group-label,.tiny,.split-note,.host-link,.check,.message{font-size:14px}.form-panel .green{background:var(--green)}.input,.finp{font-size:16px}.brand-foot{margin-top:32px}
/* Brand text is light only inside the dark shell, never inherited by forms. */
[data-club-page=account] .context h2{color:var(--club-paper)}
/* Recovery and booking feedback keep the brand outside the form, not inside every card. */
body[data-club-page=recovery],body[data-club-page=payment]{display:block;padding:0;background:var(--club-ink);min-height:100svh}
[data-club-page=recovery] .card,[data-club-page=payment] main{position:relative;width:min(640px,calc(100% - 48px));max-width:640px;margin:48px auto 64px;padding:clamp(28px,4vw,48px);border-radius:3px;background:var(--cream);color:var(--ink)}
[data-club-page=recovery] .card h1,[data-club-page=payment] h1{font-size:clamp(32px,4vw,44px);line-height:1.16;margin-bottom:20px}
[data-club-page=payment] .actions{gap:12px}.actions a,.actions button{font-size:14px;border-radius:3px}.reference{font-size:14px!important}.card .field input{font-size:16px}.card .sub{font-size:16px}
/* Account workspace. Keep task navigation and every existing view. */
[data-club-page=dashboard] .sb{background:var(--club-ink);width:236px;border-right:1px solid var(--club-rule)}
[data-club-page=dashboard] .sblogo{padding:7px 24px;height:80px;display:flex;align-items:center}
[data-club-page=dashboard] .sbl{font-size:16px;color:var(--club-muted);min-height:48px}.sb .sbl.act{background:#2c3930;border-left-color:var(--club-paper);color:var(--club-paper)}.sb .nslbl{color:var(--club-muted);font-size:14px;letter-spacing:.04em}.sbnav details summary{font-size:16px;color:var(--club-muted)}.sb .urole{color:var(--club-paper);font-size:14px}.uname{font-size:16px}.sb .xpbar,.sb .xplbl{display:none}
[data-club-page=dashboard] .main{margin-left:236px;padding:40px clamp(24px,4vw,64px);max-width:none}
.greet{font:400 clamp(30px,3vw,42px)/1.2 var(--serif)}.greet span{font:400 16px/1.6 var(--sans);margin-top:12px}
[data-club-page=dashboard] .panel{background:transparent;border:0;border-top:1px solid var(--cream3);border-radius:0;padding:24px 0;box-shadow:none}
.statcards{gap:0;border-block:1px solid var(--cream3)}.statcards .sc{border:0;border-right:1px solid var(--cream3);background:transparent;border-radius:0;box-shadow:none;padding:24px}.statcards .sc:last-child{border-right:0}.sc-num{font-family:var(--serif)}.row{padding-block:20px}.rname{font-size:16px}.rdate,.rmeta,.bkmeta,.bkstatus,.ptitle,.plnk{font-size:14px}.bkcard{border-radius:3px;box-shadow:none}.fm-card{border:0!important;border-block:1px solid var(--cream3)!important;border-radius:0;background:transparent}.fm-name{font-family:var(--serif)}
.mobile-account-toggle{background:var(--club-ink);color:var(--club-paper);height:72px;padding:0 24px}.mobile-account-toggle button{background:none;border:1px solid var(--club-rule);color:var(--club-paper);font-size:14px}.mobile-account-toggle .club-task-logo{width:52px;height:62px}
[data-club-page=dashboard] .mode-toggle,[data-club-page=dashboard] .mode-toggle button,[data-club-page=dashboard] .vibe-pick{border-radius:3px}
/* Academy has its own module navigation; no full public nav inside a lesson. */
[data-club-page=academy] .topbar{height:80px;background:var(--club-ink);color:var(--club-paper);padding:0 4vw;border-color:var(--club-rule)}
.topbar-progress{font-size:14px;color:var(--club-muted)}.academy-account{display:inline-flex;align-items:center;min-height:44px;font-size:14px;color:var(--club-paper)}
[data-club-page=academy] .shell{max-width:1440px;padding:40px 4vw 72px;grid-template-columns:280px minmax(0,1fr);gap:clamp(28px,4vw,64px)}
[data-club-page=academy] .sidebar{background:var(--club-ink);color:var(--club-paper);border:0;border-radius:3px;top:104px;padding:24px}
.sidebar-pct{color:var(--club-paper);font-size:46px;font-weight:400}.sidebar-pct-lbl{font-size:14px;color:var(--club-muted)}.sidebar-bar-bg{background:var(--club-rule)}.sidebar-bar-fill{background:var(--club-paper)}
.module-nav-item{min-height:48px;border-radius:3px}.module-nav-label{font-size:14px;color:var(--club-muted)}.module-nav-item.active,.module-nav-item:hover{background:#34463a}.module-nav-item.active .module-nav-label,.module-nav-item.done .module-nav-label{color:var(--club-paper)}.module-nav-item.active .module-nav-dot,.module-nav-item.done .module-nav-dot{background:var(--club-paper);color:var(--club-ink)}
.module-title{font-size:36px;font-weight:400}.module-sub,.lesson-body,.example-text,.dont-text,.quiz-q,.quiz-opt{font-size:16px;font-weight:400}.lesson-title{font-size:25px;font-weight:400}.lesson-card{background:transparent;border:0;border-top:1px solid var(--cream3);border-radius:0;padding:24px 0}.quiz-card{background:var(--w);border-radius:3px}.lesson-num,.module-eyebrow,.example-label,.dont-label,.quiz-feedback,.pledge-title,.pledge-item,.cert-sub{font-size:14px}.module-actions{gap:20px}.btn-next{white-space:normal}.module-panel.active{animation-duration:.2s}.cert-badge{box-shadow:none}#moduleContent{min-width:0;scroll-margin-top:104px}
/* Administration: dark task frame, precise tables on warm paper. */
[data-club-page=admin] #login-screen{background:var(--club-ink);overflow:auto;padding:32px 0}.login-box{border:0;border-radius:3px;box-shadow:none}.login-logo .club-task-logo{margin:0 auto 20px}.login-logo .club-task-logo img{filter:none}.login-eyebrow{color:var(--ink3);font-size:14px}
[data-club-page=admin] .topbar{height:80px;padding:0 4vw;background:var(--club-ink);color:var(--club-paper);box-shadow:none;border-bottom:1px solid var(--club-rule);position:sticky;top:0;z-index:60}.topbar-logo{display:flex;align-items:center;gap:24px}.topbar-user{color:var(--club-muted);font-size:14px}.admin-badge{background:transparent;border:1px solid var(--club-rule);color:var(--club-paper);font-size:14px;border-radius:2px}.btn-logout{color:var(--club-paper);border-color:var(--club-rule);font-size:14px}.admin-notice{font-size:14px;background:var(--cream2)}
[data-club-page=admin] .sidebar{background:var(--club-ink);color:var(--club-paper);border-right:1px solid var(--club-rule);top:80px;min-height:calc(100svh - 160px)}.sidebar-section-label{color:var(--club-muted);font-size:14px}.sidebar .nav-item{color:var(--club-muted);font-size:14px;min-height:48px}.sidebar .nav-item:hover,.sidebar .nav-item.active{background:#34463a;color:var(--club-paper)}
.stats-row{gap:0;border-block:1px solid var(--cream3)}.stat-card,.stat-card.highlight{background:transparent;border:0;border-right:1px solid var(--cream3);border-radius:0;box-shadow:none}.stat-card::before,.stat-card::after{display:none}.stat-num{font-family:var(--serif);font-weight:400}.stat-lbl,.page-eyebrow,.td-sub,.th,.filter-btn,.badge{font-size:14px}.td,.page-sub{font-size:16px}.table-wrap{border-radius:0;box-shadow:none}.page-title{font-size:38px}.table-title{font-family:var(--serif);font-size:24px;font-weight:400}.table-row{min-height:64px}.btn-view,.btn-approve,.btn-reject{font-size:14px}.admin-main{padding:36px;min-width:0}
.topbar-logo .admin-badge{color:var(--club-paper);font-family:var(--sans)}.stat-card.highlight .stat-num{color:var(--ink)}.stat-card.highlight .stat-lbl{color:var(--ink3)}
[data-club-page=admin] .btn-view,[data-club-page=admin] .btn-logout{border-radius:3px}
[data-club-page=admin] .filter-btn{border-radius:3px}
@media(max-width:700px){[data-club-page=admin] .filter-bar .search-input{width:100%;flex:1 1 100%}}
@media(max-width:1050px){[data-club-page=academy] .topbar,[data-club-page=admin] .topbar{height:72px}}
@media(max-width:900px){[data-club-page=account] .shell{grid-template-columns:1fr;min-height:0}[data-club-page=account] .brand{padding:32px 24px}[data-club-page=account] .brand h1{font-size:34px;max-width:none}[data-club-page=account] .context{margin-top:24px}.brand-foot{display:none}[data-club-page=account] .form-panel{padding:32px 24px;align-items:center}[data-club-page=account] .view{max-width:620px}.view h2{font-size:32px}[data-club-page=academy] .shell{grid-template-columns:1fr;padding:24px;gap:28px}[data-club-page=academy] .sidebar{position:static;padding:24px}.module-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.module-nav-label{overflow-wrap:anywhere}.topbar-progress{display:none}.topbar-right{gap:16px}.module-title{font-size:32px}[data-club-page=admin] .sidebar{min-height:0;position:static}.admin-main{padding:24px 20px}.stat-card{padding:20px}.admin-notice p{min-width:0;flex-basis:100%}}
@media(max-width:900px){[data-club-page=admin] .topbar{height:auto;min-height:72px;padding:8px 20px;gap:8px 20px}.topbar-user{overflow-wrap:anywhere}[data-club-page=account] .brand{padding:24px}[data-club-page=account] .brand h1{font-size:30px;margin-bottom:0}[data-club-page=account] .brand-sub{display:none}[data-club-page=account] .context{padding:16px 0 0;margin-top:16px}[data-club-page=account] .context-label{margin:0}[data-club-page=account] .context h2{font-size:22px}[data-club-page=account] .context p{font-size:14px;line-height:1.6}}
@media(max-width:700px){[data-club-page=dashboard] .main{margin-left:0;padding:28px 20px}[data-club-page=dashboard] .sb{top:72px;width:min(320px,86vw)}[data-club-page=dashboard] .sblogo{display:none}.statcards .sc{padding:20px 14px}.row{gap:16px}.panel{padding:20px 0}.bkcard{flex-wrap:wrap}.bkcard>div{min-width:0}.statcards{grid-template-columns:1fr 1fr}.statcards .sc:nth-child(even){border-right:0}.statcards .sc:nth-child(n+3){border-top:1px solid var(--cream3)}.club-task-bar .task-links{gap:12px}.club-task-bar .task-label{display:none}[data-club-page=payment] main,[data-club-page=recovery] .card{width:calc(100% - 32px);margin:24px auto 40px;padding:28px 24px}.module-nav{grid-template-columns:1fr}.quiz-card{padding:24px 20px}.cert-pledge{padding:20px}}