/* IPTV Belgique Commerce Engine v2.7.19.107
   Clean support page implementation aligned with the validated mockup.
   Goal: same premium family as other portal pages, but minimal and visitor-friendly. */

#iptvbc-client-app.is-section-support{
  --iptvbc-support-ink:#0b1730;
  --iptvbc-support-muted:#617089;
  --iptvbc-support-line:rgba(226,232,240,.96);
  --iptvbc-support-card:#fff;
  --iptvbc-support-shadow:0 16px 40px rgba(15,23,42,.06);
  --iptvbc-support-shadow-soft:0 10px 28px rgba(15,23,42,.045);
}

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

#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:28px!important;
  border-radius:28px!important;
  background:linear-gradient(180deg,#fff,#fcfdff)!important;
  border:1px solid var(--iptvbc-support-line)!important;
  box-shadow:var(--iptvbc-support-shadow-soft)!important;
}

/* hero */
#iptvbc-client-app.is-section-support .iptvbc-support-hero-v2643{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(250px,340px)!important;
  gap:28px!important;
  align-items:center!important;
  min-height:250px!important;
  background:
    radial-gradient(circle at 90% 14%,rgba(59,130,246,.08),transparent 28%),
    linear-gradient(135deg,#f8fbff 0%,#ffffff 52%,#f4f9ff 100%)!important;
  border-color:rgba(191,219,254,.8)!important;
  box-shadow:0 18px 48px rgba(37,99,235,.06)!important;
}
#iptvbc-client-app.is-section-support .iptvbc-support-hero-copy .iptvbc-kicker{
  background:#ecfdf5!important;
  color:#047857!important;
  border:1px solid rgba(16,185,129,.12)!important;
}
#iptvbc-client-app.is-section-support .iptvbc-support-hero-copy h3{
  margin:12px 0 10px!important;
  max-width:540px!important;
  color:var(--iptvbc-support-ink)!important;
  font-size:clamp(34px,4.2vw,56px)!important;
  line-height:.95!important;
  letter-spacing:-.07em!important;
  font-weight:950!important;
}
#iptvbc-client-app.is-section-support .iptvbc-support-hero-copy p{
  max-width:520px!important;
  color:#475569!important;
  font-size:15.5px!important;
  line-height:1.58!important;
  font-weight:650!important;
}
#iptvbc-client-app.is-section-support .iptvbc-support-hero-actions{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:12px!important;
  margin-top:18px!important;
}
#iptvbc-client-app.is-section-support .iptvbc-support-hero-actions .iptvbc-btn{
  min-height:46px!important;
  padding:0 18px!important;
  border-radius:14px!important;
  font-weight:900!important;
}

