/* Achat list — KPI cards (style sobre / lisible) */

.achat-workbench .achat-echeance-kpi,
.achat-workbench .rent-wb-kpi.accent-echeance,
.achat-workbench .achat-type-service-kpi[data-type-key="Astreinte"] {
    display: none !important;
}

.achat-workbench.achat-stats-wrapper {
    --achat-text: #33475B;
    --achat-muted: #516F90;
    --achat-border: #CBD6E2;
    --achat-card: #FFFFFF;
    --achat-bg: #F5F8FA;
    display: block;
    margin: 8px 0 12px;
    padding: 10px;
    background: var(--achat-bg);
    border: 1px solid var(--achat-border);
    border-radius: 6px;
    color: var(--achat-text);
    font-size: 13px;
}

.achat-workbench .rent-wb-kpis.achat-all-kpis-row,
.achat-workbench .rent-wb-kpis[data-name="achat-kpi-row"],
.achat-workbench.has-echeance-kpi .rent-wb-kpis.achat-all-kpis-row,
.achat-workbench.has-echeance-kpi .rent-wb-kpis[data-name="achat-kpi-row"] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
    gap: 8px;
    margin: 0;
}

.achat-workbench .rent-wb-kpi {
    background: var(--achat-card);
    border: 1px solid var(--achat-border);
    border-radius: 4px;
    border-top-width: 3px;
    padding: 10px 12px 8px;
    box-shadow: none;
    position: relative;
    overflow: hidden;
    min-height: 0;
}

.achat-workbench .rent-wb-kpi::before {
    display: none;
}

