/* Cheltuieli — doar ce lipsește din sistemul de design (mic, pe variabile) */

/* Data în cifre de registru (mono) */
.exp-date {
    font-family: var(--font-mono);
    font-size: var(--fs-12);
    color: var(--color-ink-soft);
    white-space: nowrap;
}

/* Buton atașamente în tabel: agrafă + număr mono */
.exp-files-btn {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    padding: 4px 6px;
    border-radius: var(--radius-btn);
    color: var(--color-ink-faint);
    transition: background var(--t-fast), color var(--t-fast);
}
.exp-files-btn .material-icons { font-size: 16px; }
.exp-files-btn:hover { background: var(--color-neutral-soft); color: var(--color-ink); }
.exp-files-btn.has-files { color: var(--color-accent); }
.exp-files-count {
    font-family: var(--font-mono);
    font-size: var(--fs-11);
    font-weight: 600;
}

/* Preview net/TVA live sub câmpul de sumă brută */
.exp-vat-preview {
    margin-top: 4px;
    font-family: var(--font-mono);
    font-size: var(--fs-11);
    color: var(--color-ink-faint);
    min-height: 14px;
}

/* Secțiunea de atașamente din modalul de editare */
.exp-modal-attachments {
    margin-top: var(--sp-4);
    padding-top: var(--sp-4);
    border-top: 1px solid var(--color-border-soft);
}

/* ── Cheltuieli recurente ──────────────────────────────────────────────────── */

.exp-rec-banner { margin-bottom: var(--sp-4); padding: var(--sp-3) var(--sp-4); }
.exp-rec-banner-head {
    display: flex;
    align-items: center;
    gap: var(--sp-2);
    margin-bottom: var(--sp-3);
}
.exp-rec-banner-head .material-icons { font-size: 18px; color: var(--color-accent); }
.exp-rec-banner-head .btn { margin-left: auto; }

.exp-rec-chips { display: flex; flex-wrap: wrap; gap: var(--sp-2); }
.exp-rec-chip {
    display: flex;
    align-items: center;
    gap: var(--sp-3);
    padding: var(--sp-2) var(--sp-3);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-input);
    background: var(--color-bg);
}
.exp-rec-chip-name { font-weight: 600; }
.exp-rec-chip-ym {
    font-size: var(--fs-11);
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--color-ink-faint);
}

.exp-rec-list { display: flex; flex-direction: column; }
.exp-rec-row {
    display: flex;
    align-items: center;
    gap: var(--sp-3);
    padding: var(--sp-3) 0;
    border-bottom: 1px solid var(--color-border);
}
.exp-rec-row:last-child { border-bottom: none; }
.exp-rec-row.inactive .cell-main { color: var(--color-ink-faint); }
.exp-rec-row-info { flex: 1; min-width: 0; }
.exp-rec-row-actions { display: flex; gap: 2px; }