/* IPTV Belgique Commerce Engine v2.7.19.95
   Premium section harmonizer for Ma commande, Support, Profil & sécurité and Renouvellement.
   Scope: client portal content only. Header/footer global site layout is intentionally untouched. */

#iptvbc-client-app[data-iptvbc-private-portal="1"]{
  --iptvbc-section-ink:#0b1328;
  --iptvbc-section-muted:#62708a;
  --iptvbc-section-line:rgba(148,163,184,.18);
  --iptvbc-section-blue:#2563eb;
  --iptvbc-section-indigo:#4f46e5;
  --iptvbc-section-cyan:#06b6d4;
  --iptvbc-section-green:#10b981;
  --iptvbc-section-orange:#f59e0b;
  --iptvbc-section-card:#ffffff;
  --iptvbc-section-soft:#f8fbff;
  --iptvbc-section-shadow:0 20px 56px rgba(15,23,42,.075);
  --iptvbc-section-shadow-soft:0 12px 32px rgba(15,23,42,.055);
}

/* ---------- Shared premium content rhythm ---------- */

#iptvbc-client-app .iptvbc-client-content-stack-v2713{
  gap:clamp(18px,2.1vw,28px)!important;
}

#iptvbc-client-app .iptvbc-client-content-stack-v2713 > .iptvbc-account-card,
#iptvbc-client-app .iptvbc-client-content-stack-v2713 > .iptvbc-client-page-card-v2637,
#iptvbc-client-app .iptvbc-client-content-stack-v2713 > .iptvbc-client-track-card,
#iptvbc-client-app .iptvbc-client-content-stack-v2713 > article{
  border-radius:28px!important;
  border:1px solid var(--iptvbc-section-line)!important;
  background:
    radial-gradient(circle at 96% 0%,rgba(37,99,235,.06),transparent 26%),
    linear-gradient(180deg,#ffffff,#fbfdff)!important;
  box-shadow:var(--iptvbc-section-shadow)!important;
}

#iptvbc-client-app .iptvbc-account-card > .iptvbc-kicker,
#iptvbc-client-app .iptvbc-client-page-card-v2637 > .iptvbc-kicker{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  width:max-content!important;
  max-width:100%!important;
  min-height:30px!important;
  padding:6px 11px!important;
  border-radius:999px!important;
  color:#075985!important;
  background:linear-gradient(135deg,#e0f7ff,#eef4ff)!important;
  border:1px solid rgba(14,165,233,.14)!important;
  font-size:11px!important;
  font-weight:900!important;
  text-transform:uppercase!important;
  letter-spacing:.04em!important;
}

#iptvbc-client-app .iptvbc-account-card h3,
#iptvbc-client-app .iptvbc-account-card h4,
#iptvbc-client-app .iptvbc-client-page-card-v2637 h3,
#iptvbc-client-app .iptvbc-client-page-card-v2637 h4{
  color:var(--iptvbc-section-ink)!important;
  font-weight:900!important;
  letter-spacing:-.045em!important;
}

#iptvbc-client-app .iptvbc-account-card p,
#iptvbc-client-app .iptvbc-client-page-card-v2637 p,
#iptvbc-client-app .iptvbc-client-order-lead,
#iptvbc-client-app .iptvbc-client-note{
  color:var(--iptvbc-section-muted)!important;
  line-height:1.62!important;
  font-weight:600!important;
}

/* ---------- Ma commande ---------- */

#iptvbc-client-app .iptvbc-client-order-redesign-v271818{
  padding:clamp(20px,2.6vw,34px)!important;
}

#iptvbc-client-app .iptvbc-client-card-head-v2629{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:start!important;
  gap:18px!important;
  margin-bottom:18px!important;
}

#iptvbc-client-app .iptvbc-client-card-head-v2629 h3{
  margin-top:10px!important;
  font-size:clamp(28px,4vw,44px)!important;
  line-height:1!important;
}

#iptvbc-client-app .iptvbc-client-order-top-meta{
  display:grid!important;
  gap:8px!important;
  justify-items:end!important;
}

