/* IPTV Belgique Commerce Engine v2.7.19.112
   Support ticket thread / message card polish.
   Scope: support ticket detail conversation only. */

#iptvbc-client-app.is-section-support .iptvbc-support-thread,
#iptvbc-client-app.is-section-support .iptvbc-support-thread-v2630,
#iptvbc-client-app.is-section-support .iptvbc-support-thread-v2643,
#iptvbc-client-app.is-section-support .iptvbc-support-ticket-thread{
  display:grid!important;
  gap:16px!important;
}

#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{
  position:relative!important;
  display:grid!important;
  grid-template-columns:52px minmax(0,1fr)!important;
  gap:14px!important;
  align-items:start!important;
  padding:18px!important;
  border-radius:24px!important;
  background:linear-gradient(180deg,#ffffff,#fbfdff)!important;
  border:1px solid rgba(226,232,240,.96)!important;
  border-left:1px solid rgba(226,232,240,.96)!important;
  box-shadow:0 14px 34px rgba(15,23,42,.055)!important;
  overflow:hidden!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{
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:16px!important;
  bottom:16px!important;
  width:3px!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,#f59e0b,#f97316)!important;
  opacity:.62!important;
}

/* Avatar */
#iptvbc-client-app.is-section-support .iptvbc-support-message-avatar,
#iptvbc-client-app.is-section-support .iptvbc-ticket-message-avatar,
#iptvbc-client-app.is-section-support .iptvbc-support-avatar,
#iptvbc-client-app.is-section-support .iptvbc-support-message .avatar,
#iptvbc-client-app.is-section-support .iptvbc-ticket-message .avatar{
  display:grid!important;
  place-items:center!important;
  width:48px!important;
  height:48px!important;
  min-width:48px!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,#eef4ff,#ecfeff)!important;
  border:1px solid rgba(191,219,254,.82)!important;
  color:#4f46e5!important;
  box-shadow:0 10px 24px rgba(37,99,235,.08)!important;
  overflow:hidden!important;
}

#iptvbc-client-app.is-section-support .iptvbc-support-message-avatar img,
#iptvbc-client-app.is-section-support .iptvbc-ticket-message-avatar img,
#iptvbc-client-app.is-section-support .iptvbc-support-avatar img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  border-radius:inherit!important;
}

/* Header line */
#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{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  padding:0 0 10px!important;
  margin:0 0 12px!important;
  border-bottom:1px solid rgba(226,232,240,.92)!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:#0b1730!important;
  font-size:16px!important;
  line-height:1.2!important;
  font-weight:900!important;
  letter-spacing:-.03em!important;
}

#iptvbc-client-app.is-section-support .iptvbc-support-message-head time,
#iptvbc-client-app.is-section-support .iptvbc-ticket-message-head time,
#iptvbc-client-app.is-section-support .iptvbc-support-message-header time,
#iptvbc-client-app.is-section-support .iptvbc-ticket-message-header time,
#iptvbc-client-app.is-section-support .iptvbc-support-message-date,
#iptvbc-client-app.is-section-support .iptvbc-ticket-message-date{
  color:#64748b!important;
  font-size:13px!important;
  font-weight:750!important;
  white-space:nowrap!important;
}

/* Body */
#iptvbc-client-app.is-section-support .iptvbc-support-message-body,
#iptvbc-client-app.is-section-support .iptvbc-ticket-message-body,
#iptvbc-client-app.is-section-support .iptvbc-support-message-content,
#iptvbc-client-app.is-section-support .iptvbc-ticket-message-content{
  display:grid!important;
  gap:12px!important;
  color:#334155!important;
  font-size:15px!important;
  line-height:1.65!important;
  font-weight:650!important;
}

#iptvbc-client-app.is-section-support .iptvbc-support-message-body p,
#iptvbc-client-app.is-section-support .iptvbc-ticket-message-body p,
#iptvbc-client-app.is-section-support .iptvbc-support-message-content p,
#iptvbc-client-app.is-section-support .iptvbc-ticket-message-content p{
  margin:0 0 8px!important;
}

/* Attachment card */
#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{
  display:grid!important;
  grid-template-columns:64px minmax(0,1fr)!important;
  gap:12px!important;
  align-items:center!important;
  width:100%!important;
  min-height:82px!important;
  padding:10px!important;
  border-radius:18px!important;
  background:#ffffff!important;
  border:1px solid rgba(226,232,240,.96)!important;
  box-shadow:0 10px 24px rgba(15,23,42,.04)!important;
  text-decoration:none!important;
  color:#0f172a!important;
}

#iptvbc-client-app.is-section-support .iptvbc-support-attachment img,
#iptvbc-client-app.is-section-support .iptvbc-ticket-attachment img,
#iptvbc-client-app.is-section-support .iptvbc-support-message-attachment img,
#iptvbc-client-app.is-section-support .iptvbc-ticket-message-attachment img,
#iptvbc-client-app.is-section-support .iptvbc-support-attachments img,
#iptvbc-client-app.is-section-support .iptvbc-ticket-attachments img{
  width:64px!important;
  height:58px!important;
  border-radius:14px!important;
  object-fit:cover!important;
  background:#f8fafc!important;
  border:1px solid rgba(226,232,240,.92)!important;
}

#iptvbc-client-app.is-section-support .iptvbc-support-attachment strong,
#iptvbc-client-app.is-section-support .iptvbc-ticket-attachment strong,
#iptvbc-client-app.is-section-support .iptvbc-support-message-attachment strong,
#iptvbc-client-app.is-section-support .iptvbc-ticket-message-attachment strong,
#iptvbc-client-app.is-section-support .iptvbc-support-attachments strong,
#iptvbc-client-app.is-section-support .iptvbc-ticket-attachments strong{
  display:block!important;
  color:#0b1730!important;
  font-size:14px!important;
  line-height:1.25!important;
  font-weight:850!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}

#iptvbc-client-app.is-section-support .iptvbc-support-attachment small,
#iptvbc-client-app.is-section-support .iptvbc-ticket-attachment small,
#iptvbc-client-app.is-section-support .iptvbc-support-message-attachment small,
#iptvbc-client-app.is-section-support .iptvbc-ticket-message-attachment small,
#iptvbc-client-app.is-section-support .iptvbc-support-attachments small,
#iptvbc-client-app.is-section-support .iptvbc-ticket-attachments small{
  display:block!important;
  margin-top:4px!important;
  color:#64748b!important;
  font-size:12px!important;
  font-weight:750!important;
}

/* Sent / status badge */
#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{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:max-content!important;
  min-height:28px!important;
  margin-top:10px!important;
  padding:0 10px!important;
  border-radius:999px!important;
  background:#fff7ed!important;
  border:1px solid rgba(253,186,116,.75)!important;
  color:#c2410c!important;
  font-size:12px!important;
  font-weight:900!important;
}

/* Reply form below thread */
#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{
  margin-top:18px!important;
  padding:18px!important;
  border-radius:22px!important;
  border:1px solid rgba(191,219,254,.82)!important;
  background:linear-gradient(180deg,#ffffff,#f8fbff)!important;
  box-shadow:0 12px 28px rgba(37,99,235,.045)!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{
  width:100%!important;
  min-height:128px!important;
  padding:14px 15px!important;
  border-radius:16px!important;
  border:1px solid rgba(203,213,225,.95)!important;
  background:#ffffff!important;
  color:#0f172a!important;
  font-size:14px!important;
  line-height:1.55!important;
  box-shadow:none!important;
}

@media(max-width:760px){
  #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{
    grid-template-columns:1fr!important;
    padding:16px!important;
  }

  #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{
    display:grid!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;
  }
}