/* Invoices — page-specific additions on top of the shared vx design system.
   Loaded globally via app.js alongside vx-design-system.css (see rationale there). */

.inv-stat-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 14px; }
.inv-stat-card { background: #fff; border: 1px solid #E3E8F0; border-radius: 14px; padding: 16px 18px; }
.inv-stat-label { font-size: 12px; font-weight: 700; letter-spacing: .05em; color: #94A0B8; text-transform: uppercase; margin-bottom: 8px; }
.inv-stat-value-row { display: flex; align-items: center; gap: 10px; }
.inv-stat-bar { width: 10px; height: 26px; border-radius: 4px; flex-shrink: 0; }
.inv-stat-value { font-size: 22px; font-weight: 800; color: #1C2540; }

.inv-filter-grid { display: grid; grid-template-columns: 1.4fr 1fr 1.6fr auto; gap: 12px; align-items: end; padding: 16px 24px; border-bottom: 1px solid #EEF1F6; }
@media (max-width: 900px) { .inv-filter-grid { grid-template-columns: 1fr; } }

.inv-table-head { display: grid; grid-template-columns: 1.4fr 2fr 1.1fr 1.1fr 1fr 1fr 130px; padding: 12px 24px; background: #F7F9FC; border-bottom: 1px solid #EEF1F6; }
.inv-table-head span { font-size: 11px; font-weight: 700; letter-spacing: .06em; color: #7A869E; }
.inv-table-row { display: grid; grid-template-columns: 1.4fr 2fr 1.1fr 1.1fr 1fr 1fr 130px; align-items: center; padding: 14px 24px; border-bottom: 1px solid #F1F4F9; text-decoration: none; color: inherit; }
.inv-table-row:hover { background: #F9FBFE; }

.rinv-filter-grid { display: grid; grid-template-columns: 1.4fr 1fr 1fr auto; gap: 12px; align-items: end; padding: 16px 24px; border-bottom: 1px solid #EEF1F6; }
@media (max-width: 900px) { .rinv-filter-grid { grid-template-columns: 1fr; } }

.rinv-table-head { display: grid; grid-template-columns: .8fr 1.1fr 1.3fr 1fr 1fr .9fr .9fr 90px; padding: 12px 24px; background: #F7F9FC; border-bottom: 1px solid #EEF1F6; }
.rinv-table-head span { font-size: 11px; font-weight: 700; letter-spacing: .06em; color: #7A869E; }
.rinv-table-row { display: grid; grid-template-columns: .8fr 1.1fr 1.3fr 1fr 1fr .9fr .9fr 90px; align-items: center; padding: 14px 24px; border-bottom: 1px solid #F1F4F9; text-decoration: none; color: inherit; }
.rinv-table-row:hover { background: #F9FBFE; }

/* Additional vx-icon-btn color variants beyond the shared -danger one. */
.vx-icon-btn-primary { background: #E7EEFF; color: #3B6EF6; }
.vx-icon-btn-primary:hover { background: #3B6EF6; color: #fff; }
.vx-icon-btn-info { background: #E0F5F1; color: #12A594; }
.vx-icon-btn-info:hover { background: #12A594; color: #fff; }
.vx-icon-btn-secondary { background: #F1F4FA; color: #59647E; }
.vx-icon-btn-secondary:hover { background: #59647E; color: #fff; }