#iptvbc-client-app.is-section-support .iptvbc-support-hero-side{
  display:grid!important;
  justify-items:end!important;
}
#iptvbc-client-app.is-section-support .iptvbc-support-hero-illustration{
  position:relative!important;
  width:min(100%,300px)!important;
  height:180px!important;
  border-radius:28px!important;
  background:linear-gradient(135deg,#ffffff,#eef6ff)!important;
  border:1px solid rgba(191,219,254,.72)!important;
  box-shadow:0 18px 44px rgba(15,23,42,.08)!important;
}
#iptvbc-client-app.is-section-support .iptvbc-support-hero-illustration::before{
  content:""!important;
  position:absolute!important;
  inset:22px 26px 26px 24px!important;
  border-radius:24px!important;
  background:linear-gradient(135deg,rgba(226,239,255,.92),rgba(255,255,255,.72))!important;
}
#iptvbc-client-app.is-section-support .iptvbc-support-hero-illustration::after{
  content:""!important;
  position:absolute!important;
  right:12px!important;
  bottom:16px!important;
  width:84px!important;
  height:60px!important;
  border-radius:0 100% 0 100%!important;
  background:linear-gradient(135deg,rgba(191,219,254,.20),rgba(110,231,183,.22))!important;
}
#iptvbc-client-app.is-section-support .iptvbc-support-hero-bubble.is-dark,
#iptvbc-client-app.is-section-support .iptvbc-support-hero-bubble.is-light{
  position:absolute!important;
  border-radius:16px!important;
  background:#fff!important;
  border:1px solid rgba(191,219,254,.6)!important;
  box-shadow:0 8px 24px rgba(37,99,235,.08)!important;
}
#iptvbc-client-app.is-section-support .iptvbc-support-hero-bubble.is-dark{
  top:32px!important; left:34px!important; width:54px!important; height:38px!important;
}
#iptvbc-client-app.is-section-support .iptvbc-support-hero-bubble.is-light{
  top:70px!important; left:52px!important; width:64px!important; height:42px!important;
}
#iptvbc-client-app.is-section-support .iptvbc-support-hero-device{
  position:absolute!important;
  top:50%!important;
  right:64px!important;
  width:96px!important;
  height:96px!important;
  transform:translateY(-50%)!important;
  border-radius:28px!important;
  background:linear-gradient(135deg,#0f172a,#1e3a8a)!important;
  box-shadow:0 18px 36px rgba(15,23,42,.18)!important;
}
#iptvbc-client-app.is-section-support .iptvbc-support-headset-arch,
#iptvbc-client-app.is-section-support .iptvbc-support-headset-ear,
#iptvbc-client-app.is-section-support .iptvbc-support-headset-mic{
  position:absolute!important;
  display:block!important;
}
#iptvbc-client-app.is-section-support .iptvbc-support-headset-arch{
  top:12px!important; left:16px!important; width:62px!important; height:44px!important;
  border:6px solid #0f172a!important; border-bottom:0!important; border-radius:60px 60px 0 0!important;
}
#iptvbc-client-app.is-section-support .iptvbc-support-headset-ear.is-left,
#iptvbc-client-app.is-section-support .iptvbc-support-headset-ear.is-right{
  top:36px!important; width:20px!important; height:32px!important; background:#0f172a!important; border-radius:12px!important;
}
#iptvbc-client-app.is-section-support .iptvbc-support-headset-ear.is-left{ left:14px!important; }
#iptvbc-client-app.is-section-support .iptvbc-support-headset-ear.is-right{ right:14px!important; }
#iptvbc-client-app.is-section-support .iptvbc-support-headset-mic{
  right:8px!important; bottom:20px!important; width:32px!important; height:32px!important;
  border-right:5px solid #0f172a!important; border-bottom:5px solid #0f172a!important; border-radius:0 0 18px 0!important;
}

/* section heads */
#iptvbc-client-app.is-section-support .iptvbc-support-section-head{display:flex!important;align-items:flex-start!important;gap:12px!important;margin:0 0 18px!important;}
#iptvbc-client-app.is-section-support .iptvbc-support-section-icon,
#iptvbc-client-app.is-section-support .iptvbc-support-faq-icon{
  display:grid!important;place-items:center!important;width:38px!important;height:38px!important;border-radius:14px!important;background:#eef4ff!important;border:1px solid rgba(191,219,254,.72)!important;color:#2563eb!important;flex:0 0 auto!important;
}
#iptvbc-client-app.is-section-support .iptvbc-support-section-head h4{margin:0 0 4px!important;color:var(--iptvbc-support-ink)!important;font-size:clamp(24px,2.2vw,34px)!important;line-height:1.03!important;letter-spacing:-.045em!important;font-weight:950!important;}
#iptvbc-client-app.is-section-support .iptvbc-support-section-head p{margin:0!important;color:var(--iptvbc-support-muted)!important;font-size:14px!important;line-height:1.5!important;font-weight:650!important;}

