.iv-page{color:#142844;max-width:1600px;margin:auto}.iv-page *{box-sizing:border-box}.iv-page header,.iv-listhead,.iv-paperhead,.iv-bill,.iv-total{display:flex;align-items:center;justify-content:space-between;gap:14px}.iv-page h1{font-size:27px;margin:0}.iv-page h2{font-size:19px;margin:0}.iv-page p{line-height:1.5}.iv-page header p{color:#6c7b91;margin:7px 0 20px}.iv-page button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;border:1px solid #d9e2ee;background:white;color:#163252;border-radius:9px;padding:8px 13px;box-shadow:none;cursor:pointer;font:inherit}.iv-page button:disabled{opacity:.5;cursor:not-allowed}.iv-page button.iv-primary{background:#075bfa;border-color:#075bfa;color:white;font-weight:600}.iv-page button:active:not(:disabled){transform:translateY(1px)}.iv-page input,.iv-page select{font:inherit;color:inherit;background:#fff;border:1px solid #d9e2ee;border-radius:8px;min-height:38px;padding:9px 11px;max-width:100%;width:100%;outline:none;box-shadow:none}.iv-page input:focus,.iv-page select:focus{border-color:#075bfa}.iv-page small{display:block;color:#687c96;font-size:12px;margin-top:4px}.iv-page .iv-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:7px 0 24px}.iv-stats article{display:flex;align-items:center;gap:13px;background:white;border:1px solid #e0e7f0;border-radius:12px;padding:18px}.iv-stats svg{color:#075bfa;flex-shrink:0}.iv-stats b{display:block;font-size:21px;margin-top:5px}.iv-work{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:20px}.iv-list{background:#fff;border:1px solid #e0e7f0;border-radius:13px;padding:18px;min-width:0}.iv-listhead{margin-bottom:15px}.iv-listhead select{width:auto;max-width:180px}.iv-search{display:flex;align-items:center;border:1px solid #d9e2ee;border-radius:9px;padding-left:12px;gap:7px}.iv-search input{border:0;background:transparent;min-width:0}.iv-search:focus-within{border-color:#075bfa}.iv-list nav{display:flex;gap:7px;flex-wrap:wrap;margin:15px 0}.iv-list nav button{min-height:32px;padding:5px 11px;font-size:12px;border-radius:18px}.iv-list nav button[aria-pressed=true]{background:#075bfa;color:white;border-color:#075bfa}.iv-page .iv-row{width:100%;display:grid;grid-template-columns:1.25fr 1fr 100px;text-align:left;gap:8px;padding:15px 8px;border:0;border-bottom:1px solid #e4eaf2;border-radius:0;min-height:65px}.iv-row>*{min-width:0;overflow-wrap:anywhere}.iv-head{background:#f5f7fb;font-size:12px;min-height:35px!important}.iv-row.selected{background:#edf3ff}.iv-row strong{font-size:13px}.iv-status{display:inline-flex;align-items:center;justify-content:center;border-radius:8px;background:#fff1cf;color:#8a5700;padding:6px 8px;font-size:11px;height:fit-content}.iv-status.Paid{background:#d9f6e9;color:#067347}.iv-status.Overdue,.iv-status.Cancelled{background:#ffe3e6;color:#b1253d}.iv-preview{background:#eaf0f6;border-radius:12px;padding:17px 12px 0;min-width:0}.iv-paper{background:white;padding:25px;box-shadow:0 -8px 0 -2px #f8fafc,0 2px 10px #1c314810;border:1px solid #e7ecf3}.iv-paperhead{align-items:start}.iv-paper>h2{margin-top:22px}.iv-paper>p{margin:7px 0 22px}.iv-bill{align-items:start;margin:25px 0}.iv-paper table{width:100%;border-collapse:collapse;font-size:13px;table-layout:fixed}.iv-paper th{background:#f3f6fa;text-align:left}.iv-paper th,.iv-paper td{padding:11px 7px;border-bottom:1px solid #e2e8f0;overflow-wrap:anywhere}.iv-paper th:first-child{width:52%}.iv-paper th:nth-child(2){width:12%}.iv-paper th:last-child,.iv-paper td:last-child{text-align:right}.iv-paper dl{margin:22px 0 0 auto;max-width:290px}.iv-paper dl>div{display:flex;justify-content:space-between;gap:12px;padding:8px;font-size:13px}.iv-paper dd{margin:0;text-align:right}.iv-balance{background:#eaf1ff;color:#075bfa;font-weight:700;border-radius:6px}.iv-preview footer{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.iv-empty{padding:45px 12px;text-align:center;color:#7c8ba0}.iv-error,.iv-warning,.iv-success{padding:12px;border-radius:8px;font-size:13px}.iv-error{background:#fff0f1;color:#a12535}.iv-warning{background:#fff8e7;color:#755522}.iv-success{background:#e8f8f0;color:#116a49}.iv-overlay{position:fixed;inset:0;background:#10234466;z-index:5000;display:flex;align-items:center;justify-content:center;padding:20px}.iv-dialog{background:white;border-radius:15px;width:700px;max-width:100%;max-height:90dvh;overflow:auto;padding:24px}.iv-dialog header{margin-bottom:22px}.iv-dialog label{display:grid;gap:7px;margin-bottom:15px;font-size:13px}.iv-fields{display:grid;grid-template-columns:1fr 1fr;gap:15px}.iv-results{max-height:150px;overflow:auto;background:#f7f9fd;border-radius:8px;margin-bottom:15px}.iv-results button{display:flex;width:100%;justify-content:space-between;border:0;border-bottom:1px solid #e4eaf2;border-radius:0;text-align:left;background:transparent}.iv-results button b{white-space:nowrap}.iv-line{display:grid;grid-template-columns:1fr 75px 125px 30px;gap:10px;align-items:center;border-bottom:1px solid #e4eaf2;padding:12px 0}.iv-line span{overflow-wrap:anywhere}.iv-line button{padding:0;min-width:28px}.iv-total{padding:18px 0}.iv-confirm{display:flex!important;align-items:start}.iv-confirm input{width:18px;height:18px;min-height:18px;margin:0}.iv-page button:focus-visible{outline:2px solid #075bfa;outline-offset:3px}
@media(max-width:1150px){.iv-work{grid-template-columns:1fr}.iv-stats b{font-size:18px}.iv-preview{max-width:780px;width:100%}}
@media(max-width:600px){.iv-page header{align-items:start}.iv-page h1{font-size:23px}.iv-page header>.iv-primary{font-size:12px;padding:8px;white-space:nowrap}.iv-stats{grid-template-columns:1fr 1fr!important;gap:9px!important}.iv-stats article{padding:12px;gap:8px}.iv-stats b{font-size:17px}.iv-list{padding:12px}.iv-page .iv-row{grid-template-columns:1fr 1fr;gap:7px}.iv-row>.iv-status{grid-column:2;justify-self:start}.iv-row>span:first-child{grid-row:span 2}.iv-head{display:none!important}.iv-paper{padding:16px}.iv-preview{padding:12px 7px 0}.iv-bill{gap:8px;font-size:12px}.iv-preview footer button{font-size:12px;padding:9px}.iv-fields{grid-template-columns:1fr;gap:0}.iv-overlay{padding:8px}.iv-dialog{padding:16px;max-height:96dvh}.iv-line{grid-template-columns:1fr 64px 28px}.iv-line>b{grid-column:1;grid-row:2}.iv-line>button{grid-column:3;grid-row:1}.iv-paper table{font-size:12px}.iv-listhead select{max-width:150px}.iv-page input{min-width:0}}

/* Summary icons match the approved invoice preview. */
.iv-page .iv-stats .iv-metric-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;flex:0 0 48px;border-radius:50%;margin:0}.iv-page .iv-stats .iv-metric-icon svg{width:24px;height:24px;color:inherit!important;flex-shrink:0}.iv-page .iv-stats .iv-metric-0{background:#e7efff;color:#075bfa}.iv-page .iv-stats .iv-metric-1{background:#e0f8ec;color:#00a65a}.iv-page .iv-stats .iv-metric-2{background:#fff3d9;color:#e38a00}.iv-page .iv-stats .iv-metric-3{background:#ffe6e9;color:#dc1233}@media(max-width:600px){.iv-page .iv-stats .iv-metric-icon{width:36px;height:36px;flex-basis:36px}.iv-page .iv-stats .iv-metric-icon svg{width:20px;height:20px}}

.iv-page .iv-status.Draft{background:#edf0f5;color:#536079}.iv-draft-note{font-size:12px;color:#738298;margin-top:30px}.iv-history{background:white;padding:18px;border:1px solid #e0e7f0;border-radius:10px;margin:15px 0}.iv-history table{width:100%;border-collapse:collapse;font-size:12px;margin-top:14px}.iv-history th,.iv-history td{text-align:left;padding:10px 6px;border-bottom:1px solid #e5ebf3}.iv-history th{background:#f3f6fa}.iv-history td:last-child,.iv-history th:last-child{text-align:right}.iv-form-actions{display:flex;gap:10px;justify-content:flex-end}.iv-page .iv-mobile-back{display:none}.iv-paper th:first-child{width:32%}.iv-paper th:nth-child(2){width:9%}.iv-paper th:nth-child(3){width:13%}.iv-paper th:nth-child(4){width:22%}.iv-paper th:last-child{width:24%}
@media(max-width:600px){.iv-page .iv-preview{display:none}.iv-page.iv-show-detail>.iv-stats,.iv-page.iv-show-detail>.iv-work>.iv-list,.iv-page.iv-show-detail>header{display:none}.iv-page.iv-show-detail .iv-preview{display:block}.iv-page .iv-mobile-back{display:inline-flex;margin-bottom:14px}.iv-paper .iv-unit-price{display:none}.iv-paper th:first-child{width:43%}.iv-paper th:nth-child(2){width:10%}.iv-paper th:nth-child(3){width:15%}.iv-paper th:last-child{width:32%}.iv-history{padding:12px}.iv-preview footer .iv-primary{flex-basis:100%}}

@media(min-width:601px){.iv-page .iv-row{grid-template-columns:1fr 1.2fr 1fr 90px;font-size:12px}}@media(max-width:600px){.iv-row>.iv-row-customer{grid-column:1;grid-row:2;font-size:12px;color:#687c96}.iv-row>span:first-child{grid-row:1}.iv-row>strong{grid-row:1;grid-column:2}.iv-row>.iv-status{grid-row:2;grid-column:2}}
@media(max-width:600px){.iv-paper th:first-child{width:39%}.iv-paper th:nth-child(2){width:12%;white-space:nowrap}.iv-paper th:nth-child(3){width:15%}.iv-paper th:last-child{width:34%}.iv-paper th,.iv-paper td{padding-left:5px;padding-right:5px}}

.iv-paper-actions{display:flex;align-items:center;gap:10px}.iv-action-wrap{position:relative}.iv-page .iv-menu-trigger{font-size:25px;min-width:34px;padding:1px 9px;line-height:1}.iv-actions-menu{position:absolute;right:0;top:calc(100% + 6px);z-index:30;background:white;border:1px solid #d9e2ee;border-radius:10px;padding:5px;min-width:170px;box-shadow:0 4px 14px #10234418}.iv-page .iv-actions-menu button{width:100%;border:0;justify-content:flex-start;align-items:flex-start;flex-direction:column;text-align:left}.iv-page .iv-danger-text{color:#d5193e}.iv-page .iv-danger{background:#dc153d;color:white;border-color:#dc153d}.iv-action-dialog{max-width:480px}.iv-action-dialog textarea{font:inherit;width:100%;min-height:100px;padding:12px;border:1px solid #d9e2ee;border-radius:8px;resize:vertical}.iv-cancelled-note{color:#a7283e;background:#fff0f2;padding:12px;border-radius:8px}@media print{.iv-action-wrap{display:none!important}}

.iv-page .iv-actions-menu button{flex-direction:row;align-items:center}.iv-actions-menu svg{flex-shrink:0}.iv-actions-menu small{margin-top:3px}