/* ─────────────────────────────────────────────────────────────
 * withholding-atom — calculator results view
 * ───────────────────────────────────────────────────────────── */

.withholding {
    display: flex;
    flex-direction: column;
    gap: var(--space-16);
    padding: var(--space-24);
    max-width: 720px;
}

.withholding__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-12);
}

.withholding__title {
    font-size: var(--display-title-size);
    font-weight: 600;
    color: var(--surface-text);
}

.withholding__chip {
    display: inline-flex;
    align-items: center;
    padding: var(--space-4) var(--space-12);
    border-radius: var(--radius-full);
    font-size: var(--content-small-size);
    font-weight: 500;
    background: var(--surface-sunken);
}

.withholding__stale-banner {
    display: flex;
    align-items: center;
    gap: var(--space-8);
    padding: var(--space-12);
    background: var(--surface-sunken);
    border-radius: var(--radius-8);
    border: 1px solid var(--surface-border);
}

.withholding__grid {
    display: flex;
    flex-direction: column;
    gap: var(--space-8);
    padding: var(--space-16);
    background: var(--surface-card);
    border-radius: var(--radius-12);
    border: 1px solid var(--surface-border);
}

.withholding__row {
    display: grid;
    grid-template-columns: 1fr auto auto;
    gap: var(--space-12);
    align-items: baseline;
    padding: var(--space-8) 0;
    border-bottom: 1px solid var(--surface-border);
}

.withholding__row:last-child {
    border-bottom: none;
}

.withholding__row-label {
    font-size: var(--content-body-size);
}

.withholding__row-value {
    font-size: var(--content-body-size);
    font-weight: 600;
    color: var(--surface-text);
    font-variant-numeric: tabular-nums;
}

.withholding__row-note {
    text-align: right;
}

.withholding__actions {
    display: flex;
    gap: var(--space-12);
    justify-content: flex-end;
}