.inv-list>turbo-frame#invoices{display:flex;flex-direction:column;gap:20px}.vx-card.inv-card,.inv-card .table.inv-table{overflow:visible}.inv-filters{margin:0;padding:16px 24px 0;border-bottom:1px solid var(--phoa-border-divider)}.inv-views{display:flex;gap:6px;margin:0 -24px 14px;padding:0 24px 2px;overflow-x:auto;scrollbar-width:none}.inv-views::-webkit-scrollbar{display:none}.inv-view{display:inline-flex;align-items:center;gap:7px;flex:none;height:32px;padding:0 13px;border:1px solid var(--phoa-border);border-radius:999px;background:var(--phoa-card);color:var(--phoa-muted-1);font-size:var(--phoa-fs-label);font-weight:var(--phoa-fw-bold);text-decoration:none;white-space:nowrap;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.inv-view:hover{border-color:var(--phoa-primary);color:var(--phoa-primary)}.inv-view:focus-visible{outline:2px solid var(--phoa-primary);outline-offset:2px}.inv-view.is-active{border-color:var(--phoa-text);background:var(--phoa-text);color:#fff}.inv-view-dot{width:7px;height:7px;border-radius:50%;background:var(--phoa-muted-4)}.inv-view-dot.is-danger{background:var(--phoa-danger-text)}.inv-view-dot.is-warning{background:var(--phoa-warning-text-2)}.inv-view-dot.is-success{background:var(--phoa-success-text)}.inv-view-dot.is-primary{background:var(--phoa-primary)}.inv-view-dot.is-muted{background:var(--phoa-muted-3)}.inv-view.is-active .inv-view-dot{box-shadow:0 0 0 2px rgba(255,255,255,.85)}.inv-fields{display:grid;grid-template-columns:minmax(200px,2fr)minmax(140px,1fr)minmax(170px,1.2fr)minmax(190px,1.2fr)auto auto;gap:10px;align-items:center}.inv-fields.has-unit{grid-template-columns:minmax(180px,1.6fr)minmax(160px,1.2fr)minmax(130px,1fr)minmax(160px,1.1fr)minmax(180px,1.1fr)auto auto}@media(max-width:1199.98px){.inv-fields,.inv-fields.has-unit{grid-template-columns:repeat(6,minmax(0,1fr))}.inv-search{grid-column:span 6}.inv-unit{grid-column:span 3}.inv-fields>.vx-select{grid-column:span 2}.inv-fields.has-unit>.vx-select{grid-column:span 3}.inv-dates{grid-column:span 2}.inv-amount{grid-column:span 2}.inv-toggle{grid-column:span 3}.inv-filter-actions{grid-column:span 3;justify-content:flex-end}}@media(max-width:575.98px){.inv-fields>.vx-select,.inv-fields.has-unit>.vx-select,.inv-unit,.inv-dates,.inv-amount{grid-column:span 6}}.inv-search{position:relative}.inv-search svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--phoa-muted-4);pointer-events:none}.inv-search .vx-input{padding-left:40px}.inv-search .vx-input::-webkit-search-cancel-button{cursor:pointer}.inv-dates .vx-input{min-width:0}.inv-amount{display:flex;align-items:center;height:42px;padding:0 4px 0 12px;border:1px solid var(--phoa-border-input);border-radius:10px;background:var(--phoa-card);transition:border-color .15s ease,box-shadow .15s ease}.inv-amount:focus-within{border-color:var(--phoa-primary);box-shadow:0 0 0 3px rgba(59,110,246,.12)}.inv-amount .vx-input{flex:1;min-width:0;height:38px;padding:0 6px;border:0;background:0 0;box-shadow:none!important;font-variant-numeric:tabular-nums;-moz-appearance:textfield}.inv-amount .vx-input::-webkit-outer-spin-button,.inv-amount .vx-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.inv-amount-cur{color:var(--phoa-muted-4);font-weight:var(--phoa-fw-bold);font-size:var(--phoa-fs-body-sm)}.inv-amount-sep{color:var(--phoa-muted-5);padding:0 2px}.inv-toggle{position:relative;display:inline-flex;align-items:center;gap:9px;height:42px;margin:0;color:var(--phoa-secondary);font-size:var(--phoa-fs-body-sm);font-weight:var(--phoa-fw-bold);white-space:nowrap;cursor:pointer;user-select:none}.inv-toggle-input{position:absolute;opacity:0;width:1px;height:1px}.inv-toggle-track{position:relative;flex:none;width:36px;height:20px;border-radius:999px;background:#d3dae7;transition:background-color .18s ease}.inv-toggle-track::after{content:'';position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(20,30,70,.25);transition:transform .18s cubic-bezier(.2,.8,.2,1)}.inv-toggle-input:checked+.inv-toggle-track{background:var(--phoa-danger-text)}.inv-toggle-input:checked+.inv-toggle-track::after{transform:translateX(16px)}.inv-toggle-input:focus-visible+.inv-toggle-track{outline:2px solid var(--phoa-primary);outline-offset:2px}.inv-filter-actions{display:flex;gap:8px}.inv-filter-error{display:flex;align-items:center;gap:8px;margin-top:12px;padding:10px 12px;border-radius:10px;background:var(--phoa-danger-bg);color:var(--phoa-danger-text);font-size:var(--phoa-fs-body-sm);font-weight:var(--phoa-fw-semibold)}.inv-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px 0}.inv-chips{display:flex;align-items:center;flex-wrap:wrap;gap:6px;min-width:0}.inv-count{margin-right:6px;color:var(--phoa-muted-2);font-size:var(--phoa-fs-body-sm);font-variant-numeric:tabular-nums}.inv-count strong{color:var(--phoa-text);font-weight:var(--phoa-fw-extrabold)}.inv-chip{display:inline-flex;align-items:center;gap:6px;max-width:100%;height:28px;padding:0 8px 0 11px;border-radius:8px;background:var(--phoa-primary-tint);color:var(--phoa-primary-hover);font-size:var(--phoa-fs-meta);font-weight:var(--phoa-fw-bold);text-decoration:none;transition:background-color .15s ease,color .15s ease}.inv-chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inv-chip svg{flex:none;opacity:.7}.inv-chip:hover,.inv-chip:focus-visible{background:var(--phoa-primary);color:#fff}.inv-chip:hover svg{opacity:1}.inv-chip-clear{margin-left:2px;color:var(--phoa-muted-2);font-size:var(--phoa-fs-meta);font-weight:var(--phoa-fw-bold);text-decoration:underline;text-underline-offset:3px}.inv-chip-clear:hover{color:var(--phoa-primary)}.inv-meta-actions{display:flex;align-items:center;gap:10px;margin-left:auto}.inv-ghost-btn{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 12px;border:1px solid var(--phoa-border-input);border-radius:9px;background:var(--phoa-card);color:var(--phoa-secondary);font-size:var(--phoa-fs-label);font-weight:var(--phoa-fw-bold);cursor:pointer;transition:border-color .15s ease,color .15s ease}.inv-ghost-btn:hover:not(:disabled){border-color:var(--phoa-primary);color:var(--phoa-primary)}.inv-ghost-btn:disabled{opacity:.6;cursor:progress}.inv-perpage{display:inline-flex;align-items:center;gap:8px;margin:0;color:var(--phoa-muted-2);font-size:var(--phoa-fs-label);font-weight:var(--phoa-fw-bold)}.inv-perpage .vx-select{width:auto;height:34px;padding:0 28px 0 10px;font-size:var(--phoa-fs-label)}.inv-table-wrap{overflow-x:auto}.inv-table{margin:0;min-width:860px;--bs-table-bg:transparent}.inv-table>thead>tr>th{padding:11px 14px;background:var(--phoa-subtle-3);border-bottom:1px solid var(--phoa-border-divider);white-space:nowrap;vertical-align:middle}.inv-table>thead>tr>th a{color:inherit}.inv-table>thead>tr>th svg{width:14px;height:14px;vertical-align:-2px;opacity:.6}.inv-table>tbody>tr>td{padding:13px 14px;border-top:1px solid var(--phoa-border-divider);border-bottom:0;background-color:transparent}.inv-table>tbody>tr:first-child>td{border-top:0}.inv-table>tbody>tr>td:first-child,.inv-table>thead>tr>th:first-child{padding-left:24px}.inv-table>tbody>tr>td:last-child,.inv-table>thead>tr>th:last-child{padding-right:24px}.inv-table .inv-c-check{width:52px;padding-right:4px}.inv-table .inv-c-check .bulk-check{display:block}.inv-table .inv-c-num{width:110px}.inv-table .inv-c-issued{width:120px}.inv-table .inv-c-due{width:140px}.inv-table .inv-c-amount{width:140px}.inv-table .inv-c-status{width:140px}.inv-table .inv-c-actions{width:64px}.inv-table>tbody>tr.inv-row{transition:background-color .12s ease}.inv-table>tbody>tr.inv-row:hover>td{background-color:var(--phoa-subtle-2)}.inv-table.has-bulk>tbody>tr.inv-row{cursor:default}.inv-table>tbody>tr.inv-row.is-overdue:not(.is-selected)>td:first-child{box-shadow:inset 3px 0 rgba(229,72,77,.6)}.inv-num{color:var(--phoa-primary);font-size:var(--phoa-fs-body);font-weight:var(--phoa-fw-extrabold);font-variant-numeric:tabular-nums;text-decoration:none;letter-spacing:.01em}.inv-num:hover{color:var(--phoa-primary-hover);text-decoration:underline;text-underline-offset:3px}.inv-c-unit{min-width:0;max-width:1px}.inv-unit-link{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-decoration:none}.inv-unit-link:hover{color:var(--phoa-primary)}.inv-owner{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inv-date-muted{color:var(--phoa-muted-3);font-size:var(--phoa-fs-body-sm);font-variant-numeric:tabular-nums}.inv-date{color:var(--phoa-secondary);font-size:var(--phoa-fs-body-sm);font-variant-numeric:tabular-nums}.inv-due-note{margin-top:2px;font-size:var(--phoa-fs-meta);font-weight:var(--phoa-fw-semibold)}.inv-due-note.is-danger{color:var(--phoa-danger-text)}.inv-due-note.is-warning{color:#b47a08}.inv-amt{color:var(--phoa-text);font-size:var(--phoa-fs-body);font-weight:var(--phoa-fw-bold);font-variant-numeric:tabular-nums}.inv-amt-was{color:var(--phoa-muted-3);font-size:var(--phoa-fs-meta);font-variant-numeric:tabular-nums;text-decoration:line-through}.inv-partial{margin-top:3px}.inv-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px}.inv-pager{padding:16px 24px;border-top:1px solid var(--phoa-border-divider)}.inv-pager:empty{display:none}@media(min-width:992px){.inv-table-wrap{overflow:visible}.inv-table{min-width:0}.inv-table>thead>tr>th{position:sticky;top:0;z-index:3;box-shadow:0 1px 0 var(--phoa-border-divider)}}@media(max-width:767.98px){.inv-filters{padding:14px 16px 0}.inv-views{margin:0 -16px 12px;padding:0 16px 2px}.inv-table-wrap{overflow:visible}.inv-table>tbody>tr.inv-row{grid-template-columns:minmax(0,1fr)auto 44px;grid-template-areas:'num status actions' 'unit unit unit' 'due amount amount';row-gap:6px}.inv-table.has-bulk>tbody>tr.inv-row{grid-template-columns:30px minmax(0,1fr)auto 44px;grid-template-areas:'check num status actions' '. unit unit unit' '. due amount amount'}.table.inv-table>tbody>tr>td.inv-c-check{grid-area:check;align-self:center}.table.inv-table>tbody>tr>td.inv-c-num{grid-area:num;align-self:center}.table.inv-table>tbody>tr>td.inv-c-status{grid-area:status;justify-self:end;align-self:center}.table.inv-table>tbody>tr>td.inv-c-unit{grid-area:unit}.table.inv-table>tbody>tr>td.inv-c-issued{display:none!important}.table.inv-table>tbody>tr>td.inv-c-due{grid-area:due}.table.inv-table>tbody>tr>td.inv-c-amount{grid-area:amount;text-align:right}.table.inv-table>tbody>tr>td.inv-c-actions{grid-area:actions;align-self:start;justify-self:end}.inv-actions{justify-content:flex-start}.table.inv-table>tbody>tr>td.row-menu-cell .row-menu-btn.vx-icon-btn{margin:-8px -8px 0 0}.inv-meta-actions{width:100%;justify-content:space-between}.inv-pager{padding:14px 16px}}.bulk-actionbar.inv-actionbar.is-busy{cursor:progress}.bulk-actionbar.inv-actionbar.is-busy .bulk-ab-actions{opacity:.55}.inv-ab-hint{margin-left:2px;padding:1px 6px;border-radius:999px;background:rgba(255,255,255,.16);font-size:11px;font-weight:var(--phoa-fw-extrabold);font-variant-numeric:tabular-nums;line-height:1.5}.inv-ab-hint[hidden]{display:none}@media(max-width:767.98px){.inv-ab-hint{position:absolute;top:2px;right:2px;margin:0;padding:0 4px;font-size:9.5px;background:var(--phoa-primary)}.bulk-actionbar.inv-actionbar .bulk-ab-btn{position:relative}}body.bulk-has-actionbar .fm-toasts{bottom:92px}@media(max-width:575.98px){body.bulk-has-actionbar .fm-toasts{bottom:164px}}.inv-dlg-sum{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin-bottom:14px;overflow:hidden;border:1px solid var(--phoa-border);border-radius:12px;background:var(--phoa-border)}.inv-dlg-sum>div{padding:12px 14px;background:var(--phoa-subtle-3)}.inv-dlg-k{display:block;color:var(--phoa-muted-3);font-size:var(--phoa-fs-eyebrow);font-weight:var(--phoa-fw-extrabold);letter-spacing:.06em;text-transform:uppercase}.inv-dlg-v{display:block;margin-top:2px;color:var(--phoa-text);font-size:20px;font-weight:var(--phoa-fw-extrabold);font-variant-numeric:tabular-nums}.inv-dlg-fields{display:grid;grid-template-columns:180px 1fr;gap:12px;margin-top:14px}@media(max-width:575.98px){.inv-dlg-fields{grid-template-columns:1fr}}.inv-dlg-field{display:flex;flex-direction:column;gap:6px;margin:0;color:var(--phoa-secondary);font-size:var(--phoa-fs-label);font-weight:var(--phoa-fw-bold)}.inv-dlg-field em{color:var(--phoa-muted-4);font-style:normal;font-weight:var(--phoa-fw-medium)}.inv-dlg-error{margin:10px 0 0;color:var(--phoa-danger-text);font-size:var(--phoa-fs-body-sm);font-weight:var(--phoa-fw-semibold)}.inv-results{max-height:min(55vh,420px);margin:0;padding:0;overflow-y:auto;list-style:none;border:1px solid var(--phoa-border);border-radius:12px}.inv-result{display:grid;grid-template-columns:auto auto 1fr;align-items:baseline;gap:10px;padding:10px 14px;border-top:1px solid var(--phoa-border-divider);font-size:var(--phoa-fs-body-sm)}.inv-result:first-child{border-top:0}.inv-result-num{color:var(--phoa-text);font-variant-numeric:tabular-nums}.inv-result-reason{color:var(--phoa-muted-1)}@media(prefers-reduced-motion:reduce){.inv-view,.inv-chip,.inv-toggle-track,.inv-toggle-track::after,.inv-table>tbody>tr.inv-row{transition:none}}.inv-rem-head{display:flex;align-items:center;gap:12px;min-width:0}.inv-rem-head-text{min-width:0}.inv-rem-tile{flex:none;width:40px;height:40px;border-radius:var(--phoa-r-icon-btn);background:var(--phoa-primary-tint);color:var(--phoa-primary);display:inline-flex;align-items:center;justify-content:center;font-size:18px}.inv-rem-alert{display:flex;gap:10px;align-items:flex-start;margin-bottom:14px;padding:10px 12px;border-radius:var(--phoa-r-input);font-size:var(--phoa-fs-body-sm);line-height:1.45}.inv-rem-alert>i{margin-top:2px}.inv-rem-alert.is-danger{background:var(--phoa-danger-bg);color:var(--phoa-danger-text)}.inv-rem-alert.is-warn{background:var(--phoa-warning-bg);color:var(--phoa-warning-text);margin:10px 0 0}.inv-rem-summary{padding:14px 16px;margin-bottom:18px}.inv-rem-summary-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.inv-rem-label{font-size:var(--phoa-fs-eyebrow);font-weight:var(--phoa-fw-bold);letter-spacing:.04em;text-transform:uppercase;color:var(--phoa-muted-3)}.inv-rem-amount{font-size:24px;font-weight:var(--phoa-fw-extrabold);color:var(--phoa-navy);line-height:1.2}.inv-rem-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px;margin:14px 0 0;padding-top:12px;border-top:1px solid var(--phoa-border-divider)}.inv-rem-facts>div{min-width:0}.inv-rem-facts dt{font-size:var(--phoa-fs-eyebrow);font-weight:var(--phoa-fw-semibold);color:var(--phoa-muted-3)}.inv-rem-facts dd{margin:0;font-size:var(--phoa-fs-body-sm);font-weight:var(--phoa-fw-semibold);color:var(--phoa-text);overflow-wrap:anywhere}.inv-rem-section{margin-bottom:18px}.inv-rem-eyebrow{margin:0 0 8px;font-size:var(--phoa-fs-eyebrow);font-weight:var(--phoa-fw-bold);letter-spacing:.04em;text-transform:uppercase;color:var(--phoa-muted-3)}.inv-rem-list{list-style:none;margin:0;padding:0;border:1px solid var(--phoa-border-card);border-radius:var(--phoa-r-input)}.inv-rem-row{display:flex;align-items:center;gap:10px;padding:10px 12px;flex-wrap:wrap}.inv-rem-row+.inv-rem-row{border-top:1px solid var(--phoa-border-divider)}.inv-rem-row.is-skipped .vx-avatar{opacity:.55}.inv-rem-who{flex:1 1 160px;min-width:0;display:flex;flex-direction:column}.inv-rem-name{font-size:var(--phoa-fs-body-sm);font-weight:var(--phoa-fw-bold);color:var(--phoa-text)}.inv-rem-email{font-size:var(--phoa-fs-meta);color:var(--phoa-muted-3);overflow-wrap:anywhere}.inv-rem-preview{background:var(--phoa-subtle-2);border:1px solid var(--phoa-border-card);border-radius:var(--phoa-r-input);padding:12px 14px}.inv-rem-preview-subject{font-size:var(--phoa-fs-body-sm);font-weight:var(--phoa-fw-bold);color:var(--phoa-navy);overflow-wrap:anywhere}.inv-rem-preview-subject i{color:var(--phoa-muted-3);margin-right:4px}.inv-rem-preview-lines{margin:8px 0 0;padding-left:18px;font-size:var(--phoa-fs-body-sm);color:var(--phoa-text)}.inv-rem-preview-note{margin:8px 0 0;font-size:var(--phoa-fs-meta);color:var(--phoa-muted-3)}.inv-rem-last{margin:10px 0 0;font-size:var(--phoa-fs-meta);color:var(--phoa-muted-3)}.inv-rem-last.is-recent{color:var(--phoa-warning-text);font-weight:var(--phoa-fw-semibold)}@media(max-width:575.98px){.inv-rem-facts{grid-template-columns:1fr 1fr}.inv-rem-amount{font-size:22px}.inv-rem-row .vx-pill{margin-left:42px}}.inv-fields>.inv-filter-btn{display:none}.inv-filter-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--phoa-primary);color:#fff;font-size:11px;font-weight:var(--phoa-fw-extrabold);font-variant-numeric:tabular-nums}@media(max-width:767.98px){.inv-list>turbo-frame#invoices{gap:12px}.inv-view{height:44px;padding:0 16px}.inv-filters .inv-fields.inv-fields{grid-template-columns:minmax(0,1fr)auto;gap:10px}.inv-filters .inv-fields.inv-fields>*{grid-column:1/-1}.inv-filters .inv-fields.inv-fields>.inv-search{grid-column:1}.inv-filters .inv-fields.inv-fields>.inv-filter-btn{grid-column:2}.inv-fields>.inv-filter-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;white-space:nowrap}.inv-filters .inv-fields:not(.is-open)>:not(.inv-search):not(.inv-filter-btn){display:none}.inv-fields .vx-input,.inv-fields .vx-select,.inv-fields .unit-autocomplete-display{min-height:44px;font-size:16px}.inv-amount{height:44px}.inv-amount .vx-input{min-height:0;height:40px}.inv-toggle{height:44px;font-size:16px}.inv-filter-actions{gap:10px}.inv-filter-actions .vx-btn{flex:1;min-height:44px;justify-content:center}.inv-ghost-btn{height:44px}.inv-meta .inv-perpage{min-height:44px;font-size:13px}.inv-meta .inv-perpage .vx-select{height:44px;min-height:44px;font-size:16px}.inv-meta .req-kbd-btn{display:none}.inv-sort{margin:0;padding:12px 16px 0}.inv-sort .vn-sort-chip,.inv-sort .vn-sort-chip a{min-width:44px;justify-content:center}}