/* IPTV Belgique Commerce Engine v2.7.19.108
   Final clean support page correction after visual review.
   Removes overload, fixes oval quick-help cards, and aligns the support page with the validated mockup. */

#iptvbc-client-app.is-section-support .iptvbc-support-dashboard-v2643{
  gap:22px!important;
}

#iptvbc-client-app.is-section-support .iptvbc-support-metrics-v2643{
  display:none!important;
}

#iptvbc-client-app.is-section-support .iptvbc-support-hero-v2643{
  min-height:245px!important;
  padding:34px 36px!important;
  border-radius:28px!important;
  grid-template-columns:minmax(0,1fr) minmax(280px,340px)!important;
  background:
    radial-gradient(circle at 86% 18%,rgba(37,99,235,.07),transparent 28%),
    linear-gradient(135deg,#f8fbff 0%,#ffffff 52%,#f4f9ff 100%)!important;
  border:1px solid rgba(191,219,254,.78)!important;
  box-shadow:0 18px 46px rgba(37,99,235,.055)!important;
}

#iptvbc-client-app.is-section-support .iptvbc-support-hero-copy h3{
  max-width:560px!important;
  font-size:clamp(34px,4vw,54px)!important;
  line-height:.96!important;
  letter-spacing:-.065em!important;
}

#iptvbc-client-app.is-section-support .iptvbc-support-hero-copy p{
  max-width:500px!important;
  font-size:15px!important;
  line-height:1.55!important;
}

#iptvbc-client-app.is-section-support .iptvbc-support-hero-illustration{
  width:300px!important;
  height:178px!important;
  max-width:100%!important;
  border-radius:28px!important;
}

#iptvbc-client-app.is-section-support .iptvbc-support-shortcuts-v2643{
  padding:26px!important;
  border-radius:26px!important;
}

#iptvbc-client-app.is-section-support .iptvbc-support-shortcuts-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:16px!important;
  align-items:stretch!important;
}

#iptvbc-client-app.is-section-support .iptvbc-support-shortcut-card{
  appearance:none!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  grid-template-rows:auto auto 1fr auto!important;
  justify-items:start!important;
  align-items:start!important;
  align-content:start!important;
  min-width:0!important;
  min-height:192px!important;
  padding:20px!important;
  border-radius:20px!important;
  text-align:left!important;
  background:#ffffff!important;
  border:1px solid rgba(226,232,240,.96)!important;
  box-shadow:0 12px 30px rgba(15,23,42,.045)!important;
  transform:none!important;
  clip-path:none!important;
}

#iptvbc-client-app.is-section-support .iptvbc-support-shortcut-card::before,
#iptvbc-client-app.is-section-support .iptvbc-support-shortcut-card::after{
  display:none!important;
}

#iptvbc-client-app.is-section-support .iptvbc-support-shortcut-card:hover{
  transform:translateY(-2px)!important;
  border-color:rgba(37,99,235,.22)!important;
  box-shadow:0 18px 38px rgba(37,99,235,.075)!important;
}

#iptvbc-client-app.is-section-support .iptvbc-support-shortcut-icon,
#iptvbc-client-app.is-section-support .iptvbc-support-shortcut-card > span{
  display:grid!important;
  place-items:center!important;
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  min-height:44px!important;
  margin:0 0 4px!important;
  border-radius:14px!important;
  background:#eef4ff!important;
  border:1px solid rgba(191,219,254,.72)!important;
  color:#2563eb!important;
  box-shadow:none!important;
}

#iptvbc-client-app.is-section-support .iptvbc-support-shortcut-card strong{
  margin:0!important;
  color:#0b1730!important;
  font-size:16px!important;
  line-height:1.16!important;
  font-weight:900!important;
  letter-spacing:-.028em!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
}

#iptvbc-client-app.is-section-support .iptvbc-support-shortcut-card small{
  margin:0!important;
  color:#617089!important;
  font-size:13px!important;
  line-height:1.45!important;
  font-weight:650!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
}

#iptvbc-client-app.is-section-support .iptvbc-support-shortcut-card em{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  min-height:28px!important;
  margin-top:8px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#2563eb!important;
  font-size:13px!important;
  line-height:1!important;
  font-style:normal!important;
  font-weight:900!important;
}

