/* JAOS — Hub Clients CRM (cartes pleine largeur) */

.ja-clients-hub-page .fi-header {
    margin-bottom: 0.35rem;
}

.ja-clients-hub-page .fi-ta-content,
.ja-clients-hub-page .fi-ta-content-grid {
    width: 100% !important;
    max-width: none !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 0.55rem !important;
}

.ja-clients-hub-page .fi-ta-record {
    width: 100% !important;
    max-width: none !important;
    background: transparent !important;
    box-shadow: none !important;
    border: 0 !important;
    padding: 0 !important;
}

.ja-clients-hub-page .fi-ta-record > div,
.ja-clients-hub-page .fi-ta-cell {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    padding: 0 !important;
    border: 0 !important;
}

.ja-clients-hub__card {
    width: 100%;
    max-width: none;
    box-sizing: border-box;
    border-radius: 0.85rem;
    border: 1px solid rgba(148, 163, 184, 0.16);
    background: rgba(15, 23, 42, 0.45);
    overflow: hidden;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.ja-clients-hub__card:hover {
    border-color: rgba(167, 139, 250, 0.35);
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.15);
}

.ja-clients-hub__card-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0.65rem;
    padding: 0.7rem 0.85rem;
    width: 100%;
}

.ja-clients-hub__col {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.ja-clients-hub__col-title {
    font-size: 0.62rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #64748b;
    margin-bottom: 0.1rem;
}

.ja-clients-hub__identity-link {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    text-decoration: none;
    color: inherit;
    min-width: 0;
}

.ja-clients-hub__identity-link:hover .ja-clients-hub__name {
    color: #c4b5fd;
}

.ja-clients-hub__avatar {
    flex-shrink: 0;
    width: 2.35rem;
    height: 2.35rem;
    font-size: 0.82rem;
}

.ja-clients-hub__identity-text {
    min-width: 0;
}

.ja-clients-hub__name {
    margin: 0;
    font-size: 0.95rem;
    font-weight: 700;
    color: #f8fafc;
    line-height: 1.2;
}

.ja-clients-hub__company {
    margin: 0.1rem 0 0;
    font-size: 0.72rem;
    color: #94a3b8;
}

.ja-clients-hub__contact-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    font-size: 0.72rem;
    color: #cbd5e1;
}

.ja-clients-hub__contact-label {
    color: #64748b;
    font-weight: 600;
    margin-right: 0.25rem;
}

.ja-clients-hub__stats {
    display: flex;
    flex-wrap: wrap;
    gap: 0.28rem;
}

.ja-clients-hub__stats--stack {
    flex-direction: column;
    align-items: flex-start;
}

.ja-clients-hub__stat {
    display: inline-flex;
    align-items: center;
    gap: 0.2rem;
    padding: 0.22rem 0.45rem;
    border-radius: 999px;
    font-size: 0.68rem;
    font-weight: 600;
    color: #e2e8f0;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(148, 163, 184, 0.14);
    white-space: nowrap;
}

.ja-clients-hub__stat strong {
    font-weight: 800;
    color: #fff;
}

.ja-clients-hub__stat--revenue {
    border-color: rgba(245, 158, 11, 0.25);
    background: rgba(245, 158, 11, 0.08);
}

.ja-clients-hub__finance-stack {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
}

.ja-clients-hub__finance-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    padding: 0.28rem 0.45rem;
    border-radius: 0.45rem;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(148, 163, 184, 0.1);
    font-size: 0.72rem;
    color: #94a3b8;
}

.ja-clients-hub__finance-row strong {
    font-weight: 800;
    color: #f8fafc;
    font-size: 0.78rem;
}

.ja-clients-hub__finance-row--alert {
    border-color: rgba(239, 68, 68, 0.35);
    background: rgba(239, 68, 68, 0.1);
}

.ja-clients-hub__finance-row--alert strong {
    color: #fca5a5;
}

.ja-clients-hub__status-wrap {
    margin-top: 0.15rem;
}

.ja-clients-hub__status {
    display: inline-flex;
    align-items: center;
    gap: 0.2rem;
    padding: 0.28rem 0.55rem;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 800;
    border: 1px solid transparent;
    white-space: nowrap;
}

