@import url('/base.css');
.invoice-workspace{max-width:1320px;margin:auto;padding:34px 42px 42px;min-height:calc(100vh - 146px)}.workspace-top{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:42px}.workspace-top .eyebrow{margin-bottom:9px}.workspace-top select{border:0;background:none;color:var(--ink);font-weight:600;font-size:16px;max-width:350px;padding:5px 22px 5px 0}.workspace-top .role{margin:0 0 0 15px;font-size:10px}.workspace-top>button{font-size:11px;min-height:35px}.invoice-workspace .page-heading{margin-bottom:30px}.invoice-workspace .page-heading h1{font-size:38px}.invoice-workspace .page-heading .muted{font-size:13px}.invoice-workspace .page-heading>button{font-size:12px}.summary-grid{display:grid;grid-template-columns:1fr 1.6fr 1fr;gap:18px;margin:28px 0 35px}.summary-grid article{background:white;border:1px solid var(--line);border-radius:8px;padding:23px 25px;min-width:0}.summary-grid article:nth-child(2){background:#edf2e5;border-color:#dfe7d4}.summary-grid p{font-size:9px;letter-spacing:1px;color:#7b8775;margin-bottom:18px}.summary-grid strong{font:600 29px Manrope,sans-serif;letter-spacing:-1px;display:block;white-space:pre-line;overflow-wrap:anywhere}.summary-grid span{font-size:10px;color:var(--muted);display:block;margin-top:12px}.invoice-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;padding-bottom:18px;border-bottom:1px solid var(--line)}#filters{display:flex;gap:5px;flex-wrap:wrap}#filters button{padding:9px 11px;border:0;border-radius:5px;background:none;color:var(--muted);font-size:11px}#filters button.active{background:#e5ecd9;color:var(--green);font-weight:600}.invoice-table-wrap{min-height:280px;overflow-x:auto}.invoice-table th:first-child{width:32%}.invoice-table th:nth-child(2){width:23%}.invoice-table th:nth-child(3){width:17%}.invoice-table th:nth-child(4){width:14%}.invoice-table th:last-child{width:14%}.invoice-table td{vertical-align:middle;padding:21px 12px;font-size:12px}.invoice-table td small{display:block;color:#8a9384;margin-top:6px;font-size:10px}.invoice-table .bill-open{border:0;background:none;padding:0;text-align:left;display:block;max-width:100%;font-weight:600;font-size:13px;color:var(--ink);overflow-wrap:anywhere}.invoice-table .bill-open:hover{text-decoration:underline}.badge{font-size:9px;padding:6px 9px;border-radius:4px;background:#eef0e9;display:inline-block;line-height:1.4;white-space:nowrap;color:#6d7865}.badge.review,.badge.partial{background:#faf0d9;color:#8c6c21}.badge.reviewed,.badge.paid{background:#e6eedc;color:#547337}.badge.failed,.badge.overdue,.badge.duplicate{background:#fae7df;color:#a15b40}.badge.queued,.badge.processing{background:#e9eef2;color:#667e8c}.connection{background:#f0f3e9;border:1px solid #dce5cf;border-radius:8px;display:grid;grid-template-columns:1.4fr 1fr;gap:35px;padding:27px;margin-bottom:20px}.connection .eyebrow{margin-bottom:11px}.connection h2{font-size:20px;margin-bottom:10px}.connection p{font-size:12px;line-height:1.7;margin-bottom:9px}.connection form{display:flex;flex-direction:column;align-self:center;gap:10px}.connection label{font-size:11px}.connection select{padding:11px 9px;width:100%;border:1px solid #cbd7bc;border-radius:5px;background:white;color:var(--ink)}.connection form button{font-size:12px;align-self:flex-start}.small{font-size:11px;line-height:1.7}.invoice-illustration{border-radius:45% 45% 8px 8px;background:#edf0e5;padding:45px 65px;display:grid;place-items:center}.sample-bill{background:white;padding:32px 27px;width:255px;box-shadow:0 12px 30px #29401b0a;transform:rotate(5deg);border-radius:5px}.sample-bill>p{font-size:8px;letter-spacing:1.6px;color:#8c9a7e}.sample-bill h2{font-size:25px;margin:22px 0;line-height:1.4}.sample-bill>div{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:15px 0;font-size:10px;color:#748467}.sample-bill b{color:#7c9b51}.sample-bill>i{font-size:9px;color:#93a184;display:block;margin-top:10px}#invoice-dialog{max-width:1050px;max-height:92vh;padding:30px 35px;overflow:auto}.dialog-heading{display:flex;justify-content:space-between;gap:20px;margin-bottom:18px}.dialog-heading h2{margin-bottom:8px}.dialog-heading .eyebrow{margin-bottom:12px}.dialog-heading p{margin-bottom:0;font-size:12px;overflow-wrap:anywhere}.dialog-heading>button{align-self:flex-start;font-size:20px;min-width:40px;padding:5px 10px}.document-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:23px;font-size:11px}.document-actions .quiet{color:#9d5b41;margin-left:auto}.fields-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}fieldset{border:0;padding:0;margin:0;min-width:0}.fields-grid label{font-size:11px;margin:0}.fields-grid input{margin-top:8px;font-size:12px;padding:10px}.items-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:25px 0 15px}h3{font:600 16px Manrope,sans-serif;letter-spacing:-.4px;margin:0}.items-heading button{font-size:10px;min-height:33px;padding:7px 12px}.line-scroll{overflow-x:auto}.line-labels,.line-row{display:grid;grid-template-columns:2.8fr .8fr .8fr 1fr .7fr 1fr 30px;gap:8px;min-width:720px}.line-labels{font-size:9px;color:#8a9384;margin:0 0 10px}.line-row{margin-bottom:9px}.line-row input{padding:9px 7px;font-size:11px;min-width:0}.line-row button{border:0;background:none;color:#9d6a52;font-size:20px}.notes-label{margin-top:22px}.notes-label+textarea{width:100%;padding:12px;border:1px solid #cbd5c0;border-radius:5px;font:12px 'DM Sans',sans-serif;color:var(--ink);resize:vertical}.save-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:22px;font-size:11px}.save-actions p{margin:0 auto 0 0;max-width:350px}.payment-heading{display:flex;justify-content:space-between;gap:20px;margin:30px 0 12px;padding-top:25px;border-top:1px solid var(--line)}.payment-heading strong{font-size:12px;font-weight:500}.payment-row{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:12px 0;border-top:1px solid var(--line);font-size:12px}.payment-row small{color:var(--muted);font-size:10px;margin-left:12px;overflow-wrap:anywhere}.payment-row.voided{opacity:.55;text-decoration:line-through}.payment-row button{font-size:10px;background:none;border:0;color:#a15b40}.payment-row span:first-child{min-width:0}.payment-row button{flex-shrink:0}#payment-form{display:grid;grid-template-columns:1fr 1fr 1.5fr auto;gap:12px;align-items:end;margin-top:22px}#payment-form label{font-size:10px;margin:0}#payment-form input{font-size:11px;min-height:40px;margin-top:9px;padding:10px}#payment-form button{font-size:10px;min-height:40px;padding:10px 15px}.dialog-status{color:#a15b40;font-size:12px;line-height:1.7;margin:15px 0 0}.invoice-workspace .file-note{margin-top:20px}.invoice-workspace .notice{margin-bottom:20px}
@media(max-width:1000px){.invoice-workspace{padding:30px 25px}.invoice-toolbar{align-items:stretch;flex-direction:column}.invoice-toolbar .search{max-width:400px}.connection{grid-template-columns:1fr 1fr;gap:20px}.fields-grid{grid-template-columns:repeat(2,1fr)}#payment-form{grid-template-columns:1fr 1fr}#payment-form button{align-self:end}.welcome{gap:30px}.invoice-illustration{padding:40px 15px}.summary-grid strong{font-size:24px}.summary-grid article{padding:20px}}@media(max-width:700px){.topbar{gap:10px}.topbar .brand strong{font-size:14px}.topbar nav{gap:13px;font-size:10px}.topbar nav>a[href*="restaurants"]{display:none}.invoice-workspace{padding:24px 20px}.workspace-top{margin-bottom:30px;gap:10px}.workspace-top select{font-size:14px;max-width:210px}.workspace-top .role{display:block;margin:5px 0 0}.workspace-top>button{font-size:9px;padding:7px 10px;align-self:flex-end}.invoice-workspace .page-heading{gap:18px}.invoice-workspace .page-heading h1{font-size:30px}.invoice-workspace .page-heading>button{width:100%;font-size:11px}.summary-grid{grid-template-columns:1fr 1fr;gap:10px;margin:20px 0 27px}.summary-grid article{padding:17px 13px}.summary-grid article:nth-child(2){grid-column:1/-1;grid-row:2}.summary-grid p{font-size:8px;margin-bottom:13px}.summary-grid strong{font-size:24px}.summary-grid span{font-size:9px;line-height:1.5}#filters{gap:2px}#filters button{font-size:10px;padding:8px}.invoice-table{min-width:620px}.invoice-table th:nth-child(2),.invoice-table td:nth-child(2){display:table-cell}.invoice-table td{padding:17px 8px;font-size:11px}.invoice-table th{padding:15px 8px}.connection{grid-template-columns:1fr;padding:20px;gap:15px}.connection h2{font-size:19px}.invoice-illustration{margin-top:35px;min-height:350px}.sample-bill{width:245px}.welcome h1{font-size:48px;letter-spacing:-3px}.invoice-workspace .search{max-width:none}#invoice-dialog{padding:23px 18px;max-height:95vh;width:calc(100% - 20px)}.dialog-heading h2{font-size:21px}.fields-grid{gap:15px 12px}.fields-grid input{padding:10px 8px}.fields-grid label{font-size:10px}.save-actions{flex-wrap:wrap}.save-actions p{max-width:none;flex-basis:100%;font-size:10px;margin-bottom:5px}.save-actions button{flex:1}#payment-form{gap:15px 10px}#payment-form label:nth-child(3){grid-column:1/-1}#payment-form button{grid-column:1/-1}.document-actions{gap:9px}.document-actions .quiet{margin-left:0;font-size:10px}.document-actions .secondary{font-size:10px;padding:9px 12px}.payment-heading{flex-direction:column;gap:9px}.payment-row{font-size:11px}.payment-row small{display:block;margin:5px 0 0}.invoice-workspace .empty p{max-width:280px;margin:0 auto 20px}}
.line-row label{margin:0;min-width:0}.line-field-label{display:none}.line-row label input{width:100%}@media(max-width:700px){.line-labels{display:none}.line-row{min-width:0;grid-template-columns:1fr 1fr;padding:15px;border:1px solid var(--line);border-radius:6px;gap:13px 12px;margin-bottom:15px}.line-row>label:first-child{grid-column:1/-1}.line-field-label{display:block;font-size:9px;color:var(--muted);margin-bottom:6px}.line-row button{justify-self:end;align-self:end}.line-row input{padding:10px;font-size:12px}}