/**
 * FiveHeberg — correctifs globaux espace client (toutes pages WHMCS)
 * Chargé après whmcs-overrides-last.css et {$footeroutput}
 */

/* —— Variables Bootstrap 5 (thème sombre) —— */
body.fh-whmcs {
  --bs-body-bg: #060d18;
  --bs-body-color: #e8f0fc;
  --bs-emphasis-color: #e8f0fc;
  --bs-secondary-color: #8fa3be;
  --bs-secondary-bg: #0c1829;
  --bs-tertiary-color: #8fa3be;
  --bs-tertiary-bg: rgba(12, 24, 41, 0.85);
  --bs-border-color: rgba(77, 163, 255, 0.22);
  --bs-card-bg: #0c1829;
  --bs-card-color: #e8f0fc;
  --bs-card-border-color: rgba(77, 163, 255, 0.22);
  --bs-modal-bg: #0c1829;
  --bs-modal-color: #e8f0fc;
  --bs-dropdown-bg: #122a45;
  --bs-dropdown-color: #e8f0fc;
  --bs-dropdown-link-color: #e8f0fc;
  --bs-dropdown-link-hover-color: #fff;
  --bs-dropdown-link-hover-bg: rgba(59, 158, 255, 0.2);
  --bs-dropdown-link-active-color: #fff;
  --bs-dropdown-link-active-bg: rgba(59, 158, 255, 0.28);
  --bs-link-color: #3b9eff;
  --bs-link-hover-color: #6bb3ff;
  --bs-primary: #3b9eff;
  --bs-primary-rgb: 59, 158, 255;
  --bs-input-bg: rgba(6, 13, 24, 0.9);
  --bs-input-color: #e8f0fc;
  --bs-input-border-color: rgba(77, 163, 255, 0.22);
  --bs-input-focus-border-color: #3b9eff;
  --bs-input-focus-box-shadow: 0 0 0 3px rgba(59, 158, 255, 0.2);
}

body.fh-whmcs,
body.fh-whmcs .primary-content {
  color: #e8f0fc;
}

body.fh-whmcs h1,
body.fh-whmcs h2,
body.fh-whmcs h3,
body.fh-whmcs h4,
body.fh-whmcs h5,
body.fh-whmcs h6,
body.fh-whmcs .h1,
body.fh-whmcs .h2,
body.fh-whmcs .h3 {
  color: #e8f0fc;
}

body.fh-whmcs small,
body.fh-whmcs .small,
body.fh-whmcs .text-muted {
  color: #8fa3be !important;
}

body.fh-whmcs a:not(.btn):not(.dropdown-item):not(.tile):not(.fh-nav__link):not(.fh-dropdown__link):not(.list-group-item):not(.fh-whmcs-bar__name) {
  color: #3b9eff;
}

body.fh-whmcs a:not(.btn):hover {
  color: #6bb3ff;
}

/* —— Panneaux legacy WHMCS —— */
body.fh-whmcs .panel,
body.fh-whmcs .panel-default,
body.fh-whmcs .well {
  background: #0c1829 !important;
  border: 1px solid rgba(77, 163, 255, 0.22) !important;
  border-radius: 14px !important;
  color: #e8f0fc !important;
  box-shadow: none !important;
}

body.fh-whmcs .panel-heading,
body.fh-whmcs .panel-default > .panel-heading {
  background: rgba(29, 111, 216, 0.2) !important;
  border-bottom: 1px solid rgba(77, 163, 255, 0.22) !important;
  color: #e8f0fc !important;
}

body.fh-whmcs .panel-body,
body.fh-whmcs .panel-footer {
  background: transparent !important;
  color: #8fa3be !important;
  border-color: rgba(77, 163, 255, 0.15) !important;
}

body.fh-whmcs .panel-title {
  color: #e8f0fc !important;
}

