.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .portal-content>a:not([class]){border-radius:var(--radius-sm);color:var(--fg-muted);font-size:var(--text-sm);align-items:center;gap:var(--space-2);margin:0 0 var(--space-4);min-height:2rem;transition:color var(--dur-fast) var(--ease-out);justify-self:start;font-weight:500;text-decoration:none;display:inline-flex}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .portal-content>a:not([class]):hover{color:var(--accent-text)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .portal-content :is(p,li,dd,small)>a:not([class]){color:var(--accent-text);text-decoration:underline;-webkit-text-decoration-color:var(--copper-line);text-decoration-color:var(--copper-line);text-underline-offset:.2em;transition:text-decoration-color var(--dur-fast) var(--ease-out);text-decoration-thickness:1px}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .portal-content :is(p,li,dd,small)>a:not([class]):hover{text-decoration-color:currentColor}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .invoice-heading{align-items:flex-end;gap:var(--space-4) var(--space-6);margin:0 0 var(--space-6);flex-wrap:wrap}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .invoice-heading>div:first-child{flex:26rem;min-width:0;max-width:54rem}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .invoice-heading .portal-kicker{margin:0}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .invoice-heading h2{font-size:var(--text-xl);letter-spacing:-.025em;margin:var(--space-2) 0 0;overflow-wrap:anywhere;font-weight:600;line-height:1.2}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .invoice-heading p:not(.portal-kicker){color:var(--fg-muted);font-size:var(--text-base);margin:var(--space-2) 0 0;max-width:70ch;line-height:1.6}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .invoice-heading .expense-badges{margin-top:var(--space-3)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .invoice-heading p:has(>.time-status){margin-top:var(--space-3)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .invoice-heading>a,.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .invoice-heading>.ui-page-header__actions{flex:none}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .invoice-heading>a:not([class]){background:var(--surface-raised);border:1px solid var(--hairline-strong);border-radius:var(--radius-md);color:var(--fg);font-size:var(--text-sm);min-height:2.25rem;padding:0 var(--space-4);transition:background-color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);align-items:center;font-weight:600;text-decoration:none;display:inline-flex}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .invoice-heading>a:not([class]):hover{background:var(--surface-hover);border-color:var(--hairline-hover)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) :is(.invoice-panel,.invoice-workflow) .invoice-heading{margin:0 0 var(--space-4);align-items:center}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) :is(.invoice-panel,.invoice-workflow) .invoice-heading h3{margin:0}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .business-view+.invoice-heading{margin-top:var(--space-6)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .section-title{font-size:var(--text-lg);letter-spacing:-.015em;margin:var(--space-7) 0 var(--space-4);font-weight:600}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) :is(.invoice-panel,.invoice-workflow,.invoice-cancel){border-radius:var(--radius-lg);margin:0 0 var(--space-5);padding:var(--card-pad)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) :is(.invoice-panel,.invoice-workflow,.invoice-cancel)>:is(h2,h3),.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) :is(.invoice-panel,.invoice-workflow)>fieldset>:is(h2,h3){font-size:var(--text-md);letter-spacing:-.01em;margin:0 0 var(--space-3);font-weight:600;line-height:1.3}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) :is(.invoice-panel,.invoice-workflow,.invoice-cancel)>p{line-height:1.6}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) :is(.invoice-panel,.invoice-workflow,.invoice-cancel)>:last-child{margin-bottom:0}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) :is(.invoice-panel,.invoice-workflow,.invoice-cancel) :is(.invoice-panel,.invoice-workflow,.invoice-cancel){border:0;border-top:1px solid var(--hairline);box-shadow:none;margin:var(--space-4) 0 0;padding:var(--space-4) 0 0;background:0 0;border-radius:0}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .invoice-readiness{background:linear-gradient(90deg, var(--tone-warning-soft), transparent 45%), var(--surface-card);border-left:3px solid var(--tone-warning)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .invoice-overdue{background:linear-gradient(90deg, var(--tone-danger-soft), transparent 45%), var(--surface-card);border-left:3px solid var(--tone-danger)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) :is(.invoice-readiness,.invoice-overdue) ul{margin:var(--space-2) 0 var(--space-3);padding-left:var(--space-5)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) :is(.invoice-readiness,.invoice-overdue) li{color:var(--fg-soft);padding:.125rem 0}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) details:is(.invoice-cancel,.invoice-panel)>summary{color:var(--fg);cursor:pointer;font-size:var(--text-base);align-items:center;gap:var(--space-3);min-height:1.75rem;margin:0;font-weight:600;list-style:none;display:flex}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) details:is(.invoice-cancel,.invoice-panel)>summary::-webkit-details-marker{display:none}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) details:is(.invoice-cancel,.invoice-panel)>summary:after{border-bottom:1.5px solid var(--fg-muted);border-right:1.5px solid var(--fg-muted);content:"";height:.45rem;transition:transform var(--dur-fast) var(--ease-out);flex:none;width:.45rem;margin:0 .25rem 0 auto;transform:translateY(-2px)rotate(45deg)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) details[open]:is(.invoice-cancel,.invoice-panel)>summary{margin-bottom:var(--space-3)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) details[open]:is(.invoice-cancel,.invoice-panel)>summary:after{transform:translateY(1px)rotate(-135deg)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) details:is(.invoice-cancel,.invoice-panel)>summary:hover:after{border-color:var(--fg)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) details:is(.invoice-cancel,.invoice-panel):not([open]){padding-block:var(--space-4)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) details.invoice-cancel:has(>form:is([aria-label*=void i],[aria-label^=Cancel i],[aria-label^=Reject i],[aria-label^=Reverse i]))>summary{color:var(--tone-danger)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .invoice-workflow>.time-button,.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .invoice-workflow>fieldset>.time-button{margin-top:var(--space-4)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) form.invoice-workflow[aria-label^=Return] .time-button{background:var(--surface-raised);border-color:var(--hairline-strong);box-shadow:none;color:var(--fg)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) form.invoice-workflow[aria-label^=Return] .time-button:hover:not(:disabled){background:var(--surface-hover);border-color:var(--hairline-hover);box-shadow:none}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) form:is([aria-label^=Cancel i],[aria-label*=void i],[aria-label^=Reject i],[aria-label^=Reverse i]) .time-button{background:var(--tone-danger-soft);border-color:var(--tone-danger-line);box-shadow:none;color:var(--tone-danger)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) form:is([aria-label^=Cancel i],[aria-label*=void i],[aria-label^=Reject i],[aria-label^=Reverse i]) .time-button:hover:not(:disabled){border-color:var(--tone-danger);box-shadow:none;background:#ff8f8533}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .expense-badges{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .invoice-register-meta{background:var(--surface-raised);border:1px solid var(--hairline);border-radius:var(--radius-lg) var(--radius-lg) 0 0;color:var(--fg-muted);font-size:var(--text-sm);align-items:center;gap:var(--space-2) var(--space-4);margin:var(--space-5) 0 0;padding:var(--space-3) var(--space-5);border-bottom:0}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .invoice-register-meta>span:first-child{color:var(--fg-soft);font-weight:600}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .invoice-register-meta a{color:var(--accent-text);font-weight:600}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .invoice-register{background:var(--surface-card);border:1px solid var(--hairline);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);gap:0;overflow:hidden}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .invoice-register-meta+.invoice-register{border-radius:0 0 var(--radius-lg) var(--radius-lg)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .invoice-register:empty{display:none}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .invoice-register-meta:has(+.invoice-register:empty){border-bottom:1px solid var(--hairline);border-radius:var(--radius-lg);margin-bottom:var(--space-4)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .invoice-register-row{border:0;border-bottom:1px solid var(--hairline);box-shadow:none;color:inherit;align-items:center;gap:var(--space-2) var(--space-6);padding:var(--space-4) var(--space-5);background:0 0;border-radius:0;grid-template-columns:minmax(0,1fr) auto;display:grid;position:relative}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .invoice-register-row:last-child{border-bottom:0}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .invoice-register-row:not(a):hover{border-color:var(--hairline);background:0 0}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) a.invoice-register-row:hover{background:var(--surface-raised);border-color:var(--hairline)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) a.invoice-register-row:focus-visible{box-shadow:inset 0 0 0 2px var(--accent-text);outline:none}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) a.invoice-register-row:before{background:var(--copper);content:"";opacity:0;transition:opacity var(--dur-fast) var(--ease-out);width:3px;position:absolute;top:0;bottom:0;left:0}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) a.invoice-register-row:hover:before{opacity:1}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .invoice-register-row>div:first-child{align-items:center;gap:var(--space-1) var(--space-3);flex-wrap:wrap;min-width:0;display:flex}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .invoice-register-row>div:first-child>:not(.time-status,.ui-badge,.expense-badges,h3){flex-basis:100%}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .invoice-register-row h3{font-size:var(--text-base);letter-spacing:-.005em;overflow-wrap:anywhere;min-width:0;margin:0;font-weight:600;line-height:1.35}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .invoice-register-row :is(p,small){color:var(--fg-muted);font-size:var(--text-sm);margin:0;line-height:1.45}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .invoice-register-row>div:last-child:not(:first-child){text-align:right;align-self:center;justify-items:end;gap:.125rem;display:grid}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .invoice-register-row>div:last-child>strong{color:var(--fg);font-family:var(--font-mono);font-size:var(--text-md);font-variant-numeric:tabular-nums;letter-spacing:-.01em;white-space:nowrap;font-weight:600}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .invoice-register-row:has(form,details){align-items:start}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .invoice-register-row:has(form,details)>div:last-child:not(:first-child){align-self:start;padding-top:.125rem}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .invoice-register-row details>summary{color:var(--accent-text);font-size:var(--text-sm);margin-top:var(--space-2);font-weight:600}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .invoice-register+:is(section,form,details),.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .invoice-register~.time-week-nav+section{margin-top:var(--space-6)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .invoice-issue-facts{gap:0}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .invoice-issue-facts>div{border-top:1px solid var(--hairline);align-items:baseline;gap:var(--space-1) var(--space-5);padding:var(--space-3) 0;grid-template-columns:minmax(7rem,12rem) minmax(0,1fr)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .invoice-issue-facts>div:first-child{border-top:0;padding-top:0}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .invoice-issue-facts>div:last-child{padding-bottom:0}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .invoice-issue-facts dt{color:var(--fg-muted);font-size:var(--text-sm)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .invoice-issue-facts dd{color:var(--fg);font-family:inherit;font-size:var(--text-control);font-variant-numeric:tabular-nums;margin:0}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .invoice-issue-facts dd strong{font-weight:650}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .ledger-table td{color:var(--fg-soft);font-variant-numeric:tabular-nums}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .ledger-table td:last-child{color:var(--fg-soft);font-family:inherit}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .ledger-table :is(th,td).ui-num{font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .ledger-table td.ui-num{color:var(--fg);font-family:var(--font-mono);font-size:var(--text-sm)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .ledger-table tfoot :is(th,td){border-bottom:0;border-top:1px solid var(--hairline-strong);color:var(--fg);background:#ece8e006;font-weight:600}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) :is(.invoice-panel,.invoice-workflow) .ledger-table-wrap{box-shadow:none;margin-top:var(--space-4);background:0 0}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .numbering-history ol,.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) ol.invoice-history{border-left:1px solid var(--hairline-strong);margin:var(--space-3) 0 0 .3125rem;padding:0;list-style:none}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) :is(.numbering-history ol,ol.invoice-history)>li{padding:0 0 var(--space-5) var(--space-5);border-top:0;position:relative}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) :is(.numbering-history ol,ol.invoice-history)>li:last-child{padding-bottom:var(--space-1)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) :is(.numbering-history ol,ol.invoice-history)>li:before{background:var(--surface-card);border:2px solid var(--fg-muted);content:"";border-radius:50%;width:.6875rem;height:.6875rem;position:absolute;top:.3125rem;left:-.375rem}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) :is(.numbering-history ol,ol.invoice-history)>li:first-child:before{background:var(--accent-text);border-color:var(--accent-text);box-shadow:0 0 0 3px var(--copper-soft)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .numbering-history li>div,.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .invoice-history li>div{align-items:baseline;column-gap:var(--space-3)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) :is(.numbering-history,.invoice-history) strong{color:var(--fg);font-weight:600}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) :is(.numbering-history,.invoice-history) :is(time,small,span:not(.time-status)){color:var(--fg-muted);font-size:var(--text-sm)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) :is(.numbering-history,.invoice-history) p{color:var(--fg-soft);font-size:var(--text-sm);margin:var(--space-1) 0 0}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .receipt-drop{border:1px dashed var(--hairline-strong);border-radius:var(--radius-lg);margin:var(--space-4) 0;padding:var(--space-5);transition:background-color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);background:#ece8e004}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .receipt-drop:hover,.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .receipt-drop[data-dragging]{background:var(--copper-soft);border-color:var(--copper-line)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .receipt-drop__label{color:var(--fg-muted);font-size:var(--text-sm);gap:var(--space-2)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .receipt-drop__title{color:var(--fg);font-size:var(--text-base);align-items:center;gap:var(--space-2);font-weight:600;display:inline-flex}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .receipt-drop__title:before{background:var(--accent-text);content:"";flex:none;width:1.25rem;height:1.25rem;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 17v2a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-2M7 9l5-5 5 5M12 4v12'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 17v2a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-2M7 9l5-5 5 5M12 4v12'/%3E%3C/svg%3E") 50%/contain no-repeat}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .receipt-drop input[type=file]{color:var(--fg-muted);font-size:var(--text-sm);margin-top:var(--space-1)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .receipt-drop input[type=file]::file-selector-button{background:var(--surface-raised);border:1px solid var(--hairline-strong);border-radius:var(--radius-md);color:var(--fg);font-size:var(--text-sm);margin-right:var(--space-3);min-height:2.25rem;transition:background-color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);padding:.375rem .875rem;font-weight:600}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .receipt-drop input[type=file]:hover::file-selector-button{background:var(--surface-hover);border-color:var(--field-border-hover)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .receipt-list li{border-top:1px solid var(--hairline);padding:var(--space-3) 0 0}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .receipt-list a{color:var(--accent-text);font-size:var(--text-control);font-weight:500}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .receipt-list strong{color:var(--fg);font-family:var(--font-mono);font-size:var(--text-control);font-variant-numeric:tabular-nums}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .receipt-list small{color:var(--fg-muted);font-size:var(--text-sm)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .receipt-loose>summary,.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .receipt-list details>summary{color:var(--accent-text);cursor:pointer;font-size:var(--text-sm);font-weight:600}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .expense-receipt-review select{background-color:var(--surface-raised);border:1px solid var(--field-border);border-radius:var(--radius-md);min-height:2.25rem}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .expense-receipt-review .time-button{min-height:2.25rem}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .time-week-nav{color:var(--fg-muted);font-size:var(--text-sm);align-items:center;gap:var(--space-2) var(--space-4);margin-top:var(--space-4);background:0 0;border:0;border-radius:0;flex-wrap:wrap;justify-content:space-between;padding:0}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .time-week-nav span{color:var(--fg-muted);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;font-weight:500}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .time-week-nav a{background:var(--surface-card);border:1px solid var(--hairline-strong);border-radius:var(--radius-md);color:var(--fg);min-height:2.25rem;padding:0 var(--space-4);transition:background-color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);align-items:center;font-weight:600;text-decoration:none;display:inline-flex}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .time-week-nav a:hover{background:var(--surface-raised);border-color:var(--hairline-hover)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .time-week-nav a:last-child:not(:first-child){margin-left:auto}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .portal-content>p.time-hint[role=note]{background:var(--tone-warning-soft);border:1px solid var(--tone-warning-line);border-left:3px solid var(--tone-warning);border-radius:var(--radius-md);color:var(--fg);font-size:var(--text-control);margin:0 0 var(--space-5);padding:var(--space-3) var(--space-4)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .invoice-autodraft{border-radius:var(--radius-md)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .portal-content>p.time-hint{margin:0 0 var(--space-4);max-width:80ch}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .time-feedback{font-size:var(--text-sm);margin:var(--space-3) 0 0;line-height:1.5}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .bank-errors{background:var(--tone-danger-soft);border:1px solid var(--tone-danger-line);border-radius:var(--radius-md);color:var(--fg);margin:var(--space-3) 0;padding:var(--space-3) var(--space-4)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) ul.bank-errors{padding-left:var(--space-7)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .bank-errors p{margin:0}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .bank-errors :is(p,li)+:is(p,ul,li){margin-top:var(--space-1)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .time-confirm{border:1px solid var(--hairline);border-radius:var(--radius-md);color:var(--fg-soft);font-size:var(--text-sm);align-items:flex-start;gap:var(--space-3);margin-top:var(--space-4);padding:var(--space-3) var(--space-4);background:#ece8e006;font-weight:500;line-height:1.45;display:flex}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .time-confirm input[type=checkbox]{margin-top:.0625rem}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .time-confirm:has(input:checked){background:var(--copper-soft);border-color:var(--copper-line);color:var(--fg)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .time-fields{gap:var(--space-4) var(--space-5)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) :is(.time-form,.time-fields) label{align-content:start}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .expense-form-actions{border-top:1px solid var(--hairline);gap:var(--space-3) var(--space-5);margin-top:var(--space-5);padding-top:var(--space-4)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .expense-form-actions .time-button{margin-top:0}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .expense-form-actions a:not([class]),.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .expense-form-actions .time-link{color:var(--fg-soft);font-size:var(--text-control);margin:0;font-weight:500}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .expense-form-actions a:not([class]):hover,.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .expense-form-actions .time-link:hover{color:var(--accent-text)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .expense-form-receipt{border:1px dashed var(--hairline-strong);border-radius:var(--radius-md);gap:var(--space-2);margin-top:var(--space-5);padding:var(--space-3) var(--space-4) var(--space-4);background:#ece8e004}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .expense-form-receipt+.time-fields{margin-top:var(--space-4)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .expense-form-receipt input[type=file]{border-radius:var(--radius-md);box-shadow:none;color:var(--fg-muted);cursor:pointer;font-size:var(--text-sm);background:0 0;border:0;min-height:0;padding:0}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .expense-form-receipt input[type=file]::file-selector-button{background:var(--surface-raised);border:1px solid var(--hairline-strong);border-radius:var(--radius-md);color:var(--fg);cursor:pointer;font:inherit;margin-right:var(--space-3);min-height:2.25rem;transition:background-color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);padding:.375rem .875rem;font-weight:600}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .expense-form-receipt input[type=file]:hover::file-selector-button{background:var(--surface-hover);border-color:var(--field-border-hover)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .expense-form-receipt small{color:var(--fg-muted)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .expense-form-actions button.time-link{background:var(--surface-raised);border:1px solid var(--hairline-strong);border-radius:var(--radius-md);color:var(--fg);cursor:pointer;font-size:var(--text-control);min-height:2.5rem;padding:0 var(--space-4);transition:background-color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);justify-content:center;align-items:center;font-weight:600;text-decoration:none;display:inline-flex}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .expense-form-actions button.time-link:hover:not(:disabled){background:var(--surface-hover);border-color:var(--hairline-hover);color:var(--fg)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .expense-form-actions button.time-link:disabled{cursor:progress;opacity:.6}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .bill-totals{background:var(--surface-raised);border:1px solid var(--hairline);border-radius:var(--radius-md);color:var(--fg-soft);font-family:var(--font-mono);font-size:var(--text-sm);margin:var(--space-4) 0;padding:var(--space-3) var(--space-4)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .expense-total{background:var(--surface-raised);border:1px solid var(--hairline);border-radius:var(--radius-md);color:var(--fg-muted);font-size:var(--text-sm);align-content:center;gap:var(--space-1);padding:var(--space-3) var(--space-4)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .expense-total strong{color:var(--fg);font-family:var(--font-mono);font-size:var(--text-lg);font-weight:600}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .allocation-targets{border:1px solid var(--hairline);border-radius:var(--radius-md);gap:var(--space-3);margin:var(--space-4) 0;padding:var(--space-3) var(--space-4) var(--space-4);background:#ece8e004}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .allocation-targets legend{color:var(--fg);font-size:var(--text-sm);padding:0 var(--space-1);font-weight:600}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .bill-reverse{gap:var(--space-3);margin-top:var(--space-3)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .bill-reverse label{color:var(--fg-soft);font-size:var(--text-sm);gap:.375rem;font-weight:500;display:grid}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .bill-reverse input:not([type=checkbox]){background-color:var(--surface-raised);border:1px solid var(--field-border);border-radius:var(--radius-md);color:var(--fg);font:inherit;min-height:2.5rem;padding:.5rem .75rem}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .bill-reverse .time-button{margin-top:var(--space-4);justify-self:start}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) section[aria-label=Payment\ instructions]+details.invoice-cancel{margin-top:var(--space-6)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .finance-scope.commercial-scope{border-bottom:0;padding:0}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .commercial-scope__bar{align-items:center;gap:var(--space-3) var(--space-4);margin:0 0 var(--space-5);flex-wrap:wrap;justify-content:space-between;display:flex}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .commercial-scope__bar .business-view{flex:auto;min-width:0;margin:0}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .finance-scope__heading.commercial-hero{background:radial-gradient(circle at 100% 0%, #a4492a29, transparent 55%), var(--surface-card);border:1px solid var(--copper-line);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);align-items:center;gap:var(--space-5) var(--space-8);margin:0 0 var(--space-5);padding:var(--space-7) var(--card-pad)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .commercial-hero h2{font-size:var(--text-xl);margin:var(--space-2) 0 var(--space-2)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .commercial-hero>div>p:last-child{font-size:var(--text-base);max-width:58ch;margin:0}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .commercial-hero dl{grid-template-columns:repeat(3,minmax(6.5rem,1fr));gap:0}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .commercial-hero dl div{border-left:1px solid var(--hairline-strong);padding:var(--space-1) var(--space-5);border-top:0;flex-direction:column;display:flex}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .commercial-hero dt{color:var(--fg-muted);font-size:.6875rem;font-weight:600}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .commercial-hero dd{color:var(--fg);font-family:var(--font-mono);font-size:var(--text-2xl);letter-spacing:-.03em;padding-top:var(--space-2);margin:auto 0 0;font-weight:600;line-height:1.1}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .commercial-stats{margin-bottom:var(--space-2)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .commercial-stats .ui-stat__meta{line-height:1.45}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .finance-section.commercial-section{padding:var(--space-8) 0 0}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .commercial-section>.finance-section__heading{align-items:start;gap:var(--space-2);margin:0 0 var(--space-5);justify-content:start;display:grid}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .commercial-section>.finance-section__heading>p{text-align:left;max-width:72ch;margin:0}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .commercial-section .setup-columns{gap:var(--space-5);margin-top:0}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .setup-heading{margin:0 0 var(--space-3)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .setup-heading h3{font-size:var(--text-md);font-weight:600}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .setup-heading span{background:var(--tone-neutral-soft);border:1px solid var(--tone-neutral-line);border-radius:var(--radius-pill);color:var(--tone-neutral);font-family:var(--font-mono);padding:.125rem .5rem;font-size:.6875rem;font-weight:600}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .setup-create{border:1px dashed var(--hairline-strong);border-radius:var(--radius-lg);margin:0 0 var(--space-3);transition:background-color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);background:#ece8e004;padding:0}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .setup-create:hover{border-color:var(--copper-line)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .setup-create>summary{color:var(--accent-text);cursor:pointer;font-size:var(--text-control);align-items:center;gap:var(--space-2);min-height:3rem;padding:0 var(--space-5);font-weight:600;list-style:none;display:flex}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .setup-create>summary::-webkit-details-marker{display:none}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .setup-create>summary:before{content:"";height:1.125rem;transition:transform var(--dur-fast) var(--ease-out);background:currentColor;flex:none;width:1.125rem;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E") 50%/contain no-repeat}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .setup-create[open]{background:var(--surface-card);border-color:var(--copper-line);box-shadow:var(--shadow-card);border-style:solid}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .setup-create[open]>summary{border-bottom:1px solid var(--hairline)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .setup-create[open]>summary:before{transform:rotate(45deg)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .setup-create>form{padding:var(--space-4) var(--space-5) var(--space-5)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .setup-register summary:focus-visible{box-shadow:var(--focus);outline:none}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .setup-card{background:var(--surface-card);border:1px solid var(--hairline);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);margin:0 0 var(--space-3);padding:var(--space-4) var(--space-5)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .setup-card__meta{color:var(--fg-muted);font-size:var(--text-xs);letter-spacing:.04em}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .setup-card__meta small,.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .commercial-card>div:first-child>small{background:var(--tone-neutral-soft);border:1px solid var(--tone-neutral-line);border-radius:var(--radius-pill);color:var(--tone-neutral);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;padding:.1875rem .5rem;font-size:.6875rem;font-weight:600;line-height:1.3}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .setup-card__meta small[data-status=active],.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .commercial-card>div:first-child>small[data-status=active]{background:var(--tone-success-soft);border-color:var(--tone-success-line);color:var(--tone-success)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .setup-card h4{font-size:var(--text-md);margin:var(--space-2) 0 var(--space-1);font-weight:600}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .setup-card p{color:var(--fg-muted);font-size:var(--text-sm);margin:.125rem 0}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .setup-card>details{border-top:1px solid var(--hairline);margin-top:var(--space-3);padding-top:var(--space-2)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .setup-card>details>summary{color:var(--accent-text);font-size:var(--text-sm);align-items:center;min-height:2rem;font-weight:600;display:inline-flex}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .commercial-card-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(min(100%,19rem),1fr))}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .commercial-card-grid:has(>.approver-card){grid-template-columns:repeat(auto-fit,minmax(min(100%,30rem),1fr))}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .commercial-card{background:var(--surface-card);border-radius:var(--radius-lg);padding:var(--card-pad)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .commercial-card>div:first-child>span{color:var(--fg-muted);font-size:var(--text-xs);letter-spacing:.06em}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .commercial-card h3{font-size:var(--text-md);letter-spacing:-.01em;margin:var(--space-3) 0 var(--space-1);font-weight:600}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .commercial-card dl{border-top:1px solid var(--hairline);margin:var(--space-4) 0 0;padding-top:var(--space-3)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .commercial-card dt{color:var(--fg-muted);font-size:.6875rem}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .commercial-card dd{color:var(--fg);font-size:var(--text-control);font-variant-numeric:tabular-nums}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .commercial-card__rates{margin-top:var(--space-3);grid-column:1/-1}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .approver-card>div:first-child>span{background:var(--tone-neutral-soft);border:1px solid var(--tone-neutral-line);border-radius:var(--radius-pill);color:var(--fg-soft);padding:.125rem .5rem;font-weight:600}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .approver-card h3{font-size:var(--text-lg);margin-top:var(--space-3)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .approver-list{border-top-color:var(--hairline)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .approver-row{border-bottom-color:var(--hairline);padding:var(--space-3) 0}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .approver-row small{color:var(--fg-muted)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .people-invite{border-top:1px solid var(--hairline);align-items:end;gap:var(--space-3);margin-top:var(--space-4);padding-top:var(--space-4)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .people-invite label{color:var(--fg-soft);font-size:var(--text-sm);gap:.375rem;font-weight:500}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .people-invite input,.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .people-invite select{background-color:var(--surface-raised);border:1px solid var(--field-border);border-radius:var(--radius-md);font-size:var(--text-base);min-height:2.5rem;padding:.5rem .75rem;box-shadow:inset 0 1px #00000040}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .people-invite input:hover,.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .people-invite select:hover{border-color:var(--field-border-hover)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .people-invite input:focus-visible,.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .people-invite select:focus-visible{border-color:var(--accent-text)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) [aria-label="Contract rates (scrollable)"] th[scope=row]{color:var(--fg)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) [aria-label="Contract rates (scrollable)"] td:nth-child(2){text-transform:capitalize}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) [aria-label="Contract rates (scrollable)"] td:last-child{text-align:right}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .billing-rule__head{align-items:flex-start;gap:var(--space-3) var(--space-5);margin:0 0 var(--space-4);flex-wrap:wrap;justify-content:space-between;display:flex}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .billing-rule__head h3{font-size:var(--text-lg);letter-spacing:-.015em;margin:var(--space-1) 0 0;font-weight:600}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .billing-rule__facts{border-top:1px solid var(--hairline);gap:var(--space-4) var(--space-6);padding-top:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,11rem),1fr))}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .billing-rule__facts .billing-rule__terms{grid-column:1/-1}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .time-billing-form>fieldset{gap:var(--space-4) var(--space-5);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .time-billing-form>fieldset>legend{color:var(--fg);font-size:var(--text-md);margin-bottom:var(--space-4);padding:0;font-weight:600}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .time-billing-form>fieldset>:is(p,.invoice-preview,.time-confirm,label:has(textarea)){grid-column:1/-1}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .time-billing-form>fieldset>p{color:var(--fg-muted);font-size:var(--text-sm);margin:0;line-height:1.55}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .time-billing-form>fieldset>.time-confirm{margin-top:0}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .time-billing-form>fieldset>label:has(textarea)~p:has(+label>select[name=mode]){border-top:1px solid var(--hairline);margin-top:var(--space-2);padding-top:var(--space-5)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .time-billing-form>fieldset>.time-button{justify-self:start;margin-top:0}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .time-billing-form>p:last-child{color:var(--fg-muted);font-size:var(--text-sm);margin-top:var(--space-4)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .invoice-preview{background:var(--surface-raised);border:1px solid var(--hairline);border-left:3px solid var(--accent-text);border-radius:var(--radius-md);align-items:end;gap:var(--space-2) var(--space-5);padding:var(--space-4);grid-template-columns:minmax(10rem,14rem) minmax(0,1fr);display:grid}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .invoice-preview p{color:var(--fg);font-family:var(--font-mono);font-size:var(--text-base);margin:0 0 .625rem}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .invoice-preview small{color:var(--fg-muted);font-size:var(--text-xs);grid-column:1/-1}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .billing-history-event{margin:0 0 var(--space-4)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .billing-history-event__head{align-items:flex-start;gap:var(--space-2) var(--space-5);margin:0 0 var(--space-3);flex-wrap:wrap;justify-content:space-between;display:flex}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .billing-history-event__head h3{margin:var(--space-1) 0 0}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .billing-history-event__head time{color:var(--fg-muted);font-family:var(--font-mono);font-size:var(--text-xs)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .billing-history-event__facts{margin:0 0 var(--space-3);grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr))}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .billing-history-event details>summary{color:var(--accent-text);cursor:pointer;font-size:var(--text-sm);padding-block:var(--space-2);font-weight:600}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .billing-history-change{border-top:1px solid var(--hairline);padding-block:var(--space-3)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .billing-history-change dt{color:var(--fg);font-size:var(--text-sm);margin-bottom:var(--space-2);text-transform:capitalize}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .billing-history-change dd{gap:var(--space-1) var(--space-4);grid-template-rows:auto auto;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:column;display:grid}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .billing-history-change dd strong{color:var(--fg-muted);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:.6875rem}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .billing-history-change pre{background:var(--surface-raised);border:1px solid var(--hairline);border-radius:var(--radius-sm);color:var(--fg-soft);font-family:var(--font-mono);font-size:var(--text-xs);padding:var(--space-2) var(--space-3);margin:0}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .invoice-heading+p:has(>a[href^="/invoices/setup"]){gap:var(--space-2);margin:calc(-1 * var(--space-2)) 0 var(--space-5);flex-wrap:wrap;font-size:0;display:flex}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .invoice-heading+p:has(>a[href^="/invoices/setup"])>a{background:var(--surface-card);border:1px solid var(--hairline);border-radius:var(--radius-pill);color:var(--fg-soft);font-size:var(--text-sm);min-height:2rem;padding:0 var(--space-4);transition:border-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);align-items:center;font-weight:500;text-decoration:none;display:inline-flex}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .invoice-heading+p:has(>a[href^="/invoices/setup"])>a:hover{border-color:var(--copper-line);color:var(--fg)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .invoice-heading+p:has(>a[href^="/invoices/setup"]) strong{color:var(--accent-text);font-weight:600}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .invoice-ready .ledger-table{min-width:0}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .invoice-ready .ledger-table :is(th,td):nth-child(n+4):nth-child(-n+6){font-variant-numeric:tabular-nums;text-align:right}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .invoice-ready .ledger-table td:last-child{text-align:right;white-space:nowrap}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .invoice-ready .ledger-table .time-button{min-height:2.25rem;padding-block:.375rem}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .invoice-overdue li{font-variant-numeric:tabular-nums}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .invoice-overdue__remind{align-items:center;gap:var(--space-1) var(--space-3);margin-left:var(--space-3);vertical-align:middle;display:inline-flex}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .invoice-overdue__remind .time-link{border:1px solid var(--copper-line);border-radius:var(--radius-pill);color:var(--accent-text);cursor:pointer;font-size:var(--text-xs);min-height:1.75rem;padding:0 var(--space-3) 0 .625rem;transition:background-color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);background:0 0;align-items:center;gap:.375rem;margin:0;font-weight:600;line-height:1;text-decoration:none;display:inline-flex}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .invoice-overdue__remind .time-link:before{content:"";background:currentColor;flex:none;width:.875rem;height:.875rem;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 7a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v10a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-10'/%3E%3Cpath d='M3 7l9 6l9 -6'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 7a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v10a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-10'/%3E%3Cpath d='M3 7l9 6l9 -6'/%3E%3C/svg%3E") 50%/contain no-repeat}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .invoice-overdue__remind .time-link:hover:not(:disabled){background:var(--copper-soft);border-color:var(--accent-text);color:var(--accent-text)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .invoice-overdue__remind .time-link:disabled{cursor:progress;opacity:.6}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .invoice-overdue__remind:has([role]){margin:var(--space-2) 0 0;flex-wrap:wrap;display:flex}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .invoice-overdue__remind [role]{font-size:var(--text-sm);flex:100%;line-height:1.45}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .invoice-overdue__remind [role=status]{color:var(--tone-success)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .invoice-overdue__remind [role=alert]{color:var(--tone-danger)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) form.invoice-panel[aria-label="Use the suggested settings"]{background:radial-gradient(circle at 100% 0%, var(--copper-soft), transparent 55%), var(--surface-card);border-color:var(--copper-line)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) form.invoice-panel[aria-label="Use the suggested settings"] h3{font-size:var(--text-md);margin:0 0 var(--space-1);font-weight:600}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) form.invoice-panel[aria-label="Use the suggested settings"]>ul{border:1px solid var(--hairline);border-radius:var(--radius-md);margin:var(--space-3) 0 var(--space-4);padding:0;list-style:none;display:grid}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) form.invoice-panel[aria-label="Use the suggested settings"]>ul>li{border-top:1px solid var(--hairline);color:var(--fg);font-size:var(--text-control);align-items:flex-start;gap:var(--space-3);padding:var(--space-2) var(--space-3);line-height:1.45;display:flex}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) form.invoice-panel[aria-label="Use the suggested settings"]>ul>li:first-child{border-top:0}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) form.invoice-panel[aria-label="Use the suggested settings"]>ul>li:before{background:var(--accent-text);content:"";flex:none;width:1rem;height:1rem;margin-top:.125rem;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12a9 9 0 1 0 18 0a9 9 0 1 0 -18 0'/%3E%3Cpath d='M9 12l2 2l4 -4'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12a9 9 0 1 0 18 0a9 9 0 1 0 -18 0'/%3E%3Cpath d='M9 12l2 2l4 -4'/%3E%3C/svg%3E") 50%/contain no-repeat}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) form.invoice-panel[aria-label="Use the suggested settings"]>fieldset>label:not(.time-confirm){max-width:20rem}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .invoice-pdf-download{align-items:center;gap:var(--space-2) var(--space-4);margin:var(--space-5) 0;flex-wrap:wrap;display:flex}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .invoice-pdf-download .time-feedback{margin:0}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .invoice-pdf-download .time-feedback:not([role=alert]){color:var(--fg-muted)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .invoice-edit-link{background:var(--surface-raised);border:1px solid var(--hairline-strong);border-radius:var(--radius-md);color:var(--fg);font-size:var(--text-control);margin:0 0 var(--space-5);min-height:2.5rem;padding:0 var(--space-4);justify-self:start;align-items:center;font-weight:600;text-decoration:none;display:inline-flex}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .invoice-edit-link:hover{background:var(--surface-hover);border-color:var(--hairline-hover)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .invoice-workflows{gap:0 var(--space-5);margin-top:0}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .invoice-sends{min-width:0}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .invoice-sends caption{color:var(--fg-muted);font-size:var(--text-sm);padding:0 0 var(--space-2);text-align:left}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .invoice-estimate{background:radial-gradient(circle at 100% 0%, var(--copper-soft), transparent 60%), var(--surface-card);border:1px solid var(--copper-line);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--card-pad);top:5rem}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .invoice-estimate h3{font-size:var(--text-xl);font-variant-numeric:tabular-nums;letter-spacing:-.02em;margin:var(--space-2) 0 var(--space-4);font-weight:600}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .invoice-estimate dl{border-top:1px solid var(--hairline);margin:0 0 var(--space-4);padding-top:var(--space-3)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .invoice-estimate dl>div{font-size:var(--text-sm)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .invoice-estimate dt{color:var(--fg-muted)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .invoice-estimate dd{font-family:var(--font-mono)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .invoice-candidates article{border-top-color:var(--hairline);padding-top:var(--space-3)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .invoice-candidates button{background:var(--surface-raised);border:1px solid var(--hairline-strong);border-radius:var(--radius-md);font-size:var(--text-sm);min-height:2.25rem;padding:0 var(--space-4);transition:background-color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);font-weight:600}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .invoice-candidates button:hover:not(:disabled){background:var(--surface-hover);border-color:var(--hairline-hover)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .time-form .invoice-line-editor{border:1px solid var(--hairline);border-radius:var(--radius-md);margin:var(--space-4) 0;padding:var(--space-3) var(--space-4) var(--space-4);background:#ece8e004}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .invoice-line-editor legend{background:var(--surface-raised);border:1px solid var(--hairline);border-radius:var(--radius-pill);color:var(--fg-soft);font-family:var(--font-mono);letter-spacing:.08em;padding:.125rem .625rem;font-size:.6875rem;font-weight:600}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) :is(.invoice-panel,.invoice-workflow) .invoice-heading h3{font-size:var(--text-md);letter-spacing:-.01em;font-weight:600}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .invoice-panel .invoice-heading .portal-text-button{background:var(--surface-raised);border:1px solid var(--hairline-strong);border-radius:var(--radius-md);color:var(--fg);font-size:var(--text-sm);align-items:center;gap:var(--space-2);min-height:2.25rem;padding:0 var(--space-4) 0 var(--space-3);transition:background-color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);font-weight:600;display:inline-flex}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .invoice-panel .invoice-heading .portal-text-button:before{background:var(--accent-text);content:"";flex:none;width:1rem;height:1rem;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E") 50%/contain no-repeat}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .invoice-panel .invoice-heading .portal-text-button:hover:not(:disabled){background:var(--surface-hover);border-color:var(--hairline-hover);color:var(--fg)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .invoice-line-editor .portal-text-button{color:var(--fg-muted);font-size:var(--text-sm)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .invoice-line-editor .portal-text-button:hover:not(:disabled){color:var(--tone-danger)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .setup-checklist{margin:0 0 var(--space-6)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .setup-checklist li{background:var(--surface-card);border:1px solid var(--hairline);border-radius:var(--radius-md);box-shadow:var(--shadow-card);gap:var(--space-1);transition:border-color var(--dur-fast) var(--ease-out)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .setup-checklist li:has(a:hover){border-color:var(--hairline-hover)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .setup-checklist li[data-done]{box-shadow:none;opacity:1;background:0 0}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .setup-checklist li[data-done] strong{color:var(--fg-soft)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .setup-checklist a{color:var(--fg);flex-wrap:wrap;text-decoration:none;display:flex}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .setup-checklist small{color:var(--fg-muted);font-size:var(--text-sm)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) :is(.setup-checklist,details.invoice-panel) .time-status[data-status=rejected]{background:var(--tone-accent-soft);border-color:var(--tone-accent-line);color:var(--tone-accent)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .numbering-saved{background:radial-gradient(circle at 100% 0%, var(--copper-soft), transparent 60%), var(--surface-card);border-color:var(--copper-line)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .numbering-saved h3{font-family:var(--font-mono);font-size:var(--text-xl);letter-spacing:-.02em;margin:var(--space-2) 0 var(--space-1);font-weight:600}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .numbering-preview{background:var(--surface-raised);border:1px solid var(--hairline);border-left:3px solid var(--accent-text);border-radius:var(--radius-md);gap:var(--space-2);margin:var(--space-2) 0;padding:var(--space-4) var(--space-5)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .numbering-preview strong{font-size:var(--text-xl);font-weight:600}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .numbering-form fieldset{gap:var(--space-4)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .numbering-form fieldset>.time-button{justify-self:start;margin-top:0}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) [aria-label="Aged payables by vendor"] .ledger-table{min-width:40rem}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) [aria-label="Aged payables by vendor"] :is(thead th,td):not(:first-child){text-align:right}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) [aria-label="Aged payables by vendor"] td,.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) [aria-label="Aged payables by vendor"] td:last-child{color:var(--fg-soft);font-family:var(--font-mono);font-size:var(--text-sm);white-space:nowrap}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) [aria-label="Aged payables by vendor"] td:last-child strong{color:var(--fg);font-weight:600}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) [aria-label=Bill\ lines] .ledger-table{min-width:34rem}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) [aria-label=Bill\ lines] :is(th,td):nth-child(n+4){font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) [aria-label=Bill\ lines] td:nth-child(n+4){color:var(--fg);font-family:var(--font-mono);font-size:var(--text-sm)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .bill-line{gap:var(--space-2)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .bill-line input,.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .bill-line select{min-height:2.5rem}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .payment-banner{background:var(--tone-warning-soft);border:1px solid var(--tone-warning-line);border-left:3px solid var(--tone-warning);border-radius:var(--radius-md);color:var(--fg);font-size:var(--text-control);align-items:flex-start;gap:var(--space-3);margin:0 0 var(--space-5);padding:var(--space-3) var(--space-4);display:flex}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .payment-banner .ui-icon{color:var(--tone-warning);width:1.25rem;height:1.25rem}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .payment-stats{margin-bottom:var(--space-2)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .payment-review{background:var(--surface-raised);border:1px solid var(--copper-line);border-radius:var(--radius-md);padding:var(--space-4)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .payment-review .time-confirm{margin-top:var(--space-1)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .payment-timeline{border-left-color:var(--hairline-strong);color:var(--fg-muted);font-size:var(--text-sm);gap:var(--space-1);margin-top:var(--space-2);padding-left:var(--space-3)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .invoice-register-row .approval-decision{border-top:1px solid var(--hairline);margin-top:var(--space-3);max-width:none;padding-top:var(--space-3)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .approval-decision .plan-actions{gap:var(--space-2) var(--space-4)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .approval-decision .time-button{min-height:2.25rem;margin-top:0}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .approval-decision label:not(.time-confirm){color:var(--fg-soft);font-size:var(--text-sm);font-weight:500}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .approval-decision input:not([type=checkbox]){background-color:var(--surface-raised);border:1px solid var(--field-border);border-radius:var(--radius-md);min-height:2.5rem}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .invoice-register-row form.bill-reverse{max-width:44rem}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .payroll-steps{margin-top:var(--space-4)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .payroll-steps>li{padding:var(--space-4) 0;grid-template-columns:1.75rem minmax(0,1fr)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .payroll-steps>li:last-child{padding-bottom:0}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .payroll-steps .receipt-drop{margin:0}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .payroll-steps .time-form label{max-width:28rem}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .payroll-steps .ui-steps__title{margin:.125rem 0 0}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .payroll-steps .bill-totals{margin:var(--space-3) 0 0}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .payroll-steps .time-button{margin-top:var(--space-4)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .payroll-totals{margin:0 0 var(--space-3)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .payroll-totals>.ui-section-title{margin-top:0}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .payroll-totals .ui-stat{padding-block:var(--space-4)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .payroll-totals .ui-stat__label{padding-right:0}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .payroll-totals .ui-stat__value{font-family:var(--font-mono);font-size:var(--text-lg)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .payroll-totals .ui-stat[data-component=gross],.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .payroll-totals .ui-stat[data-component=net_pay]{border-color:var(--copper-line)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) [aria-label="Journal to be posted"] .ledger-table{min-width:0}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) [aria-label=Employee\ pay] .ledger-table{min-width:28rem}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) [aria-label=Statement\ preview] .ledger-table{min-width:0}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .bank-mapping .time-fields{grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr))}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .bank-mapping .time-confirm{align-self:end;margin:0}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .invoice-register-meta+.bank-lines{border-radius:0 0 var(--radius-lg) var(--radius-lg)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .bank-lines{background:var(--surface-card);border:1px solid var(--hairline);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);gap:0}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .bank-lines:empty{display:none}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .bank-line{border:0;border-bottom:1px solid var(--hairline);align-items:start;gap:var(--space-3) var(--space-6);padding:var(--space-4) var(--space-5);background:0 0;border-radius:0;grid-template-columns:minmax(0,1fr) auto;display:grid}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .bank-line:last-child{border-bottom:0}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .bank-line>div:first-child{align-items:baseline;column-gap:var(--space-5);grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"text amount""state amount";display:grid}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .bank-line>div:first-child>p{color:var(--fg);font-size:var(--text-control);grid-area:text;margin:0}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .bank-line>div:first-child>small{color:var(--fg-muted);font-size:var(--text-sm);grid-area:state;margin:.125rem 0 0}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .bank-line__amount{color:var(--fg);font-family:var(--font-mono);font-size:var(--text-base);text-align:right;white-space:nowrap;grid-area:amount;font-weight:600}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .bank-line__amount[data-direction=in]{color:var(--tone-success)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .bank-line>:not(div:first-child){justify-self:end}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .bank-line>small{color:var(--fg-muted);font-size:var(--text-sm)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .bank-line-actions{flex-basis:auto;min-width:0}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .bank-line-actions>summary,.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .bank-line details>summary{background:var(--surface-raised);border:1px solid var(--hairline-strong);border-radius:var(--radius-md);color:var(--fg);cursor:pointer;font-size:var(--text-sm);align-items:center;gap:var(--space-2);min-height:2.25rem;padding:0 var(--space-4);transition:background-color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);font-weight:600;list-style:none;display:inline-flex}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .bank-line details>summary::-webkit-details-marker{display:none}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .bank-line details>summary:hover{background:var(--surface-hover);border-color:var(--hairline-hover)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .bank-line details[open]>summary{background:var(--copper-soft);border-color:var(--copper-line)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .bank-line:has(>.bank-line-actions[open]){background:#ece8e004;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .bank-line>.bank-line-actions[open]{background:var(--surface-card);border:1px solid var(--hairline-strong);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4) var(--space-4);justify-self:stretch}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .bank-line-actions[open]>summary{margin-bottom:var(--space-3)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .bank-suggestions{gap:var(--space-3);margin-top:0}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .bank-suggestions>.time-button{justify-self:start}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .bank-suggestion{background:var(--surface-raised);border:1px solid var(--hairline);border-radius:var(--radius-md);color:var(--fg-soft);font-size:var(--text-sm);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-3)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .bank-suggestion strong{color:var(--fg)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .bank-suggestion .time-button{min-height:2rem;padding-block:.25rem}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .bank-record{border-top:1px solid var(--hairline);padding-top:var(--space-3)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .bank-record>.time-hint{margin:0 0 var(--space-2)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .bank-record .time-button{background:var(--surface-raised);border-color:var(--hairline-strong);box-shadow:none;color:var(--fg)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .bank-record .time-button:hover:not(:disabled){background:var(--surface-hover);border-color:var(--hairline-hover);box-shadow:none}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .bank-line-actions form[aria-label="Exclude bank line"]{margin-top:var(--space-3)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .reconcile-panes{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));display:grid}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .reconcile-pane{border:1px solid var(--hairline);border-radius:var(--radius-md);min-width:0;padding:var(--space-4) var(--space-5) var(--space-5);background:#ece8e004}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .reconcile-pane__label{color:var(--accent-text);font-family:var(--font-mono);letter-spacing:.12em;margin:0 0 var(--space-3);text-transform:uppercase;font-size:.6875rem;font-weight:600}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .reconcile-figures{gap:var(--space-3) var(--space-5);margin:0 0 var(--space-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,9rem),1fr));display:grid}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .reconcile-pane>.reconcile-figures:last-child{margin-bottom:0}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .reconcile-figures dt{color:var(--fg-muted);font-size:var(--text-sm)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .reconcile-figures>div{flex-direction:column;display:flex}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .reconcile-figures dd{color:var(--fg);font-family:var(--font-mono);font-size:var(--text-lg);padding-top:var(--space-1);margin:auto 0 0;font-weight:600}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .reconcile-pane .time-form .time-button{margin-top:var(--space-4)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .reconcile-result{background:var(--tone-warning-soft);border:1px solid var(--tone-warning-line);border-radius:var(--radius-md);align-items:center;gap:var(--space-3) var(--space-6);margin-top:var(--space-4);padding:var(--space-4) var(--space-5);grid-template-columns:auto minmax(0,1fr);display:grid}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .reconcile-result[data-zero]{background:var(--tone-success-soft);border-color:var(--tone-success-line)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .reconcile-result .reconciliation-figures{margin:0}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .reconcile-result dt{color:var(--fg-soft);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;font-size:.6875rem;font-weight:600}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .reconcile-result dd{margin:var(--space-1) 0 0}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .reconcile-result dd strong{color:var(--tone-warning);font-family:var(--font-mono);font-size:var(--text-xl);letter-spacing:-.02em;font-weight:600}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .reconcile-result dd strong[data-zero]{color:var(--tone-success)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .reconcile-result .time-form{align-items:center;gap:var(--space-3);flex-wrap:wrap;justify-content:flex-end;display:flex}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .reconcile-result .time-confirm,.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .reconcile-result .time-form .time-button{margin:0}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .reconcile-result .time-feedback{text-align:right;flex-basis:100%;margin:0}@media (min-width:80rem){.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .invoice-detail{align-items:start;column-gap:var(--space-6);grid-template-columns:minmax(0,1fr) minmax(19rem,23rem);display:grid}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .invoice-detail>*{grid-column:2;min-width:0}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .invoice-detail>:is(.invoice-heading,.invoice-autodraft){grid-column:1/-1}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .invoice-detail>.invoice-paper{margin-bottom:var(--space-6);grid-area:span 40/1}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .invoice-detail>.invoice-pdf-download{margin-top:0}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .invoice-detail .invoice-workflows,.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .invoice-detail :is(.time-fields,.invoice-workflows .time-fields){grid-template-columns:minmax(0,1fr)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .invoice-detail .invoice-issue-facts>div{grid-template-columns:minmax(0,max-content) minmax(0,1fr)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .invoice-detail .invoice-issue-facts dd{text-align:right}}@media (min-width:75rem){.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .portal-content:has(>.expense-layout){align-items:start;column-gap:var(--space-6);grid-template-columns:minmax(0,1.3fr) minmax(19rem,1fr);display:grid}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .portal-content:has(>.expense-layout)>*{grid-column:2;min-width:0}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .portal-content:has(>.expense-layout)>:is(a:not([class]),.invoice-heading,p){grid-column:1/-1}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .portal-content>.expense-layout{display:contents}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .portal-content>.expense-layout>section:first-child{grid-area:span 40/1}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .portal-content>.expense-layout>section+section{grid-column:2}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .portal-content:has(>.expense-layout) .time-fields{grid-template-columns:minmax(0,1fr)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) [aria-label=Bill\ lines] .ledger-table{min-width:0}}@media (max-width:48rem){.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .invoice-ready .ledger-table thead{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .invoice-ready .ledger-table,.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .invoice-ready .ledger-table :is(tbody,tr,td){display:block}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .invoice-ready .ledger-table tr{border-top:1px solid var(--hairline);padding:var(--space-3) 0}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .invoice-ready .ledger-table td{gap:var(--space-4);padding:var(--space-1) 0;text-align:right;border:0;justify-content:space-between;display:flex}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .invoice-ready .ledger-table td[data-label]:before{color:var(--fg-muted);content:attr(data-label);font-size:var(--text-sm);text-align:left}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .invoice-ready .ledger-table td:last-child{padding-top:var(--space-2);justify-content:flex-start}:is(.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .bank-line,.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .bank-line:has(>.bank-line-actions[open])){grid-template-columns:minmax(0,1fr)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .bank-line>:not(div:first-child){justify-self:start}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .reconcile-result{grid-template-columns:minmax(0,1fr)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .reconcile-result .time-form{justify-content:flex-start}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .reconcile-result .time-feedback{text-align:left}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .time-billing-form>fieldset,.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .invoice-preview{grid-template-columns:minmax(0,1fr)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .finance-scope__heading.commercial-hero{padding:var(--space-5) var(--card-pad);grid-template-columns:minmax(0,1fr)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .commercial-hero dl div:first-child{border-left:0;padding-left:0}}@media (max-width:40rem){.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .invoice-heading{flex-direction:column;align-items:stretch}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .invoice-heading>*,.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .invoice-heading>div:first-child{flex:none}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) :is(.payment-stats,.commercial-stats,.payroll-totals .ui-stat-grid){gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr))}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) :is(.payment-stats,.commercial-stats,.payroll-totals .ui-stat-grid) .ui-stat{padding:var(--space-3) var(--space-4)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) :is(.payment-stats,.commercial-stats) .ui-stat__icon{display:none}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) :is(.payment-stats,.commercial-stats) .ui-stat__label{padding-right:0}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) :is(.payment-stats,.commercial-stats,.payroll-totals) .ui-stat__value{font-size:var(--text-lg)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .invoice-heading>a:not([class]){align-self:flex-start}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .invoice-heading>.ui-page-header__actions>*{flex:auto}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .invoice-register-meta,.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .invoice-register-row,.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .bank-line{padding-inline:var(--space-4)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .invoice-register-row{grid-template-columns:minmax(0,1fr)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .invoice-register-row>div:last-child:not(:first-child){text-align:left;justify-items:start}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .invoice-issue-facts>div{grid-template-columns:minmax(0,1fr);gap:.125rem}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .billing-history-change dd{grid-template-rows:none;grid-template-columns:minmax(0,1fr);grid-auto-flow:row}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .commercial-hero dl{grid-template-columns:repeat(3,minmax(0,1fr))}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .commercial-hero dl div{padding:0 var(--space-3)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .commercial-hero dd{font-size:var(--text-xl)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .time-week-nav a{padding:0 var(--space-3)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .ledger-table.ui-table--stack{min-width:0}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .ui-table--stack tbody :is(th,td){padding:var(--space-1) 0;background:0 0;border:0}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .ui-table--stack tbody th[scope=row]{color:var(--fg);padding-bottom:var(--space-2);text-align:left;font-weight:600}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .ui-table--stack td:empty{display:none}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .ui-table--stack td:not([data-label]){justify-content:flex-end}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .ui-table--stack tbody tr:last-child{border-bottom:0}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .ui-table--stack :is(tfoot,tfoot tr){display:block}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .ui-table--stack tfoot tr{border-top:1px solid var(--hairline-strong);padding:var(--space-3) var(--space-4);background:#ece8e006}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .ui-table--stack tfoot :is(th,td){gap:var(--space-4);padding:var(--space-1) 0;background:0 0;border:0;justify-content:space-between;display:flex}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .ui-table--stack tfoot td[data-label]:before{color:var(--fg-muted);content:attr(data-label);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;font-size:.6875rem;font-weight:600}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) [aria-label=Bill\ lines] .ledger-table{min-width:0}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) [aria-label=Bill\ lines] thead,.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) [aria-label="Aged payables by vendor"] thead{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) :is([aria-label=Bill\ lines],[aria-label="Aged payables by vendor"]) :is(table,tbody){display:block}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) [aria-label=Bill\ lines] tr{border-bottom:1px solid var(--hairline);column-gap:var(--space-4);padding:var(--space-3) var(--space-4);grid-template-columns:minmax(0,1fr) auto;row-gap:.125rem;display:grid}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) :is([aria-label=Bill\ lines],[aria-label="Aged payables by vendor"]) tr:last-child{border-bottom:0}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) [aria-label=Bill\ lines] :is(th,td){background:0 0;border:0;padding:0;display:block}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) [aria-label=Bill\ lines] th{grid-area:1/1}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) [aria-label=Bill\ lines] td:nth-child(4){grid-area:1/2}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) [aria-label=Bill\ lines] td:nth-child(2){grid-area:2/1}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) [aria-label=Bill\ lines] td:nth-child(5){color:var(--fg-muted);grid-area:2/2}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) [aria-label=Bill\ lines] td:nth-child(3){grid-area:3/1}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) [aria-label=Bill\ lines] td:is(:nth-child(2),:nth-child(3)){color:var(--fg-muted);font-size:var(--text-sm)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) [aria-label=Bill\ lines] td:nth-child(5):before{content:"Tax ";font-family:var(--font-sans)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) [aria-label="Aged payables by vendor"] .ledger-table{min-width:0}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) [aria-label="Aged payables by vendor"] tr{border-bottom:1px solid var(--hairline);column-gap:var(--space-4);padding:var(--space-3) var(--space-4);row-gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) [aria-label="Aged payables by vendor"] :is(th,td){background:0 0;border:0;padding:0;display:block}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) [aria-label="Aged payables by vendor"] :is(thead th,td):not(:first-child){text-align:left}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) [aria-label="Aged payables by vendor"] th{grid-area:1/1;align-self:center}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) [aria-label="Aged payables by vendor"] td:last-child{text-align:right;grid-area:1/2}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) [aria-label="Aged payables by vendor"] td:not(:last-child){gap:.125rem;display:grid}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) [aria-label="Aged payables by vendor"] td:not(:last-child):before{color:var(--fg-muted);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;font-size:.6875rem;font-weight:600}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) [aria-label="Aged payables by vendor"] td:nth-child(2):before{content:"Current"}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) [aria-label="Aged payables by vendor"] td:nth-child(3):before{content:"1–30 days"}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) [aria-label="Aged payables by vendor"] td:nth-child(4):before{content:"31–60 days"}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) [aria-label="Aged payables by vendor"] td:nth-child(5):before{content:"Over 60"}}@media (min-width:75rem){.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .portal-content:has(>.expense-layout [aria-label=Bill\ lines]){grid-template-columns:minmax(0,1.5fr) minmax(19rem,1fr)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) [aria-label=Bill\ lines] .ledger-table{font-size:var(--text-sm)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) [aria-label=Bill\ lines] :is(th,td){padding-inline:var(--space-2)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) [aria-label=Bill\ lines] :is(th,td):first-child{padding-left:var(--space-3)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) [aria-label=Bill\ lines] :is(th,td):last-child{padding-right:var(--space-3)}}@media (min-width:75rem) and (min-height:48rem){.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .portal-content>.expense-layout>section:first-child{top:calc(3.5rem + var(--space-6));align-self:start;position:sticky}}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .setup-checklist{--done:0;--steps:4;counter-reset:setup-step;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr))}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .setup-checklist:not(:has(>li:nth-child(4))){--steps:3}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .setup-checklist:has(>li:nth-child(5)){--steps:5}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .setup-checklist:has(>li:nth-child(6)){--steps:6}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .setup-checklist:has(>li[data-done]){--done:1}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .setup-checklist:has(>li[data-done]~li[data-done]){--done:2}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .setup-checklist:has(>li[data-done]~li[data-done]~li[data-done]){--done:3}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .setup-checklist:has(>li[data-done]~li[data-done]~li[data-done]~li[data-done]){--done:4}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .setup-checklist:has(>li[data-done]~li[data-done]~li[data-done]~li[data-done]~li[data-done]){--done:5}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .setup-checklist:before{background:linear-gradient(90deg, var(--copper), var(--accent-bright)) 0 0 / calc(100% * var(--done) / var(--steps)) 100% no-repeat, #ece8e014;border-radius:var(--radius-pill);content:"";height:.375rem;margin-bottom:var(--space-1);grid-column:1/-1}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .setup-checklist li{align-content:start;column-gap:var(--space-3);counter-increment:setup-step;padding:var(--space-4);grid-template-columns:1.75rem minmax(0,1fr)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .setup-checklist li:before{background:var(--copper-soft);border:1px solid var(--copper-line);color:var(--accent-text);content:counter(setup-step);font-family:var(--font-mono);font-size:var(--text-xs);border-radius:50%;grid-area:1/1/span 2;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;font-weight:600;display:inline-flex}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .setup-checklist li>:is(a,small){grid-column:2}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .setup-checklist a{align-items:flex-start;gap:var(--space-2);flex-direction:column}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .portal-content .setup-checklist li>a{color:var(--fg);text-decoration:none}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .setup-checklist a strong{font-size:var(--text-base);text-decoration:underline;-webkit-text-decoration-color:var(--copper-line);text-decoration-color:var(--copper-line);text-underline-offset:.2em;font-weight:600;line-height:1.3;text-decoration-thickness:1px}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .setup-checklist a:hover strong{-webkit-text-decoration-color:var(--accent-text);text-decoration-color:var(--accent-text)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .setup-checklist>li:not([data-done]):not(li:not([data-done])~li){border-color:var(--copper-line);box-shadow:var(--shadow-card), 0 0 0 3px var(--copper-soft)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .setup-checklist li[data-done]:before{background:var(--tone-success-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237fd3a8' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5l10 -10'/%3E%3C/svg%3E") center / .875rem no-repeat;border-color:var(--tone-success-line);color:#0000}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) [aria-labelledby=contracts-title]>.finance-empty{--empty-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d6845f' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 21h-2a3 3 0 0 1 -3 -3v-1h5.5'/%3E%3Cpath d='M17 8.5v-3.5a2 2 0 1 1 2 2h-2'/%3E%3Cpath d='M19 3h-11a3 3 0 0 0 -3 3v11'/%3E%3Cpath d='M9 7h4'/%3E%3Cpath d='M9 11h4'/%3E%3Cpath d='M18.42 12.61a2.1 2.1 0 0 1 2.97 2.97l-6.39 6.42h-3v-3l6.42 -6.39'/%3E%3C/svg%3E")}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) [aria-labelledby=rates-title]>.finance-empty{--empty-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d6845f' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 5h-2a2 2 0 0 0 -2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-12a2 2 0 0 0 -2 -2h-2'/%3E%3Cpath d='M9 5a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2a2 2 0 0 1 -2 2h-2a2 2 0 0 1 -2 -2'/%3E%3Cpath d='M14 11h-2.5a1.5 1.5 0 0 0 0 3h1a1.5 1.5 0 0 1 0 3h-2.5'/%3E%3Cpath d='M12 17v1m0 -8v1'/%3E%3C/svg%3E")}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) [aria-label=Payroll\ runs]>section.invoice-panel:has(>h3:first-child+p:last-child){--empty-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d6845f' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 3v4a1 1 0 0 0 1 1h4'/%3E%3Cpath d='M5 13v-8a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2h-5.5m-9.5 -2h7m-3 -3l3 3l-3 3'/%3E%3C/svg%3E")}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) :is(:is([aria-labelledby=contracts-title],[aria-labelledby=rates-title])>.finance-empty,[aria-label=Payroll\ runs] section.invoice-panel:has(>h3:first-child+p:last-child)){align-items:center;gap:var(--space-2);padding:var(--space-7) var(--card-pad);text-align:center;flex-direction:column;display:flex}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) :is(:is([aria-labelledby=contracts-title],[aria-labelledby=rates-title])>.finance-empty,[aria-label=Payroll\ runs] section.invoice-panel:has(>h3:first-child+p:last-child)):before{background:var(--empty-icon) center / 1.375rem no-repeat;box-shadow:0 0 0 .5rem #a4492a12, inset 0 0 0 999px var(--copper-soft);content:"";height:3rem;margin-bottom:var(--space-3);border-radius:50%;flex:none;width:3rem}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) :is(:is([aria-labelledby=contracts-title],[aria-labelledby=rates-title])>.finance-empty>strong:first-child,[aria-label=Payroll\ runs] section.invoice-panel:has(>h3:first-child+p:last-child)>h3){color:var(--fg);font-size:var(--text-md);margin:0;font-weight:600}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) :is(:is([aria-labelledby=contracts-title],[aria-labelledby=rates-title])>.finance-empty>p,[aria-label=Payroll\ runs] section.invoice-panel:has(>h3:first-child+p:last-child)>p){color:var(--fg-muted);max-width:60ch;margin:0}@media (max-width:40rem){.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .setup-checklist{gap:var(--space-2)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .setup-checklist li{padding:var(--space-3)}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .setup-checklist a{align-items:center;gap:var(--space-1) var(--space-2);flex-direction:row}.portal-shell:has(.portal-sidebar [aria-current=page]:is([href^=\/commercial],[href^=\/invoices],[href^=\/expenses],[href^=\/payables],[href^=\/payments],[href^=\/payroll],[href^=\/banking])) .finance-section.commercial-section{padding-top:var(--space-7)}}