/* Generated from products/design-system/shared/hourly-rate by Navorina/scripts/sync-ds-invoice-document.mjs. Do not edit. */
/* Hourly rate (shared/hourly-rate.js): the freelance rate calculator on navorina.ai/tools/hourly-rate. It sits in the
   guide calculator island (shared/guide-page.css) with the DS segmented control from shared/tax-tool.css; this file
   adds the year under the two rates, from what you invoice down to what you keep. */

.nv-rate-empty { padding: 16px 0; color: var(--nv-text-secondary); font-size: var(--nv-type-body-size, 14px); line-height: 20px; }
.nv-rate-year { display: grid; gap: 2px; margin-block-start: 16px; margin-inline: -12px; }
.nv-rate-line { display: flex; min-height: 40px; align-items: center; justify-content: space-between; gap: 12px; padding: 0 12px; border-radius: 14px; }
.nv-rate-line:hover { background: var(--nv-guide-well); }
.nv-rate-line dt { color: var(--nv-text-secondary); font-size: var(--nv-type-body-size, 14px); line-height: 20px; }
.nv-rate-line dd { margin: 0; font-size: var(--nv-type-body-size, 14px); font-variant-numeric: tabular-nums; line-height: 20px; }
.nv-rate-line--total dt { color: var(--nv-text-primary); }
.nv-rate-line--total dd { font-weight: 600; }
.nv-rate-note { margin-block-start: 12px; color: var(--nv-text-tertiary); font-size: var(--nv-type-footnote-size, 12px); line-height: 16px; }
.nv-rate .nv-guide-field small a { color: var(--nv-text-secondary); text-decoration: underline; text-decoration-color: var(--nv-text-tertiary); text-underline-offset: 2px; }
.nv-rate .nv-guide-field small a:hover { color: var(--nv-text-primary); }