/* —— Alertes WHMCS —— */
body.fh-whmcs .alert-block {
  background: rgba(59, 158, 255, 0.1) !important;
  border: 1px solid rgba(77, 163, 255, 0.28) !important;
  border-radius: 12px !important;
  color: #e8f0fc !important;
  padding: 1rem 1.15rem !important;
  margin-bottom: 1.25rem !important;
}

body.fh-whmcs .alert-block .form-control,
body.fh-whmcs .alert-block .custom-select {
  background: rgba(6, 13, 24, 0.9) !important;
  color: #e8f0fc !important;
}

/* —— Onglets —— */
body.fh-whmcs .nav-tabs {
  border-bottom: 1px solid rgba(77, 163, 255, 0.22) !important;
  gap: 0.25rem;
}

body.fh-whmcs .nav-tabs .nav-link {
  color: #8fa3be !important;
  border: 1px solid transparent !important;
  border-radius: 10px 10px 0 0 !important;
  background: transparent !important;
}

body.fh-whmcs .nav-tabs .nav-link:hover {
  color: #e8f0fc !important;
  border-color: rgba(77, 163, 255, 0.2) !important;
  background: rgba(59, 158, 255, 0.08) !important;
}

body.fh-whmcs .nav-tabs .nav-link.active,
body.fh-whmcs .nav-tabs .nav-item.show .nav-link {
  color: #e8f0fc !important;
  background: rgba(29, 111, 216, 0.25) !important;
  border-color: rgba(77, 163, 255, 0.35) !important;
  border-bottom-color: transparent !important;
}

body.fh-whmcs .tab-content {
  color: #e8f0fc;
}

body.fh-whmcs .tab-pane {
  padding-top: 1rem;
}

/* —— Menus déroulants (hors barre WHMCS) —— */
body.fh-whmcs .dropdown-menu:not(.fh-whmcs-bar__menu):not(.fh-whmcs-bar__menu--portal) {
  background: #122a45 !important;
  border: 1px solid rgba(77, 163, 255, 0.35) !important;
  border-radius: 12px !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.55) !important;
  padding: 0.4rem !important;
}

body.fh-whmcs .dropdown-menu .dropdown-item {
  color: #e8f0fc !important;
  border-radius: 8px;
}

body.fh-whmcs .dropdown-menu .dropdown-item:hover,
body.fh-whmcs .dropdown-menu .dropdown-item:focus {
  background: rgba(59, 158, 255, 0.2) !important;
  color: #fff !important;
}

/* —— Cases à cocher / radios —— */
body.fh-whmcs .form-check-input {
  background-color: rgba(6, 13, 24, 0.9) !important;
  border: 1px solid rgba(77, 163, 255, 0.35) !important;
}

body.fh-whmcs .form-check-input:checked {
  background-color: #3b9eff !important;
  border-color: #3b9eff !important;
}

body.fh-whmcs .form-check-label,
body.fh-whmcs .control-label {
  color: #8fa3be !important;
}

body.fh-whmcs .iradio,
body.fh-whmcs .icheckbox {
  margin-right: 0.35rem;
}

/* —— Téléphone international (contacts, profil, etc.) —— */
body.fh-whmcs .intl-tel-input {
  display: block;
  width: 100%;
}

body.fh-whmcs .intl-tel-input input,
body.fh-whmcs .intl-tel-input input[type="tel"],
body.fh-whmcs .intl-tel-input input[type="text"] {
  width: 100% !important;
  min-height: 42px;
  background-color: rgba(6, 13, 24, 0.9) !important;
  border: 1px solid rgba(77, 163, 255, 0.22) !important;
  color: #e8f0fc !important;
  border-radius: 10px !important;
}

body.fh-whmcs .intl-tel-input .selected-flag {
  background: rgba(12, 24, 41, 0.9) !important;
}

body.fh-whmcs .intl-tel-input .selected-flag .iti-arrow {
  border-top-color: #8fa3be !important;
}

body.fh-whmcs .intl-tel-input .country-list {
  z-index: 10200 !important;
  background: #0c1829 !important;
  border: 1px solid rgba(77, 163, 255, 0.28) !important;
  border-radius: 10px !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.55) !important;
  color: #e8f0fc !important;
}

