/* IPTV Belgique Commerce Engine v2.7.19.93
   Client Portal Unified Experience Layer
   Final scoped layer loaded after all client modules to harmonize Overview, Ma commande,
   Mes accès, Renouvellement, Support and Profil without touching business logic. */

#iptvbc-client-app[data-iptvbc-private-portal="1"]{
  --iptvbc-client-ink:#0f172a;
  --iptvbc-client-muted:#64748b;
  --iptvbc-client-soft:#f8fafc;
  --iptvbc-client-card:rgba(255,255,255,.94);
  --iptvbc-client-line:rgba(148,163,184,.22);
  --iptvbc-client-blue:#2563eb;
  --iptvbc-client-violet:#7c3aed;
  --iptvbc-client-cyan:#06b6d4;
  --iptvbc-client-green:#10b981;
  --iptvbc-client-orange:#f59e0b;
  --iptvbc-client-radius:24px;
  --iptvbc-client-radius-lg:30px;
  --iptvbc-client-shadow:0 24px 70px rgba(15,23,42,.10),0 1px 0 rgba(255,255,255,.95) inset;
  --iptvbc-client-shadow-soft:0 16px 44px rgba(15,23,42,.08);
  font-family:Poppins,Inter,Manrope,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;
  color:var(--iptvbc-client-ink)!important;
  isolation:isolate!important;
}

#iptvbc-client-app[data-iptvbc-private-portal="1"]::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    radial-gradient(circle at 18% 8%,rgba(37,99,235,.13),transparent 28%),
    radial-gradient(circle at 85% 18%,rgba(124,58,237,.12),transparent 30%),
    radial-gradient(circle at 72% 88%,rgba(6,182,212,.10),transparent 28%),
    linear-gradient(135deg,#f8fbff 0%,#ffffff 45%,#fffaf2 100%);
}

#iptvbc-client-app .iptvbc-client-light-topbar-v2693,
#iptvbc-client-app .iptvbc-client-page-header-v2651,
#iptvbc-client-app .iptvbc-account-card,
#iptvbc-client-app .iptvbc-client-page-card-v2637,
#iptvbc-client-app .iptvbc-client-track-card,
#iptvbc-client-app #iptvbc-client-access,
#iptvbc-client-app #iptvbc-client-renewal,
#iptvbc-client-app #iptvbc-client-support{
  background:var(--iptvbc-client-card)!important;
  border:1px solid var(--iptvbc-client-line)!important;
  border-radius:var(--iptvbc-client-radius-lg)!important;
  box-shadow:var(--iptvbc-client-shadow)!important;
  backdrop-filter:blur(18px) saturate(1.18)!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.18)!important;
}

#iptvbc-client-app .iptvbc-client-content-stack-v2713{
  display:grid!important;
  gap:clamp(18px,2.2vw,30px)!important;
  align-content:start!important;
  width:100%!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:not(.iptvbc-alert){
  animation:iptvbc-client-panel-rise-v271993 .58s cubic-bezier(.21,.72,.23,1) both;
  transform-origin:center top;
}

#iptvbc-client-app .iptvbc-client-content-stack-v2713 > *:nth-child(2){animation-delay:.04s;}
#iptvbc-client-app .iptvbc-client-content-stack-v2713 > *:nth-child(3){animation-delay:.08s;}
#iptvbc-client-app .iptvbc-client-content-stack-v2713 > *:nth-child(4){animation-delay:.12s;}

#iptvbc-client-app .iptvbc-client-page-header-v2651{
  position:relative!important;
  overflow:hidden!important;
  padding:clamp(22px,3vw,38px)!important;
  background:
    linear-gradient(135deg,rgba(255,255,255,.98),rgba(248,250,252,.94)),
    radial-gradient(circle at 92% 16%,rgba(37,99,235,.14),transparent 34%)!important;
}

#iptvbc-client-app .iptvbc-client-page-header-v2651::after{
  content:"";
  position:absolute;
  right:-90px;
  top:-120px;
  width:260px;
  height:260px;
  border-radius:999px;
  background:conic-gradient(from 180deg,rgba(37,99,235,.14),rgba(124,58,237,.10),rgba(6,182,212,.12),rgba(37,99,235,.14));
  filter:blur(3px);
  opacity:.9;
  pointer-events:none;
  animation:iptvbc-client-orbit-v271993 16s linear infinite;
}

#iptvbc-client-app .iptvbc-client-page-header-copy-v2651,
#iptvbc-client-app .iptvbc-client-page-header-v2651 > *{
  position:relative!important;
  z-index:1!important;
}

#iptvbc-client-app .iptvbc-client-page-header-copy-v2651 h2,
#iptvbc-client-app .iptvbc-account-card h3,
#iptvbc-client-app .iptvbc-account-card h4{
  color:var(--iptvbc-client-ink)!important;
  letter-spacing:-.045em!important;
}

#iptvbc-client-app .iptvbc-client-page-header-copy-v2651 p,
#iptvbc-client-app .iptvbc-account-card p,
#iptvbc-client-app .iptvbc-account-card small,
#iptvbc-client-app .iptvbc-client-light-title-v2693 span{
  color:var(--iptvbc-client-muted)!important;
  line-height:1.62!important;
}

