/* IPTV Belgique Commerce Engine v2.7.19.94
   Premium sidebar + content layer.
   Scope: only the client portal sidebar and the central content area.
   Does not restyle the global site header/footer. */

#iptvbc-client-app[data-iptvbc-private-portal="1"]{
  --iptvbc-portal-shell-bg:linear-gradient(180deg,rgba(255,255,255,.96),rgba(248,251,255,.92));
  --iptvbc-portal-panel:#ffffff;
  --iptvbc-portal-panel-soft:#f8fbff;
  --iptvbc-portal-line:rgba(148,163,184,.18);
  --iptvbc-portal-line-strong:rgba(59,130,246,.20);
  --iptvbc-portal-ink:#0f172a;
  --iptvbc-portal-muted:#5f6d85;
  --iptvbc-portal-primary:#2563eb;
  --iptvbc-portal-primary-2:#4f46e5;
  --iptvbc-portal-glow:0 22px 64px rgba(37,99,235,.12);
  --iptvbc-portal-shadow:0 24px 72px rgba(15,23,42,.09);
  display:grid!important;
  grid-template-columns:minmax(244px,280px) minmax(0,1fr)!important;
  align-items:start!important;
  gap:22px!important;
  padding:20px!important;
  border:1px solid rgba(148,163,184,.14)!important;
  border-radius:34px!important;
  background:var(--iptvbc-portal-shell-bg)!important;
  box-shadow:0 35px 90px rgba(15,23,42,.08), inset 0 1px 0 rgba(255,255,255,.85)!important;
}

#iptvbc-client-app > .iptvbc-client-menu-overlay-v271813,
#iptvbc-client-app > .iptvbc-client-light-topbar-v2693,
#iptvbc-client-app > .iptvbc-client-content-stack-v2713,
#iptvbc-client-app > .iptvbc-client-feature-bar-v2693{
  grid-column:2;
}

#iptvbc-client-app > .iptvbc-client-nav-v2629{
  grid-column:1;
  grid-row:1 / span 3;
  position:sticky!important;
  top:20px!important;
  display:grid!important;
  gap:18px!important;
  align-self:start!important;
  padding:18px!important;
  border:1px solid var(--iptvbc-portal-line)!important;
  border-radius:30px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(250,252,255,.96))!important;
  box-shadow:var(--iptvbc-portal-shadow)!important;
  backdrop-filter:blur(16px) saturate(1.05)!important;
  -webkit-backdrop-filter:blur(16px) saturate(1.05)!important;
  overflow:hidden!important;
}

#iptvbc-client-app > .iptvbc-client-nav-v2629::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:140px;
  pointer-events:none;
  background:radial-gradient(circle at 18% 18%,rgba(245,158,11,.15),transparent 42%), radial-gradient(circle at 80% 12%,rgba(37,99,235,.10),transparent 42%);
}

#iptvbc-client-app .iptvbc-client-sidebar-brand-v271813{
  position:relative!important;
  display:grid!important;
  grid-template-columns:auto 1fr auto!important;
  align-items:center!important;
  gap:14px!important;
  padding:12px 12px 18px!important;
  border-bottom:1px solid rgba(226,232,240,.9)!important;
}

#iptvbc-client-app .iptvbc-client-sidebar-logo-v271994{
  display:grid!important;
  place-items:center!important;
  width:52px!important;
  height:52px!important;
  border-radius:18px!important;
  color:#f59e0b!important;
  background:linear-gradient(135deg,rgba(255,244,214,.95),rgba(255,255,255,.98))!important;
  border:1px solid rgba(245,158,11,.24)!important;
  box-shadow:0 14px 34px rgba(245,158,11,.15)!important;
}

#iptvbc-client-app .iptvbc-client-sidebar-logo-v271994 svg,
#iptvbc-client-app .iptvbc-client-sidebar-vip-icon-v271994 svg,
#iptvbc-client-app .iptvbc-client-nav-icon-v271994 svg{
  width:22px;
  height:22px;
  display:block;
}

#iptvbc-client-app .iptvbc-client-sidebar-brand-copy-v271994{
  display:grid!important;
  gap:2px!important;
}

