.lx-filter-row{
    display:flex;
    gap:8px;
    flex-wrap:wrap;
}

/* Base */
.lx-filter-btn{
    display:inline-flex;
    align-items:center;
    gap:8px;

    border:2px solid transparent;
    border-radius:999px;
    padding:7px 12px;

    font-weight:700;
    font-size:13px;
    line-height:1;

    background:#fff;
    text-decoration:none;

    /* neutralise Bootstrap */
    box-shadow:none !important;
    outline:0;
    color:inherit;
}

/* Evite que Bootstrap remplace les couleurs au hover */
.lx-filter-btn:hover,
.lx-filter-btn:focus,
.lx-filter-btn:focus-visible{
    box-shadow:none !important;
    outline:0;
}

/* Couleurs par statut */
.lx-filter-btn--won{
    border-color: var(--lx-status-won);
    color: var(--lx-status-won);
}
.lx-filter-btn--inprogress{
    border-color: var(--lx-status-in-progress);
    color: var(--lx-status-in-progress);
}
.lx-filter-btn--lost{
    border-color: var(--lx-status-lost);
    color: var(--lx-status-lost);
}

/* Hover OFF => bordure reste + petit fond très léger */
.lx-filter-btn--won:hover{ background: color-mix(in srgb, var(--lx-status-won) 12%, #fff); }
.lx-filter-btn--inprogress:hover{ background: color-mix(in srgb, var(--lx-status-in-progress) 12%, #fff); }
.lx-filter-btn--lost:hover{ background: color-mix(in srgb, var(--lx-status-lost) 12%, #fff); }

/* ON */
.lx-filter-btn.is-on{
    color:#fff !important;
}
.lx-filter-btn--won.is-on{ background: var(--lx-status-won); }
.lx-filter-btn--inprogress.is-on{ background: var(--lx-status-in-progress); }
.lx-filter-btn--lost.is-on{ background: var(--lx-status-lost); }

/* Hover ON => garde la couleur + léger assombrissement */
.lx-filter-btn.is-on:hover{
    filter: brightness(.95);
}

/* focus visible => accessible + cohérent */
.lx-filter-btn:focus-visible{
    outline: 2px solid rgba(0,0,0,.25);
    outline-offset: 2px;
}

.lx-filter-btn i{ font-size:14px; line-height:1; }


/* ============================
   LIENS DE PAIEMENT
   ============================ */

.lx-payment-links-table{
    height:220px;
    overflow-y:auto;
    overflow-x:auto;
}

.lx-payment-links-table table{
    margin-bottom:0;
}

.lx-payment-links-table thead{
    position:sticky;
    top:0;
    z-index:2;
}

.lx-payment-links-table thead th{
    background:#fff;
}
/* Fiche et ajout prospect : composants Bootstrap + identité Logibox. */
.lx-lead-page {
    --lx-lead-client: #426b81;
    --lx-lead-gold: #edc447;
    --lx-lead-mint: #92c2bf;
    --lx-lead-teal: #518486;
    color: var(--lx-text-body);
    max-width: 1600px;
    margin: 0 auto;
}

.lx-lead-banner,
.lx-lead-contact-strip { max-width: 830px; }
.lx-lead-banner .lx-linkRow__dot { width: 72px; height: 72px; flex-basis: 72px; }
.lx-lead-banner .lx-linkRow__text {
    min-height: 54px;
    padding-right: 24px;
    white-space: normal;
    overflow: visible;
    gap: 16px;
}
.lx-lead-banner h1 { font-size: clamp(1.25rem, 2vw, 2rem); overflow-wrap: anywhere; }
.lx-lead-contact-strip { background: #edf0f2; border: 1px solid #b4c6d0; }
.lx-lead-contact-strip a { text-decoration: none; }
.lx-lead-contact-strip a:hover { text-decoration: underline; }

.lx-lead-tabs { border: 0; gap: 0; padding-left: 4px; }
.lx-lead-tabs .nav-link {
    border: 0;
    border-radius: 0;
    padding: 9px 34px;
    color: var(--lx-text-dark);
    background: #e9ecef;
    font-size: 1.1rem;
}
.lx-lead-tabs .nav-link.active { background: var(--lx-brand-primary); color: #fff; }
.lx-lead-tabs .lx-lead-tab--reservations:not(.active) { background: #f9df4b; }
.lx-lead-tabs .nav-link:disabled { color: #89939a; background: transparent; }
.lx-lead-frame { border: 2px solid var(--lx-brand-primary); background: var(--lx-white); }
.lx-lead-panel { border: 2px solid var(--lx-panel-color); min-width: 0; }
.lx-lead-panel--client { --lx-panel-color: var(--lx-lead-client); }
.lx-lead-panel--request { --lx-panel-color: var(--lx-lead-gold); }
.lx-lead-panel--need { --lx-panel-color: var(--lx-lead-mint); }
.lx-lead-panel--activity { --lx-panel-color: var(--lx-lead-teal); }
.lx-lead-panel__heading {
    background: var(--lx-panel-color);
    color: #fff;
    min-height: 34px;
    padding: 5px 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}
.lx-lead-panel__heading h2 { font-size: .85rem; font-weight: 600; }
.lx-lead-panel__heading .btn { font-size: .7rem; padding: 2px 9px; border-radius: 2px; white-space: nowrap; }
/* Garder la palette de la maquette avec un texte lisible sur les fonds clairs. */
.lx-lead-panel--request > .lx-lead-panel__heading,
.lx-lead-panel--need > .lx-lead-panel__heading { color: var(--lx-brand-secondary); }
.lx-lead-panel--request > .lx-lead-panel__heading .btn,
.lx-lead-panel--need > .lx-lead-panel__heading .btn { --bs-btn-color: var(--lx-brand-secondary); --bs-btn-border-color: currentColor; }
.lx-lead-facts { font-size: .78rem; display: grid; gap: 10px; }
.lx-lead-facts > div { display: grid; grid-template-columns: 43% minmax(0, 1fr); gap: 10px; align-items: baseline; }
.lx-lead-facts dt { text-align: right; font-weight: 400; }
.lx-lead-facts dd { margin: 0; font-weight: 600; overflow-wrap: anywhere; }
.lx-lead-notes { background: #edf0f2; border: 1px solid #b4c6d0; border-radius: 0; min-height: 76px; }
.lx-lead-page--create .form-select,
.lx-lead-page--create .form-control:not(textarea) { background-color: #e5e7e4; border-radius: 0; border-color: #d9ddd9; font-size: .78rem; }
.lx-lead-page--create .col-form-label { font-size: .78rem; }
.lx-lead-page--create textarea { min-height: 235px; }
.lx-lead-table { font-size: .7rem; --bs-table-color: var(--lx-text-body); }
.lx-lead-table thead { --bs-table-bg: #2d6d79; --bs-table-color: #fff; }
.lx-lead-table--quotes thead { --bs-table-bg: var(--lx-lead-gold); --bs-table-color: var(--lx-brand-secondary); }
.lx-lead-table th { font-size: .78rem; padding: 7px 8px; }
.lx-lead-table td { padding: 7px 5px; border-bottom-color: #f0f2f3; }
.lx-lead-history { min-height: 250px; border: 1px solid #2d6d79; }
.lx-lead-history table { min-width: 650px; }
.lx-lead-chip { font-size: .66rem; font-weight: 500; }
.lx-lead-chip--primary { background: var(--lx-brand-primary); }
.lx-lead-chip--blue { background: #397ca5; }
.lx-lead-chip--gold { background: var(--lx-lead-gold); color: var(--lx-brand-secondary); }
.lx-lead-chip--green { background: var(--lx-brand-accent); color: #243a00; }
.lx-lead-chip--red { background: #d83832; }
.lx-lead-avatar { display: inline-grid; place-items: center; width: 23px; height: 23px; border: 1px solid #b4c6d0; border-radius: 50%; font-size: .58rem; color: var(--lx-brand-primary); background: #edf0f2; }
.lx-lead-icon { --bs-btn-padding-x: 3px; --bs-btn-padding-y: 1px; --bs-btn-font-size: .7rem; --bs-btn-border-radius: 2px; --bs-btn-color: #fff; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: var(--lx-brand-secondary); }
.lx-lead-icon--view { --bs-btn-bg: #285e63; }
.lx-lead-icon--send { --bs-btn-bg: #397ca5; }
.lx-lead-icon--delete { --bs-btn-bg: #c84242; }
@media (max-width: 767.98px) {
    .lx-lead-banner .lx-linkRow__text { flex-wrap: wrap; padding-top: 10px; padding-bottom: 10px; padding-right: 16px; gap: 8px; }
    .lx-lead-tabs .nav-link { padding: 8px 12px; font-size: .9rem; }
    .lx-lead-contact-strip { justify-content: flex-start !important; }
}