#iptvbc-client-app .iptvbc-client-order-id{
  min-height:42px!important;
  display:inline-flex!important;
  align-items:center!important;
  padding:0 15px!important;
  border-radius:14px!important;
  background:linear-gradient(135deg,var(--iptvbc-section-blue),var(--iptvbc-section-indigo))!important;
  color:#fff!important;
  font-weight:900!important;
  box-shadow:0 14px 28px rgba(37,99,235,.18)!important;
}

#iptvbc-client-app .iptvbc-client-order-updated{
  color:var(--iptvbc-section-muted)!important;
  font-size:12px!important;
  font-weight:750!important;
}

#iptvbc-client-app .iptvbc-client-status-pills,
#iptvbc-client-app .iptvbc-client-config-strip{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
  margin:16px 0!important;
}

#iptvbc-client-app .iptvbc-client-status-pills span,
#iptvbc-client-app .iptvbc-client-config-strip > div{
  position:relative!important;
  min-height:72px!important;
  padding:16px 16px 16px 18px!important;
  border-radius:18px!important;
  border:1px solid rgba(226,232,240,.95)!important;
  background:linear-gradient(180deg,#ffffff,#f9fbff)!important;
  box-shadow:0 10px 26px rgba(15,23,42,.045)!important;
  overflow:hidden!important;
}

#iptvbc-client-app .iptvbc-client-status-pills span::before,
#iptvbc-client-app .iptvbc-client-config-strip > div::before{
  content:"";
  position:absolute;
  left:0;
  top:14px;
  bottom:14px;
  width:3px;
  border-radius:999px;
  background:linear-gradient(180deg,var(--iptvbc-section-blue),var(--iptvbc-section-cyan));
}

#iptvbc-client-app .iptvbc-client-status-pills strong,
#iptvbc-client-app .iptvbc-client-config-strip strong{
  display:block!important;
  margin-top:4px!important;
  color:var(--iptvbc-section-ink)!important;
  font-weight:900!important;
  overflow-wrap:anywhere!important;
}

#iptvbc-client-app .iptvbc-client-config-strip span,
#iptvbc-client-app .iptvbc-client-status-pills small{
  color:var(--iptvbc-section-muted)!important;
  font-size:11px!important;
  font-weight:850!important;
  text-transform:uppercase!important;
  letter-spacing:.045em!important;
}

#iptvbc-client-app .iptvbc-timeline{
  margin:18px 0!important;
  padding:18px!important;
  border-radius:22px!important;
  background:linear-gradient(180deg,#f8fbff,#ffffff)!important;
  border:1px solid rgba(59,130,246,.12)!important;
}

/* Order summary and history cards */
#iptvbc-client-app .iptvbc-order-summary-v271845,
#iptvbc-client-app .iptvbc-order-summary,
#iptvbc-client-app .iptvbc-client-history-card-v271818{
  border-radius:24px!important;
}

#iptvbc-client-app .iptvbc-client-history-card-v271818{
  padding:clamp(20px,2.4vw,30px)!important;
}

#iptvbc-client-app .iptvbc-client-order-row{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:12px!important;
  padding:15px!important;
  text-decoration:none!important;
}

#iptvbc-client-app .iptvbc-client-order-row strong{
  color:var(--iptvbc-section-ink)!important;
  font-weight:900!important;
}

#iptvbc-client-app .iptvbc-client-order-row em{
  justify-self:end!important;
  color:#1d4ed8!important;
  font-style:normal!important;
  font-weight:850!important;
}

/* ---------- Renouvellement ---------- */

#iptvbc-client-app .iptvbc-client-renewal-section{
  padding:clamp(20px,2.5vw,32px)!important;
}

#iptvbc-client-app .iptvbc-client-renewal-section form,
#iptvbc-client-app .iptvbc-renewal-form{
  display:grid!important;
  gap:14px!important;
}

#iptvbc-client-app .iptvbc-client-renewal-section input,
#iptvbc-client-app .iptvbc-client-renewal-section select,
#iptvbc-client-app .iptvbc-client-renewal-section textarea{
  border-radius:16px!important;
  border:1px solid rgba(203,213,225,.95)!important;
  background:#fbfdff!important;
  min-height:48px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85)!important;
}