.achat-workbench .rent-wb-kpi.accent-total { border-top-color: #00A4BD; }
.achat-workbench .rent-wb-kpi.accent-unpaid { border-top-color: #F2545B; }
.achat-workbench .rent-wb-kpi.accent-partial { border-top-color: #F5C26B; }
.achat-workbench .rent-wb-kpi.accent-paid { border-top-color: #00BDA5; }
.achat-workbench .rent-wb-kpi.accent-invoice,
.achat-workbench .achat-type-service-kpi.accent-total { border-top-color: #0091AE; }
.achat-workbench .achat-type-service-kpi.accent-paid { border-top-color: #00BDA5; }
.achat-workbench .achat-type-service-kpi.accent-partial { border-top-color: #F5C26B; }

.achat-workbench .rent-wb-kpi .label {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 11px;
    font-weight: 600;
    color: var(--achat-muted);
    text-transform: uppercase;
    letter-spacing: .02em;
    margin-bottom: 4px;
    line-height: 1.3;
}

.achat-workbench .achat-kpi-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto;
    height: auto;
    border-radius: 0;
    background: transparent;
    color: inherit;
    font-size: 11px;
}

.achat-workbench .accent-total .achat-kpi-icon { color: #00A4BD; }
.achat-workbench .accent-unpaid .achat-kpi-icon { color: #F2545B; }
.achat-workbench .accent-partial .achat-kpi-icon { color: #D1890C; }
.achat-workbench .accent-paid .achat-kpi-icon { color: #00BDA5; }
.achat-workbench .achat-type-service-kpi .achat-kpi-icon { color: #0091AE; }

.achat-workbench .rent-wb-kpi .value {
    font-size: 22px;
    font-weight: 700;
    line-height: 1.15;
    color: var(--achat-text);
    font-variant-numeric: tabular-nums;
}

.achat-workbench .rent-wb-kpi .sub {
    font-size: 11px;
    color: var(--achat-text);
    margin-top: 6px;
    font-weight: 600;
    line-height: 1.35;
}

.achat-workbench .achat-kpi-amounts {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.achat-workbench .achat-kpi-amt-line {
    font-size: 11px;
    line-height: 1.35;
    color: var(--achat-text);
}

.achat-workbench .achat-kpi-amt-line strong {
    font-weight: 700;
    color: var(--achat-text);
}

.achat-workbench .achat-kpi-amt-meta {
    margin-top: 3px;
    font-size: 10px;
    font-weight: 600;
    color: var(--achat-muted);
}

.achat-workbench .rent-wb-kpi-clickable {
    cursor: pointer;
    transition: border-color .12s ease, background .12s ease;
}

.achat-workbench .rent-wb-kpi-clickable:hover {
    background: #FAFCFF;
    border-color: #7FD1DE;
    transform: none;
    box-shadow: none;
}

.achat-workbench .rent-wb-kpi-clickable.active {
    border-color: #00A4BD;
    box-shadow: inset 0 0 0 1px #00A4BD;
}

.achat-workbench .rent-wb-kpi.alert {
    background: #FFF5F5;
    border-color: #F8C9C9;
}

.achat-workbench .rent-wb-kpi.accent-partial.alert {
    background: #FFFBF0;
    border-color: #F5D9A8;
}

.achat-workbench .rent-wb-cra-progress {
    height: 3px;
    background: #EAF0F6;
    border-radius: 2px;
    margin-top: 6px;
    overflow: hidden;
}

.achat-workbench .rent-wb-cra-progress > span {
    display: block;
    height: 100%;
    background: #00BDA5;
    border-radius: 2px;
}

.achat-kpi-progress-unpaid > span {
    background: #F2545B;
}

.achat-type-service-kpi .sub.achat-ts-sub,
.achat-unpaid-kpi .sub.achat-unpaid-ts-sub {
    margin-top: 6px;
    font-weight: 500;
}

.achat-unpaid-kpi .sub.achat-unpaid-somme-sub {
    margin-top: 6px;
    padding-top: 6px;
    border-top: 1px solid #EAF0F6;
}

.achat-type-service-kpi .achat-ts-select {
    position: absolute;
    top: 8px;
    right: 8px;
    left: auto;
    margin: 0;
    z-index: 2;
}

.achat-type-service-kpi .achat-ts-checkbox {
    margin: 0;
    width: 14px;
    height: 14px;
    accent-color: #00A4BD;
}

.achat-type-service-kpi.achat-ts-selected {
    background: #F0FBFD;
    box-shadow: none;
    border-color: #7FD1DE;
}

.achat-type-service-kpi .label {
    padding-left: 0;
    font-size: 11px;
}

.achat-ts-split {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.achat-ts-pill {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
    width: 100%;
    padding: 3px 6px;
    border: 1px solid #DCE4EC;
    border-radius: 3px;
    background: #F5F8FA;
    font-size: 10px;
    line-height: 1.25;
    color: var(--achat-text);
    cursor: pointer;
    text-align: left;
}

.achat-ts-pill:hover {
    background: #EAF0F6;
    border-color: #CBD6E2;
}

.achat-ts-pill.active {
    background: #E5F5F8;
    border-color: #00A4BD;
    box-shadow: none;
}

.achat-ts-pill-label {
    color: var(--achat-muted);
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.achat-ts-pill-label i {
    margin-right: 3px;
    font-size: 9px;
}

.achat-ts-pill-value {
    font-weight: 700;
    flex-shrink: 0;
    font-variant-numeric: tabular-nums;
}

.achat-ts-pill-ok .achat-ts-pill-value { color: #00BDA5; }
.achat-ts-pill-warn .achat-ts-pill-value { color: #D1890C; }
.achat-ts-pill-ok { border-left: 2px solid #00BDA5; }
.achat-ts-pill-warn { border-left: 2px solid #F5C26B; }

.achat-ts-open-list,
.achat-echeance-detail,
[data-action="achat-echeance-detail"] {
    display: none !important;
}

.achat-workbench .rent-wb-kpi.accent-total > .sub:not(.achat-ts-sub):not(.achat-unpaid-ts-sub):not(.achat-unpaid-somme-sub) {
    font-weight: 500;
    color: var(--achat-muted);
    font-size: 11px;
}

.achat-workbench .achat-kpi-type-divider {
    box-shadow: none;
}

@media (max-width: 900px) {
    .achat-workbench .rent-wb-kpis[data-name="achat-kpi-row"],
    .achat-workbench.has-echeance-kpi .rent-wb-kpis[data-name="achat-kpi-row"] {
        grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    }
}