.lx-app{
    display:flex;
    min-height:100vh;
    background:var(--lx-bg-app);
}
#sidebar.is-collapsed .lx-submenu.collapse.show {
    display: none !important;
}

/* ✅ Table: scroll max 50vh */
.lx-table-scroll{
    max-height: 40vh;
    overflow:auto;
}

/* ✅ tri : indique triable même avant clic */
th[data-lx-sort]{
    cursor:pointer;
    user-select:none;
    white-space:nowrap;
}

th[data-lx-sort]::after{
    content:" ⇅";
    font-size:.85em;
    opacity:.35;
    margin-left:.25rem;
}

th[data-lx-sort].is-sorted-asc::after{
    content:" ▲";
    opacity:.7;
}

th[data-lx-sort].is-sorted-desc::after{
    content:" ▼";
    opacity:.7;
}

.lx-linkRow{
    display:flex;
    align-items:center;
    gap:10px;
    text-decoration:none;
}

/* Rond au-dessus */
.lx-linkRow__dot{
    width:60px;
    height:60px;
    flex:0 0 60px;
    border-radius:999px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    line-height:1;

    position:relative;
    z-index:2; /* ✅ au-dessus de la pill */
}

/* Pill en dessous + revient à gauche */
.lx-linkRow__text{
    padding:10px 12px;
    border-radius:999px;
    flex:1 1 auto;
    min-width:0;
    font-size:13px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;

    display:flex;
    align-items:center;
    gap:10px;

    position:relative;
    z-index:1; /* ✅ en-dessous du rond */

    margin-left:-36px;  /* ✅ la pill passe derrière le rond (ajuste 20-35) */
    padding-left:46px;  /* ✅ le texte NE passe PAS sous le rond */
}

/* icône à droite */
.lx-linkRow__icon{
    margin-left:auto;
    flex:0 0 auto;
    opacity:.7;
}

/* Status badges (utilise tes variables déjà en place) */
.lx-badge-status.lx-status--won { background: var(--lx-status-won); color: #fff; }
.lx-badge-status.lx-status--inprogress { background: var(--lx-status-in-progress); color: #fff; }
.lx-badge-status.lx-status--lost { background: var(--lx-status-lost); color: #fff; }
.lx-badge-status.lx-status--unknown { background: #6c757d; color: #fff; }

/* Type badge */
.lx-badge-type { background: #305c78; color: #fff; }



tr.lx-row-click { cursor: pointer; }
tr.lx-row-click:hover > td { background: rgba(0,0,0,.03); }
tr.lx-row-click:focus { outline: 2px solid rgba(0,0,0,.15); outline-offset: -2px; }