body.fh-whmcs .intl-tel-input .country-list .country {
  color: #e8f0fc !important;
  padding: 0.45rem 0.75rem !important;
}

body.fh-whmcs .intl-tel-input .country-list .country.highlight,
body.fh-whmcs .intl-tel-input .country-list .country:hover {
  background: rgba(59, 158, 255, 0.15) !important;
}

body.fh-whmcs .intl-tel-input .country-list .dial-code {
  color: #8fa3be !important;
}

body.fh-whmcs .intl-tel-input.separate-dial-code .selected-dial-code {
  color: #8fa3be !important;
}

/* —— Sélecteurs modale langue / devise —— */
body.fh-whmcs .item-selector .item {
  background: rgba(12, 24, 41, 0.9) !important;
  border: 1px solid rgba(77, 163, 255, 0.22) !important;
  color: #e8f0fc !important;
  border-radius: 10px !important;
}

body.fh-whmcs .item-selector .item:hover,
body.fh-whmcs .item-selector .item.active {
  background: rgba(59, 158, 255, 0.18) !important;
  border-color: rgba(59, 158, 255, 0.45) !important;
  color: #fff !important;
}

/* —— Tickets support —— */
body.fh-whmcs .ticket-reply {
  background: rgba(12, 24, 41, 0.85) !important;
  border: 1px solid rgba(77, 163, 255, 0.15) !important;
  color: #e8f0fc !important;
  border-radius: 10px;
}

body.fh-whmcs .ticket-reply.staff {
  border-left: 3px solid #3b9eff !important;
}

body.fh-whmcs .ticket-reply .message {
  color: #e8f0fc !important;
}

body.fh-whmcs .ticket-reply .date {
  color: #8fa3be !important;
}

/* —— Domaines / recherche —— */
body.fh-whmcs .domain-checker-container,
body.fh-whmcs .domain-pricing {
  color: #e8f0fc;
}

body.fh-whmcs .domain-checker-result,
body.fh-whmcs .domain-lookup-result {
  background: rgba(12, 24, 41, 0.85) !important;
  border: 1px solid rgba(77, 163, 255, 0.22) !important;
  color: #e8f0fc !important;
  border-radius: 12px;
}

/* —— Store / homepage WHMCS —— */
body.fh-whmcs--store .products .product,
body.fh-whmcs--store .landing-page {
  color: #e8f0fc;
}

/* —— Affiliés / stats —— */
body.fh-whmcs .affiliate-referrals-link {
  background: rgba(12, 24, 41, 0.9) !important;
  border: 1px solid rgba(77, 163, 255, 0.22) !important;
  color: #e8f0fc !important;
}

/* Pagination : styles détaillés dans whmcs-fiveheberg.css (groupe uni) */

/* —— Blocs dynamiques WHMCS (modes paiement, gateway…) —— */
body.fh-whmcs [class*="fieldgroup-"] {
  animation: none !important;
  transition: none !important;
}

/* —— Fichiers / input file —— */
body.fh-whmcs .custom-file-label,
body.fh-whmcs .form-control[type="file"]::file-selector-button {
  background: rgba(12, 24, 41, 0.9) !important;
  color: #e8f0fc !important;
  border-color: rgba(77, 163, 255, 0.22) !important;
}

body.fh-whmcs .custom-file-input:focus ~ .custom-file-label {
  border-color: #3b9eff !important;
  box-shadow: 0 0 0 3px rgba(59, 158, 255, 0.2) !important;
}

/* —— Tooltips & popovers génériques —— */
body.fh-whmcs .tooltip-inner {
  background: #122a45 !important;
  color: #e8f0fc !important;
  border: 1px solid rgba(77, 163, 255, 0.28);
}

body.fh-whmcs .popover:not(.popover-user-notifications) {
  background: #122a45 !important;
  border: 1px solid rgba(77, 163, 255, 0.35) !important;
  color: #e8f0fc !important;
}