.ja-clients-hub__status-dot {
    font-size: 0.62rem;
    line-height: 1;
}

.ja-clients-hub__status--success {
    color: #86efac;
    background: rgba(34, 197, 94, 0.14);
    border-color: rgba(34, 197, 94, 0.3);
}

.ja-clients-hub__status--info {
    color: #93c5fd;
    background: rgba(59, 130, 246, 0.14);
    border-color: rgba(59, 130, 246, 0.3);
}

.ja-clients-hub__status--danger {
    color: #fca5a5;
    background: rgba(239, 68, 68, 0.14);
    border-color: rgba(239, 68, 68, 0.3);
}

.ja-clients-hub__status--warning {
    color: #fdba74;
    background: rgba(249, 115, 22, 0.14);
    border-color: rgba(249, 115, 22, 0.3);
}

.ja-clients-hub__next-event-title {
    margin: 0;
    font-size: 0.82rem;
    font-weight: 700;
    color: #f1f5f9;
    line-height: 1.3;
}

.ja-clients-hub__next-event-date {
    margin: 0.15rem 0 0.35rem;
    font-size: 0.72rem;
    color: #94a3b8;
}

.ja-clients-hub__next-event-empty {
    margin: 0;
    font-size: 0.74rem;
    color: #64748b;
    font-style: italic;
}

.ja-clients-hub__countdown {
    display: inline-flex;
    padding: 0.2rem 0.45rem;
    border-radius: 999px;
    font-size: 0.68rem;
    font-weight: 800;
    color: #93c5fd;
    background: rgba(59, 130, 246, 0.12);
    border: 1px solid rgba(59, 130, 246, 0.25);
}

.ja-clients-hub__actions {
    display: flex;
    flex-direction: column;
    gap: 0.28rem;
}

.ja-clients-hub__action {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.32rem 0.55rem;
    border-radius: 0.5rem;
    border: 1px solid rgba(148, 163, 184, 0.16);
    background: rgba(15, 23, 42, 0.65);
    color: #cbd5e1;
    font-size: 0.68rem;
    font-weight: 600;
    text-decoration: none;
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
    white-space: nowrap;
}

.ja-clients-hub__action:hover {
    color: #fff;
    border-color: rgba(167, 139, 250, 0.35);
    background: rgba(124, 77, 255, 0.12);
}

.ja-clients-hub__action--primary {
    border-color: rgba(167, 139, 250, 0.35);
    background: rgba(124, 77, 255, 0.18);
    color: #fff;
}

/* Tablette : 2 colonnes internes */
@media (min-width: 640px) {
    .ja-clients-hub__card-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ja-clients-hub__col--identity {
        grid-column: 1 / -1;
    }
}

/* Desktop : 5 colonnes sur toute la largeur */
@media (min-width: 1024px) {
    .ja-clients-hub__card-grid {
        grid-template-columns:
            minmax(0, 1.25fr)
            minmax(0, 1fr)
            minmax(0, 0.85fr)
            minmax(0, 1.1fr)
            minmax(0, 1fr);
        align-items: start;
        gap: 0.75rem 1rem;
        padding: 0.75rem 1rem;
    }

    .ja-clients-hub__col--identity {
        grid-column: auto;
    }

    .ja-clients-hub__col--identity,
    .ja-clients-hub__col--metrics,
    .ja-clients-hub__col--finance,
    .ja-clients-hub__col--event {
        padding-right: 0.75rem;
        border-right: 1px solid rgba(148, 163, 184, 0.1);
    }

    .ja-clients-hub__col--actions {
        padding-left: 0.15rem;
    }
}

@media (min-width: 1280px) {
    .ja-clients-hub__card-grid {
        gap: 0.75rem 1.25rem;
        padding: 0.8rem 1.15rem;
    }
}