#iptvbc-client-app .iptvbc-client-sidebar-brand-copy-v271994 strong{
  color:var(--iptvbc-portal-ink)!important;
  font-size:16px!important;
  font-weight:900!important;
  letter-spacing:-.03em!important;
}

#iptvbc-client-app .iptvbc-client-sidebar-brand-copy-v271994 em{
  color:var(--iptvbc-portal-muted)!important;
  font-size:12px!important;
  font-style:normal!important;
  font-weight:700!important;
}

#iptvbc-client-app .iptvbc-client-sidebar-links-v279{
  display:grid!important;
  gap:8px!important;
}

#iptvbc-client-app .iptvbc-client-sidebar-links-v279 > a{
  position:relative!important;
  display:grid!important;
  grid-template-columns:auto 1fr auto!important;
  align-items:center!important;
  gap:12px!important;
  min-height:58px!important;
  padding:12px 14px!important;
  border-radius:18px!important;
  color:var(--iptvbc-portal-ink)!important;
  background:transparent!important;
  border:1px solid transparent!important;
  text-decoration:none!important;
  box-shadow:none!important;
}

#iptvbc-client-app .iptvbc-client-nav-icon-v271994{
  display:grid!important;
  place-items:center!important;
  width:38px!important;
  height:38px!important;
  border-radius:14px!important;
  color:#5b6b86!important;
  background:linear-gradient(180deg,#ffffff,#f8fbff)!important;
  border:1px solid rgba(226,232,240,.95)!important;
  box-shadow:0 8px 18px rgba(15,23,42,.05)!important;
}

#iptvbc-client-app .iptvbc-client-nav-label-v271994{
  min-width:0!important;
  font-size:15px!important;
  font-weight:800!important;
  line-height:1.2!important;
}

#iptvbc-client-app .iptvbc-client-sidebar-links-v279 > a:hover{
  background:rgba(248,250,252,.96)!important;
  border-color:rgba(148,163,184,.16)!important;
}

#iptvbc-client-app .iptvbc-client-sidebar-links-v279 > a.is-active{
  color:#ffffff!important;
  border-color:transparent!important;
  background:linear-gradient(135deg,var(--iptvbc-portal-primary),var(--iptvbc-portal-primary-2))!important;
  box-shadow:var(--iptvbc-portal-glow)!important;
}

#iptvbc-client-app .iptvbc-client-sidebar-links-v279 > a.is-active .iptvbc-client-nav-icon-v271994{
  color:#ffffff!important;
  background:rgba(255,255,255,.14)!important;
  border-color:rgba(255,255,255,.18)!important;
  box-shadow:none!important;
}

#iptvbc-client-app .iptvbc-client-nav-badge{
  min-width:24px!important;
  height:24px!important;
  display:grid!important;
  place-items:center!important;
  padding:0 6px!important;
  border-radius:999px!important;
  color:#ffffff!important;
  background:linear-gradient(135deg,#ef4444,#f97316)!important;
  font-size:11px!important;
  font-weight:900!important;
  box-shadow:0 10px 22px rgba(239,68,68,.22)!important;
}

#iptvbc-client-app .iptvbc-client-sidebar-vip-v271994{
  margin-top:8px!important;
  display:grid!important;
  grid-template-columns:auto 1fr!important;
  gap:14px!important;
  align-items:start!important;
  padding:18px!important;
  border-radius:24px!important;
  color:var(--iptvbc-portal-ink)!important;
  text-decoration:none!important;
  background:linear-gradient(180deg,rgba(255,248,231,.95),rgba(255,255,255,.98))!important;
  border:1px solid rgba(245,158,11,.22)!important;
  box-shadow:0 18px 38px rgba(245,158,11,.10)!important;
}

#iptvbc-client-app .iptvbc-client-sidebar-vip-icon-v271994{
  display:grid!important;
  place-items:center!important;
  width:46px!important;
  height:46px!important;
  border-radius:16px!important;
  color:#f59e0b!important;
  background:#ffffff!important;
  border:1px solid rgba(245,158,11,.22)!important;
}

#iptvbc-client-app .iptvbc-client-sidebar-vip-copy-v271994{
  display:grid!important;
  gap:6px!important;
}

