/* Invoices page — page-specific widgets. After styles.css + marketing.css. LIGHT. */
.inv { padding: 24px 28px; position: relative; }
.inv__top { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 18px; }
.inv__no { font-size: 16px; font-weight: 800; color: var(--ink); }
.inv__to { font-size: 12px; color: var(--muted); margin-top: 2px; }
.inv__stamp { transform: rotate(-8deg); border: 2px solid #168f5b; color: #168f5b; font-weight: 800; font-size: 13px; letter-spacing: .08em; padding: 4px 12px; border-radius: 8px; text-transform: uppercase; }
.inv__line { display: grid; grid-template-columns: 1fr 48px 80px; gap: 12px; font-size: 13px; padding: 8px 0; border-bottom: 1px solid var(--line); color: var(--ink); }
.inv__line span:not(:first-child) { text-align: right; font-variant-numeric: tabular-nums; color: var(--muted); }
.inv__line--head { font-size: 11px; text-transform: uppercase; letter-spacing: .06em; color: var(--muted-2); font-weight: 700; }
.inv__tot { display: flex; justify-content: space-between; font-size: 13px; color: var(--muted); padding: 3px 0; }
.inv__tot--grand { font-size: 18px; font-weight: 800; color: var(--ink); margin-top: 4px; }
.inv__totals { margin-left: auto; max-width: 240px; margin-top: 12px; }