/* IPTV Belgique Commerce Engine v2.7.19.113
   Ticket detail page premium refinement.
   Scope: support ticket conversation view only. */

/* Global ticket detail shell */
#iptvbc-client-app.is-section-support .iptvbc-support-ticket-view,
#iptvbc-client-app.is-section-support .iptvbc-support-ticket-detail,
#iptvbc-client-app.is-section-support .iptvbc-support-conversation,
#iptvbc-client-app.is-section-support .iptvbc-support-thread-page,
#iptvbc-client-app.is-section-support .iptvbc-support-ticket-panel{
  border-radius:30px!important;
  background:linear-gradient(180deg,#ffffff,#fbfdff)!important;
  border:1px solid rgba(226,232,240,.96)!important;
  box-shadow:0 22px 58px rgba(15,23,42,.065)!important;
  overflow:hidden!important;
}

/* Top back/header bar */
#iptvbc-client-app.is-section-support .iptvbc-support-backbar,
#iptvbc-client-app.is-section-support .iptvbc-support-ticket-nav,
#iptvbc-client-app.is-section-support .iptvbc-support-thread-nav{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
  padding:18px 24px!important;
  border-bottom:1px solid rgba(226,232,240,.92)!important;
  background:rgba(255,255,255,.82)!important;
}

#iptvbc-client-app.is-section-support a[href*="support"]:has(> .iptvbc-back-label),
#iptvbc-client-app.is-section-support .iptvbc-support-back-link,
#iptvbc-client-app.is-section-support .iptvbc-ticket-back-link,
#iptvbc-client-app.is-section-support .iptvbc-support-backbar a,
#iptvbc-client-app.is-section-support .iptvbc-support-ticket-nav a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:42px!important;
  padding:0 16px!important;
  border-radius:999px!important;
  color:#2563eb!important;
  background:#ffffff!important;
  border:1px solid rgba(191,219,254,.82)!important;
  box-shadow:0 10px 24px rgba(37,99,235,.06)!important;
  text-decoration:none!important;
  font-size:14px!important;
  font-weight:900!important;
}

/* Ticket hero */
#iptvbc-client-app.is-section-support .iptvbc-support-ticket-hero,
#iptvbc-client-app.is-section-support .iptvbc-support-thread-hero,
#iptvbc-client-app.is-section-support .iptvbc-ticket-detail-hero{
  position:relative!important;
  display:grid!important;
  gap:14px!important;
  padding:34px 36px!important;
  border-bottom:1px solid rgba(226,232,240,.92)!important;
  background:
    radial-gradient(circle at 90% 20%,rgba(59,130,246,.075),transparent 28%),
    radial-gradient(circle at 12% 18%,rgba(16,185,129,.07),transparent 24%),
    linear-gradient(135deg,#f8fbff 0%,#ffffff 54%,#f7fbff 100%)!important;
}

#iptvbc-client-app.is-section-support .iptvbc-support-ticket-hero h3,
#iptvbc-client-app.is-section-support .iptvbc-support-thread-hero h3,
#iptvbc-client-app.is-section-support .iptvbc-ticket-detail-hero h3,
#iptvbc-client-app.is-section-support .iptvbc-support-ticket-hero h2,
#iptvbc-client-app.is-section-support .iptvbc-support-thread-hero h2,
#iptvbc-client-app.is-section-support .iptvbc-ticket-detail-hero h2{
  margin:0!important;
  color:#0b1730!important;
  font-size:clamp(36px,4vw,58px)!important;
  line-height:.96!important;
  letter-spacing:-.07em!important;
  font-weight:950!important;
}

#iptvbc-client-app.is-section-support .iptvbc-support-ticket-hero p,
#iptvbc-client-app.is-section-support .iptvbc-support-thread-hero p,
#iptvbc-client-app.is-section-support .iptvbc-ticket-detail-hero p,
#iptvbc-client-app.is-section-support .iptvbc-support-ticket-meta,
#iptvbc-client-app.is-section-support .iptvbc-support-thread-meta{
  margin:0!important;
  color:#64748b!important;
  font-size:14px!important;
  line-height:1.5!important;
  font-weight:700!important;
}