#iptvbc-client-app.is-section-support .iptvbc-support-composer-panel-v2643{
  padding:24px!important;
  border-radius:26px!important;
}

#iptvbc-client-app.is-section-support .iptvbc-client-support-composer-v2630.is-modern > summary{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:16px!important;
  align-items:center!important;
  min-height:74px!important;
  padding:16px 18px!important;
  border-radius:18px!important;
  background:#ffffff!important;
  border:1px solid rgba(191,219,254,.82)!important;
  box-shadow:0 12px 28px rgba(37,99,235,.045)!important;
}

#iptvbc-client-app.is-section-support .iptvbc-client-support-composer-v2630.is-modern > summary span{
  font-size:16px!important;
  font-weight:900!important;
  color:#0b1730!important;
}

#iptvbc-client-app.is-section-support .iptvbc-client-support-composer-v2630.is-modern > summary small{
  max-width:520px!important;
  color:#617089!important;
  font-size:12.5px!important;
  font-weight:650!important;
}

#iptvbc-client-app.is-section-support .iptvbc-client-support-composer-v2630.is-modern > summary::after{
  content:"Créer un ticket"!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:168px!important;
  min-height:42px!important;
  padding:0 16px!important;
  border-radius:14px!important;
  color:#fff!important;
  background:linear-gradient(135deg,#3865ff,#4f46e5)!important;
  box-shadow:0 14px 28px rgba(79,70,229,.18)!important;
  font-size:13px!important;
  font-weight:900!important;
}

#iptvbc-client-app.is-section-support .iptvbc-support-history-panel-v2643{
  padding:24px!important;
  border-radius:26px!important;
}

#iptvbc-client-app.is-section-support .iptvbc-support-history-meta{
  display:none!important;
}

#iptvbc-client-app.is-section-support .iptvbc-support-ticket-table-head{
  border-radius:14px!important;
  background:#f8fbff!important;
}

#iptvbc-client-app.is-section-support .iptvbc-client-empty{
  border-radius:18px!important;
  background:#ffffff!important;
  border:1px solid rgba(226,232,240,.96)!important;
  box-shadow:0 12px 28px rgba(15,23,42,.04)!important;
}

#iptvbc-client-app.is-section-support .iptvbc-support-faq-v2643{
  padding:24px!important;
  border-radius:26px!important;
}

#iptvbc-client-app.is-section-support .iptvbc-support-faq-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
}

#iptvbc-client-app.is-section-support .iptvbc-support-faq-card{
  min-height:142px!important;
  border-radius:20px!important;
  padding:18px!important;
}

@media(max-width:1180px){
  #iptvbc-client-app.is-section-support .iptvbc-support-hero-v2643{
    grid-template-columns:1fr!important;
  }
  #iptvbc-client-app.is-section-support .iptvbc-support-shortcuts-grid,
  #iptvbc-client-app.is-section-support .iptvbc-support-faq-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media(max-width:760px){
  #iptvbc-client-app.is-section-support .iptvbc-support-hero-v2643,
  #iptvbc-client-app.is-section-support .iptvbc-support-shortcuts-v2643,
  #iptvbc-client-app.is-section-support .iptvbc-support-composer-panel-v2643,
  #iptvbc-client-app.is-section-support .iptvbc-support-history-panel-v2643,
  #iptvbc-client-app.is-section-support .iptvbc-support-faq-v2643{
    padding:18px!important;
    border-radius:22px!important;
  }

  #iptvbc-client-app.is-section-support .iptvbc-support-shortcuts-grid,
  #iptvbc-client-app.is-section-support .iptvbc-support-faq-grid{
    grid-template-columns:1fr!important;
  }

  #iptvbc-client-app.is-section-support .iptvbc-client-support-composer-v2630.is-modern > summary{
    grid-template-columns:1fr!important;
  }

  #iptvbc-client-app.is-section-support .iptvbc-client-support-composer-v2630.is-modern > summary::after{
    width:100%!important;
    min-width:0!important;
  }
}