/* Taxe stat + previziuni — doar ce lipsește din sistemul de design. */

/* Rând de previziune: nume+bază / perioadă / sumă / acțiune */
.tax-forecast-row {
    display: flex;
    align-items: center;
    gap: var(--sp-4);
    padding: var(--sp-3) var(--sp-4);
    border-bottom: 1px solid var(--color-border-soft);
}
.tax-forecast-row:last-child { border-bottom: none; }

.tax-forecast-main { flex: 1; min-width: 0; }

.tax-forecast-basis {
    font-size: var(--fs-11);
    color: var(--color-ink-faint);
    margin-top: 2px;
    font-family: var(--font-mono);
}

.tax-forecast-period {
    font-size: var(--fs-12);
    color: var(--color-ink-soft);
    white-space: nowrap;
    text-align: right;
}
.tax-forecast-due {
    font-size: var(--fs-11);
    color: var(--color-ink-faint);
    font-family: var(--font-mono);
}

.tax-forecast-amount {
    font-family: var(--font-mono);
    font-variant-numeric: tabular-nums;
    font-weight: 600;
    white-space: nowrap;
    min-width: 110px;
    text-align: right;
}

.tax-forecast-count {
    color: var(--color-ink-faint);
    font-weight: 500;
}

/* Cifre mono în celulele de dată */
.tax-mono {
    font-family: var(--font-mono);
    font-variant-numeric: tabular-nums;
    font-size: var(--fs-12);
}

/* Sumar în modalul de plată + notă pentru estimat */
.tax-pay-summary { margin-bottom: var(--sp-4); }

.tax-pay-note {
    display: flex;
    align-items: center;
    gap: var(--sp-2);
    background: var(--color-purple-soft);
    color: var(--color-purple);
    border-radius: var(--radius-input);
    padding: var(--sp-2) var(--sp-3);
    font-size: var(--fs-12);
    margin-bottom: var(--sp-4);
}
.tax-pay-note .material-icons { font-size: 16px; }

/* Formularele FormBuilder (form-input/form-textarea/form-grid-2) nu au încă
   stiluri globale — le oglindim pe .form-control, doar în contextul paginii. */
.form-builder .form-input,
.form-builder .form-textarea {
    width: 100%;
    padding: 8px 10px;
    border: 1px solid var(--color-border-strong);
    border-radius: var(--radius-input);
    background: var(--color-surface);
    font-size: var(--fs-13);
    transition: border-color var(--t-fast), box-shadow var(--t-fast);
}
.form-builder .form-input:focus,
.form-builder .form-textarea:focus {
    outline: none;
    border-color: var(--color-accent);
    box-shadow: var(--shadow-focus);
}
.form-builder .form-input.error,
.form-builder .form-textarea.error { border-color: var(--color-danger); }
.form-builder .form-textarea { resize: vertical; min-height: 60px; }
.form-builder input[type="number"].form-input,
.form-builder input[type="date"].form-input { font-family: var(--font-mono); }

.form-builder .form-grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 0 var(--sp-4); }
.form-builder .form-error { display: none; align-items: center; gap: 4px; }
.form-builder .form-error .material-icons { font-size: 13px; }

@media (max-width: 768px) {
    .form-builder .form-grid-2 { grid-template-columns: 1fr; }

    .tax-forecast-row { flex-wrap: wrap; gap: var(--sp-2); }
    .tax-forecast-main { flex-basis: 100%; }
    .tax-forecast-amount { min-width: 0; }
}