#iptvbc-client-app .iptvbc-client-sidebar-vip-copy-v271994 strong{
  font-size:16px!important;
  font-weight:900!important;
  letter-spacing:-.03em!important;
  color:var(--iptvbc-portal-ink)!important;
}

#iptvbc-client-app .iptvbc-client-sidebar-vip-copy-v271994 em{
  color:var(--iptvbc-portal-muted)!important;
  font-size:13px!important;
  line-height:1.55!important;
  font-style:normal!important;
  font-weight:600!important;
}

#iptvbc-client-app .iptvbc-client-sidebar-vip-copy-v271994 b{
  color:#1d4ed8!important;
  font-size:13px!important;
  font-weight:850!important;
}

#iptvbc-client-app .iptvbc-client-light-topbar-v2693{
  position:relative!important;
  padding:16px 18px!important;
  border-radius:24px!important;
}

#iptvbc-client-app .iptvbc-client-content-stack-v2713{
  min-width:0!important;
}

#iptvbc-client-app .iptvbc-client-content-stack-v2713 > article,
#iptvbc-client-app .iptvbc-client-content-stack-v2713 > section,
#iptvbc-client-app .iptvbc-client-content-stack-v2713 > div{
  min-width:0!important;
}

#iptvbc-client-app .iptvbc-account-card,
#iptvbc-client-app .iptvbc-client-page-card-v2637,
#iptvbc-client-app .iptvbc-client-history-card-v2630,
#iptvbc-client-app .iptvbc-client-track-card,
#iptvbc-client-app .iptvbc-client-light-topbar-v2693{
  overflow:hidden!important;
}

#iptvbc-client-app .iptvbc-client-order-redesign-v271818,
#iptvbc-client-app .iptvbc-client-history-card-v271818,
#iptvbc-client-app .iptvbc-client-track-card-v2631,
#iptvbc-client-app .iptvbc-client-profile-shell-v2630,
#iptvbc-client-app .iptvbc-client-support-card-v2630,
#iptvbc-client-app .iptvbc-client-renewal-section,
#iptvbc-client-app .iptvbc-client-page-card-v2637{
  position:relative!important;
  isolation:isolate!important;
}

#iptvbc-client-app .iptvbc-client-order-redesign-v271818::before,
#iptvbc-client-app .iptvbc-client-history-card-v271818::before,
#iptvbc-client-app .iptvbc-client-track-card-v2631::before,
#iptvbc-client-app .iptvbc-client-profile-shell-v2630::before,
#iptvbc-client-app .iptvbc-client-support-card-v2630::before,
#iptvbc-client-app .iptvbc-client-renewal-section::before,
#iptvbc-client-app .iptvbc-client-page-card-v2637::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:3px;
  background:linear-gradient(90deg,rgba(37,99,235,.85),rgba(6,182,212,.58),rgba(124,58,237,.32));
  opacity:.85;
  pointer-events:none;
}

#iptvbc-client-app .iptvbc-client-light-title-v2693 strong,
#iptvbc-client-app .iptvbc-client-page-card-v2637 h3,
#iptvbc-client-app .iptvbc-account-card h3{
  letter-spacing:-.045em!important;
}

#iptvbc-client-app .iptvbc-client-page-card-v2637 p,
#iptvbc-client-app .iptvbc-account-card p,
#iptvbc-client-app .iptvbc-client-order-row small,
#iptvbc-client-app .iptvbc-client-order-row em,
#iptvbc-client-app .iptvbc-client-note,
#iptvbc-client-app .iptvbc-client-page-card-v2637 small{
  color:var(--iptvbc-portal-muted)!important;
}

#iptvbc-client-app .iptvbc-client-order-row,
#iptvbc-client-app .iptvbc-client-profile-preview-v2693 span,
#iptvbc-client-app .iptvbc-client-security-list > div,
#iptvbc-client-app .iptvbc-client-track-details-v2631 summary,
#iptvbc-client-app .iptvbc-support-shortcut-card,
#iptvbc-client-app .iptvbc-support-faq-card,
#iptvbc-client-app .iptvbc-support-ticket-table-row{
  border-radius:18px!important;
  border:1px solid rgba(226,232,240,.92)!important;
  background:linear-gradient(180deg,#ffffff,#fbfdff)!important;
  box-shadow:0 10px 26px rgba(15,23,42,.045)!important;
}