/* quick help cards */
#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;}
#iptvbc-client-app.is-section-support .iptvbc-support-shortcut-card{
  display:grid!important;align-content:start!important;justify-items:start!important;gap:10px!important;min-height:198px!important;padding:20px!important;
  border-radius:22px!important;border:1px solid var(--iptvbc-support-line)!important;background:#fff!important;box-shadow:var(--iptvbc-support-shadow-soft)!important;text-align:left!important;
}
#iptvbc-client-app.is-section-support .iptvbc-support-shortcut-icon{
  display:grid!important;place-items:center!important;width:44px!important;height:44px!important;border-radius:14px!important;background:#f8fbff!important;border:1px solid rgba(191,219,254,.72)!important;color:#2563eb!important;
}
#iptvbc-client-app.is-section-support .iptvbc-support-shortcut-card:nth-child(2) .iptvbc-support-shortcut-icon{background:#ecfdf5!important;border-color:rgba(110,231,183,.7)!important;color:#10b981!important;}
#iptvbc-client-app.is-section-support .iptvbc-support-shortcut-card:nth-child(3) .iptvbc-support-shortcut-icon{background:#f5f3ff!important;border-color:rgba(196,181,253,.8)!important;color:#8b5cf6!important;}
#iptvbc-client-app.is-section-support .iptvbc-support-shortcut-card:nth-child(4) .iptvbc-support-shortcut-icon{background:#fff7ed!important;border-color:rgba(253,186,116,.8)!important;color:#f59e0b!important;}
#iptvbc-client-app.is-section-support .iptvbc-support-shortcut-card strong{color:var(--iptvbc-support-ink)!important;font-size:16px!important;font-weight:900!important;line-height:1.15!important;letter-spacing:-.03em!important;}
#iptvbc-client-app.is-section-support .iptvbc-support-shortcut-card small{color:var(--iptvbc-support-muted)!important;font-size:13px!important;line-height:1.45!important;font-weight:650!important;}
#iptvbc-client-app.is-section-support .iptvbc-support-shortcut-card em{margin-top:auto!important;display:inline-flex!important;align-items:center!important;min-height:34px!important;padding:0!important;border-radius:0!important;background:transparent!important;border:0!important;box-shadow:none!important;color:#2563eb!important;font-size:13px!important;font-style:normal!important;font-weight:900!important;}

/* tickets list */
#iptvbc-client-app.is-section-support .iptvbc-support-history-head{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:16px!important;margin:0 0 16px!important;}
#iptvbc-client-app.is-section-support .iptvbc-support-history-meta{display:flex!important;flex-wrap:wrap!important;gap:8px!important;}
#iptvbc-client-app.is-section-support .iptvbc-support-mini-stat{display:inline-flex!important;align-items:center!important;min-height:30px!important;padding:0 10px!important;border-radius:999px!important;background:#f8fafc!important;border:1px solid var(--iptvbc-support-line)!important;color:#475569!important;font-size:12px!important;font-weight:800!important;}
#iptvbc-client-app.is-section-support .iptvbc-support-ticket-table-v271107{display:grid!important;gap:10px!important;}
#iptvbc-client-app.is-section-support .iptvbc-support-ticket-table-v271107 .iptvbc-support-ticket-table-head{
  display:grid!important;grid-template-columns:minmax(0,1.6fr) 170px 190px 120px!important;gap:16px!important;padding:0 14px!important;color:#64748b!important;font-size:12px!important;font-weight:900!important;text-transform:none!important;
}
#iptvbc-client-app.is-section-support .iptvbc-support-ticket-table-v271107 .iptvbc-support-ticket-table-row{
  display:grid!important;grid-template-columns:minmax(0,1.6fr) 170px 190px 120px!important;gap:16px!important;align-items:center!important;
  padding:16px 14px!important;border-radius:18px!important;background:#fff!important;border:1px solid var(--iptvbc-support-line)!important;box-shadow:var(--iptvbc-support-shadow-soft)!important;
}
#iptvbc-client-app.is-section-support .iptvbc-support-ticket-main-v271107{display:grid!important;gap:4px!important;min-width:0!important;}
#iptvbc-client-app.is-section-support .iptvbc-support-ticket-main-v271107 strong{color:var(--iptvbc-support-ink)!important;font-size:15px!important;font-weight:850!important;line-height:1.2!important;white-space:normal!important;}
#iptvbc-client-app.is-section-support .iptvbc-support-ticket-main-v271107 span{color:var(--iptvbc-support-muted)!important;font-size:12.5px!important;font-weight:650!important;}
#iptvbc-client-app.is-section-support .iptvbc-support-unread-badge{display:inline-flex!important;align-items:center!important;width:max-content!important;min-height:24px!important;padding:0 9px!important;border-radius:999px!important;background:#ecfdf5!important;color:#047857!important;font-size:11px!important;font-weight:900!important;}
#iptvbc-client-app.is-section-support .iptvbc-support-ticket-updated-v271107 span{color:#475569!important;font-size:13px!important;font-weight:650!important;}
#iptvbc-client-app.is-section-support .iptvbc-support-ticket-action-v271107 .iptvbc-btn{min-height:38px!important;border-radius:12px!important;padding:0 14px!important;font-weight:850!important;}
#iptvbc-client-app.is-section-support .iptvbc-support-status{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:28px!important;padding:0 12px!important;border-radius:999px!important;font-size:12px!important;font-weight:900!important;border:1px solid transparent!important;}
#iptvbc-client-app.is-section-support .iptvbc-support-status.is-open{background:#ecfdf5!important;color:#047857!important;border-color:rgba(110,231,183,.75)!important;}
#iptvbc-client-app.is-section-support .iptvbc-support-status.is-waiting_admin,
#iptvbc-client-app.is-section-support .iptvbc-support-status.is-waiting_client{background:#fff7ed!important;color:#c2410c!important;border-color:rgba(253,186,116,.8)!important;}
#iptvbc-client-app.is-section-support .iptvbc-support-status.is-resolved,
#iptvbc-client-app.is-section-support .iptvbc-support-status.is-closed{background:#eff6ff!important;color:#2563eb!important;border-color:rgba(147,197,253,.8)!important;}