/* Fiche client */
.ja-client-fiche {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.ja-client-fiche__hero {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.ja-client-fiche__hero-main {
    display: flex;
    align-items: center;
    gap: 0.85rem;
}

.ja-client-fiche__avatar {
    width: 3rem;
    height: 3rem;
    font-size: 1rem;
}

.ja-client-fiche__name {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 800;
}

.ja-client-fiche__company {
    margin: 0.15rem 0 0;
    color: #94a3b8;
    font-size: 0.85rem;
}

.ja-client-fiche__contact {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem 0.75rem;
    margin-top: 0.35rem;
    font-size: 0.8rem;
    color: #94a3b8;
}

.ja-client-fiche__status {
    font-size: 0.78rem;
    padding: 0.35rem 0.75rem;
}

.ja-client-fiche__kpis {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.65rem;
}

.ja-client-fiche__kpi {
    padding: 0.75rem;
    border-radius: 0.75rem;
    border: 1px solid rgba(148, 163, 184, 0.14);
    background: rgba(255, 255, 255, 0.03);
}

.ja-client-fiche__kpi strong {
    display: block;
    margin-top: 0.25rem;
    font-size: 1.1rem;
}

.ja-client-fiche__kpi-label {
    font-size: 0.72rem;
    color: #94a3b8;
}

.ja-client-fiche__kpi--alert {
    border-color: rgba(239, 68, 68, 0.35);
    background: rgba(239, 68, 68, 0.08);
}

.ja-client-fiche__kpi--alert strong {
    color: #fca5a5;
}

.ja-client-fiche__stats {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
}

.ja-client-fiche__block {
    padding: 0.75rem;
    border-radius: 0.75rem;
    border: 1px solid rgba(148, 163, 184, 0.12);
    background: rgba(255, 255, 255, 0.02);
}

.ja-client-fiche__block-title {
    margin: 0 0 0.5rem;
    font-size: 0.78rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #64748b;
}

.ja-client-fiche__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
}

.ja-client-fiche__list li {
    display: grid;
    grid-template-columns: 1fr auto auto auto;
    gap: 0.5rem;
    align-items: center;
    font-size: 0.78rem;
    padding-bottom: 0.35rem;
    border-bottom: 1px solid rgba(148, 163, 184, 0.08);
}

.ja-client-fiche__list li:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}

.ja-client-fiche__muted {
    color: #64748b;
    font-size: 0.72rem;
}

.ja-client-fiche__link {
    color: #a78bfa;
    text-decoration: none;
    font-weight: 600;
}

.ja-client-fiche__notes {
    margin: 0;
    font-size: 0.85rem;
    color: #cbd5e1;
    white-space: pre-wrap;
}

@media (max-width: 768px) {
    .ja-client-fiche__kpis {
        grid-template-columns: 1fr;
    }

    .ja-client-fiche__list li {
        grid-template-columns: 1fr;
        gap: 0.15rem;
    }
}

/* Mode clair */
html.fi:not(.dark) .ja-clients-hub__card {
    background: #fff;
    border-color: rgba(15, 23, 42, 0.1);
}

html.fi:not(.dark) .ja-clients-hub__name,
html.fi:not(.dark) .ja-client-fiche__name {
    color: #0f172a;
}

html.fi:not(.dark) .ja-clients-hub__contact-list,
html.fi:not(.dark) .ja-clients-hub__next-event-date,
html.fi:not(.dark) .ja-client-fiche__company,
html.fi:not(.dark) .ja-client-fiche__contact {
    color: #475569;
}

html.fi:not(.dark) .ja-clients-hub__stat {
    color: #334155;
    background: #f8fafc;
    border-color: rgba(15, 23, 42, 0.08);
}

html.fi:not(.dark) .ja-clients-hub__stat strong,
html.fi:not(.dark) .ja-clients-hub__finance-row strong {
    color: #0f172a;
}

html.fi:not(.dark) .ja-clients-hub__finance-row,
html.fi:not(.dark) .ja-client-fiche__kpi,
html.fi:not(.dark) .ja-client-fiche__block {
    background: #f8fafc;
    border-color: rgba(15, 23, 42, 0.08);
}

html.fi:not(.dark) .ja-clients-hub__next-event-title {
    color: #0f172a;
}

html.fi:not(.dark) .ja-clients-hub__action {
    background: #fff;
    color: #475569;
    border-color: rgba(15, 23, 42, 0.1);
}