#iptvbc-client-app .iptvbc-account-card,
#iptvbc-client-app .iptvbc-client-page-card-v2637,
#iptvbc-client-app #iptvbc-client-support,
#iptvbc-client-app #iptvbc-client-renewal{
  padding:clamp(20px,2.5vw,34px)!important;
}

#iptvbc-client-app .iptvbc-kicker,
#iptvbc-client-app [class*="pill"],
#iptvbc-client-app [class*="badge"]{
  border-radius:999px!important;
  font-weight:850!important;
  letter-spacing:.01em!important;
}

#iptvbc-client-app a,
#iptvbc-client-app button,
#iptvbc-client-app .button,
#iptvbc-client-app input,
#iptvbc-client-app textarea,
#iptvbc-client-app select{
  font-family:inherit!important;
}

#iptvbc-client-app a,
#iptvbc-client-app button,
#iptvbc-client-app .button{
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background .22s ease,color .22s ease!important;
}

#iptvbc-client-app a:hover,
#iptvbc-client-app button:hover,
#iptvbc-client-app .button:hover{
  transform:translateY(-1px);
}

#iptvbc-client-app .iptvbc-client-light-topbar-v2693{
  overflow:hidden!important;
}

#iptvbc-client-app .iptvbc-client-light-title-v2693 strong{
  background:linear-gradient(135deg,#0f172a,#1d4ed8 48%,#7c3aed)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  color:transparent!important;
}

#iptvbc-client-app .iptvbc-client-live-badge-v2693{
  background:linear-gradient(135deg,rgba(16,185,129,.14),rgba(37,99,235,.10))!important;
  color:#047857!important;
  border:1px solid rgba(16,185,129,.22)!important;
  box-shadow:0 10px 28px rgba(16,185,129,.12)!important;
}

#iptvbc-client-app .iptvbc-client-feature-bar-v2693{
  background:rgba(255,255,255,.78)!important;
  border:1px solid rgba(148,163,184,.20)!important;
  border-radius:24px!important;
  box-shadow:var(--iptvbc-client-shadow-soft)!important;
  backdrop-filter:blur(14px)!important;
}

#iptvbc-client-app .iptvbc-client-feature-item-v27194{
  min-width:0!important;
  border-radius:18px!important;
}

#iptvbc-client-app .iptvbc-client-feature-item-v27194 i{
  background:linear-gradient(135deg,rgba(37,99,235,.12),rgba(124,58,237,.10))!important;
  box-shadow:inset 0 0 0 1px rgba(37,99,235,.12)!important;
}

#iptvbc-client-app .iptvbc-alert{
  border-radius:20px!important;
  border:1px solid rgba(245,158,11,.22)!important;
  box-shadow:0 14px 34px rgba(245,158,11,.10)!important;
}

#iptvbc-client-app .iptvbc-alert-success{
  border-color:rgba(16,185,129,.24)!important;
  box-shadow:0 14px 34px rgba(16,185,129,.10)!important;
}

#iptvbc-client-app .iptvbc-client-access-page-v2637,
#iptvbc-client-app #iptvbc-client-access{
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

#iptvbc-client-app .iptvbc-access-shadow-host,
#iptvbc-client-app .iptvbc-access-shadow-host-v2686{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
}

#iptvbc-client-app .iptvbc-order-kpi-card-v271818,
#iptvbc-client-app .iptvbc-client-summary-card,
#iptvbc-client-app .iptvbc-client-side-card,
#iptvbc-client-app .iptvbc-client-history-card-v2630{
  border-radius:22px!important;
  border-color:rgba(148,163,184,.20)!important;
  box-shadow:0 14px 36px rgba(15,23,42,.065)!important;
}

@keyframes iptvbc-client-panel-rise-v271993{
  from{opacity:0;transform:translateY(14px) scale(.985);filter:blur(3px);}
  to{opacity:1;transform:translateY(0) scale(1);filter:blur(0);}
}

@keyframes iptvbc-client-orbit-v271993{
  to{transform:rotate(360deg);}
}

@media (max-width:900px){
  #iptvbc-client-app[data-iptvbc-private-portal="1"]{
    border-radius:22px!important;
  }
  #iptvbc-client-app .iptvbc-client-page-header-v2651,
  #iptvbc-client-app .iptvbc-account-card,
  #iptvbc-client-app .iptvbc-client-page-card-v2637,
  #iptvbc-client-app #iptvbc-client-support,
  #iptvbc-client-app #iptvbc-client-renewal{
    border-radius:22px!important;
    padding:18px!important;
  }
  #iptvbc-client-app .iptvbc-client-content-stack-v2713{gap:16px!important;}
  #iptvbc-client-app .iptvbc-client-page-header-v2651::after{width:190px;height:190px;right:-80px;top:-90px;}
}

@media (prefers-reduced-motion:reduce){
  #iptvbc-client-app *,
  #iptvbc-client-app *::before,
  #iptvbc-client-app *::after{
    animation-duration:.001ms!important;
    animation-iteration-count:1!important;
    scroll-behavior:auto!important;
    transition-duration:.001ms!important;
  }
}