.page-toolbar{justify-content:center}.page-toolbar h1{margin:1rem 0 1rem}.badge.badge-draft{background:#eef0f4;color:#475569}.badge.badge-sent{background:#e6f1fb;color:#185fa5}.badge.badge-paid{background:#e7f7ee;color:#15803d}.badge.badge-void{background:#f3f4f6;color:#9ca3af}.badge.badge-overdue{background:#fdecec;color:#b91c1c}.inv-summary{display:flex;flex-wrap:wrap;gap:1rem;margin:0 0 1.25rem}.inv-kpi{display:flex;flex-direction:column;gap:.25rem;min-width:12rem;padding:1rem 1.25rem;border:1px solid #bbf7d0;border-radius:12px;background:#f0fdf4}.inv-kpi-label{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em;color:var(--vc-muted, #6b7280)}.inv-kpi-value{font-size:1.4rem;font-weight:700;font-variant-numeric:tabular-nums;color:#16a34a}.inv-kpi.inv-kpi-overdue{border-color:#fecaca;background:#fef2f2}.inv-kpi.inv-kpi-overdue .inv-kpi-value{color:#b91c1c}.data-grid.dg-invoices{grid-template-columns:7rem minmax(8rem, 1.4fr) minmax(9rem, 1fr) 8rem 8rem 7rem 7.5rem}.dg-invoices .dg-cell.number{font-weight:700;color:var(--vc-text, #2b2b2b)}.dg-invoices .dg-row>.dg-cell .btn{white-space:nowrap}.dg-invoices .dg-row>.dg-cell.status{justify-content:center}@media (max-width:880px){.data-grid.dg-invoices{display:block}.dg-invoices .dg-head{display:none}.dg-invoices .dg-row{display:block;margin:0 0 .85rem;border-radius:var(--vc-radius, 8px);background:#fff;box-shadow:0 1px 2px rgba(31,41,51,0.06);overflow:hidden}.dg-invoices .dg-row>.dg-cell{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.55rem .9rem;border:0;border-top:1px solid var(--vc-subtle, #eef0f4);box-shadow:none;text-align:right}.dg-invoices .dg-row>.dg-cell::before{content:attr(data-label);font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:#555;text-align:left;font-size:.85rem}.dg-invoices .dg-row>.dg-cell.number{display:block;text-align:left;padding:.7rem .9rem;border-top:0;font-size:1.05rem;background:var(--vc-subtle, #f5f6fa)}.dg-invoices .dg-row>.dg-cell.number::before{content:none}.dg-invoices .dg-row>.dg-cell.status{flex-direction:row;align-items:center}.dg-invoices .dg-row>.dg-cell.status .badge{width:auto}.dg-invoices .dg-row>.dg-cell.no-label{display:block;padding:.75rem .9rem}.dg-invoices .dg-row>.dg-cell.no-label::before{content:none}}.inv-notice{display:flex;align-items:flex-start;gap:.85rem;max-width:720px;margin:0 auto 1.5rem;padding:20px;border:1px solid #ffd9b3;border-left:4px solid var(--vc-accent, #ff6a00);border-radius:10px;background-color:#fff7f0}.inv-notice-icon{color:var(--vc-accent, #ff6a00);font-size:1.6rem;line-height:1.4}.inv-notice p{margin:0;line-height:1.55;color:var(--vc-text, #2b2b2b)}.inv-cta{display:flex;justify-content:center;margin:1.5rem auto}.inv-intro-cta{display:flex;flex-wrap:wrap;gap:.75rem;margin:1.5rem auto 40px;padding:30px;border-radius:10px;justify-content:center;align-items:center;border:solid 1px #ccc;max-width:700px;background-color:#f7f8ff}.inv-intro{max-width:760px;margin:0 auto}.inv-intro .inv-intro-lead{font-size:1.4rem;font-weight:500}.inv-intro p{margin:0 0 1.1rem;max-width:70ch;line-height:1.65;color:var(--vc-text, #2b2b2b);font-size:1.2rem}.inv-faqs{margin-top:clamp(2.5rem, 6vw, 4rem)}.inv-empty{display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center;max-width:540px;margin:2rem auto;padding:clamp(2rem, 5vw, 3.5rem) 1.5rem;border:1px solid #e8eaf0;border-radius:16px;background:linear-gradient(180deg, #ffffff 0%, #f9faff 100%)}.inv-empty-icon{display:flex;align-items:center;justify-content:center;width:4.5rem;height:4.5rem;border-radius:50%;background:#fff3e8;color:var(--vc-accent, #ff6a00);font-size:2.4rem}.inv-empty p{margin:0;max-width:42ch;line-height:1.6;color:var(--vc-muted, #6b7280)}.inv-detail-toolbar{display:flex;align-items:center;margin:1rem 0 .25rem}.inv-back{text-decoration:none}.inv-detail-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin:0 0 1.25rem}.inv-doc{max-width:840px;margin:0 auto;padding:clamp(1.25rem, 4vw, 2.25rem);border:1px solid #e8eaf0;border-radius:14px;background:#fff;box-shadow:0 1px 2px rgba(31,41,51,0.05)}.inv-doc-head{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;margin:0 0 1.5rem}.inv-doc-head .badge{padding:.55rem 1.15rem;font-size:.9rem;letter-spacing:.06em;text-transform:uppercase;border:1px solid rgba(31,41,51,0.08)}.inv-doc-number{margin:0;font-size:1.35rem;font-weight:700;letter-spacing:.02em}.inv-parties{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin:0 0 1.5rem}.inv-party-label,.inv-meta-label{display:block;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--vc-muted, #6b7280)}.inv-logo{display:block;max-height:3.5rem;max-width:14rem;margin:.35rem 0 .5rem;object-fit:contain}.inv-party-name{font-weight:700;font-size:1.05rem;color:var(--vc-text, #2b2b2b)}.inv-party-line{color:var(--vc-text, #2b2b2b);line-height:1.5}.inv-meta{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:.5rem 2rem;padding-top:1rem;border-top:1px solid var(--vc-subtle, #eef0f4)}.inv-meta .inv-meta-label{display:inline;margin-right:.4rem}.inv-lines{width:100%;border-collapse:collapse;margin:0 0 1.25rem}.inv-lines th,.inv-lines td{padding:.6rem .5rem;border-bottom:1px solid var(--vc-subtle, #eef0f4);text-align:left}.inv-lines th{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em;color:var(--vc-muted, #6b7280)}.inv-lines .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.inv-totals{margin-left:auto;max-width:22rem}.inv-total-row{display:flex;justify-content:space-between;gap:1.5rem;padding:.4rem .5rem;color:var(--vc-text, #2b2b2b);font-variant-numeric:tabular-nums}.inv-total-due{margin-top:.25rem;border-top:2px solid #e8eaf0;font-weight:700;font-size:1.15rem;color:#16a34a}.inv-pay{margin-top:1.75rem}.inv-pay-text{margin-top:.35rem;font-size:.95rem;line-height:1.6;white-space:pre-line}.inv-help{margin:0 0 .75rem;font-size:.9rem;color:#6b7280;text-align:center}.inv-client-email{display:flex;align-items:center;gap:.5rem;margin-top:.5rem}.inv-client-email input{max-width:16rem;font-size:.85rem}.inv-overlap{display:flex;align-items:flex-start;gap:.6rem;margin-bottom:1rem;padding:.6rem .9rem;background:#fff7ed;border:1px solid #fed7aa;border-radius:10px;font-size:.9rem}.inv-overlap .material-symbols-outlined{flex:none;font-size:1.3rem;color:#d97706}.inv-overlap p{margin:0;line-height:1.55}.inv-chase{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.35rem .9rem;margin:0 auto 1rem;padding:.6rem .9rem;background:#f6f7fa;border:1px solid #e8eaf0;border-radius:10px;font-size:.9rem;max-width:880px}.inv-chase-toggle{display:inline-flex;align-items:center;gap:.45rem;font-weight:600;cursor:pointer;white-space:nowrap}.alert{max-width:880px;margin:1rem auto 1rem}.inv-chase-title{font-weight:600;white-space:nowrap}.inv-chase-hint{color:#6b7280}.inv-filters{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.6rem .9rem;margin:0 0 1rem}.inv-filter{display:flex;flex-direction:column;gap:.3rem;font-size:.78rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:#6b7280}.inv-filter select,.inv-filter input{box-sizing:border-box;height:2.4rem;min-width:10rem;font-size:.9rem}.inv-filters .btn{height:2.4rem}.inv-filter-count{display:inline-flex;align-items:center;align-self:flex-end;height:2.4rem;font-size:.85rem;color:#6b7280}.inv-filter-empty{padding:1.5rem 0;color:#6b7280;text-align:center}.inv-filter-empty .btn-link{padding:0;font-size:inherit}@media (max-width:560px){.inv-filter{flex:1 1 100%}.inv-filter select,.inv-filter input{width:100%}}.inv-faqs{max-width:720px;margin:2.5rem auto 0}.inv-faqs-heading{margin:0 0 .35rem;font-size:1.15rem;font-weight:700;text-align:center}.inv-faq{border-bottom:1px solid #e8eaf0}.inv-faq summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem .25rem;font-size:.95rem;font-weight:600;cursor:pointer;list-style:none}.inv-faq summary::-webkit-details-marker{display:none}.inv-faq summary::after{content:'add';font-family:'Material Symbols Outlined';font-weight:normal;font-size:1.3rem;color:#6b7280}.inv-faq summary:hover{color:#ff6a00}.inv-faq[open] summary::after{content:'remove'}.inv-faq-body{padding:0 .25rem .85rem}.inv-faq-body p{margin:0;max-width:70ch;font-size:.9rem;line-height:1.6;color:#4b5563}.inv-faqs-more{margin:1rem 0 0;font-size:.9rem;color:#6b7280;text-align:center}@media (max-width:560px){.inv-parties{grid-template-columns:1fr}.inv-totals{max-width:none}.inv-client-email input{max-width:none;flex:1}}