.side-nav {
    gap: 3px;
    overflow-y: auto;
    padding-right: 3px;
}

.nav-section {
    color: #65748c;
    font-size: 0.5rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    padding: 13px 11px 5px;
}

.nav-section:first-child {
    padding-top: 0;
}

.side-nav::-webkit-scrollbar {
    width: 4px;
}

.side-nav::-webkit-scrollbar-thumb {
    background: #28354a;
    border-radius: 10px;
}

@media (max-width: 900px) {
    .nav-section {
        display: none;
    }
}

.club-profile-layout { display:grid; grid-template-columns:260px minmax(420px,1fr); gap:16px; }
.club-logo-panel { display:flex; flex-direction:column; align-items:center; gap:14px; }
.club-logo-panel .panel-title { align-self:stretch; }
.club-logo-preview { width:150px; height:150px; border-radius:30px; display:grid; place-items:center; color:white; font-size:42px; font-weight:900; box-shadow:0 16px 38px #0006; }
.club-logo-preview img { width:100%;height:100%;object-fit:cover;border-radius:inherit; }
.club-logo-panel input[type=file] { position:absolute; width:1px; height:1px; opacity:0; }
.upload-label { cursor:pointer; }
.club-profile-form { display:grid; gap:14px; }
.form-columns { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.color-field { min-height:43px; padding:5px; }
.brand-preview { grid-column:1/-1; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.discord-preview { display:flex; align-items:center; gap:12px; background:#111827; border:1px solid #263247; padding:14px 18px; border-radius:12px; min-width:360px; }
.discord-preview>span { width:42px; height:42px; border-radius:50%; display:grid; place-items:center; }
.discord-preview div { display:flex; flex-direction:column; }
.identity-card>span { font-size:11px; font-weight:900; }
@media (max-width:800px){.club-profile-layout{grid-template-columns:1fr}.brand-preview{align-items:flex-start;flex-direction:column}.discord-preview{min-width:0;width:100%}.form-columns{grid-template-columns:1fr}}

.brand-logo {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  object-fit: cover;
  border: 1px solid #6d4bc4;
  box-shadow: 0 0 18px rgba(139, 92, 246, .28);
}
.session-row-link { color:inherit; text-decoration:none; }
.session-row-link:hover { background:#172135; transform:translateX(2px); }
.match-result-form { display:grid; gap:16px; margin-bottom:16px; }
.match-form-grid { display:grid; grid-template-columns:1.2fr 1.5fr .6fr .6fr .8fr; gap:12px; }
@media(max-width:900px){.match-form-grid{grid-template-columns:1fr 1fr}}
.editor-panel { display:grid;gap:16px;max-width:760px; }

.main-content { margin:0 auto; align-self:start; }

@media (max-width: 900px) {
  html, body { max-width:100%; overflow-x:hidden; }
  .main-content { width:100%; padding:70px 12px 86px; overflow:hidden; }
  .dashboard-heading { display:flex; flex-direction:column; align-items:stretch; gap:14px; }
  .dashboard-heading > div:last-child, .heading-actions { display:grid; grid-template-columns:1fr; width:100%; gap:8px; }
  .dashboard-heading button, .heading-actions a { width:100%; min-height:44px; text-align:center; }
  .panel { width:100%; padding:14px; overflow:hidden; }
  .panel > div[style*="grid-template-columns"] { grid-template-columns:1fr !important; align-items:stretch !important; }
  .status, .muted { overflow-wrap:anywhere; word-break:break-word; }
  .module-toolbar, .module-tabs { overflow-x:auto; padding-bottom:4px; }
  .module-toolbar > * { min-width:0; }
}

@media (max-width: 520px) {
  .match-form-grid { grid-template-columns:1fr; }
  .stats-grid { grid-template-columns:1fr; }
  .response-settings label { grid-template-columns:52px 42px minmax(0,1fr); }
}

.club-loader { position:fixed; inset:0; z-index:9999; display:grid; place-items:center; padding:24px; background:radial-gradient(circle at 50% 28%,#211251 0,#0b1020 38%,#050810 78%); color:#fff; text-align:center; transition:opacity .35s ease,visibility .35s ease; }
.club-loader.is-ready { opacity:0; visibility:hidden; pointer-events:none; }
.club-loader-card { width:min(440px,100%); display:flex; flex-direction:column; align-items:center; }
.club-loader-card img { width:clamp(96px,24vw,150px); height:clamp(96px,24vw,150px); object-fit:cover; border-radius:30px; box-shadow:0 20px 70px #000a,0 0 42px #7c3aed55; animation:loader-float 2.4s ease-in-out infinite; }
.club-loader-kicker { margin:24px 0 8px!important; color:#a78bfa; font-size:11px; font-weight:900; letter-spacing:.22em; }
.club-loader-card h1 { margin:0; font-size:clamp(22px,5vw,34px); line-height:1.15; }
.club-loader-card>p:not(.club-loader-kicker) { margin:12px 0 0; color:#98a5b8; font-size:13px; }
.club-loader-dots { display:flex; gap:8px; margin-top:25px; }
.club-loader-dots span { width:9px; height:9px; border-radius:50%; background:#8b5cf6; animation:loader-dot 1.1s ease-in-out infinite; }
.club-loader-dots span:nth-child(2){animation-delay:.14s}.club-loader-dots span:nth-child(3){animation-delay:.28s}
.inline-loader { min-height:100dvh; }
.club-login-shell{min-height:100dvh;display:grid;place-items:center;padding:22px;background:radial-gradient(circle at 50% 12%,#28135e 0,#0b1020 38%,#050810 78%);color:#fff}.club-login-card{width:min(460px,100%);display:flex;align-items:center;flex-direction:column;padding:36px 32px;border:1px solid rgba(167,139,250,.28);border-radius:28px;background:linear-gradient(145deg,rgba(17,24,39,.94),rgba(7,11,20,.97));box-shadow:0 30px 90px rgba(0,0,0,.52);text-align:center}.club-login-card>img{width:112px;height:112px;border-radius:25px;object-fit:cover;box-shadow:0 18px 55px #0009,0 0 38px #7c3aed4d}.club-login-card h1{margin:0;font-size:32px;line-height:1.08}.club-login-card>p:not(.club-loader-kicker){max-width:350px;margin:12px 0 24px;color:#9aa8ba;font-size:13px;line-height:1.6}.discord-login-button{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:15px 18px;border-radius:12px;background:linear-gradient(135deg,#5865f2,#7048e8);color:#fff;font-size:13px;font-weight:900;text-decoration:none;box-shadow:0 14px 35px rgba(88,101,242,.28)}.discord-login-button span{font-size:18px}.login-steps{width:100%;display:grid;grid-template-columns:auto 1fr auto 1fr auto;align-items:center;gap:8px;margin:28px 0 20px}.login-steps>span{display:flex;align-items:center;flex-direction:column;gap:6px}.login-steps b{width:29px;height:29px;display:grid;place-items:center;border:1px solid #6d57b5;border-radius:50%;background:#211542;color:#ddd6fe;font-size:10px}.login-steps small{color:#9ca8ba;font-size:8px}.login-steps i{height:1px;background:linear-gradient(90deg,#6d57b5,#303a4a)}.login-security{color:#6f7d91;font-size:8px}@media(max-width:520px){.club-login-shell{padding:0;background:radial-gradient(circle at 50% 8%,#28135e 0,#090e1b 42%,#050810 82%)}.club-login-card{min-height:100dvh;justify-content:center;padding:28px 22px;border:0;border-radius:0;background:transparent;box-shadow:none}.club-login-card>img{width:104px;height:104px}.club-login-card h1{font-size:28px}.discord-login-button{min-height:54px;font-size:14px}.login-steps{margin-top:32px}}
.reconnect-modal { display:none; }
.reconnect-modal.components-reconnect-show,.reconnect-modal.components-reconnect-failed,.reconnect-modal.components-reconnect-rejected { display:grid; }
.reconnect-failed { display:none; }
.components-reconnect-failed .reconnect-pending,.components-reconnect-rejected .reconnect-pending { display:none; }
.components-reconnect-failed .reconnect-failed,.components-reconnect-rejected .reconnect-failed { display:block; }
body.navigation-pending::before{content:"";position:fixed;z-index:11000;top:0;left:0;width:42%;height:3px;background:linear-gradient(90deg,#8b5cf6,#d8b4fe);box-shadow:0 0 16px #8b5cf6;animation:navigation-progress .8s ease-in-out infinite alternate}
.list-pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:20px}.list-pagination span{color:#aeb7c8;font-size:.9rem}.list-pagination .ghost-button{min-width:44px;padding:9px 13px}
@keyframes navigation-progress{from{transform:translateX(-35%)}to{transform:translateX(175%)}}
@media(min-width:901px){.reconnect-modal.components-reconnect-show,.reconnect-modal.components-reconnect-failed,.reconnect-modal.components-reconnect-rejected{inset:auto 18px 18px auto;width:min(390px,calc(100vw - 36px));padding:14px;border:1px solid #5b3aa2;border-radius:18px;box-shadow:0 20px 70px #000b}.reconnect-modal .club-loader-card img{width:58px;height:58px;border-radius:14px}.reconnect-modal .club-loader-kicker{margin:10px 0 5px!important}.reconnect-modal .club-loader-card h1{font-size:18px}.reconnect-modal .club-loader-card>p:not(.club-loader-kicker){font-size:11px}.reconnect-modal .club-loader-dots{margin-top:12px}}
@keyframes loader-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes loader-dot{0%,100%{opacity:.25;transform:scale(.75)}50%{opacity:1;transform:scale(1.15)}}
@media (prefers-reduced-motion:reduce){.club-loader-card img,.club-loader-dots span{animation:none}}