/* ---------- Support ---------- */

#iptvbc-client-app .iptvbc-client-support-card-v2630{
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}

#iptvbc-client-app .iptvbc-client-portal-v2637.is-section-support .iptvbc-support-dashboard-v2643,
#iptvbc-client-app .iptvbc-support-dashboard-v2643{
  display:grid!important;
  gap:18px!important;
}

#iptvbc-client-app .iptvbc-support-hero-v2643{
  position:relative!important;
  overflow:hidden!important;
  padding:clamp(22px,3vw,36px)!important;
  border-radius:30px!important;
  border:1px solid rgba(59,130,246,.15)!important;
  background:
    radial-gradient(circle at 85% 18%,rgba(37,99,235,.16),transparent 28%),
    linear-gradient(135deg,#eef7ff,#ffffff 48%,#f7f4ff)!important;
  box-shadow:var(--iptvbc-section-shadow)!important;
}

#iptvbc-client-app .iptvbc-support-hero-v2643 h3{
  max-width:12ch!important;
  color:var(--iptvbc-section-ink)!important;
  font-size:clamp(34px,5vw,58px)!important;
  line-height:.95!important;
  font-weight:950!important;
  letter-spacing:-.075em!important;
}

#iptvbc-client-app .iptvbc-support-hero-v2643 p{
  max-width:680px!important;
  color:#40506a!important;
  font-size:15px!important;
}

#iptvbc-client-app .iptvbc-support-metrics-v2643,
#iptvbc-client-app .iptvbc-support-shortcuts-grid,
#iptvbc-client-app .iptvbc-support-faq-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
}

#iptvbc-client-app .iptvbc-support-metrics-v2643 article,
#iptvbc-client-app .iptvbc-support-shortcut-card,
#iptvbc-client-app .iptvbc-support-faq-card,
#iptvbc-client-app .iptvbc-support-composer-panel-v2643,
#iptvbc-client-app .iptvbc-support-history-panel-v2643,
#iptvbc-client-app .iptvbc-support-faq-v2643{
  border-radius:24px!important;
  border:1px solid var(--iptvbc-section-line)!important;
  background:linear-gradient(180deg,#ffffff,#fbfdff)!important;
  box-shadow:var(--iptvbc-section-shadow-soft)!important;
}

#iptvbc-client-app .iptvbc-support-composer-panel-v2643,
#iptvbc-client-app .iptvbc-support-history-panel-v2643,
#iptvbc-client-app .iptvbc-support-faq-v2643{
  padding:clamp(18px,2.2vw,28px)!important;
}

#iptvbc-client-app .iptvbc-support-section-head{
  display:flex!important;
  align-items:flex-start!important;
  gap:14px!important;
  margin-bottom:16px!important;
}

#iptvbc-client-app .iptvbc-support-section-icon,
#iptvbc-client-app .iptvbc-support-shortcut-card span,
#iptvbc-client-app .iptvbc-support-faq-icon,
#iptvbc-client-app .iptvbc-support-metrics-v2643 article > span{
  display:grid!important;
  place-items:center!important;
  width:44px!important;
  height:44px!important;
  border-radius:16px!important;
  background:linear-gradient(135deg,#eef4ff,#e0f7ff)!important;
  color:#2563eb!important;
  border:1px solid rgba(37,99,235,.12)!important;
  box-shadow:0 10px 24px rgba(37,99,235,.08)!important;
}

#iptvbc-client-app .iptvbc-client-support-composer-v2630.is-modern > summary{
  border-radius:18px!important;
  border:1px solid rgba(59,130,246,.16)!important;
  background:linear-gradient(180deg,#ffffff,#f8fbff)!important;
  box-shadow:0 12px 30px rgba(15,23,42,.055)!important;
}

#iptvbc-client-app .iptvbc-support-ticket-table-head,
#iptvbc-client-app .iptvbc-support-ticket-table-row{
  border-radius:18px!important;
}