/* Status pills in ticket hero */
#iptvbc-client-app.is-section-support .iptvbc-support-ticket-hero .iptvbc-support-status,
#iptvbc-client-app.is-section-support .iptvbc-support-thread-hero .iptvbc-support-status,
#iptvbc-client-app.is-section-support .iptvbc-ticket-detail-hero .iptvbc-support-status,
#iptvbc-client-app.is-section-support .iptvbc-support-ticket-hero .iptvbc-pill,
#iptvbc-client-app.is-section-support .iptvbc-support-thread-hero .iptvbc-pill{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:max-content!important;
  min-height:34px!important;
  padding:0 13px!important;
  border-radius:999px!important;
  font-size:13px!important;
  font-weight:900!important;
}

/* Conversation area */
#iptvbc-client-app.is-section-support .iptvbc-support-ticket-messages,
#iptvbc-client-app.is-section-support .iptvbc-support-thread-messages,
#iptvbc-client-app.is-section-support .iptvbc-support-conversation-body{
  display:grid!important;
  gap:18px!important;
  padding:34px 36px!important;
  background:linear-gradient(180deg,#f8fbff,#ffffff)!important;
}

/* Stronger override for the actual message seen in screenshot */
#iptvbc-client-app.is-section-support .iptvbc-support-message,
#iptvbc-client-app.is-section-support .iptvbc-support-message-v2630,
#iptvbc-client-app.is-section-support .iptvbc-support-thread-message,
#iptvbc-client-app.is-section-support .iptvbc-ticket-message{
  max-width:860px!important;
  border-radius:24px!important;
  padding:18px!important;
  background:#ffffff!important;
  border:1px solid rgba(226,232,240,.96)!important;
  box-shadow:0 16px 38px rgba(15,23,42,.06)!important;
}

#iptvbc-client-app.is-section-support .iptvbc-support-message::before,
#iptvbc-client-app.is-section-support .iptvbc-support-message-v2630::before,
#iptvbc-client-app.is-section-support .iptvbc-support-thread-message::before,
#iptvbc-client-app.is-section-support .iptvbc-ticket-message::before{
  top:18px!important;
  bottom:18px!important;
  width:3px!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,#f59e0b,#fb923c)!important;
  opacity:.72!important;
}

/* Header inside message: less table-like */
#iptvbc-client-app.is-section-support .iptvbc-support-message-head,
#iptvbc-client-app.is-section-support .iptvbc-ticket-message-head,
#iptvbc-client-app.is-section-support .iptvbc-support-message-header,
#iptvbc-client-app.is-section-support .iptvbc-ticket-message-header{
  min-height:42px!important;
  padding:0 0 12px!important;
  margin:0 0 12px!important;
  border-bottom:1px solid rgba(226,232,240,.88)!important;
}

#iptvbc-client-app.is-section-support .iptvbc-support-message-head strong,
#iptvbc-client-app.is-section-support .iptvbc-ticket-message-head strong,
#iptvbc-client-app.is-section-support .iptvbc-support-message-header strong,
#iptvbc-client-app.is-section-support .iptvbc-ticket-message-header strong{
  color:#0f172a!important;
  font-size:16px!important;
  line-height:1.15!important;
  font-weight:950!important;
  letter-spacing:-.035em!important;
}