body.fh-whmcs .popover:not(.popover-user-notifications) .popover-body {
  color: #e8f0fc !important;
}

/* —— Erreurs formulaire —— */
body.fh-whmcs .has-error .form-control,
body.fh-whmcs .is-invalid {
  border-color: #f87171 !important;
}

body.fh-whmcs .field-error-msg,
body.fh-whmcs .help-block {
  color: #f87171 !important;
}

body.fh-whmcs .has-success .form-control,
body.fh-whmcs .is-valid {
  border-color: #34d399 !important;
}

/* —— Disabled —— */
body.fh-whmcs .form-control:disabled,
body.fh-whmcs .form-control[readonly],
body.fh-whmcs .form-select:disabled {
  background: rgba(6, 13, 24, 0.5) !important;
  color: #8fa3be !important;
  opacity: 0.85;
}

/* —— Mass payment / credit apply —— */
body.fh-whmcs .apply-credit-container,
body.fh-whmcs .credit-balance {
  color: #e8f0fc !important;
}

/* —— SSL / upgrade panels —— */
body.fh-whmcs .ssl-certificate,
body.fh-whmcs .mc-promo,
body.fh-whmcs .addon-promo-container {
  background: rgba(12, 24, 41, 0.9) !important;
  border: 1px solid rgba(77, 163, 255, 0.22) !important;
  color: #e8f0fc !important;
  border-radius: 12px;
}

/* —— OAuth / pages minimales —— */
body.fh-whmcs.fh-whmcs--auth .card,
body.fh-whmcs .logincontainer .card {
  background: #0c1829 !important;
  border: 1px solid rgba(77, 163, 255, 0.22) !important;
}

/* —— Éviter fonds blancs forcés par all.min.css —— */
body.fh-whmcs .primary-content .table > tbody > tr > td,
body.fh-whmcs .primary-content .table > thead > tr > th {
  background-color: transparent;
}

body.fh-whmcs .primary-content .table-striped > tbody > tr:nth-of-type(odd) > * {
  --bs-table-accent-bg: rgba(255, 255, 255, 0.03);
  background-color: rgba(255, 255, 255, 0.03) !important;
}

body.fh-whmcs .primary-content .table-striped > tbody > tr:nth-of-type(even) > * {
  background-color: transparent !important;
}

/* —— Boutons success / warning / info —— */
body.fh-whmcs .btn-success {
  color: #fff !important;
}

body.fh-whmcs .btn-warning {
  color: #060d18 !important;
}

body.fh-whmcs .btn-info {
  color: #fff !important;
}

/* —— Collapse sidebar chevron —— */
body.fh-whmcs .card-header[data-toggle="collapse"],
body.fh-whmcs .card-header .card-minimise {
  cursor: pointer;
}

/* —— Knowledge base articles —— */
body.fh-whmcs .kb-article-content,
body.fh-whmcs .kbarticles {
  color: #e8f0fc;
}

body.fh-whmcs .kb-article-item {
  color: #e8f0fc !important;
}

/* —— Recherche KB / téléchargements (Bootstrap 5, sans input-group-append) —— */
body.fh-whmcs .kb-search.input-group {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  background: rgba(12, 24, 41, 0.92) !important;
  border: 1px solid rgba(77, 163, 255, 0.28) !important;
  border-radius: 12px !important;
  overflow: hidden;
  box-shadow: none !important;
  gap: 0 !important;
}

body.fh-whmcs .kb-search.input-group .form-control {
  flex: 1 1 auto !important;
  width: 1% !important;
  min-height: 3.25rem !important;
  background: rgba(6, 13, 24, 0.95) !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: #e8f0fc !important;
  box-shadow: none !important;
}

body.fh-whmcs .kb-search.input-group .form-control::placeholder {
  color: #8fa3be !important;
  opacity: 1;
}

body.fh-whmcs .kb-search.input-group .form-control:focus {
  background: rgba(6, 13, 24, 0.98) !important;
  box-shadow: none !important;
  outline: none;
}