#iptvbc-client-app .iptvbc-support-ticket-table-head{
  background:#f8fbff!important;
  color:#475569!important;
  font-size:12px!important;
  font-weight:900!important;
  text-transform:uppercase!important;
  letter-spacing:.045em!important;
}

/* ---------- Profil & sécurité ---------- */

#iptvbc-client-app .iptvbc-client-profile-shell-v2630,
#iptvbc-client-app .iptvbc-client-profile-card{
  border-radius:28px!important;
}

#iptvbc-client-app .iptvbc-client-profile-card{
  display:grid!important;
  gap:16px!important;
}

#iptvbc-client-app .iptvbc-client-security-list{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
  margin:12px 0!important;
}

#iptvbc-client-app .iptvbc-client-security-list > div,
#iptvbc-client-app .iptvbc-client-profile-preview-v2693 span{
  padding:16px!important;
  border-radius:18px!important;
  border:1px solid rgba(226,232,240,.92)!important;
  background:linear-gradient(180deg,#ffffff,#f8fbff)!important;
  box-shadow:0 10px 26px rgba(15,23,42,.045)!important;
}

#iptvbc-client-app .iptvbc-client-security-list span,
#iptvbc-client-app .iptvbc-client-profile-preview-v2693 small{
  display:block!important;
  margin-bottom:6px!important;
  color:var(--iptvbc-section-muted)!important;
  font-size:11px!important;
  font-weight:850!important;
  text-transform:uppercase!important;
  letter-spacing:.045em!important;
}

#iptvbc-client-app .iptvbc-client-security-list strong,
#iptvbc-client-app .iptvbc-client-profile-preview-v2693 strong{
  color:var(--iptvbc-section-ink)!important;
  font-weight:900!important;
  overflow-wrap:anywhere!important;
}

/* ---------- Forms in portal ---------- */

#iptvbc-client-app input[type="text"],
#iptvbc-client-app input[type="email"],
#iptvbc-client-app input[type="password"],
#iptvbc-client-app input[type="tel"],
#iptvbc-client-app input[type="number"],
#iptvbc-client-app input[type="url"],
#iptvbc-client-app select,
#iptvbc-client-app textarea{
  border-radius:16px!important;
  border:1px solid rgba(203,213,225,.95)!important;
  background:#fbfdff!important;
  color:var(--iptvbc-section-ink)!important;
  min-height:48px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9)!important;
}

#iptvbc-client-app textarea{
  min-height:120px!important;
  resize:vertical!important;
}

#iptvbc-client-app label span{
  color:var(--iptvbc-section-ink)!important;
  font-weight:850!important;
}

/* ---------- Responsive ---------- */

@media (max-width:1120px){
  #iptvbc-client-app .iptvbc-client-status-pills,
  #iptvbc-client-app .iptvbc-client-config-strip,
  #iptvbc-client-app .iptvbc-support-metrics-v2643,
  #iptvbc-client-app .iptvbc-support-shortcuts-grid,
  #iptvbc-client-app .iptvbc-support-faq-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media (max-width:760px){
  #iptvbc-client-app .iptvbc-client-card-head-v2629{
    grid-template-columns:1fr!important;
  }
  #iptvbc-client-app .iptvbc-client-order-top-meta{
    justify-items:start!important;
  }
  #iptvbc-client-app .iptvbc-client-status-pills,
  #iptvbc-client-app .iptvbc-client-config-strip,
  #iptvbc-client-app .iptvbc-support-metrics-v2643,
  #iptvbc-client-app .iptvbc-support-shortcuts-grid,
  #iptvbc-client-app .iptvbc-support-faq-grid,
  #iptvbc-client-app .iptvbc-client-security-list{
    grid-template-columns:1fr!important;
  }
  #iptvbc-client-app .iptvbc-client-order-row{
    grid-template-columns:1fr!important;
  }
  #iptvbc-client-app .iptvbc-client-order-row em{
    justify-self:start!important;
  }
  #iptvbc-client-app .iptvbc-support-hero-v2643 h3{
    max-width:14ch!important;
  }
}