/* Attachment refinement: thumbnail + file name more elegant */
#iptvbc-client-app.is-section-support .iptvbc-support-attachment,
#iptvbc-client-app.is-section-support .iptvbc-ticket-attachment,
#iptvbc-client-app.is-section-support .iptvbc-support-message-attachment,
#iptvbc-client-app.is-section-support .iptvbc-ticket-message-attachment,
#iptvbc-client-app.is-section-support .iptvbc-support-attachments a,
#iptvbc-client-app.is-section-support .iptvbc-ticket-attachments a{
  grid-template-columns:68px minmax(0,1fr) auto!important;
  min-height:82px!important;
  padding:10px 14px 10px 10px!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,#ffffff,#fbfdff)!important;
}

#iptvbc-client-app.is-section-support .iptvbc-support-attachment::after,
#iptvbc-client-app.is-section-support .iptvbc-ticket-attachment::after,
#iptvbc-client-app.is-section-support .iptvbc-support-message-attachment::after,
#iptvbc-client-app.is-section-support .iptvbc-ticket-message-attachment::after,
#iptvbc-client-app.is-section-support .iptvbc-support-attachments a::after,
#iptvbc-client-app.is-section-support .iptvbc-ticket-attachments a::after{
  content:"Voir"!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:54px!important;
  min-height:34px!important;
  padding:0 12px!important;
  border-radius:999px!important;
  color:#2563eb!important;
  background:#eff6ff!important;
  border:1px solid rgba(147,197,253,.72)!important;
  font-size:12px!important;
  font-weight:900!important;
}

/* Sent badge should look attached to the card, not floating awkwardly */
#iptvbc-client-app.is-section-support .iptvbc-support-message-status,
#iptvbc-client-app.is-section-support .iptvbc-ticket-message-status,
#iptvbc-client-app.is-section-support .iptvbc-support-message-meta .is-sent,
#iptvbc-client-app.is-section-support .iptvbc-ticket-message-meta .is-sent,
#iptvbc-client-app.is-section-support .iptvbc-support-message .iptvbc-status,
#iptvbc-client-app.is-section-support .iptvbc-ticket-message .iptvbc-status{
  margin-top:12px!important;
  min-height:30px!important;
  padding:0 11px!important;
  background:#ecfdf5!important;
  border-color:rgba(110,231,183,.75)!important;
  color:#047857!important;
}

/* Reply block */
#iptvbc-client-app.is-section-support .iptvbc-support-reply-form,
#iptvbc-client-app.is-section-support .iptvbc-ticket-reply-form,
#iptvbc-client-app.is-section-support .iptvbc-support-thread-reply,
#iptvbc-client-app.is-section-support .iptvbc-support-reply-panel{
  margin:0!important;
  padding:34px 36px!important;
  border-radius:0!important;
  border:0!important;
  border-top:1px solid rgba(226,232,240,.92)!important;
  background:#ffffff!important;
  box-shadow:none!important;
}

#iptvbc-client-app.is-section-support .iptvbc-support-reply-form h3,
#iptvbc-client-app.is-section-support .iptvbc-ticket-reply-form h3,
#iptvbc-client-app.is-section-support .iptvbc-support-thread-reply h3,
#iptvbc-client-app.is-section-support .iptvbc-support-reply-panel h3{
  margin:0 0 6px!important;
  color:#0b1730!important;
  font-size:clamp(28px,3vw,42px)!important;
  line-height:1!important;
  letter-spacing:-.055em!important;
  font-weight:950!important;
}

#iptvbc-client-app.is-section-support .iptvbc-support-reply-form p,
#iptvbc-client-app.is-section-support .iptvbc-ticket-reply-form p,
#iptvbc-client-app.is-section-support .iptvbc-support-thread-reply p,
#iptvbc-client-app.is-section-support .iptvbc-support-reply-panel p{
  margin:0 0 18px!important;
  color:#64748b!important;
  font-size:14px!important;
  line-height:1.5!important;
  font-weight:650!important;
}