#iptvbc-client-app .iptvbc-client-actions .iptvbc-btn,
#iptvbc-client-app .iptvbc-btn,
#iptvbc-client-app .button{
  min-height:44px!important;
  padding:0 18px!important;
  border-radius:14px!important;
  font-size:13px!important;
  font-weight:850!important;
}

#iptvbc-client-app .iptvbc-btn-primary,
#iptvbc-client-app .button-primary,
#iptvbc-client-app .iptvbc-client-track-details-v2631 summary em{
  color:#ffffff!important;
  background:linear-gradient(135deg,var(--iptvbc-portal-primary),var(--iptvbc-portal-primary-2))!important;
  border-color:transparent!important;
  box-shadow:0 14px 32px rgba(37,99,235,.20)!important;
}

#iptvbc-client-app .iptvbc-btn:not(.iptvbc-btn-primary):not(.button-primary):not([type="submit"]),
#iptvbc-client-app .button:not(.button-primary){
  color:#1d4ed8!important;
  background:#ffffff!important;
  border:1px solid rgba(59,130,246,.14)!important;
  box-shadow:0 10px 24px rgba(15,23,42,.05)!important;
}

#iptvbc-client-app .iptvbc-client-track-details-v2631 summary{
  display:grid!important;
  grid-template-columns:1fr auto!important;
  gap:10px!important;
  align-items:center!important;
  padding:18px 20px!important;
}

#iptvbc-client-app .iptvbc-client-track-details-v2631 summary span,
#iptvbc-client-app .iptvbc-client-track-details-v2631 summary strong{
  grid-column:1;
}

#iptvbc-client-app .iptvbc-client-track-details-v2631 summary em{
  grid-column:2;
  grid-row:1 / span 2;
  align-self:center;
  justify-self:end;
  min-width:90px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 14px;
  border-radius:12px;
  font-style:normal;
}

#iptvbc-client-app .iptvbc-client-order-row:hover,
#iptvbc-client-app .iptvbc-client-profile-preview-v2693 span:hover,
#iptvbc-client-app .iptvbc-support-shortcut-card:hover,
#iptvbc-client-app .iptvbc-support-faq-card:hover{
  transform:translateY(-2px)!important;
  box-shadow:0 16px 32px rgba(15,23,42,.07)!important;
}

#iptvbc-client-app .iptvbc-support-ticket-table-row,
#iptvbc-client-app .iptvbc-support-ticket-table-head{
  overflow:auto!important;
}

#iptvbc-client-app .iptvbc-client-feature-bar-v2693{
  margin-top:4px!important;
  padding:14px!important;
}

@media (max-width:1180px){
  #iptvbc-client-app[data-iptvbc-private-portal="1"]{
    grid-template-columns:1fr!important;
  }
  #iptvbc-client-app > .iptvbc-client-nav-v2629,
  #iptvbc-client-app > .iptvbc-client-menu-overlay-v271813,
  #iptvbc-client-app > .iptvbc-client-light-topbar-v2693,
  #iptvbc-client-app > .iptvbc-client-content-stack-v2713,
  #iptvbc-client-app > .iptvbc-client-feature-bar-v2693{
    grid-column:1!important;
  }
  #iptvbc-client-app > .iptvbc-client-nav-v2629{
    grid-row:auto!important;
    position:relative!important;
    top:0!important;
  }
}

@media (max-width:760px){
  #iptvbc-client-app[data-iptvbc-private-portal="1"]{
    padding:14px!important;
    gap:14px!important;
    border-radius:24px!important;
  }
  #iptvbc-client-app > .iptvbc-client-nav-v2629{
    padding:14px!important;
    border-radius:22px!important;
  }
  #iptvbc-client-app .iptvbc-client-sidebar-brand-v271813{
    padding:6px 6px 14px!important;
  }
  #iptvbc-client-app .iptvbc-client-sidebar-links-v279 > a{
    min-height:52px!important;
    padding:10px 12px!important;
  }
  #iptvbc-client-app .iptvbc-client-nav-label-v271994{
    font-size:14px!important;
  }
  #iptvbc-client-app .iptvbc-client-sidebar-vip-v271994{
    padding:14px!important;
  }
}
