/* Liga Modern Shell v2 */
:root{
  --liga-bg:#07111f;
  --liga-bg2:#0b1729;
  --liga-panel:rgba(12,22,40,.94);
  --liga-panel-2:rgba(16,28,49,.98);
  --liga-line:rgba(255,255,255,.08);
  --liga-text:#eef4ff;
  --liga-muted:#94a3c3;
  --liga-primary:#18c784;
  --liga-accent:#4db7ff;
  --liga-danger:#ff6078;
  --liga-radius:24px;
  --liga-shadow:0 18px 45px rgba(0,0,0,.38);
}
body[data-liga-modern="1"]{
  background:
    radial-gradient(circle at top right, rgba(24,199,132,.14), transparent 22%),
    radial-gradient(circle at left bottom, rgba(77,183,255,.10), transparent 24%),
    linear-gradient(180deg,var(--liga-bg),var(--liga-bg2));
}
body[data-liga-modern="1"] .wrapper{background:transparent}
body[data-liga-modern="1"] .sidebar{
  background:linear-gradient(180deg, rgba(9,17,30,.98), rgba(14,25,46,.98));
  border-left:1px solid var(--liga-line);
  box-shadow:var(--liga-shadow);
}
body[data-liga-modern="1"] .sidebar-brand{
  margin:14px 14px 8px;
  padding:12px;
  border:1px solid var(--liga-line);
  border-radius:22px;
  background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
}
body[data-liga-modern="1"] .brand-icon{
  width:52px;height:52px;border-radius:18px;
  background:linear-gradient(135deg,var(--liga-primary),var(--liga-accent));
  box-shadow:0 10px 24px rgba(24,199,132,.24);
}
body[data-liga-modern="1"] .sidebar-nav{padding:6px 10px 10px}
body[data-liga-modern="1"] .nav-section-title{padding:12px 10px 6px;color:#7e93b1;font-size:11px;letter-spacing:.7px}
body[data-liga-modern="1"] .nav-link{
  min-height:54px;
  margin-bottom:8px;
  padding:9px 12px;
  border-radius:18px;
  border:1px solid transparent;
  background:transparent;
}
body[data-liga-modern="1"] .nav-link:hover{background:rgba(255,255,255,.04);border-color:var(--liga-line)}
body[data-liga-modern="1"] .nav-link.active{
  color:var(--liga-text)!important;
  background:linear-gradient(90deg, rgba(24,199,132,.22), rgba(77,183,255,.12));
  border-color:rgba(24,199,132,.18);
  border-right-color:transparent;
}
body[data-liga-modern="1"] .nav-link .nav-icon{
  width:42px;height:42px;border-radius:14px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.05);
}
body[data-liga-modern="1"] .sidebar-user{
  margin:8px 14px 14px;
  padding:14px;
  border-top:none;
  border:1px solid var(--liga-line);
  border-radius:20px;
  background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
}
body[data-liga-modern="1"] .main-content{background:transparent}
body[data-liga-modern="1"] .topbar{
  margin:12px 12px 0;
  padding:12px 16px;
  min-height:72px;
  border-radius:24px;
  background:linear-gradient(180deg, rgba(12,22,40,.92), rgba(16,28,49,.95));
  border:1px solid var(--liga-line);
  box-shadow:var(--liga-shadow);
}
body[data-liga-modern="1"] .content-area{padding:18px 18px 110px}
body[data-liga-modern="1"] .card,
body[data-liga-modern="1"] .stat-card,
body[data-liga-modern="1"] .match-card,
body[data-liga-modern="1"] .league-card,
body[data-liga-modern="1"] .omp-card,
body[data-liga-modern="1"] .panel,
body[data-liga-modern="1"] .table-card{
  background:linear-gradient(180deg, rgba(13,24,42,.95), rgba(10,18,33,.98)) !important;
  border:1px solid var(--liga-line) !important;
  box-shadow:var(--liga-shadow);
  border-radius:24px !important;
}
body[data-liga-modern="1"] .card-header{border-bottom:1px solid var(--liga-line)}
body[data-liga-modern="1"] .btn.btn-secondary,
body[data-liga-modern="1"] .btn.btn-icon{
  background:rgba(255,255,255,.05);
  border-color:var(--liga-line);
  color:var(--liga-text);
}
body[data-liga-modern="1"] .btn.btn-primary{background:linear-gradient(135deg,var(--liga-primary),var(--liga-accent));border:none}