body.fh-whmcs .kb-search.input-group > .btn,
body.fh-whmcs .kb-search .input-group-append .btn {
  flex: 0 0 auto !important;
  min-height: 3.25rem !important;
  border-radius: 0 !important;
  border: 0 !important;
  border-left: 1px solid rgba(77, 163, 255, 0.22) !important;
  margin: 0 !important;
  padding-left: 1.35rem !important;
  padding-right: 1.35rem !important;
  white-space: nowrap;
}

body.fh-whmcs .kb-search .input-group-append {
  display: flex !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* —— Ajouter des fonds : layout géré dans whmcs-overrides-last (fh-addfunds-page) —— */

/* —— Éditeur Markdown (barre statut) —— */
body.fh-whmcs .md-editor {
  background: rgba(12, 24, 41, 0.9) !important;
  border: 1px solid rgba(77, 163, 255, 0.22) !important;
  border-radius: 12px !important;
  overflow: hidden;
}

body.fh-whmcs .markdown-editor-status {
  color: #8fa3be !important;
  background: rgba(6, 13, 24, 0.85) !important;
  border: 0 !important;
  border-top: 1px solid rgba(77, 163, 255, 0.12) !important;
  padding: 0.35rem 0.75rem !important;
  font-size: 0.8125rem !important;
  box-shadow: none !important;
  outline: none !important;
}

/* —— Pièces jointes ticket support —— */
body.fh-whmcs .attachment-group.input-group {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  background: rgba(12, 24, 41, 0.92) !important;
  border: 1px solid rgba(77, 163, 255, 0.28) !important;
  border-radius: 10px !important;
  overflow: hidden;
}

body.fh-whmcs .attachment-group .custom-file {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  display: flex !important;
  align-items: stretch !important;
  margin: 0 !important;
  height: auto !important;
}

body.fh-whmcs .attachment-group .custom-file-input {
  height: 100% !important;
  min-height: 2.75rem;
}

body.fh-whmcs .attachment-group .custom-file-label {
  flex: 1 1 auto !important;
  display: flex !important;
  align-items: center !important;
  min-height: 2.75rem !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: rgba(6, 13, 24, 0.95) !important;
  color: #e8f0fc !important;
}

body.fh-whmcs .attachment-group .custom-file-label::after {
  background: rgba(29, 111, 216, 0.35) !important;
  color: #e8f0fc !important;
  border-left: 1px solid rgba(77, 163, 255, 0.22) !important;
}

body.fh-whmcs .attachment-group > .btn,
body.fh-whmcs .attachment-group .input-group-append .btn {
  flex: 0 0 auto !important;
  border-radius: 0 !important;
  border: 0 !important;
  border-left: 1px solid rgba(77, 163, 255, 0.22) !important;
  margin: 0 !important;
  min-height: 2.75rem;
  align-self: stretch;
}

body.fh-whmcs .attachment-group .input-group-append {
  display: flex !important;
  margin: 0 !important;
}

/* —— Affiliés — tableau commissions —— */
body.fh-whmcs .fh-affiliates-summary .table.table-rounded {
  background: #0c1829 !important;
  border: 1px solid rgba(77, 163, 255, 0.28) !important;
  border-radius: 14px !important;
  overflow: hidden;
  border-collapse: separate !important;
  border-spacing: 0 !important;
}

body.fh-whmcs .fh-affiliates-summary .table.table-rounded td {
  border-color: rgba(77, 163, 255, 0.15) !important;
  color: #e8f0fc !important;
  padding: 0.9rem 1.15rem !important;
  vertical-align: middle !important;
  background-color: transparent !important;
}

body.fh-whmcs .fh-affiliates-summary .table.table-striped > tbody > tr:nth-of-type(odd) > td {
  background-color: rgba(255, 255, 255, 0.03) !important;
}

body.fh-whmcs .fh-affiliates-summary .table.table-striped > tbody > tr:nth-of-type(even) > td {
  background-color: transparent !important;
}

body.fh-whmcs .fh-affiliates-summary .table td.text-right {
  color: #8fa3be !important;
  width: 55%;
}

body.fh-whmcs .fh-affiliates-summary .table td strong {
  color: #e8f0fc !important;
}

/* —— Gestion utilisateurs — boutons actions —— */
body.fh-whmcs .btn-default.disabled,
body.fh-whmcs .btn-default:disabled,
body.fh-whmcs a.btn.disabled {
  opacity: 0.65 !important;
  background: rgba(12, 24, 41, 0.75) !important;
  color: #8fa3be !important;
  border-color: rgba(77, 163, 255, 0.18) !important;
  cursor: not-allowed !important;
}

body.fh-whmcs .table td .btn + .btn {
  margin-top: 0.35rem;
}

/* =============================================================================
   Page ticket (viewticket) — sidebar, fil, réponse
   ============================================================================= */

/* Sidebar : lignes label / valeur (info ticket) */
body.fh-whmcs .fh-sidebar .fh-sidebar-kv {
  display: flex !important;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.35rem 0.75rem;
  padding: 0.7rem 1rem !important;
  border-bottom: 1px solid rgba(77, 163, 255, 0.1) !important;
  font-size: 0.875rem;
  font-weight: 500;
  color: #8fa3be !important;
  line-height: 1.45;
}

body.fh-whmcs .fh-sidebar .fh-sidebar-kv:last-child {
  border-bottom: 0 !important;
}

body.fh-whmcs .fh-sidebar .fh-sidebar-kv__value,
body.fh-whmcs .fh-sidebar .fh-sidebar-kv .pull-right,
body.fh-whmcs .fh-sidebar .fh-sidebar-kv .float-right,
body.fh-whmcs .fh-sidebar .fh-sidebar-kv .float-md-right {
  flex: 0 1 auto;
  margin-left: auto;
  text-align: right;
  color: #e8f0fc !important;
  font-weight: 600;
  word-break: break-word;
}

body.fh-whmcs .fh-sidebar-panel--ticket-info .list-group-item .label,
body.fh-whmcs .fh-sidebar-panel--ticket-info .list-group-item .status {
  margin-top: 0.25rem;
}

/* Panneau CC : champ + bouton */
body.fh-whmcs .fh-sidebar-panel--cc .card-body {
  padding: 0.85rem 1rem 1rem !important;
}

body.fh-whmcs .fh-sidebar-panel--cc .card-body .input-group {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  width: 100% !important;
  background: rgba(12, 24, 41, 0.92) !important;
  border: 1px solid rgba(77, 163, 255, 0.28) !important;
  border-radius: 10px !important;
  overflow: hidden;
}

body.fh-whmcs .fh-sidebar-panel--cc .card-body .input-group .form-control {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: rgba(6, 13, 24, 0.95) !important;
  color: #e8f0fc !important;
  box-shadow: none !important;
}

body.fh-whmcs .fh-sidebar-panel--cc .card-body .input-group-append,
body.fh-whmcs .fh-sidebar-panel--cc .card-body .input-group > .btn {
  display: flex !important;
  flex: 0 0 auto !important;
  margin: 0 !important;
}

body.fh-whmcs .fh-sidebar-panel--cc .card-body .input-group-append .btn,
body.fh-whmcs .fh-sidebar-panel--cc .card-body .input-group > .btn {
  border-radius: 0 !important;
  border: 0 !important;
  border-left: 1px solid rgba(77, 163, 255, 0.22) !important;
  white-space: nowrap;
}

/* Bouton fermer ticket (footer sidebar) */
body.fh-whmcs .fh-sidebar-panel--ticket-info .card-footer .btn,
body.fh-whmcs .fh-sidebar .card-footer .btn-block {
  width: 100% !important;
  display: inline-flex !important;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
  padding: 0.55rem 0.75rem !important;
  font-size: 0.8125rem !important;
}

/* Contenu ticket : voir whmcs-overrides-last.css (section viewticket) */

/* =============================================================================
   Correctifs transverses (formulaires, cases, fichiers, sidebar)
   ============================================================================= */

/* Cases à cocher natives (hors iCheck) */
body.fh-whmcs input[type="checkbox"].no-icheck,
body.fh-whmcs input[type="radio"].no-icheck {
  width: 1.05rem;
  height: 1.05rem;
  margin: 0;
  accent-color: #3b9eff;
  vertical-align: middle;
  flex-shrink: 0;
}

body.fh-whmcs .checkbox-inline,
body.fh-whmcs label.checkbox-inline {
  display: inline-flex;
  align-items: flex-start;
  gap: 0.5rem;
  color: #e8f0fc !important;
}

/* Fichiers custom WHMCS (tickets, contacts…) */
body.fh-whmcs .custom-file {
  position: relative;
  display: flex !important;
  align-items: stretch;
  min-height: 2.75rem;
}

body.fh-whmcs .custom-file-input {
  position: absolute !important;
  inset: 0;
  z-index: 2;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  opacity: 0 !important;
  cursor: pointer;
}

body.fh-whmcs .custom-file-label {
  position: relative;
  z-index: 1;
  display: flex !important;
  align-items: center;
  width: 100%;
  min-height: 2.75rem;
  margin: 0 !important;
  padding: 0.5rem 7rem 0.5rem 0.85rem !important;
  background: rgba(6, 13, 24, 0.95) !important;
  border: 1px solid rgba(77, 163, 255, 0.22) !important;
  border-radius: 10px !important;
  color: #e8f0fc !important;
}

body.fh-whmcs .custom-file-label::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 1rem;
  background: rgba(29, 111, 216, 0.45) !important;
  color: #e8f0fc !important;
  border-left: 1px solid rgba(77, 163, 255, 0.22) !important;
  border-radius: 0 10px 10px 0 !important;
}