/* create ticket card */
#iptvbc-client-app.is-section-support .iptvbc-client-support-composer-v2630.is-modern{border-radius:22px!important;overflow:hidden!important;background:transparent!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;align-items:center!important;gap:18px!important;padding:18px 20px!important;border-radius:20px!important;background:linear-gradient(180deg,#ffffff,#f8fbff)!important;border:1px solid rgba(191,219,254,.8)!important;box-shadow:0 12px 28px rgba(37,99,235,.05)!important;
}
#iptvbc-client-app.is-section-support .iptvbc-client-support-composer-v2630.is-modern > summary span{display:block!important;color:var(--iptvbc-support-ink)!important;font-size:16px!important;font-weight:900!important;}
#iptvbc-client-app.is-section-support .iptvbc-client-support-composer-v2630.is-modern > summary small{display:block!important;color:var(--iptvbc-support-muted)!important;font-size:12.5px!important;font-weight:650!important;max-width:440px!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:170px!important;min-height:42px!important;padding:0 16px!important;border-radius:14px!important;background:linear-gradient(135deg,#3865ff,#4f46e5)!important;color:#fff!important;font-size:13px!important;font-weight:900!important;box-shadow:0 14px 28px rgba(79,70,229,.20)!important;}

/* faq */
#iptvbc-client-app.is-section-support .iptvbc-support-faq-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;}
#iptvbc-client-app.is-section-support .iptvbc-support-faq-card{display:grid!important;align-content:start!important;gap:10px!important;min-height:150px!important;padding:18px!important;border-radius:20px!important;background:#fff!important;border:1px solid var(--iptvbc-support-line)!important;box-shadow:var(--iptvbc-support-shadow-soft)!important;}
#iptvbc-client-app.is-section-support .iptvbc-support-faq-card h5{margin:0!important;color:var(--iptvbc-support-ink)!important;font-size:15px!important;font-weight:900!important;line-height:1.2!important;letter-spacing:-.02em!important;}
#iptvbc-client-app.is-section-support .iptvbc-support-faq-card p{margin:0!important;color:var(--iptvbc-support-muted)!important;font-size:13px!important;line-height:1.45!important;font-weight:650!important;}
#iptvbc-client-app.is-section-support .iptvbc-support-faq-card a{margin-top:auto!important;color:#2563eb!important;font-size:13px!important;font-weight:900!important;text-decoration:none!important;}

/* responsive */
@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-hero-side{justify-items:start!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;}
  #iptvbc-client-app.is-section-support .iptvbc-support-ticket-table-v271107 .iptvbc-support-ticket-table-head,
  #iptvbc-client-app.is-section-support .iptvbc-support-ticket-table-v271107 .iptvbc-support-ticket-table-row{grid-template-columns:minmax(0,1fr) 160px 170px 110px!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-hero-copy h3{font-size:clamp(30px,11vw,42px)!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-support-history-head{display:grid!important;align-items:start!important;}
  #iptvbc-client-app.is-section-support .iptvbc-support-ticket-table-v271107 .iptvbc-support-ticket-table-head{display:none!important;}
  #iptvbc-client-app.is-section-support .iptvbc-support-ticket-table-v271107 .iptvbc-support-ticket-table-row{grid-template-columns:1fr!important;gap:10px!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{min-width:0!important;width:100%!important;}
}