body[data-liga-modern="1"] .liga-shell-overlay{
  display:none;position:fixed;inset:0;background:rgba(4,9,18,.72);backdrop-filter:blur(4px);z-index:1398;
}
body[data-liga-modern="1"].liga-sidebar-open .liga-shell-overlay{display:block}
body[data-liga-modern="1"] .liga-mobile-nav{display:none}

@media (max-width: 991px){
  body[data-liga-modern="1"] .sidebar{
    position:fixed;top:10px;right:-100%;bottom:auto;
    width:min(84vw,330px);max-width:330px;min-width:270px;
    height:calc(100dvh - 20px);min-height:calc(100dvh - 20px);
    border-radius:28px;z-index:1500;transition:right .28s ease;
    border:1px solid rgba(255,255,255,.08);
    overflow:hidden;
  }
  body[data-liga-modern="1"].liga-sidebar-open .sidebar{right:10px}
  body[data-liga-modern="1"] .main-content{margin-right:0}
  body[data-liga-modern="1"] .sidebar-nav{padding-bottom:18px}
  body[data-liga-modern="1"] #sidebar-toggle{display:flex !important;align-items:center;justify-content:center}
  body[data-liga-modern="1"] .sidebar-user{display:none}
  body[data-liga-modern="1"] .content-area{padding:14px 14px 96px}
  body[data-liga-modern="1"] .topbar{top:10px;border-radius:22px}
  body[data-liga-modern="1"] .nav-desktop-label{display:none !important}
  body[data-liga-modern="1"] .nav-link .nav-label{display:block !important;font-size:10px;line-height:1.2}
  body[data-liga-modern="1"] .sidebar .nav-link{min-height:52px}
  body[data-liga-modern="1"] .liga-mobile-nav{
    display:flex;position:fixed;right:8px;left:8px;bottom:8px;z-index:1200;
    align-items:center;justify-content:space-between;gap:8px;padding:8px;
    border-radius:22px;background:rgba(8,15,28,.94);
    border:1px solid rgba(255,255,255,.08);box-shadow:0 15px 35px rgba(0,0,0,.38);
    backdrop-filter:blur(16px);max-width:calc(100vw - 16px);overflow:hidden;
  }
  body[data-liga-modern="1"] .liga-mobile-nav a{
    flex:1;min-width:0;min-height:58px;border-radius:16px;display:flex;flex-direction:column;
    align-items:center;justify-content:center;gap:5px;color:#c9d8ef;position:relative;padding:0 2px;
    text-decoration:none;font-size:9.8px;font-weight:700;
  }
  body[data-liga-modern="1"] .liga-mobile-nav a strong{font-size:20px;line-height:1}
  body[data-liga-modern="1"] .liga-mobile-nav a.is-active{
    color:#fff;background:linear-gradient(180deg, rgba(24,199,132,.22), rgba(77,183,255,.12));
    border:1px solid rgba(24,199,132,.15);
  }
}
@media (max-width: 480px){
  body[data-liga-modern="1"] .sidebar{
    width:calc(100vw - 20px);max-width:340px;min-width:auto;
    border-radius:24px;height:calc(100dvh - 20px);min-height:calc(100dvh - 20px);
  }
  body[data-liga-modern="1"].liga-sidebar-open .sidebar{right:10px}
  body[data-liga-modern="1"] .sidebar-brand{padding:10px}
  body[data-liga-modern="1"] .brand-icon{width:48px;height:48px}
  body[data-liga-modern="1"] .topbar{height:66px;padding:0 12px;border-radius:20px}
  body[data-liga-modern="1"] .content-area{padding:12px 12px 92px}
}

