.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; }
.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; }
@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}}