:root{
  --zosp-brand-dark:#7f1016;
  --zosp-brand:#b91c1c;
  --zosp-brand-light:#dc2626;
  --zosp-ink:#172033;
  --zosp-muted:#64748b;
  --zosp-border:#e2e8f0;
  --zosp-surface:#ffffff;
  --zosp-surface-soft:#f8fafc;
  --zosp-topbar-height:68px;
}

/* Wyraźnie oddzielony nagłówek aplikacji */
.zosp-topbar{
  min-height:var(--zosp-topbar-height);
  padding:.45rem .8rem;
  background:linear-gradient(110deg,var(--zosp-brand-dark) 0%,var(--zosp-brand) 62%,#991b1b 100%);
  border-bottom:1px solid rgba(255,255,255,.2);
  box-shadow:0 8px 24px rgba(15,23,42,.22);
  z-index:1040;
}
.zosp-topbar-inner{gap:.45rem;min-width:0}
.zosp-menu-button,.zosp-top-action,.zosp-logout-button{
  border:1px solid rgba(255,255,255,.42);
  color:#fff;
  background:rgba(255,255,255,.08);
}
.zosp-menu-button{width:40px;height:40px;display:inline-grid;place-items:center;font-size:1.1rem;padding:0}
.zosp-menu-button:hover,.zosp-top-action:hover,.zosp-logout-button:hover{
  color:#fff;background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.75)
}
.zosp-brand{display:flex;align-items:center;gap:.65rem;margin-right:.7rem;padding:0;color:#fff!important;min-width:max-content}
.zosp-brand-mark{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#fff;color:var(--zosp-brand);box-shadow:0 5px 14px rgba(0,0,0,.16);font-size:1.25rem}
.zosp-brand-copy{display:flex;flex-direction:column;line-height:1.05}
.zosp-brand-copy strong{font-size:1.05rem;letter-spacing:.01em}
.zosp-brand-copy small{margin-top:.25rem;color:rgba(255,255,255,.74);font-size:.68rem;font-weight:600}
.zosp-competition-context{
  flex-direction:column;justify-content:center;min-width:0;max-width:460px;
  margin-right:1rem;padding:.32rem .75rem;border-left:1px solid rgba(255,255,255,.28);
  color:#fff;text-decoration:none;line-height:1.08
}
.zosp-competition-context:hover{color:#fff;background:rgba(255,255,255,.07);border-radius:0 10px 10px 0}
.zosp-competition-context strong{font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.zosp-competition-context small{margin-top:.25rem;color:rgba(255,255,255,.72);font-size:.7rem}
.zosp-context-label{text-transform:uppercase;letter-spacing:.08em;font-size:.58rem;font-weight:800;color:#fecaca;margin-bottom:.18rem}
.zosp-mobile-competition-context{display:flex;flex-direction:column;color:#fff;text-decoration:none;padding:.55rem .65rem;margin-bottom:.55rem;border:1px solid rgba(255,255,255,.24);border-radius:10px;background:rgba(255,255,255,.08);line-height:1.15}
.zosp-mobile-competition-context:hover{color:#fff;background:rgba(255,255,255,.14)}
.zosp-mobile-competition-context span{text-transform:uppercase;letter-spacing:.07em;font-size:.58rem;font-weight:800;color:#fecaca}
.zosp-mobile-competition-context strong{font-size:.86rem;margin-top:.2rem}
.zosp-mobile-competition-context small{font-size:.68rem;color:rgba(255,255,255,.76);margin-top:.22rem}
.zosp-top-links .nav-link{color:rgba(255,255,255,.82);font-weight:700;border-radius:8px;padding:.45rem .65rem!important}
.zosp-top-links .nav-link:hover{color:#fff;background:rgba(255,255,255,.1)}
.zosp-user-actions{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;margin-left:auto}
.zosp-user-chip{display:flex;align-items:center;gap:.45rem;max-width:245px;color:#fff;text-decoration:none;padding:.25rem .45rem;border-radius:10px}
.zosp-user-chip:hover{color:#fff;background:rgba(255,255,255,.1)}
.zosp-user-chip>span:last-child{display:flex;flex-direction:column;min-width:0;line-height:1.08}
.zosp-user-chip strong{font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.zosp-user-chip small{font-size:.65rem;color:rgba(255,255,255,.72);margin-top:.22rem}
.zosp-user-avatar{width:30px;height:30px;border-radius:9px;background:rgba(255,255,255,.15);display:grid;place-items:center;flex:0 0 30px}
.zosp-navbar-toggler{border-color:rgba(255,255,255,.4)}

/* Boczne menu zaczyna się pod wyższym nagłówkiem */
.competition-left,.competition-right{top:var(--zosp-topbar-height)!important}
.sidebar-backdrop{inset:var(--zosp-topbar-height) 0 0 0!important}
.side-head{height:52px}

/* Zwijane grupy menu zawodów */
.side-menu-group{margin:4px 0 6px;border-top:1px solid transparent}
.side-section-toggle{
  width:100%;display:flex;align-items:center;justify-content:space-between;gap:.75rem;
  border:0;background:transparent;color:var(--zosp-muted);padding:10px 9px 6px;
  text-align:left;text-transform:uppercase;letter-spacing:.065em;font-size:.72rem;font-weight:900;
  border-radius:9px;cursor:pointer
}
.side-section-toggle:hover{background:#f1f5f9;color:var(--zosp-ink)}
.side-section-toggle:focus-visible{outline:3px solid rgba(37,99,235,.25);outline-offset:1px}
.side-section-chevron{font-size:1rem;line-height:1;transition:transform .18s ease;color:#475569}
.side-menu-group.is-collapsed .side-section-chevron{transform:rotate(-90deg)}
.side-menu-group .side-section[hidden]{display:none!important}
.side-menu-group .side-section{padding-left:2px}
.side-menu-group:has(.side-link.active) .side-section-toggle{color:#991b1b;background:#fff7ed}

/* Treść ma własne tło i nie zlewa się z nagłówkiem */
body{background:#f4f6f9;color:var(--zosp-ink)}
main{position:relative}
main.container-fluid{padding-top:1.35rem!important}

/* Stopka */
.zosp-app-footer{
  margin-top:2.25rem;padding:1rem 1.15rem;border-top:1px solid var(--zosp-border);
  background:rgba(255,255,255,.82);border-radius:14px 14px 0 0;color:#64748b;font-size:.82rem
}
.zosp-app-footer-inner{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}
.zosp-app-footer strong{color:#334155}
.zosp-app-footer-owner{display:flex;align-items:center;gap:.4rem}
.zosp-app-footer-owner::before{content:'©';font-weight:800;color:#991b1b}

@media(max-width:991.98px){
  .zosp-topbar{padding:.45rem .65rem}
  .zosp-brand-copy small{display:none}
  .zosp-brand-mark{width:36px;height:36px;border-radius:10px}
  .zosp-brand{margin-right:auto}
  .zosp-topbar .navbar-collapse{margin-top:.55rem;padding:.65rem;border-top:1px solid rgba(255,255,255,.22);background:rgba(95,10,15,.28);border-radius:10px}
  .zosp-user-actions{align-items:stretch;flex-direction:column;margin-top:.5rem}
  .zosp-user-chip{max-width:none}
  .zosp-logout-button{width:100%}
}
@media(max-width:575.98px){
  :root{--zosp-topbar-height:60px}
  .zosp-brand-copy strong{font-size:.95rem}
  .zosp-brand-mark{width:34px;height:34px}
  .zosp-menu-button{width:36px;height:36px}
  .zosp-app-footer-inner{display:block;text-align:center}
  .zosp-app-footer-owner{justify-content:center;margin-top:.35rem}
}
@media print{.zosp-app-footer,.zosp-topbar{display:none!important}}