/* viewer polish */
body.liga-viewer-modern,
body.vu-body,
body.vt-body{
  background:
    radial-gradient(circle at top right, rgba(24,199,132,.14), transparent 22%),
    radial-gradient(circle at left bottom, rgba(77,183,255,.10), transparent 24%),
    linear-gradient(180deg,var(--liga-bg),var(--liga-bg2));
  color:var(--liga-text);
}
body.liga-viewer-modern .v-appbar,
body.liga-viewer-modern .sf-tabs-wrap,
body.vt-body .vt-topbar,
body.vu-body .vu-topbar{
  background:linear-gradient(180deg, rgba(12,22,40,.92), rgba(16,28,49,.95)) !important;
  border-color:var(--liga-line) !important;
  box-shadow:var(--liga-shadow);
}
body.liga-viewer-modern .sf-card,
body.liga-viewer-modern .sf-pitch-wrap,
body.liga-viewer-modern .v-bottomnav,
body.vt-body .vt-hero,
body.vt-body .vt-tabs-wrap,
body.vt-body .vt-card,
body.vu-body .vu-sidebar-card,
body.vu-body .vu-bottom-nav-inner,
body.vu-body .vu-drawer-section{
  box-shadow:var(--liga-shadow);
}
body.liga-viewer-modern .sf-card,
body.liga-viewer-modern .sf-tabs-wrap,
body.liga-viewer-modern .sf-tab-pane,
body.liga-viewer-modern .v-bottomnav,
body.liga-viewer-modern footer,
body.liga-viewer-modern .sf-match-header,
body.liga-viewer-modern .sf-pitch-wrap,
body.liga-viewer-modern .pitch-arena,
body.liga-viewer-modern .bench-sidebar{
  background:linear-gradient(180deg, rgba(13,24,42,.95), rgba(10,18,33,.98)) !important;
  color:var(--liga-text) !important;
  border-color:var(--liga-line) !important;
}
body.liga-viewer-modern .sf-table th, body.liga-viewer-modern .sf-table td,
body.liga-viewer-modern .sf-scorer-row, body.liga-viewer-modern .sf-event-row,
body.liga-viewer-modern .sf-match-row{border-color:var(--liga-line)!important}
body.liga-viewer-modern .sf-match-row:hover,
body.liga-viewer-modern .sf-league-row,
body.liga-viewer-modern .sf-scorer-row:hover{background:rgba(255,255,255,.03)!important}
body.liga-viewer-modern .v-bottomnav{
  position:fixed;right:8px;left:8px;bottom:8px;height:auto;border-radius:22px;
  padding:8px;max-width:calc(100vw - 16px);overflow:hidden;
}
body.liga-viewer-modern .v-nav-item{min-height:58px;border-radius:16px}
body.liga-viewer-modern .v-nav-item.active{background:linear-gradient(180deg, rgba(24,199,132,.22), rgba(77,183,255,.12));border:1px solid rgba(24,199,132,.15)}
body.liga-viewer-modern .v-appbar{padding:10px 12px;border-bottom:none;margin:10px 10px 0;border-radius:22px;position:sticky;top:10px;z-index:50}
body.liga-viewer-modern #sf-content{padding:14px 12px 96px!important}


/* ===== Sidebar mobile conflict fix ===== */
@media (max-width: 991px){
  body[data-liga-modern="1"] .sidebar{
    display:flex !important;
    flex-direction:column !important;
    opacity:1 !important;
  }
  body[data-liga-modern="1"] .sidebar-brand{
    display:flex !important;
    align-items:center;
    gap:12px;
    margin:12px !important;
  }
  body[data-liga-modern="1"] .nav-section-title{
    display:block !important;
    padding:10px 12px 6px !important;
  }
  body[data-liga-modern="1"] .sidebar-nav{
    display:block !important;
    flex:1 1 auto !important;
    padding:6px 10px 16px !important;
    overflow:auto !important;
  }
  body[data-liga-modern="1"] .sidebar .nav-link{
    width:100% !important;
    max-width:none !important;
    min-height:52px !important;
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:10px !important;
    text-align:right !important;
    padding:8px 10px !important;
    margin-bottom:8px !important;
    border-top:none !important;
  }
  body[data-liga-modern="1"] .sidebar .nav-link .nav-icon{
    width:38px !important;
    height:38px !important;
    flex:0 0 38px !important;
    display:grid !important;
    place-items:center !important;
    font-size:18px !important;
  }
  body[data-liga-modern="1"] .sidebar .nav-link .nav-desktop-label{
    display:inline !important;
    font-size:13px !important;
    line-height:1.2 !important;
  }
  body[data-liga-modern="1"] .sidebar .nav-link .nav-label{
    display:none !important;
  }
  body[data-liga-modern="1"] .sidebar .nav-badge{
    position:static !important;
    transform:none !important;
    margin-inline-start:auto !important;
    min-width:22px !important;
    height:22px !important;
  }
  body[data-liga-modern="1"] .sidebar-user{
    display:block !important;
    margin:8px 12px 12px !important;
  }
  body[data-liga-modern="1"].liga-sidebar-open .liga-mobile-nav{
    opacity:0 !important;
    pointer-events:none !important;
    transform:translateY(16px) !important;
  }
}
@media (max-width: 768px){
  body[data-liga-modern="1"] .sidebar{
    width:min(84vw, 330px) !important;
    height:calc(100dvh - 20px) !important;
    min-height:calc(100dvh - 20px) !important;
    bottom:auto !important;
    left:auto !important;
    padding:0 !important;
    overflow:hidden !important;
  }
  body[data-liga-modern="1"] .main-content{
    padding-bottom:92px !important;
  }
}