#iptvbc-client-app.is-section-support .iptvbc-support-reply-form textarea,
#iptvbc-client-app.is-section-support .iptvbc-ticket-reply-form textarea,
#iptvbc-client-app.is-section-support .iptvbc-support-thread-reply textarea,
#iptvbc-client-app.is-section-support .iptvbc-support-reply-panel textarea{
  min-height:150px!important;
  border-radius:18px!important;
  border:1px solid rgba(203,213,225,.95)!important;
  background:#ffffff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9)!important;
}

/* Upload block in reply form */
#iptvbc-client-app.is-section-support .iptvbc-support-upload-zone,
#iptvbc-client-app.is-section-support .iptvbc-support-file-zone,
#iptvbc-client-app.is-section-support .iptvbc-ticket-upload-zone{
  border-radius:20px!important;
  border:1px dashed rgba(148,163,184,.52)!important;
  background:linear-gradient(180deg,#ffffff,#fbfdff)!important;
  padding:18px!important;
}

#iptvbc-client-app.is-section-support .iptvbc-support-reply-form button,
#iptvbc-client-app.is-section-support .iptvbc-ticket-reply-form button,
#iptvbc-client-app.is-section-support .iptvbc-support-thread-reply button,
#iptvbc-client-app.is-section-support .iptvbc-support-reply-panel button,
#iptvbc-client-app.is-section-support .iptvbc-support-reply-form .iptvbc-btn,
#iptvbc-client-app.is-section-support .iptvbc-ticket-reply-form .iptvbc-btn,
#iptvbc-client-app.is-section-support .iptvbc-support-thread-reply .iptvbc-btn,
#iptvbc-client-app.is-section-support .iptvbc-support-reply-panel .iptvbc-btn{
  min-height:48px!important;
  border-radius:16px!important;
  font-weight:900!important;
}

/* Bottom return link */
#iptvbc-client-app.is-section-support .iptvbc-support-bottom-nav,
#iptvbc-client-app.is-section-support .iptvbc-ticket-bottom-nav{
  padding:24px 36px 34px!important;
  background:#ffffff!important;
}

@media(max-width:760px){
  #iptvbc-client-app.is-section-support .iptvbc-support-ticket-hero,
  #iptvbc-client-app.is-section-support .iptvbc-support-thread-hero,
  #iptvbc-client-app.is-section-support .iptvbc-ticket-detail-hero,
  #iptvbc-client-app.is-section-support .iptvbc-support-ticket-messages,
  #iptvbc-client-app.is-section-support .iptvbc-support-thread-messages,
  #iptvbc-client-app.is-section-support .iptvbc-support-conversation-body,
  #iptvbc-client-app.is-section-support .iptvbc-support-reply-form,
  #iptvbc-client-app.is-section-support .iptvbc-ticket-reply-form,
  #iptvbc-client-app.is-section-support .iptvbc-support-thread-reply,
  #iptvbc-client-app.is-section-support .iptvbc-support-reply-panel{
    padding:20px!important;
  }

  #iptvbc-client-app.is-section-support .iptvbc-support-attachment,
  #iptvbc-client-app.is-section-support .iptvbc-ticket-attachment,
  #iptvbc-client-app.is-section-support .iptvbc-support-message-attachment,
  #iptvbc-client-app.is-section-support .iptvbc-ticket-message-attachment,
  #iptvbc-client-app.is-section-support .iptvbc-support-attachments a,
  #iptvbc-client-app.is-section-support .iptvbc-ticket-attachments a{
    grid-template-columns:56px minmax(0,1fr)!important;
  }

  #iptvbc-client-app.is-section-support .iptvbc-support-attachment::after,
  #iptvbc-client-app.is-section-support .iptvbc-ticket-attachment::after,
  #iptvbc-client-app.is-section-support .iptvbc-support-message-attachment::after,
  #iptvbc-client-app.is-section-support .iptvbc-ticket-message-attachment::after,
  #iptvbc-client-app.is-section-support .iptvbc-support-attachments a::after,
  #iptvbc-client-app.is-section-support .iptvbc-ticket-attachments a::after{
    display:none!important;
  }
}