html.fi:not(.dark) .ja-clients-hub__action--primary {
    background: rgba(124, 77, 255, 0.12);
    color: #5b21b6;
}

html.fi:not(.dark) .ja-clients-hub__identity-link:hover .ja-clients-hub__name {
    color: #5b21b6;
}

html.fi:not(.dark) .ja-client-fiche__notes {
    color: #334155;
}

@media (min-width: 1024px) {
    html.fi:not(.dark) .ja-clients-hub__col--identity,
    html.fi:not(.dark) .ja-clients-hub__col--metrics,
    html.fi:not(.dark) .ja-clients-hub__col--finance,
    html.fi:not(.dark) .ja-clients-hub__col--event {
        border-right-color: rgba(15, 23, 42, 0.08);
    }
}

/* compact + dossier styles appended */
.ja-clients-hub__card--compact{border-radius:.65rem}
.ja-clients-hub__card--compact .ja-clients-hub__card-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.65rem 1rem;padding:.55rem .75rem}
.ja-clients-hub__card--compact .ja-clients-hub__main{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem 1rem;flex:1 1 520px;min-width:0}
.ja-clients-hub__meta-row{display:flex;flex-wrap:wrap;gap:.35rem .65rem;font-size:.68rem;color:#94a3b8;margin-top:.15rem}
.ja-clients-hub__metrics-inline{display:flex;flex-wrap:wrap;gap:.45rem .75rem;font-size:.72rem;color:#cbd5e1}
.ja-clients-hub__metrics-inline small{color:#64748b;font-weight:600;margin-right:.15rem}
.ja-clients-hub__metric--alert strong{color:#f87171}
.ja-clients-hub__aside{display:flex;align-items:center;gap:.75rem}
.ja-clients-hub__status--prospect{background:rgba(251,146,60,.12);color:#fb923c;border-color:rgba(251,146,60,.25)}
.ja-clients-hub__status--deposit{background:rgba(250,204,21,.12);color:#facc15;border-color:rgba(250,204,21,.25)}
.ja-clients-hub__status--info{background:rgba(96,165,250,.12);color:#60a5fa;border-color:rgba(96,165,250,.25)}
.ja-client-dossier{display:flex;flex-direction:column;gap:1rem}
.ja-client-dossier__hero{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.75rem;padding:1rem;border-radius:.75rem;border:1px solid rgba(148,163,184,.14);background:rgba(15,23,42,.35)}
.ja-client-dossier__hero-main{display:flex;gap:.75rem;align-items:center}
.ja-client-dossier__name{margin:0;font-size:1.15rem;font-weight:700;color:#f8fafc}
.ja-client-dossier__contact{display:flex;flex-wrap:wrap;gap:.5rem 1rem;font-size:.78rem;color:#94a3b8;margin-top:.35rem}
.ja-client-dossier__kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}
@media(min-width:768px){.ja-client-dossier__kpis{grid-template-columns:repeat(6,minmax(0,1fr))}}
.ja-client-dossier__kpi{padding:.65rem .75rem;border-radius:.6rem;border:1px solid rgba(148,163,184,.12);background:rgba(15,23,42,.28)}
.ja-client-dossier__kpi span{font-size:.62rem;text-transform:uppercase;color:#64748b;font-weight:700}
.ja-client-dossier__kpi strong{font-size:.95rem;color:#f1f5f9}
.ja-client-dossier__kpi--alert strong{color:#f87171}
.ja-client-dossier__widgets{display:grid;grid-template-columns:1fr;gap:.65rem}
@media(min-width:768px){.ja-client-dossier__widgets{grid-template-columns:repeat(4,minmax(0,1fr))}}
.ja-client-dossier__widget{padding:.75rem;border-radius:.65rem;border:1px solid rgba(148,163,184,.12);background:rgba(15,23,42,.22)}
.ja-client-dossier__widget h3{margin:0 0 .45rem;font-size:.62rem;text-transform:uppercase;color:#64748b}
.ja-client-dossier__widget-title{margin:0;font-size:.85rem;font-weight:600;color:#e2e8f0}
.ja-client-dossier__widget-meta{margin:.2rem 0 .45rem;font-size:.72rem;color:#94a3b8}
.ja-client-dossier__link{font-size:.72rem;color:#a78bfa;text-decoration:none}
.ja-client-dossier__empty{margin:0;font-size:.78rem;color:#64748b}
.ja-client-payments__total{display:flex;justify-content:space-between;padding:.75rem 1rem;margin-bottom:.75rem;border-radius:.65rem;border:1px solid rgba(124,77,255,.25);background:rgba(124,77,255,.08)}
.ja-client-payments__table{width:100%;border-collapse:collapse;font-size:.78rem}
.ja-client-payments__table th,.ja-client-payments__table td{padding:.55rem .65rem;border-bottom:1px solid rgba(148,163,184,.1);text-align:left}
.ja-crm-payments-tab .fi-ta-content,.ja-crm-payments-tab .fi-ta-empty-state,.ja-crm-payments-tab .fi-ta-header-toolbar{display:none!important}

/* CRM list page — KPI + filtres + cartes premium */
.ja-clients-crm{display:flex;flex-direction:column;gap:1rem}
.ja-clients-crm__kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}
@media(min-width:768px){.ja-clients-crm__kpis{grid-template-columns:repeat(4,minmax(0,1fr))}}
.ja-clients-crm__kpi{display:flex;align-items:center;gap:.75rem;padding:.85rem 1rem;border-radius:.85rem;border:1px solid rgba(148,163,184,.14);background:rgba(15,23,42,.42)}
.ja-clients-crm__kpi-icon{font-size:1.35rem;line-height:1}
.ja-clients-crm__kpi-label{margin:0;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#64748b}
.ja-clients-crm__kpi-value{margin:.15rem 0 0;font-size:1.15rem;font-weight:800;color:#f8fafc;line-height:1.15}
.ja-clients-crm__kpi--alert{border-color:rgba(249,115,22,.35);background:rgba(249,115,22,.08)}
.ja-clients-crm__kpi--alert .ja-clients-crm__kpi-value{color:#fdba74}
.ja-clients-crm__filters{display:flex;flex-wrap:wrap;gap:.45rem}
.ja-clients-crm__filter{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .8rem;border-radius:999px;border:1px solid rgba(148,163,184,.18);background:rgba(15,23,42,.35);color:#cbd5e1;font-size:.78rem;font-weight:600;cursor:pointer;transition:border-color .15s,background .15s,color .15s}
.ja-clients-crm__filter:hover{border-color:rgba(167,139,250,.35);color:#f8fafc}
.ja-clients-crm__filter--active{border-color:rgba(167,139,250,.45);background:rgba(124,77,255,.18);color:#fff}
.ja-clients-crm__filter-count{display:inline-flex;min-width:1.25rem;justify-content:center;padding:.05rem .35rem;border-radius:999px;font-size:.65rem;font-weight:800;background:rgba(255,255,255,.08);color:inherit}
.ja-clients-crm__list--loading{opacity:.65;pointer-events:none}
.ja-clients-hub-page .fi-ta-header-toolbar{margin-top:0}
.ja-clients-hub-page .ja-clients-crm-page .fi-header{margin-bottom:.25rem}

/* Carte CRM refonte */
.ja-clients-hub__card--crm{display:flex;flex-direction:column;gap:.85rem;padding:1rem 1.05rem;border-radius:1rem;border:1px solid rgba(148,163,184,.16);background:linear-gradient(165deg,rgba(15,23,42,.72),rgba(15,23,42,.42))}
.ja-clients-hub__card--crm:hover{border-color:rgba(167,139,250,.32);box-shadow:0 10px 28px rgba(0,0,0,.22)}
.ja-clients-hub__card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}
.ja-clients-hub__card-identity{display:flex;align-items:flex-start;gap:.55rem;min-width:0}
.ja-clients-hub__card-icon{font-size:1.1rem;line-height:1;margin-top:.15rem}
.ja-clients-hub__card-title-wrap{min-width:0}
.ja-clients-hub__card--crm .ja-clients-hub__name{margin:0;font-size:1.05rem;font-weight:800;line-height:1.25}
.ja-clients-hub__card--crm .ja-clients-hub__name a{color:#f8fafc;text-decoration:none}
.ja-clients-hub__card--crm .ja-clients-hub__name a:hover{color:#c4b5fd}
.ja-clients-hub__card-badges{display:flex;flex-direction:column;align-items:flex-end;gap:.35rem;flex-shrink:0}
.ja-clients-hub__priority{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .55rem;border-radius:999px;font-size:.68rem;font-weight:800;border:1px solid transparent;white-space:nowrap}
.ja-clients-hub__priority--danger{color:#fca5a5;background:rgba(239,68,68,.12);border-color:rgba(239,68,68,.28)}
.ja-clients-hub__priority--deposit{color:#fde047;background:rgba(250,204,21,.1);border-color:rgba(250,204,21,.28)}
.ja-clients-hub__priority--success{color:#86efac;background:rgba(34,197,94,.12);border-color:rgba(34,197,94,.28)}
.ja-clients-hub__priority--info,.ja-clients-hub__priority--prospect{color:#93c5fd;background:rgba(59,130,246,.12);border-color:rgba(59,130,246,.25)}
.ja-clients-hub__countdown--past{color:#fdba74;background:rgba(249,115,22,.12);border-color:rgba(249,115,22,.25)}
.ja-clients-hub__card-focus{display:grid;grid-template-columns:1fr;gap:.65rem;padding:.75rem;border-radius:.75rem;background:rgba(0,0,0,.18);border:1px solid rgba(148,163,184,.1)}
@media(min-width:640px){.ja-clients-hub__card-focus{grid-template-columns:1.2fr .8fr;align-items:start}}
.ja-clients-hub__focus-label{display:block;font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#64748b;margin-bottom:.25rem}
.ja-clients-hub__card--crm .ja-clients-hub__next-event-title{margin:0;font-size:.92rem;font-weight:700;color:#f1f5f9;line-height:1.35}
.ja-clients-hub__card--crm .ja-clients-hub__next-event-date{margin:.2rem 0 0;font-size:.78rem;color:#94a3b8}
.ja-clients-hub__remaining{margin:0;font-size:1.35rem;font-weight:800;color:#e2e8f0;line-height:1.1}
.ja-clients-hub__remaining--alert{color:#fdba74}
.ja-clients-hub__card-foot{display:flex;flex-direction:column;gap:.65rem;padding-top:.15rem;border-top:1px solid rgba(148,163,184,.1)}
.ja-clients-hub__contact-muted{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.25rem;font-size:.74rem;color:#64748b}
.ja-clients-hub__contact-muted li{display:flex;align-items:center;gap:.35rem;min-width:0;overflow:hidden;text-overflow:ellipsis}
.ja-clients-hub__secondary-stats{display:flex;flex-wrap:wrap;gap:.35rem .65rem;font-size:.68rem;color:#475569;font-weight:600}
.ja-clients-hub__card--crm .ja-clients-hub__action{align-self:flex-start;margin-top:.15rem}
.ja-clients-hub-page .fi-ta-content-grid{gap:.85rem!important}
@media(min-width:1024px){.ja-clients-hub-page .fi-ta-content-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

html.fi:not(.dark) .ja-clients-crm__kpi{background:#fff;border-color:rgba(15,23,42,.08)}
html.fi:not(.dark) .ja-clients-crm__kpi-value{color:#0f172a}
html.fi:not(.dark) .ja-clients-crm__filter{background:#fff;color:#475569;border-color:rgba(15,23,42,.1)}
html.fi:not(.dark) .ja-clients-crm__filter--active{background:rgba(124,77,255,.12);color:#5b21b6;border-color:rgba(124,77,255,.25)}
html.fi:not(.dark) .ja-clients-hub__card--crm{background:#fff;border-color:rgba(15,23,42,.08)}
html.fi:not(.dark) .ja-clients-hub__card--crm .ja-clients-hub__name a{color:#0f172a}
html.fi:not(.dark) .ja-clients-hub__card-focus{background:#f8fafc;border-color:rgba(15,23,42,.06)}
html.fi:not(.dark) .ja-clients-hub__remaining{color:#0f172a}
html.fi:not(.dark) .ja-clients-hub__contact-muted{color:#64748b}