/* ===== v4 popup sidebar fix ===== */
@media (max-width: 991px){
  body[data-liga-modern="1"] .wrapper,
  body[data-liga-modern="1"] .main-content,
  body[data-liga-modern="1"] .content-area{
    transform:none !important;
    right:auto !important;
    left:auto !important;
  }

  body[data-liga-modern="1"] .sidebar{
    position:fixed !important;
    top:12px !important;
    right:12px !important;
    left:auto !important;
    bottom:auto !important;
    width:min(86vw, 340px) !important;
    max-width:340px !important;
    min-width:270px !important;
    height:auto !important;
    max-height:calc(100dvh - 24px) !important;
    min-height:auto !important;
    display:flex !important;
    flex-direction:column !important;
    border-radius:28px !important;
    border:1px solid rgba(255,255,255,.08) !important;
    box-shadow:0 28px 70px rgba(0,0,0,.50) !important;
    overflow:hidden !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    transform:translate3d(calc(100% + 28px), 0, 0) !important;
    transition:transform .28s ease, opacity .22s ease, visibility .22s ease !important;
    z-index:1500 !important;
    backdrop-filter:blur(14px);
  }

  body[data-liga-modern="1"].liga-sidebar-open .sidebar{
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    transform:translate3d(0,0,0) !important;
  }

  body[data-liga-modern="1"] .sidebar-brand{
    margin:12px !important;
    flex:0 0 auto !important;
  }

  body[data-liga-modern="1"] .nav-section-title{
    display:block !important;
    padding:6px 12px 8px !important;
    margin:0 !important;
  }

  body[data-liga-modern="1"] .sidebar-nav{
    flex:1 1 auto !important;
    display:block !important;
    padding:0 10px 10px !important;
    overflow:auto !important;
    min-height:0 !important;
    max-height:calc(100dvh - 220px) !important;
    scrollbar-width:thin;
  }

  body[data-liga-modern="1"] .sidebar .nav-link{
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:flex-start !important;
    text-align:right !important;
    width:100% !important;
    min-height:54px !important;
    max-width:none !important;
    margin:0 0 8px !important;
    padding:8px 10px !important;
    border-radius:16px !important;
  }

  body[data-liga-modern="1"] .sidebar .nav-link .nav-icon{
    width:38px !important;
    height:38px !important;
    flex:0 0 38px !important;
    display:grid !important;
    place-items:center !important;
    font-size:18px !important;
    margin:0 !important;
  }

  body[data-liga-modern="1"] .sidebar .nav-link .nav-desktop-label{
    display:inline !important;
    font-size:13px !important;
    line-height:1.25 !important;
    white-space:normal !important;
    overflow:visible !important;
    text-overflow:unset !important;
  }

  body[data-liga-modern="1"] .sidebar .nav-link .nav-label{
    display:none !important;
  }

  body[data-liga-modern="1"] .sidebar .nav-badge{
    position:static !important;
    margin-inline-start:auto !important;
    transform:none !important;
  }

  body[data-liga-modern="1"] .sidebar-user{
    display:block !important;
    flex:0 0 auto !important;
    margin:8px 12px 12px !important;
    padding:12px !important;
  }

  body[data-liga-modern="1"] .liga-shell-overlay{
    z-index:1400 !important;
  }

  body[data-liga-modern="1"] .liga-mobile-nav{
    z-index:1200 !important;
    transition:opacity .2s ease, transform .2s ease !important;
  }

  body[data-liga-modern="1"].liga-sidebar-open .liga-mobile-nav{
    opacity:0 !important;
    pointer-events:none !important;
    transform:translateY(12px) !important;
  }
}

@media (max-width: 480px){
  body[data-liga-modern="1"] .sidebar{
    top:10px !important;
    right:10px !important;
    width:calc(100vw - 20px) !important;
    max-width:none !important;
    min-width:auto !important;
    max-height:calc(100dvh - 20px) !important;
    border-radius:24px !important;
  }

  body[data-liga-modern="1"] .sidebar-brand{
    margin:10px !important;
    padding:10px !important;
  }

  body[data-liga-modern="1"] .brand-icon{
    width:48px !important;
    height:48px !important;
  }

  body[data-liga-modern="1"] .sidebar-nav{
    max-height:calc(100dvh - 205px) !important;
  }
}