/* Sidebar ticket : statut / priorité empilés */
body.fh-whmcs .fh-sidebar .fh-sidebar-kv--stacked {
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 0.4rem;
}

body.fh-whmcs .fh-sidebar .fh-sidebar-kv__stacked {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.35rem;
  width: 100%;
  color: #8fa3be !important;
}

body.fh-whmcs .fh-sidebar .fh-sidebar-kv__stacked .label,
body.fh-whmcs .fh-sidebar .fh-sidebar-kv__stacked .status {
  display: inline-block;
  margin: 0 !important;
}

body.fh-whmcs .fh-sidebar-panel--ticket-info .card-footer {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: stretch;
  gap: 0.5rem;
  padding: 0.75rem 1rem 1rem !important;
}

body.fh-whmcs .fh-sidebar-panel--ticket-info .card-footer .btn {
  flex: 0 0 auto;
  width: 100%;
  min-width: 0;
  white-space: nowrap;
}

/* Éditeur markdown — tous les écrans */
body.fh-whmcs .md-editor {
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden;
}

body.fh-whmcs .md-editor .md-footer,
body.fh-whmcs .md-editor + .markdown-editor-status {
  border: 0 !important;
}

/* Pièces jointes — renfort global */
body.fh-whmcs .attachment-group .custom-file {
  flex: 1 1 auto;
  min-width: 0;
  border: 0 !important;
  border-radius: 0 !important;
}

body.fh-whmcs .attachment-group .custom-file-label {
  border: 0 !important;
  border-radius: 0 !important;
}

/* Barre WHMCS chrome — padding vertical */
body.fh-whmcs .fh-whmcs-chrome .fh-whmcs-bar__inner {
  padding-top: 0.65rem;
  padding-bottom: 0.65rem;
}

body.fh-whmcs .primary-content {
  padding-top: 1.25rem;
}

/* Progress bars espace client */
body.fh-whmcs .progress {
  background: rgba(6, 13, 24, 0.9) !important;
  border: 1px solid rgba(77, 163, 255, 0.15);
  border-radius: 999px;
  overflow: hidden;
}

body.fh-whmcs .progress-bar {
  background: linear-gradient(90deg, #1d6fd8, #3b9eff) !important;
}