:root{--font-sans: "IBM Plex Sans", system-ui, sans-serif;--font-size-xs: 12px;--font-size-sm: 13px;--font-size-md: 14px;--font-size-lg: 16px;--font-size-xl: 20px;--font-size-2xl: 24px;--line-height-xs: 16px;--line-height-sm: 20px;--line-height-md: 20px;--line-height-lg: 24px;--line-height-xl: 28px;--line-height-2xl: 32px;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--color-bg-page: #f5f8fa;--color-surface: #ffffff;--color-surface-subtle: #eef3f5;--color-scrim: rgb(16 49 73 / .45);--color-text: #183449;--color-text-secondary: #456373;--color-text-muted: #587080;--color-text-on-primary: #ffffff;--color-border: #dce7eb;--color-border-control: #6f8793;--color-primary: #147d83;--color-primary-hover: #0f5f64;--color-primary-active: #0c4d51;--color-primary-subtle: #e8f2f2;--color-link: var(--color-primary-hover);--color-focus: var(--color-primary-hover);--color-danger: #b42318;--color-danger-hover: #912018;--color-danger-subtle: #fdecea;--color-success: #166534;--color-success-subtle: #e7f6ec;--color-warning: #8a4b00;--color-warning-subtle: #fdf1dc;--color-info: #1d5a9e;--color-info-subtle: #e8f0fb;--color-sidebar: #103149;--color-sidebar-hover: #204158;--color-sidebar-text: var(--color-text-on-primary);--color-sidebar-text-muted: #b7cad3;--color-focus-on-dark: var(--color-text-on-primary);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-circle: 50%;--shadow-sm: 0 1px 2px rgb(16 49 73 / .08);--shadow-md: 0 4px 12px rgb(16 49 73 / .12);--shadow-lg: 0 12px 32px rgb(16 49 73 / .2);--shadow-edge: -4px 0 8px -4px rgb(16 49 73 / .16);--z-sticky-cell: 1;--z-sticky-head: 2;--z-topbar: 20;--z-sidebar: 30;--z-dropdown: 40;--z-drawer: 50;--z-modal: 60;--z-toast: 70;--z-tooltip: 80;--control-height-desktop: 36px;--control-height-touch: 44px;--control-height: var(--control-height-desktop);--font-size-input: var(--font-size-md);--icon-size-sm: 16px;--icon-size-md: 20px;--icon-size-button: var(--icon-size-sm);--checkbox-size: 16px;--badge-height: 20px;--table-head-height: 40px;--table-row-height: 56px;--textarea-min-height: 80px;--toast-max-w: 400px;--tab-min-w: 96px;--sidebar-w: 240px;--topbar-height-desktop: 64px;--topbar-height-mobile: 56px;--page-padding: var(--space-6);--page-padding-mobile: var(--space-4);--content-max: 1680px;--form-max: 720px;--drawer-w: 560px;--modal-w-sm: 480px;--modal-w-md: 640px;--modal-w-lg: 800px;--motion-fast: .12s ease-out;--motion-normal: .2s ease-out}@media(max-width:900px),(pointer:coarse){:root{--control-height: var(--control-height-touch);--font-size-input: var(--font-size-lg);--icon-size-button: var(--icon-size-md)}}.spinner{display:inline-block;flex:none;width:var(--icon-size-sm);height:var(--icon-size-sm);border:2px solid currentColor;border-right-color:transparent;border-radius:var(--radius-circle);animation:ui-spin .8s linear infinite}@keyframes ui-spin{to{transform:rotate(360deg)}}.field{display:grid;gap:var(--space-1);min-width:0;align-content:start}.field-label{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-sm);font-weight:var(--font-weight-medium)}.field-label[data-required]:after{content:" *";content:" *" / ""}.field-help{color:var(--color-text-muted);font-size:var(--font-size-xs);line-height:var(--line-height-xs)}.field-error{display:flex;align-items:flex-start;gap:var(--space-1);color:var(--color-danger);font-size:var(--font-size-xs);line-height:var(--line-height-xs)}.field-error svg{flex:none;width:var(--icon-size-sm);height:var(--icon-size-sm)}.input,.select,.textarea{display:block;width:100%;min-width:0;height:var(--control-height);padding:0 var(--space-3);border:1px solid var(--color-border-control);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font:inherit;font-size:var(--font-size-input);line-height:var(--line-height-md);font-weight:var(--font-weight-regular);transition:border-color var(--motion-fast)}.textarea{height:auto;min-height:var(--textarea-min-height);padding:var(--space-2) var(--space-3);resize:vertical}.input::placeholder,.textarea::placeholder{color:var(--color-text-muted);opacity:1}.input:hover:not(:disabled,[readonly]),.select:hover:not(:disabled),.textarea:hover:not(:disabled,[readonly]){border-color:var(--color-text-secondary)}.input:focus-visible,.select:focus-visible,.textarea:focus-visible{border-color:var(--color-focus)}.input:disabled,.select:disabled,.textarea:disabled{background:var(--color-surface-subtle);color:var(--color-text-muted);border-color:var(--color-border);cursor:not-allowed}.input[readonly],.textarea[readonly]{background:var(--color-surface-subtle)}.input[aria-invalid=true],.select[aria-invalid=true],.textarea[aria-invalid=true]{border-color:var(--color-danger)}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:var(--space-8);text-overflow:ellipsis}.select-wrap{position:relative;display:block;min-width:0}.select-wrap>svg{position:absolute;top:50%;right:var(--space-3);width:var(--icon-size-sm);height:var(--icon-size-sm);margin-top:calc(var(--icon-size-sm) / -2);color:var(--color-text-secondary);pointer-events:none}.input-with-icon{position:relative;display:block;min-width:0}.input-with-icon>.input{padding-right:var(--space-8)}.input-with-icon>svg{position:absolute;top:50%;right:var(--space-3);width:var(--icon-size-sm);height:var(--icon-size-sm);margin-top:calc(var(--icon-size-sm) / -2);color:var(--color-text-secondary);pointer-events:none}.input[type=date]{min-width:0}.checkbox{display:flex;align-items:center;justify-content:flex-start;gap:var(--space-2);min-height:var(--control-height);color:var(--color-text);font-size:var(--font-size-md);line-height:var(--line-height-md);cursor:pointer}.checkbox:has(input:disabled){color:var(--color-text-muted);cursor:not-allowed}.checkbox input{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;flex:none;width:var(--checkbox-size);height:var(--checkbox-size);margin:0;border:1px solid var(--color-border-control);border-radius:var(--radius-sm);background:var(--color-surface);cursor:inherit}.checkbox input:hover:not(:disabled){border-color:var(--color-text-secondary)}.checkbox input:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-text-on-primary);clip-path:inset(50%)}.checkbox input:checked,.checkbox input:indeterminate{background:var(--color-primary);border-color:var(--color-primary)}.checkbox input:checked:after{clip-path:polygon(22% 50%,12% 60%,40% 86%,88% 28%,78% 20%,40% 66%)}.checkbox input:indeterminate:after{clip-path:inset(44% 20% 44% 20%)}.checkbox input:disabled{background:var(--color-surface-subtle);border-color:var(--color-border)}.checkbox input:disabled:checked,.checkbox input:disabled:indeterminate{background:var(--color-border-control);border-color:var(--color-border-control)}.checkbox input[type=radio]{border-radius:var(--radius-circle)}.checkbox input[type=radio]:after{display:none}.checkbox input[type=radio]:checked{background:radial-gradient(circle,var(--color-text-on-primary) 30%,var(--color-primary) 36%)}.checkbox input[type=radio]:disabled:checked{background:radial-gradient(circle,var(--color-surface) 30%,var(--color-border-control) 36%)}.chip{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);flex:none;height:var(--control-height);padding:0 var(--space-3);border:1px solid var(--color-border-control);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-size:var(--font-size-sm);line-height:var(--line-height-sm);font-weight:var(--font-weight-medium);white-space:nowrap}.chip:hover{background:var(--color-surface-subtle)}.chip[aria-pressed=true]{background:var(--color-primary-subtle);border-color:var(--color-primary)}.ui-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);min-height:var(--control-height-desktop);min-width:0;margin-bottom:var(--space-4)}.ui-toolbar-start,.ui-toolbar-end{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);min-width:0}.ui-toolbar-end{margin-left:auto}@media(max-width:640px){.ui-toolbar-start{flex-wrap:nowrap;width:100%;overflow-x:auto;scrollbar-width:none}.ui-toolbar-start>*{flex:none}.ui-toolbar-end{margin-left:0;width:100%}}.summary-strip,.selection-bar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-4);min-height:var(--table-row-height);margin-bottom:var(--space-4);padding:var(--space-2) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.selection-bar{position:sticky;top:var(--workspace-header-height, var(--topbar-height-desktop));z-index:var(--z-sticky-head);box-shadow:var(--shadow-sm)}.selection-bar[hidden]{display:none}.summary-total{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-2);margin:0;color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-sm)}.summary-total strong{color:var(--color-text);font-size:var(--font-size-xl);line-height:var(--line-height-xl);font-weight:var(--font-weight-bold)}.summary-metrics{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-left:auto;min-width:0}.selection-count{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-text);font-weight:var(--font-weight-semibold);white-space:nowrap}.selection-count>svg{width:var(--icon-size-sm);height:var(--icon-size-sm);color:var(--color-primary)}.selection-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.selection-clear{margin-left:auto}.cell-link{display:block;max-width:100%;padding:0;border:0;background:none;color:var(--color-link);font:inherit;font-weight:var(--font-weight-semibold);text-align:left;cursor:pointer}.cell-link:hover:not(:disabled){text-decoration:underline}.cell-link:disabled{color:var(--color-text-muted);cursor:not-allowed}.cell-link:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}@media(max-width:640px){.selection-bar{position:fixed;inset:auto 0 0;z-index:var(--z-topbar);margin:0;border-width:1px 0 0;border-radius:0;box-shadow:var(--shadow-md)}.summary-metrics{flex-wrap:nowrap;width:100%;margin-left:0;overflow-x:auto;scrollbar-width:none}}.table-card{overflow:hidden;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.table-scroll{overflow:auto;max-height:calc(100dvh - var(--workspace-header-height, var(--topbar-height-desktop)) - var(--space-12))}.data-table{width:100%;border-collapse:separate;border-spacing:0;color:var(--color-text);font-size:var(--font-size-md);line-height:var(--line-height-md)}.data-table th{position:sticky;top:0;z-index:var(--z-sticky-head);height:var(--table-head-height);padding:0 var(--space-3);border-bottom:1px solid var(--color-border);background:var(--color-surface-subtle);color:var(--color-text-secondary);font-size:var(--font-size-xs);line-height:var(--line-height-xs);font-weight:var(--font-weight-semibold);text-align:left;white-space:nowrap}.data-table td{height:var(--table-row-height);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border);vertical-align:middle}.data-table :is(th,td):first-child{padding-left:var(--space-4)}.data-table :is(th,td):last-child{padding-right:var(--space-4)}.data-table tbody tr:last-child td{border-bottom:0}.data-table tbody tr:hover>td{background:var(--color-surface-subtle)}.data-table tbody tr[aria-selected=true]>td,.data-table tbody tr.is-selected>td{background:var(--color-primary-subtle)}.data-table tbody th[scope=row]{position:static;height:var(--table-row-height);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border);background:transparent;color:var(--color-text);font-size:var(--font-size-md);line-height:var(--line-height-md);font-weight:var(--font-weight-semibold)}.data-table .num,.data-table th.num{text-align:right;white-space:nowrap}.data-table td.num{font-weight:var(--font-weight-semibold)}.data-table td.qty{font-weight:var(--font-weight-regular)}.data-table .nowrap{white-space:nowrap}.data-table a{color:var(--color-link);text-decoration:none}.data-table a:hover{text-decoration:underline}.cell-primary{display:block;font-weight:var(--font-weight-semibold)}.cell-sub{display:block;color:var(--color-text-secondary);font-size:var(--font-size-xs);line-height:var(--line-height-xs)}.cell-truncate{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cell-empty{color:var(--color-text-muted)}.data-table .col-actions{width:1%;white-space:nowrap;text-align:right}.col-actions-inner{display:inline-flex;align-items:center;justify-content:flex-end;gap:var(--space-1)}.data-table-sticky-actions th.col-actions,.data-table-sticky-actions td.col-actions{position:sticky;right:0;z-index:var(--z-sticky-cell);background:var(--color-surface);box-shadow:var(--shadow-edge)}.data-table-sticky-actions th.col-actions{z-index:var(--z-sticky-head);background:var(--color-surface-subtle)}.data-table-sticky-actions tbody tr:hover>td.col-actions{background:var(--color-surface-subtle)}@media(min-width:641px){:is(.quote-list,.order-list,.payment-entry-list,.payment-customer-list) .data-table{table-layout:auto;min-width:0}:is(.quote-list,.order-list,.payment-entry-list,.payment-customer-list) .data-table :is(th,td){white-space:nowrap;overflow-wrap:normal}:is(.quote-list,.order-list,.payment-entry-list,.payment-customer-list) .data-table td{height:auto;padding:var(--space-1) var(--space-2);font-size:var(--font-size-sm);line-height:var(--line-height-xs)}:is(.quote-list,.order-list,.payment-entry-list,.payment-customer-list) .data-table :is(th,td):first-child{padding-left:var(--space-3)}:is(.quote-list,.order-list,.payment-entry-list,.payment-customer-list) .data-table :is(th,td):last-child{padding-right:var(--space-3)}:is(.quote-list,.order-list,.payment-entry-list,.payment-customer-list) .data-table th{padding:0 var(--space-2)}:is(.quote-list,.order-list,.payment-entry-list,.payment-customer-list) .data-table :is(.nowrap,.cell-sub,.cell-link){white-space:nowrap;overflow-wrap:normal}:is(.quote-list,.order-list,.payment-entry-list,.payment-customer-list) .data-table .cell-link{display:inline-block;vertical-align:middle;max-width:100%;overflow:hidden;text-overflow:ellipsis}:is(.quote-list,.order-list,.payment-entry-list,.payment-customer-list) .data-table .cell-truncate{display:inline-block;vertical-align:middle;max-width:calc(var(--space-16) * 3.5);overflow:hidden;text-overflow:ellipsis}:is(.quote-list,.order-list,.payment-entry-list,.payment-customer-list) .data-table .cell-sub .cell-truncate{max-width:calc(var(--space-16) * 2)}:is(.quote-list,.order-list,.payment-entry-list,.payment-customer-list) .data-table :is(.col-name,.col-owner){max-width:calc(var(--space-16) * 6);overflow:hidden;text-overflow:ellipsis}:is(.quote-list,.order-list,.payment-entry-list,.payment-customer-list) .data-table .col-ref{max-width:calc(var(--space-16) * 5);overflow:hidden;text-overflow:ellipsis}:is(.quote-list,.order-list,.payment-entry-list,.payment-customer-list) .data-table :is(.cell-sub,.cell-primary){display:inline}:is(.quote-list,.order-list,.payment-entry-list,.payment-customer-list) .data-table .cell-sub{margin-left:0}:is(.quote-list,.order-list,.payment-entry-list,.payment-customer-list) .data-table .cell-sub:before{content:"·";margin:0 var(--space-1)}:is(.quote-list,.order-list,.payment-entry-list,.payment-customer-list) .data-table :is(.quote-customer-meta,.order-customer-meta,.payment-customer-meta,.order-source-line){display:inline-flex;flex-wrap:nowrap;align-items:center;gap:var(--space-1);vertical-align:middle;min-width:0}:is(.quote-list,.order-list,.payment-entry-list,.payment-customer-list) .data-table .cell-stack{display:inline-flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:var(--space-1);vertical-align:middle}:is(.quote-list,.order-list,.payment-entry-list,.payment-customer-list) .data-table .qth{flex-wrap:nowrap;padding-block:0}:is(.quote-list,.order-list,.payment-entry-list,.payment-customer-list) .data-table .col-actions{width:1%}:is(.quote-list,.order-list,.payment-entry-list,.payment-customer-list) .data-table :is(.col-actions-inner,.row-actions){display:inline-flex;flex-wrap:nowrap;align-items:center;gap:var(--space-1)}:is(.quote-list,.order-list,.payment-entry-list,.payment-customer-list) .data-table :is(.col-actions-inner,.row-actions) :is(.button,.icon-button,.action-icon-button){height:calc(var(--space-1) * 6);min-height:0;padding:0 var(--space-2);font-size:var(--font-size-xs);line-height:var(--line-height-xs);white-space:nowrap;gap:var(--space-1)}:is(.quote-list,.order-list,.payment-entry-list,.payment-customer-list) .data-table :is(.col-actions-inner,.row-actions) :is(.action-icon-button,.icon-button){width:calc(var(--space-1) * 6);min-width:0;padding:0}:is(.quote-list,.order-list,.payment-entry-list,.payment-customer-list) .data-table :is(.col-actions-inner,.row-actions) :is(.button,.icon-button)>svg{width:calc(var(--space-1) * 3.5);height:calc(var(--space-1) * 3.5)}:is(.quote-list,.order-list,.payment-entry-list,.payment-customer-list) .data-table :is(.badge,.status-badge){display:inline-flex;align-items:center;justify-content:flex-start;height:auto;min-height:0;padding:1px var(--space-2);font-size:var(--font-size-xs);line-height:1;white-space:nowrap;vertical-align:middle;max-width:calc(var(--space-16) * 2);overflow:hidden;text-overflow:ellipsis}:is(.quote-list,.order-list,.payment-entry-list,.payment-customer-list) .data-table .payment-entry-proofs-button{height:calc(var(--space-1) * 6);min-height:0;padding:0 var(--space-2);font-size:var(--font-size-xs);line-height:var(--line-height-xs)}.payment-customer-list .data-table :is(.payment-row-actions,.customer-actions){flex-wrap:nowrap}.payment-customer-list .data-table .customer-actions{gap:var(--space-1)}:is(.quote-list,.order-list) .data-table th[aria-label="Select row"]{width:var(--space-10)}}.record-cards{display:none;gap:var(--space-2)}.record-card{display:grid;gap:var(--space-2);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);min-width:0}.record-card-row{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-2);min-width:0}.record-card-title{font-weight:var(--font-weight-semibold);overflow-wrap:anywhere}.record-card-amount{font-weight:var(--font-weight-semibold);white-space:nowrap;text-align:right}.record-card-meta{color:var(--color-text-secondary);font-size:var(--font-size-xs);line-height:var(--line-height-xs)}.record-card-pairs{display:grid;gap:var(--space-1);font-size:var(--font-size-xs);line-height:var(--line-height-xs)}.record-card-pair{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-2)}.record-card-pair>:first-child{color:var(--color-text-secondary)}.record-card-actions{display:flex;gap:var(--space-2)}@media(max-width:640px){.table-scroll.has-cards{display:none}.record-cards{display:grid;padding:var(--space-2)}}.pagination{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-3);min-height:var(--table-row-height);padding:0 var(--space-4);border-top:1px solid var(--color-border);color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-sm)}.pagination-controls{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2)}.pagination label{display:flex;align-items:center;gap:var(--space-2)}.pagination label select{width:auto;padding-right:var(--space-2)}.pagination .button{min-width:var(--control-height)}.pagination-pages{display:contents}.pagination-compact{display:none;white-space:nowrap}@media(max-width:640px){.pagination{justify-content:center;padding:var(--space-2) var(--space-4)}.pagination>span[role=status],.pagination label,.pagination .pagination-pages{display:none}.pagination-compact{display:inline}.pagination-controls{width:100%;justify-content:space-between}}.page-header{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:var(--space-2) var(--space-4);min-height:var(--control-height-desktop);margin-bottom:var(--space-4);min-width:0}.page-header-text{display:grid;gap:var(--space-1);min-width:0;flex:1 1 auto}.page-header h1{color:var(--color-text);font-size:var(--font-size-2xl);line-height:var(--line-height-2xl);font-weight:var(--font-weight-semibold);letter-spacing:0;overflow-wrap:anywhere}.page-header-description{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-sm)}.page-header-back{display:inline-flex;align-items:center;gap:var(--space-1);width:max-content;max-width:100%;padding:0;border:0;background:none;color:var(--color-link);font-size:var(--font-size-sm);line-height:var(--line-height-sm);font-weight:var(--font-weight-medium);text-decoration:none}.page-header-back:hover{text-decoration:underline}.page-header-back svg{width:var(--icon-size-sm);height:var(--icon-size-sm)}.page-header .page-header-buttons{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--space-2)}@media(max-width:640px){.page-header .page-header-buttons{justify-content:flex-start;width:100%}}.banner{display:flex;align-items:center;min-width:0;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--color-info-subtle);color:var(--color-info);font-size:var(--font-size-sm);line-height:var(--line-height-sm)}.banner[data-tone=danger]{background:var(--color-danger-subtle);color:var(--color-danger)}.banner[data-tone=warning]{background:var(--color-warning-subtle);color:var(--color-warning)}.banner[data-tone=success]{background:var(--color-success-subtle);color:var(--color-success)}.banner>svg{flex:none;width:var(--icon-size-sm);height:var(--icon-size-sm)}.banner>.banner-text{flex:1 1 auto;min-width:0;overflow-wrap:anywhere}.banner>.button{flex:none}.skeleton-rows{display:grid}.skeleton-row{height:var(--table-row-height);border-bottom:1px solid var(--color-border);display:flex;align-items:center;padding:0 var(--space-4)}.skeleton-row:last-child{border-bottom:0}.skeleton-bar{display:block;width:100%;height:var(--space-3);border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--color-surface-subtle),var(--color-bg-page),var(--color-surface-subtle));background-size:200% 100%;animation:ui-shimmer 1.2s linear infinite}.skeleton-inline{display:inline-block;width:var(--space-6);height:var(--space-3);vertical-align:middle}@keyframes ui-shimmer{to{background-position:-200% 0}}.state-block{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-12) var(--space-4);text-align:center}.state-block>svg{width:var(--icon-size-md);height:var(--icon-size-md);color:var(--color-text-muted)}.state-block[data-tone=danger]>svg{color:var(--color-danger)}.state-block h3{color:var(--color-text);font-size:var(--font-size-lg);line-height:var(--line-height-lg);font-weight:var(--font-weight-semibold)}.state-block p{max-width:48ch;color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-sm)}.state-block .button{margin-top:var(--space-2)}.toast-stack{position:fixed;inset:auto var(--space-6) var(--space-6) auto;width:auto;height:auto;margin:0;padding:0;border:0;background:none;overflow:visible;z-index:var(--z-toast);display:grid;gap:var(--space-2);justify-items:end;pointer-events:none}.toast-stack>.toast{position:static;pointer-events:auto}@media(max-width:640px){.toast-stack{inset:auto var(--space-2) var(--space-2);justify-items:stretch}}.ui-modal{width:min(var(--modal-w-md),calc(100vw - var(--space-4)));max-width:none;max-height:calc(100dvh - var(--space-12));padding:0;border:0;border-radius:var(--radius-lg);background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-lg);overflow:hidden}.ui-modal[open]{display:flex;flex-direction:column;z-index:var(--z-modal)}.ui-modal[data-size=sm]{width:min(var(--modal-w-sm),calc(100vw - var(--space-4)))}.ui-modal[data-size=lg]{width:min(var(--modal-w-lg),calc(100vw - var(--space-4)))}.ui-modal::backdrop{background:var(--color-scrim)}.ui-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);flex:none;padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border)}.ui-modal-title{min-width:0}.ui-modal-head h2,.ui-drawer-head h2{color:var(--color-text);font-size:var(--font-size-xl);line-height:var(--line-height-xl);font-weight:var(--font-weight-semibold);letter-spacing:0;overflow-wrap:anywhere}.ui-modal-head h2:focus,.ui-drawer-head h2:focus{outline:none}.ui-modal-sub{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-sm)}.ui-modal-body{flex:1 1 auto;min-height:0;overflow-y:auto;padding:var(--space-6);display:grid;gap:var(--space-4);align-content:start}.ui-modal-footer{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:var(--space-2);flex:none;padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border);background:var(--color-surface)}.ui-modal-footer .form-error{flex:1 1 100%}@media(max-width:640px){.ui-modal{width:100%;max-width:100%;margin:auto 0 0;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.ui-modal-footer{position:sticky;bottom:0}}.ui-drawer{position:fixed;inset:var(--workspace-header-height, var(--topbar-height-desktop)) 0 0 auto;z-index:var(--z-drawer);display:flex;flex-direction:column;width:min(var(--drawer-w),100%);height:auto;max-width:100%;max-height:none;margin:0;padding:0;border:0;border-left:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-lg);animation:ui-drawer-in var(--motion-normal)}dialog.ui-drawer:not([open]){display:none}dialog.ui-drawer::backdrop{background:var(--color-scrim)}@keyframes ui-drawer-in{0%{transform:translate(100%)}}.ui-drawer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);flex:none;padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border)}.ui-drawer-head-actions{display:flex;align-items:center;gap:var(--space-1);flex:none}.ui-drawer-body{flex:1 1 auto;min-height:0;overflow-y:auto;padding:var(--space-6);display:grid;gap:var(--space-4);align-content:start}.ui-drawer-footer{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:var(--space-2);flex:none;padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border)}@media(max-width:640px){.ui-drawer{width:100%}}@media(prefers-reduced-motion:reduce){.ui-drawer,.skeleton-bar{animation:none}.input,.select,.textarea{transition:none}}.page-header-actions{display:flex;align-items:center;gap:var(--space-2);flex:none}.page-header-actions .button[aria-pressed=true]{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-on-primary)}.summary-toggle svg{transition:transform var(--motion-normal)}.summary-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.page-header-staff:has(.page-header-actions){flex:0 1 auto;display:flex;align-items:center;gap:var(--space-2)}.page-header-staff:has(.page-header-actions) .payment-view-switch{flex:1 1 240px;min-width:0}.page-header-controls:has(.page-header-actions){flex-basis:auto}.header-search{position:relative;display:block;min-width:0}.header-search input[type=search]{display:block;box-sizing:border-box;width:100%;min-width:0;height:var(--control-height);padding:0 var(--space-10) 0 var(--space-3);border:1px solid var(--color-border-control);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font:inherit;font-size:var(--font-size-input);line-height:var(--line-height-md)}.header-search input[type=search]::placeholder{color:var(--color-text-muted)}.header-search input[type=search]:hover{border-color:var(--color-text-secondary)}.header-search input[type=search]:focus-visible{border-color:var(--color-focus)}.header-search input::-webkit-search-cancel-button{margin-right:var(--space-1)}.header-search-submit{position:absolute;top:50%;right:var(--space-1);transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:calc(var(--control-height) - var(--space-2));height:calc(var(--control-height) - var(--space-2));padding:0;border:0;border-radius:var(--radius-md);background:transparent;color:var(--color-text-secondary);line-height:1;cursor:pointer}.header-search-submit:hover{background:var(--color-surface-subtle);color:var(--color-text)}.payment-view-switch.status-tabs{--n:1;--i:0;grid-template-columns:repeat(var(--n),minmax(0,1fr));width:100%;margin:0 0 var(--space-4)}.status-tabs .payment-view-slider{width:calc((100% - var(--space-1))/var(--n));transform:translate(calc(var(--i)*100%))}.status-tabs[data-empty] .payment-view-slider{display:none}.payment-view-switch.status-tabs button{white-space:nowrap;min-width:0}.payment-view-switch.status-tabs button[aria-selected=true]{color:var(--color-text)}.payment-view-switch.status-tabs[data-scroll]{display:flex;overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--color-border-control) var(--color-surface-subtle)}.payment-view-switch.status-tabs[data-scroll] button{flex:1 0 max-content;min-width:var(--tab-min-w)}.status-tabs[data-scroll] .payment-view-slider{display:none}.payment-view-switch.status-tabs[data-scroll] button[aria-selected=true]{background:var(--color-surface);box-shadow:var(--shadow-sm)}.status-tab-count,.payment-view-count{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:var(--badge-height);height:var(--badge-height);padding:0 var(--space-2);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);font-variant-numeric:tabular-nums;line-height:var(--line-height-xs)}.status-tabs button[aria-selected=true] .status-tab-count,.payment-view-switch button[aria-pressed=true] .payment-view-count{background:var(--color-surface-subtle)}.status-tab-count[data-tone=danger]{background:var(--color-danger-subtle);color:var(--color-danger)}.status-tab-count[data-tone=warning]{background:var(--color-warning-subtle);color:var(--color-warning)}@media(max-width:640px){.payment-view-switch.status-tabs{display:flex;overflow-x:auto;scrollbar-width:none}.payment-view-switch.status-tabs::-webkit-scrollbar{display:none}.status-tabs .payment-view-slider{display:none}.payment-view-switch.status-tabs button{flex:1 0 max-content;min-width:var(--tab-min-w)}.payment-view-switch.status-tabs button[aria-selected=true]{background:var(--color-surface);box-shadow:var(--shadow-sm)}.page-header-staff:has(.page-header-actions) .payment-view-switch{flex-basis:140px}}.payment-selection-bar.selection-bar{position:sticky;top:var(--workspace-header-height,68px);left:auto;bottom:auto;transform:none;z-index:var(--z-sticky-head);width:auto;max-width:none;margin:0 0 var(--space-3);border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-md)}.payment-selection-bar.selection-bar[data-selecting=true]{width:auto;max-width:none}@media(min-width:651px){.payment-selection-bar.selection-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}.selection-bar .payment-selection-primary .button{flex:none}}@media(max-width:650px){.selection-bar .payment-selection-tools .button:last-child,.selection-bar .payment-selection-primary .button:first-child{grid-column:auto}}.new-for-you{margin-bottom:var(--space-4);overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.new-for-you-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);min-height:var(--table-head-height);padding:0 var(--space-4)}.new-for-you h2{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-md);line-height:var(--line-height-md);font-weight:var(--font-weight-semibold)}.new-for-you ul{display:grid;gap:var(--space-2);margin:0;padding:0 var(--space-4) var(--space-3);list-style:none}.new-for-you li{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.new-for-you li>span{flex:1;min-width:0;color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-sm)}.new-for-you-more{margin:0 var(--space-4) var(--space-3)}.new-for-you-compact summary{display:flex;align-items:center;gap:var(--space-2);min-height:var(--table-head-height);padding:0 var(--space-4);color:var(--color-text);font-size:var(--font-size-sm);line-height:var(--line-height-sm);font-weight:var(--font-weight-semibold);list-style:none;cursor:pointer}.new-for-you-compact summary::-webkit-details-marker{display:none}.new-for-you-compact summary:before{content:"›";font-size:var(--font-size-lg);line-height:1;transition:transform var(--motion-fast)}.new-for-you-compact details[open] summary:before{transform:rotate(90deg)}.new-for-you-compact summary:focus-visible{outline:2px solid var(--color-focus);outline-offset:-2px}.new-for-you-hint{color:var(--color-text-muted);font-size:var(--font-size-xs);line-height:var(--line-height-xs);font-weight:var(--font-weight-regular)}.new-for-you-compact-actions{display:flex;justify-content:flex-end;padding:0 var(--space-4) var(--space-2)}.new-for-you-compact>.form-error{margin:0;padding:0 var(--space-4) var(--space-3)}.personal-todo-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.personal-todo-actions>form,.personal-todo-actions>.banner{flex-basis:100%}.personal-todo-actions form{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--space-2)}.todo-more-actions{max-width:100%}.todo-more-actions>summary{list-style:none}.todo-more-actions>summary::-webkit-details-marker{display:none}.todo-more-actions[open]{flex:1 1 100%;width:100%}.todo-more-actions[open]>summary{margin-bottom:var(--space-2)}.todo-more-actions>div{display:flex;flex-wrap:wrap;gap:var(--space-2)}.todo-snooze{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin:0}.todo-quick-snooze{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4)}.todo-quick-snooze button[aria-pressed=true]{border-color:var(--color-primary);background:var(--color-primary-subtle)}.todo-snooze-form{display:grid;gap:var(--space-4)}.todo-snooze-help{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-sm)}.todo-snooze-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}@media(max-width:640px){.todo-snooze-fields{grid-template-columns:minmax(0,1fr)}}.inline-text-edit{display:flex;flex-wrap:wrap;gap:var(--space-2);width:100%;min-width:0;margin-top:var(--space-2)}.inline-text-edit .field{flex:1 1 100%}@media(prefers-reduced-motion:reduce){.new-for-you-compact summary:before{transition:none}}.page-header-slot{display:contents}.page-header-controls .payment-view-switch.todo-header-switch{--n:2;--i:0;grid-template-columns:repeat(var(--n),minmax(0,1fr));width:min(460px,100%)}.page-header-controls .todo-header-switch .payment-view-slider{width:calc((100% - 6px)/var(--n));transform:translate(calc(var(--i)*100%))}.todo-header-switch button[aria-pressed=true]{color:var(--color-text-on-primary)}@media(max-width:650px){.page-header-controls .payment-view-switch.todo-header-switch{flex:1 1 100%;width:100%}.page-header-controls .todo-header-switch .payment-view-slider{width:calc(100%/var(--n))}}.payment-invoice-toolbar>.status-tabs{flex:1 1 100%;margin-bottom:0}.todo-view-chips{display:contents}.todo-page .todo-sort{min-width:0}.todo-page .todo-sort .select-wrap{min-width:calc(var(--space-16) * 3)}.todo-page .new-for-you-compact{margin-bottom:var(--space-4)}.todo-page .todo-drawer-layer .customer-drawer{box-sizing:border-box;width:min(var(--drawer-w),100vw);gap:0;padding:0}.todo-page .todo-drawer-layer .customer-drawer-head{margin:0;padding:var(--space-4) var(--space-5)}.todo-page .todo-drawer-layer .todo-drawer-form{min-width:0;padding:var(--space-5)}.todo-drawer-form{display:grid;gap:var(--space-4)}.todo-drawer-form .todo-drawer-note{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-sm)}.todo-drawer-form .todo-drawer-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.todo-page .todo-drawer-layer.is-docked{inset:var(--workspace-header-height, var(--topbar-height-desktop)) 0 0 auto;z-index:var(--z-drawer);width:var(--drawer-w);background:transparent;pointer-events:none}.todo-page .todo-drawer-layer.is-docked .customer-drawer{height:100%;pointer-events:auto}.todo-page:has(.todo-drawer-layer.is-docked){margin-right:var(--drawer-w)}.todo-page:has(.todo-drawer-layer.is-docked) .todo-reminder-columns,.todo-page:has(.todo-drawer-layer.is-docked) .todo-schedule-layout{grid-template-columns:minmax(0,1fr)}.todo-page:has(.todo-drawer-layer.is-docked) .todo-reminder-column+.todo-reminder-column{border-left:0;border-top:1px solid var(--color-border)}.completed-todo-list{margin:0;padding:0;list-style:none}.completed-todo-list>li{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border)}.completed-todo-list>li:last-child{border-bottom:0}.completed-todo-list summary{display:grid;gap:var(--space-1);cursor:pointer}.completed-todo-list summary span{color:var(--color-text-secondary);font-size:var(--font-size-xs);line-height:var(--line-height-xs)}.completed-todo-list ol{margin:var(--space-2) 0 0;padding-left:var(--space-5);color:var(--color-text-secondary);font-size:var(--font-size-xs);line-height:var(--line-height-xs)}.completed-todo-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);min-height:var(--table-head-height);padding:0 var(--space-4);border-bottom:1px solid var(--color-border);background:var(--color-surface-subtle)}.completed-todo-head h3{color:var(--color-text-secondary);font-size:var(--font-size-xs);line-height:var(--line-height-xs);font-weight:var(--font-weight-semibold)}.completed-todo-head span{color:var(--color-text-secondary);font-size:var(--font-size-xs);line-height:var(--line-height-xs)}.todo-workload-move{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.todo-workload-move .select-wrap{min-width:calc(var(--space-16) * 3)}.todo-workload-late{color:var(--color-danger)}@media(max-width:640px){.todo-page .todo-sort .select-wrap{min-width:0;width:100%}.todo-page .todo-sort{width:100%}}.todo-schedule{min-width:0}.todo-schedule-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);min-height:var(--table-head-height);padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--color-border)}.todo-schedule-toolbar h2{margin-right:auto;font-size:var(--font-size-lg);line-height:var(--line-height-lg);font-weight:var(--font-weight-semibold)}.todo-schedule-toolbar>span{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-sm)}.todo-reminder-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}.todo-reminder-column{min-width:0}.todo-reminder-column+.todo-reminder-column{border-left:1px solid var(--color-border)}.todo-group-head{display:flex;align-items:center;min-height:var(--table-head-height);padding:0 var(--space-4);border-bottom:1px solid var(--color-border);background:var(--color-surface-subtle)}.todo-group-head h3{display:flex;align-items:center;gap:var(--space-2);color:var(--color-text-secondary);font-size:var(--font-size-xs);line-height:var(--line-height-xs);font-weight:var(--font-weight-semibold)}.todo-overdue-heading h3{color:var(--color-danger)}.todo-group-empty{margin:0;padding:var(--space-4);color:var(--color-text-muted);font-size:var(--font-size-sm);line-height:var(--line-height-sm)}.todo-reminder-entry{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:var(--space-2) var(--space-2);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border)}.todo-reminder-entry:last-child{border-bottom:0}.todo-reminder-entry:has(>.todo-select){grid-template-columns:auto minmax(0,1fr)}.todo-reminder-entry>:not(.todo-select){grid-column:-2 / -1;min-width:0}.todo-reminder-entry>.todo-select{grid-column:1;grid-row:1;min-height:0;padding-top:var(--space-1)}.todo-reminder-entry.selected{background:var(--color-primary-subtle)}.todo-reminder-entry.personal-todo-overdue{box-shadow:inset 2px 0 0 var(--color-danger)}.todo-reminder-entry[draggable=true]{cursor:grab}.todo-reminder-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1) var(--space-2);width:100%;padding:0;border:0;background:transparent;color:var(--color-text);font:inherit;text-align:left;cursor:pointer}.todo-reminder-row>span:first-child{display:grid;flex:1 1 100%;gap:var(--space-1);min-width:0}.todo-reminder-row strong{font-weight:var(--font-weight-semibold);overflow-wrap:anywhere}.todo-reminder-row small{color:var(--color-text-secondary);font-size:var(--font-size-xs);line-height:var(--line-height-xs);overflow-wrap:anywhere;white-space:pre-wrap}.todo-reminder-row time{color:var(--color-text-secondary);font-size:var(--font-size-xs);line-height:var(--line-height-xs);white-space:nowrap}.todo-reminder-row>svg{display:none}.todo-reminder-row:hover strong{color:var(--color-link);text-decoration:underline}.todo-reminder-row:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.todo-reminder-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1) var(--space-2)}.todo-reminder-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.todo-reminder-actions .customer-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:flex-start}.todo-schedule-calendar .todo-schedule-layout{display:grid;grid-template-columns:320px minmax(0,1fr);align-items:start;gap:var(--space-4);padding:var(--space-4)}.todo-schedule-calendar .todo-schedule-calendar-panel{padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md)}.todo-schedule-calendar .todo-schedule-toolbar{min-height:0;padding:0 0 var(--space-3);border-bottom:0}.todo-schedule-calendar .todo-schedule-toolbar h2{flex:1 1 100%;margin-right:0}.todo-calendar-hint{margin:0 0 var(--space-2);color:var(--color-text-secondary);font-size:var(--font-size-xs);line-height:var(--line-height-xs)}.todo-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:var(--space-1)}.todo-calendar-weekday{padding:var(--space-1) 0;color:var(--color-text-secondary);font-size:var(--font-size-xs);line-height:var(--line-height-xs);font-weight:var(--font-weight-semibold);text-align:center}.todo-calendar-day{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);min-height:var(--control-height-touch);padding:var(--space-1);border:1px solid transparent;border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font:inherit;font-size:var(--font-size-sm);cursor:pointer}.todo-calendar-day:hover{background:var(--color-surface-subtle)}.todo-calendar-day.outside{color:var(--color-text-muted)}.todo-calendar-day.today time{font-weight:var(--font-weight-semibold);text-decoration:underline}.todo-calendar-day[aria-pressed=true]{border-color:var(--color-primary);background:var(--color-primary-subtle)}.todo-calendar-day.drop-target{outline:2px dashed var(--color-primary);outline-offset:-2px;background:var(--color-primary-subtle)}.todo-calendar-day:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.todo-calendar-day>span:not(.todo-type-dots){position:absolute;top:0;right:var(--space-1);color:var(--color-primary-hover);font-size:var(--font-size-xs);line-height:var(--line-height-xs)}.todo-calendar-count-label{display:none}.todo-type-dots{display:flex;gap:var(--space-1)}.todo-type-dot{display:inline-block;flex:none;width:var(--space-1);height:var(--space-1);border-radius:var(--radius-circle);background:var(--color-text-muted)}.todo-type-payments{background:var(--color-success)}.todo-type-quotes{background:var(--color-warning)}.todo-type-orders{background:var(--color-info)}.todo-selected-day-list{min-width:0;overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-md)}@media(max-width:1200px){.todo-reminder-columns{grid-template-columns:minmax(0,1fr)}.todo-reminder-column+.todo-reminder-column{border-left:0;border-top:1px solid var(--color-border)}}@media(max-width:900px){.todo-schedule-calendar .todo-schedule-layout{grid-template-columns:minmax(0,1fr);padding:var(--space-2)}.todo-schedule-calendar .todo-schedule-calendar-panel{max-width:360px}}.qth{display:flex;align-items:center;gap:2px;min-width:0}.qth-button{flex:none;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-secondary);cursor:pointer;position:relative}.qth-button:hover,.qth-button[aria-expanded=true]{background:var(--color-border)}.qth-button:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.qth-button.is-active{color:var(--color-primary)}.qth-button.is-active:after{content:"";position:absolute;top:2px;right:2px;width:6px;height:6px;border-radius:50%;background:var(--color-primary)}.qth-right{text-align:right}.qth-right .qth{justify-content:flex-end}.qth-panel:empty{visibility:hidden}.qth-panel{position:fixed;inset:auto;margin:0;width:232px;overflow:auto;overscroll-behavior:contain;box-sizing:border-box;padding:10px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-size:var(--font-size-xs);font-weight:400;text-align:left;box-shadow:var(--shadow-md)}.qth-panel form,.qth-panel fieldset{display:grid;gap:8px;margin:0;padding:0;border:0;min-width:0}.qth-panel legend{padding:0;margin-bottom:4px;color:var(--color-text-secondary);font-weight:600}.qth-panel label{display:grid;gap:3px;color:var(--color-text-secondary);font-weight:600}.qth-panel input:not([type=checkbox]){width:100%;box-sizing:border-box;min-width:0;height:30px;padding:4px 6px;font-size:var(--font-size-xs)}.qth-panel .qth-check{display:flex;align-items:center;gap:8px;color:inherit;font-weight:400}.qth-panel input[type=checkbox]{width:14px;height:14px;margin:0}.qth-range{display:grid;grid-template-columns:1fr 1fr;gap:8px}.qth-sort{display:grid;gap:2px;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid var(--color-border)}.qth-panel button{font:inherit;cursor:pointer}.qth-sort-only{margin-bottom:6px;padding-bottom:6px;border-bottom:0}.qth-sort button{padding:6px 8px;border:0;border-radius:var(--radius-sm);background:transparent;text-align:left;color:inherit}.qth-sort button:hover{background:var(--color-surface-subtle)}.qth-sort button[aria-pressed=true]{background:var(--color-primary-subtle);color:var(--color-primary);font-weight:600}.qth-actions{display:flex;justify-content:flex-end;gap:8px}.qth-actions button{padding:5px 12px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text)}.qth-actions .qth-apply{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-text-on-primary)}.qth-panel button:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.payments-page{min-width:0}.payment-summary-group{display:inline-flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);min-width:0;max-width:100%}.payment-summary-group+.payment-summary-group{padding-left:var(--space-3);border-left:1px solid var(--color-border)}.payment-summary-caption{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-text-secondary);font-size:var(--font-size-xs);line-height:var(--line-height-xs);flex-wrap:wrap;min-width:0;max-width:100%}.payment-summary-caption>svg{flex:none;width:var(--icon-size-sm);height:var(--icon-size-sm)}.payment-summary-caption .payment-report-refresh{margin:0;font-size:inherit}.payment-summary .summary-total{min-width:0;max-width:100%}.payment-summary .summary-total>strong{display:inline-block;min-width:0;max-width:100%;overflow-x:auto;vertical-align:bottom}.payment-summary .summary-total>strong>span{white-space:nowrap}.payment-summary-cards{display:grid;gap:var(--space-3);min-width:0;margin-bottom:var(--space-4)}.payment-summary-cards .metric-card{min-width:0;box-shadow:none}.payment-summary-cards .payment-total-value{display:grid;grid-template-columns:minmax(0,1fr) auto;min-width:0}.payment-summary-cards .payment-total-value>strong{overflow-x:auto}@media(max-width:640px){.payment-summary-cards .payment-report-totals{grid-template-columns:minmax(0,1fr)}.payment-summary-cards .payment-total-value>strong{overflow:visible}}.payment-aging-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-3)}.payment-aging-cards>button{min-width:0;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);text-align:left;cursor:pointer}.payment-aging-cards>button:hover{background:var(--color-surface-subtle)}.payment-aging-cards>button>span:first-child{display:block;color:var(--color-text-secondary);font-size:var(--font-size-xs);line-height:var(--line-height-xs)}.payment-aging-cards>button>strong{display:block;min-width:0;margin-top:var(--space-1);overflow-x:auto;white-space:nowrap;font-size:var(--font-size-lg);line-height:var(--line-height-lg)}.payment-aging-cards>button[aria-pressed=true]{background:var(--color-primary-subtle);border-color:var(--color-primary)}.payment-aging-track{display:block;height:var(--space-1);margin-top:var(--space-3);border-radius:var(--radius-sm);background:var(--color-surface-subtle);overflow:hidden}.payment-aging-track>span{display:block;height:100%;background:var(--color-primary)}.payment-aging-cards>button:last-child .payment-aging-track>span{background:var(--color-danger)}.payment-toolbar-count{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-sm);white-space:nowrap}.payment-saved-views{width:calc(var(--space-16) * 2.5)}.payment-customer-table{table-layout:auto;min-width:0}.payment-customer-table col.col-check{width:var(--space-10)}.payment-customer-table td.col-actions{overflow:visible}.payment-customer-list{min-width:0;max-width:100%}.payment-customer-list tbody tr{cursor:pointer}.payment-customer-list tbody tr[aria-current=true]>td:first-child{box-shadow:inset var(--space-1) 0 var(--color-primary)}.payment-customer-list:not(.is-selecting) .payment-selection-checkbox{visibility:hidden}.payment-selection-checkbox{min-height:0}.payment-customer-meta{display:flex;align-items:center;gap:var(--space-2);min-width:0}.data-table td.payment-balance{white-space:nowrap}.payment-balance>span:not(.cell-sub){font-weight:var(--font-weight-semibold)}.data-table td.payment-identity{max-width:calc(var(--space-16) * 4);overflow:hidden}.payment-identity-line{display:flex;align-items:center;gap:var(--space-1);min-width:0;max-width:calc(var(--space-16) * 4)}.payment-identity-line .payment-customer-name{flex:0 1 auto;min-width:0}.payment-identity-line .payment-customer-meta{flex:1 1 0;min-width:0}.payment-identity-line .badge{flex:none}.payment-balance .payment-credit,.payment-credit{color:var(--color-success)}.payment-never{color:var(--color-text-muted)}.payment-owner{display:flex;align-items:center;gap:var(--space-2);min-width:0}.payment-owner>span:first-child{display:grid;place-items:center;flex:none;width:var(--space-6);height:var(--space-6);border-radius:var(--radius-circle);background:var(--color-primary-subtle);color:var(--color-primary-hover);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.payment-assigned{max-width:calc(var(--space-16) * 2.5)}.payment-phone{min-width:0;font-size:var(--font-size-sm)}.payment-phone input{min-width:0;max-width:100%}.payment-phone .customer-phone{display:flex;flex-wrap:nowrap;align-items:center;gap:0 var(--space-1)}.payment-phone .customer-phone button{white-space:nowrap}.payment-phone .customer-phone-number{min-height:0;min-width:0}.payment-phone .customer-phone button{min-height:0;padding:0}.payment-row-actions{flex-wrap:wrap}.payment-row-actions .customer-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--space-1)}.payment-row-actions .customer-actions>.badge{display:none}.payment-row-actions .customer-payment-reminder-disabled>small{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.payment-customer-list .col-actions{white-space:nowrap}.payment-mobile-cards{display:grid;gap:var(--space-2)}.record-card.payment-mobile-card[aria-current=true]{border-color:var(--color-primary);background:var(--color-primary-subtle)}.payment-card-heading{display:flex;align-items:center;gap:var(--space-2)}.payment-mobile-card .payment-customer-meta{flex-wrap:wrap}.payment-mobile-card .badge{max-width:100%;overflow:hidden;text-overflow:ellipsis}.payment-mobile-card .record-card-amount{flex:0 1 auto;max-width:65%;min-width:min-content;white-space:normal;overflow-wrap:normal}.payment-mobile-card .record-card-title,.payment-mobile-card .record-card-meta{min-width:0}.payment-mobile-card .record-card-pair>:last-child{min-width:0;text-align:right}.payment-mobile-card .record-card-actions{flex-wrap:wrap}.payment-mobile-card .payment-row-actions .customer-actions{flex-wrap:wrap;justify-content:flex-start}.payment-drawer-layer{position:fixed;inset:var(--workspace-header-height, var(--topbar-height-desktop)) 0 0 var(--sidebar-w);z-index:var(--z-drawer)}.payment-drawer-layer[hidden]{display:none}.payment-drawer-layer .drawer-scrim{position:absolute;top:0;right:0;bottom:0;left:0;padding:0;border:0;background:transparent;cursor:default}.payment-customer-drawer{position:relative;display:flex;flex-direction:column;width:100%;height:100%;min-width:0;background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-lg);animation:payment-panel-enter var(--motion-normal)}.payment-drawer-header{display:flex;justify-content:space-between;gap:var(--space-3);padding:var(--space-4) var(--space-6)}.payment-drawer-header h2{margin:0 0 var(--space-2);font-size:var(--font-size-xl);line-height:var(--line-height-xl);font-weight:var(--font-weight-semibold);overflow-wrap:anywhere}.payment-drawer-header h2:focus{outline:none}.payment-drawer-header .eyebrow{display:none}.payment-drawer-navigation{display:flex;align-items:flex-start;gap:var(--space-1)}.payment-drawer-contact{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);padding:0 var(--space-6) var(--space-4);color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-sm)}.payment-drawer-contact>small{flex-basis:100%;overflow-wrap:anywhere}.payment-drawer-kpis{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:var(--space-3);margin:0 var(--space-6) var(--space-4);padding:var(--space-3) 0;border-block:1px solid var(--color-border)}.payment-drawer-kpis small{display:block;color:var(--color-text-secondary);font-size:var(--font-size-xs);line-height:var(--line-height-xs)}.payment-drawer-kpis strong{display:block;margin-top:var(--space-1);font-size:var(--font-size-xl);line-height:var(--line-height-xl);font-weight:var(--font-weight-bold)}.payment-customer-drawer>.status-tabs{width:auto;margin:0 var(--space-6) var(--space-3)}.payment-drawer-body{flex:1;min-height:0;padding:var(--space-5) var(--space-6);overflow-y:auto}.payment-drawer-body .orders-back,.payment-drawer-body .orders-detail-heading{display:none}.payment-drawer-body .orders-metrics,.payment-drawer-body .payment-report-totals{grid-template-columns:1fr 1fr}.payment-drawer-body .full-panel{border:0;box-shadow:none}.payment-drawer-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-top:1px solid var(--color-border);background:var(--color-surface-subtle)}.payment-drawer-footer>small{margin-right:auto;color:var(--color-text-secondary);font-size:var(--font-size-xs)}.payment-inline-owner{display:flex;align-items:center;gap:var(--space-2);flex-basis:100%}.payment-followup-form{display:grid;gap:var(--space-4)}.payment-followup-form label,.customer-payment-form label{display:grid;gap:var(--space-1);min-width:0;color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-sm);font-weight:var(--font-weight-medium)}.payment-followup-form textarea,.payment-followup-form input,.payment-followup-form select,.customer-payment-form input:not([type=checkbox]):not([type=file]),.customer-payment-form textarea,.customer-payment-form select{box-sizing:border-box;width:100%;min-width:0;min-height:var(--control-height);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border-control);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font:inherit;font-size:var(--font-size-input);font-weight:var(--font-weight-regular)}.payment-followup-form textarea,.customer-payment-form textarea{min-height:var(--textarea-min-height);resize:vertical}.payment-followup-form fieldset,.customer-payment-form fieldset{margin:0;min-width:0;border:0;padding:0}.payment-followup-form legend,.customer-payment-form legend{padding:0;margin-bottom:var(--space-2);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.customer-payment-form .field-grid{grid-template-columns:minmax(0,1fr)}.customer-payment-form .field-grid label:has(input[type=checkbox]){display:flex;align-items:center}.customer-payment-form .payment-proof-fields{gap:var(--space-4)}.payment-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.payment-segments{display:flex;flex-wrap:wrap;gap:var(--space-2)}.payment-warning{margin:0;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--color-warning-subtle);color:var(--color-warning);font-size:var(--font-size-sm);line-height:var(--line-height-sm)}.payment-reminder-row{padding:var(--space-3) 0;border-bottom:1px solid var(--color-border)}.payment-reminder-row>div{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-2)}@keyframes payment-panel-enter{0%{transform:translate(var(--space-8))}to{transform:translate(0)}}.payment-shortcuts-dialog dl{padding:var(--space-3) var(--space-6) var(--space-6)}.payment-shortcuts-dialog dl>div{display:flex;justify-content:space-between;gap:var(--space-6);padding:var(--space-2) 0;border-bottom:1px solid var(--color-border)}.payment-shortcuts-dialog dd{margin:0;color:var(--color-text-secondary)}.payments-page .payment-selection-bar.payment-customer-selection-actions[data-selecting]{position:sticky;top:var(--workspace-header-height, var(--topbar-height-desktop));left:auto;right:auto;bottom:auto;width:auto;max-width:none;max-height:40dvh;margin:0;border:2px solid var(--color-primary);overflow:auto}.payments-page .payment-customer-selection-actions[hidden]{display:none}@media(max-width:900px){.payment-drawer-layer.is-overlay{top:0;right:0;bottom:0;left:0}}@media(max-width:640px){.payment-summary-group{flex-wrap:nowrap;flex:none;max-width:none}.payment-summary-group+.payment-summary-group{padding-left:0;border-left:0}.payment-summary-caption{flex:none;flex-wrap:nowrap;max-width:none;white-space:nowrap}.payment-saved-views{width:100%}.payment-aging-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.payment-drawer-header{padding:var(--space-4)}.payment-drawer-contact{padding:0 var(--space-4) var(--space-3)}.payment-drawer-kpis{margin:0 var(--space-4) var(--space-3);grid-template-columns:1fr 1fr}.payment-drawer-kpis>div:last-child{grid-column:1 / -1}.payment-customer-drawer>.status-tabs{width:auto;margin:0 var(--space-4) var(--space-3)}.payment-drawer-body{padding:var(--space-4)}.payment-form-grid{grid-template-columns:1fr}.payment-drawer-footer{padding:var(--space-3) var(--space-4);flex-wrap:wrap}.payment-drawer-footer>small{flex-basis:100%}}@media(prefers-reduced-motion:reduce){.payment-customer-drawer{animation:none}}.payment-bulk-form{display:grid;gap:var(--space-4)}.payment-table-section{min-width:0;margin-bottom:var(--space-4)}.payment-proof-split,.payment-proof-fields{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-4);min-width:0}.payment-proof-control{position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-2);min-width:0}.payment-proof-label{color:var(--color-text-secondary);font-size:var(--font-size-xs);line-height:var(--line-height-xs);font-weight:var(--font-weight-semibold)}.payment-proof-drop{display:flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--control-height-touch);padding:var(--space-2) var(--space-3);border:1px dashed var(--color-border-control);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font:inherit;font-size:var(--font-size-sm);cursor:pointer;text-align:center}.payment-proof-drop[data-over=true]{border-color:var(--color-primary);background:var(--color-primary-subtle)}.payment-proof-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-2);min-width:0}.payment-proof-list[data-over=true]{outline:2px dashed var(--color-primary);outline-offset:2px;border-radius:var(--radius-md)}.payment-proof-item{display:flex;align-items:center;gap:var(--space-2);min-width:0}.payment-proof-thumb{display:flex;align-items:center;gap:var(--space-3);flex:1;min-width:0;padding:var(--space-1) var(--space-2) var(--space-1) var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font:inherit;font-size:var(--font-size-sm);text-align:left;cursor:pointer}.payment-proof-item[data-current=true] .payment-proof-thumb{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary)}.payment-proof-thumb img,.payment-proof-thumb svg{flex:none;width:var(--space-10);height:var(--space-10);border-radius:var(--radius-sm);object-fit:cover;background:var(--color-surface-subtle)}.payment-proof-thumb svg{padding:var(--space-2);color:var(--color-text-secondary)}.payment-proof-thumb>span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.payment-proof-add{justify-self:start}.payment-proof-preview{min-width:0;height:min(calc(var(--space-16) * 7),50dvh);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);overflow:hidden;display:grid;place-items:center}.payment-proof-preview img{display:block;width:100%;height:100%;min-height:0;object-fit:contain}.payment-proof-preview iframe{display:block;width:100%;height:100%;min-height:0;border:0}.payment-proof-preview>p{padding:var(--space-5);text-align:center}.orders-filter-sheet.centered-dialog:has(.payment-proof-split){height:calc(100dvh - var(--space-12));overflow:hidden}.orders-filter-sheet.centered-dialog[open]:has(.payment-proof-split){display:flex;flex-direction:column}.orders-filter-sheet.centered-dialog:has(.payment-proof-split)>.modal-head{flex:none}.orders-filter-sheet.centered-dialog:has(.payment-proof-split)>.modal-body{flex:1;min-height:0;overflow:auto;align-content:start}@media(max-width:640px){.payment-proof-preview[data-empty=true]{display:none}}@media(min-width:641px){.payment-proof-split{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:start}.orders-filter-sheet.centered-dialog:has(.payment-proof-split){width:min(var(--modal-w-lg),calc(100vw - var(--space-8)))}.payment-proof-preview{position:sticky;top:0}}.ui-modal:has(.payment-proof-split){height:calc(100dvh - var(--space-12))}.quote-select-slot{display:contents}.quote-list>.banner{margin-bottom:var(--space-2)}.quote-list tbody tr{cursor:pointer}.quote-list .col-name{max-width:240px}.quote-list .col-ref,.quote-list .col-owner{max-width:160px}.quote-customer-meta{display:flex;align-items:center;gap:var(--space-2);min-width:0}.cell-stack{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1)}.quote-decision-actions{display:inline-flex;flex-wrap:wrap;align-items:center;gap:var(--space-1)}.col-actions-inner>.quote-decision-actions{display:contents}.quote-card-heading{display:flex;align-items:center;gap:var(--space-2)}.quote-card-heading .checkbox{min-height:0}.quote-card-actions{display:grid;gap:var(--space-2);width:100%}.quote-card-buttons,.quote-card-more{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.quote-inline-followup{position:fixed;inset:var(--workspace-header-height, var(--topbar-height-desktop)) 0 0 var(--sidebar-w);z-index:var(--z-drawer);display:flex;flex-direction:column;min-width:0;background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-lg)}.quote-inline-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);flex:none;padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border)}.quote-inline-title{display:grid;gap:var(--space-1);justify-items:start;min-width:0}.quote-inline-title h2{font-size:var(--font-size-xl);line-height:var(--line-height-xl);font-weight:var(--font-weight-semibold);overflow-wrap:anywhere}.quote-inline-title h2:focus{outline:none}.quote-inline-title p{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-sm)}.quote-inline-title .cell-link{display:inline}.quote-inline-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,380px);flex:1;min-height:0;overflow:auto}.quote-inline-body>.quote-document{min-width:0;margin:0;padding:var(--space-5) var(--space-6);border:0}.quote-inline-body .quote-document iframe{height:max(calc(var(--space-16) * 10),calc(100dvh - var(--workspace-header-height, var(--topbar-height-desktop)) - var(--space-16) * 3))}.quote-inline-activity{display:grid;gap:var(--space-4);align-content:start;min-width:0;padding:var(--space-4) var(--space-6) var(--space-6);border-left:1px solid var(--color-border)}.quote-contact-actions{display:flex;gap:var(--space-2)}.quote-contact-actions .button{flex:1}.quote-more-actions{padding-top:var(--space-3);border-top:1px solid var(--color-border);font-size:var(--font-size-sm)}.quote-more-actions summary{cursor:pointer}.quote-more-actions .quote-decision-actions{margin-top:var(--space-3)}@media(max-width:1200px){.quote-inline-body{grid-template-columns:minmax(0,1fr)}.quote-inline-activity{border-left:0;border-top:1px solid var(--color-border)}}@media(max-width:900px){.quote-inline-followup{left:0}}.quote-form,.quote-followup-form{display:grid;gap:var(--space-4);min-width:0}.quote-followup-form h3{font-size:var(--font-size-lg);line-height:var(--line-height-lg);font-weight:var(--font-weight-semibold)}.quote-method-field{min-width:0;margin:0;padding:0;border:0}.quote-method-field legend{padding:0;margin-bottom:var(--space-1)}.quote-chip-row{display:flex;flex-wrap:wrap;gap:var(--space-2)}.quote-save-actions{display:flex;gap:var(--space-2)}.quote-save-actions .button{flex:1}.quote-detail-page{display:grid;gap:var(--space-4);min-width:0}.quote-detail-page h1:focus{outline:none}.quote-detail-top .page-header{margin-bottom:0}.quote-detail-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--space-2);min-width:0}.quote-detail-total{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-2);margin:0 0 var(--space-4);color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-sm)}.quote-detail-total strong{color:var(--color-text);font-size:var(--font-size-xl);line-height:var(--line-height-xl);font-weight:var(--font-weight-bold)}.quote-related{display:grid;gap:var(--space-3);padding:var(--space-6) 0;border-top:1px solid var(--color-border)}.quote-related h3{font-size:var(--font-size-lg);line-height:var(--line-height-lg);font-weight:var(--font-weight-semibold)}@media(max-width:640px){.quote-detail-actions{width:100%;justify-content:flex-start}}@media(prefers-reduced-motion:no-preference){.quote-list{transition:opacity var(--motion-fast)}}.ui-modal.payment-check-modal{width:min(calc(var(--modal-w-lg) * 1.5),calc(100vw - var(--space-4)));height:calc(100dvh - var(--space-12))}.payment-check-panes{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-5);min-width:0}.payment-check-pane{display:grid;grid-template-columns:minmax(0,1fr);align-content:start;gap:var(--space-3);min-width:0}.payment-check-pane h3{margin:0;font-size:var(--font-size-md)}.payment-check-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.payment-check-zoom{display:flex;align-items:center;gap:var(--space-1)}.payment-check-zoom output{min-width:var(--space-12);text-align:center;font-size:var(--font-size-sm)}.payment-check-tabs{display:flex;gap:var(--space-2);flex-wrap:wrap}.payment-check-viewer{height:min(calc(var(--space-16) * 7),60dvh);overflow:auto;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-subtle)}.payment-check-viewer img{display:block;max-width:none;height:auto}.payment-check-viewer img:not([style]){width:100%;height:100%;object-fit:contain}.payment-check-viewer iframe{display:block;width:100%;height:100%;border:0}.payment-check-empty{padding:var(--space-5);border:1px dashed var(--color-border-control);border-radius:var(--radius-md);color:var(--color-text-secondary);text-align:center}.payment-check-empty p{margin:0}.payment-check-source{display:grid;gap:var(--space-2);margin:0}.payment-check-source>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:var(--space-3)}.payment-check-source dt{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.payment-check-source dd{margin:0;overflow-wrap:anywhere}.payment-check-history{max-height:min(calc(var(--space-16) * 7),60dvh);overflow:auto;border:1px solid var(--color-border);border-radius:var(--radius-md)}.payment-check-history table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.payment-check-history th,.payment-check-history td{padding:var(--space-2) var(--space-3);text-align:left;border-bottom:1px solid var(--color-border);vertical-align:top}.payment-check-history th{position:sticky;top:0;background:var(--color-surface-subtle);font-weight:var(--font-weight-semibold)}.payment-check-history .num{text-align:right}.payment-check-history tr[data-duplicate]{background:var(--color-warning-subtle)}.payment-check-dupe{display:block;margin-top:var(--space-1)}@media(min-width:961px){dialog.ui-modal.payment-check-modal{width:calc(100vw - var(--space-4));height:calc(100dvh - var(--space-4));max-height:none}.payment-check-modal .ui-modal-body{display:flex;flex-direction:column;overflow:hidden;padding:var(--space-3) var(--space-4)}.payment-check-panes{flex:1 1 auto;min-height:0;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);grid-template-rows:minmax(0,1fr)}.payment-check-pane{display:flex;flex-direction:column;min-height:0}.payment-check-viewer,.payment-check-history{flex:1 1 auto;min-height:0;height:auto;max-height:none}}.payment-entry-proofs-button{white-space:nowrap}.payment-entry-customer,.payment-entry-note{max-width:calc(var(--space-16) * 3)}.payment-entry-list .cell-sub{white-space:normal}.quote-payment-entries-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3)}.quote-payment-entries-head h3{font-size:var(--font-size-lg);line-height:var(--line-height-lg);font-weight:var(--font-weight-semibold)}.quote-payment-entries-head .heading-sub{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-sm)}.payment-proofs-modal .ui-modal-body{height:calc(100dvh - var(--space-16) * 3)}.payment-entry-proofs{display:grid;grid-template-rows:minmax(var(--space-12),calc(var(--space-16) * 2)) minmax(0,1fr);gap:var(--space-4);min-width:0;min-height:0;height:100%}.payment-entry-proof-list{list-style:none;margin:0;padding:2px;display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-2);min-width:0;min-height:0;overflow:auto;align-content:start}.payment-entry-proof-list>li{min-width:0}.payment-entry-proof-thumb{display:flex;align-items:center;gap:var(--space-3);width:100%;min-width:0;min-height:var(--control-height-touch);padding:var(--space-1) var(--space-2) var(--space-1) var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font:inherit;font-size:var(--font-size-sm);text-align:left;cursor:pointer}.payment-entry-proof-thumb[aria-pressed=true]{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary)}.payment-entry-proof-thumb img,.payment-entry-proof-thumb svg{flex:none;width:var(--space-10);height:var(--space-10);border-radius:var(--radius-sm);object-fit:cover;background:var(--color-surface-subtle)}.payment-entry-proof-thumb svg{padding:var(--space-2);color:var(--color-text-secondary)}.payment-entry-proof-thumb>span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.payment-entry-proof-preview{min-width:0;min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:var(--space-3);justify-items:start}.payment-entry-proof-preview img,.payment-entry-proof-preview iframe{display:block;box-sizing:border-box;width:100%;height:100%;min-width:0;min-height:0;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.payment-entry-proof-preview img{object-fit:contain}.payment-entry-proof-preview a.button{text-decoration:none}@media(min-width:641px){.payment-entry-proofs{grid-template-columns:minmax(0,calc(var(--space-16) * 3.5)) minmax(0,1fr);grid-template-rows:minmax(0,1fr)}}.payment-entry-badge{display:inline-block;margin-left:var(--space-2);padding:0 var(--space-2);border-radius:var(--radius-sm);font-size:var(--font-size-xs);background:var(--color-surface-subtle);color:var(--color-text-secondary);white-space:nowrap}.payment-entry-badge-checked{background:var(--color-success-subtle);color:var(--color-success)}.payment-entry-date{color:var(--color-text-secondary);font-size:var(--font-size-xs);white-space:nowrap}@media(min-width:641px){.payment-entry-list .table-scroll .data-table{table-layout:auto;min-width:0}.payment-entry-list .table-scroll .data-table :is(th,td){white-space:nowrap;overflow-wrap:normal}.payment-entry-list .table-scroll .data-table td{height:auto;padding:var(--space-1) var(--space-2);font-size:var(--font-size-sm);line-height:var(--line-height-sm)}.payment-entry-list .table-scroll .data-table :is(.nowrap,.cell-sub,.cell-truncate){white-space:nowrap;overflow-wrap:normal}.payment-entry-list .table-scroll .data-table .cell-truncate{overflow:hidden;text-overflow:ellipsis}.payment-entry-list .table-scroll .data-table :is(.payment-entry-customer,.payment-entry-note,.payment-entry-ref){max-width:calc(var(--space-16) * 2.5);overflow:hidden;text-overflow:ellipsis}.payment-entry-list .table-scroll .data-table .payment-entry-ref .cell-sub{display:inline;margin-left:var(--space-1);overflow:hidden;text-overflow:ellipsis}.payment-entry-list .table-scroll .data-table .payment-entry-ref .cell-primary{display:inline}.payment-entry-list .table-scroll .data-table td.num .cell-sub{display:inline;margin-left:var(--space-2);font-weight:var(--font-weight-regular)}.payment-entry-list .table-scroll .data-table .col-actions{width:1%}.payment-entry-list .table-scroll .data-table .col-actions-inner{display:inline-flex;flex-wrap:nowrap;gap:var(--space-1)}.payment-entry-list .table-scroll .data-table .col-actions-inner .button,.payment-entry-list .table-scroll .data-table .payment-entry-proofs-button{height:calc(var(--space-1) * 6);min-height:0;padding:0 var(--space-2);font-size:var(--font-size-xs);line-height:var(--line-height-xs);white-space:nowrap;flex-wrap:nowrap;max-width:none}.payment-entry-list .table-scroll .data-table :is(.badge,.status-badge){display:inline-flex;white-space:nowrap;height:var(--badge-height);min-height:0}.payment-entry-list .table-scroll .data-table .payment-entry-badge{margin-left:var(--space-1)}}.cash-line-flags{border-radius:var(--radius-md);background:var(--color-warning-subtle);color:var(--color-warning);font-size:var(--font-size-sm);line-height:var(--line-height-sm)}.cash-line-flags summary{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);cursor:pointer;font-weight:var(--font-weight-medium)}.cash-line-flags summary svg{flex:none;width:var(--icon-size-sm);height:var(--icon-size-sm)}.cash-line-flags ul{display:grid;gap:var(--space-2);margin:0;padding:0 var(--space-3) var(--space-3);list-style:none;color:var(--color-text)}.cash-line-flags li{display:grid;gap:var(--space-1);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--color-surface);overflow-wrap:anywhere}.cash-line-flags p{margin:0}.cash-line-flags dl{display:grid;gap:var(--space-1);margin:0}.cash-line-flags dl div{display:flex;gap:var(--space-2)}.cash-line-flags dt{flex:none;width:var(--space-12);color:var(--color-text-secondary)}.cash-line-flags dd{margin:0;min-width:0}.cash-line-flag-link{padding:0;border:0;background:none;color:var(--color-link);font:inherit;text-decoration:underline;cursor:pointer}.sales-orders-page,.order-list-workspace{min-width:0}.order-overdue{color:var(--color-danger);font-weight:var(--font-weight-semibold)}.order-note{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-sm)}.sales-orders-page>.banner{margin-top:var(--space-4)}.order-awaiting-sync{color:var(--color-text-secondary)}.order-summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(calc(var(--space-16) * 3),1fr));gap:var(--space-3);margin-bottom:var(--space-4)}.order-summary-cards[hidden]{display:none}.order-summary-cards .metric-card{position:relative;display:grid;gap:var(--space-1);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:none}.order-summary-cards .metric-card[data-active]{border-color:var(--color-primary);background:var(--color-primary-subtle)}.order-summary-cards .metric-card>strong{font-size:var(--font-size-xl);line-height:var(--line-height-xl);font-weight:var(--font-weight-bold)}.order-summary-cards .metric-filter{padding:0;border:0;background:none;color:var(--color-text-secondary);font:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-align:left;cursor:pointer}.order-summary-cards .metric-filter:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit}.order-summary-cards .metric-filter:focus-visible{outline:none}.order-summary-cards .metric-filter:focus-visible:after{outline:2px solid var(--color-focus);outline-offset:2px}.order-summary-cards .order-summary-value{display:flex;align-items:center;gap:var(--space-2)}.order-summary-cards .order-summary-value>*{position:relative;z-index:var(--z-sticky-cell)}.order-list>.banner{margin-bottom:var(--space-2)}.order-list tbody tr{cursor:pointer}.order-list .col-name{max-width:calc(var(--space-16) * 2.25)}.order-list .col-owner{max-width:calc(var(--space-16) * 1.25)}.order-list .col-owner{max-width:160px}.order-customer-meta{display:flex;align-items:center;gap:var(--space-2);min-width:0}.order-number{font-weight:var(--font-weight-semibold)}.order-source-line{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1);white-space:normal}.order-list .cell-stack{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1)}.order-card-actions{display:grid;gap:var(--space-2);width:100%}.order-row-actions{flex-wrap:nowrap}.order-row-actions>.order-parts-compact{flex:none}@media(max-width:640px){.order-card-actions .order-row-actions{flex-wrap:wrap;justify-content:flex-start}}.order-list.is-refreshing{opacity:.6}@media(prefers-reduced-motion:no-preference){.order-list{transition:opacity var(--motion-fast)}}.order-actions-menu{position:fixed;inset:auto;margin:0;width:calc(var(--space-16) * 3 + var(--space-4));max-width:calc(100vw - var(--space-4));max-height:calc(100dvh - var(--space-4));overflow-y:auto;padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-md)}.order-actions-menu:popover-open{display:grid;gap:var(--space-1)}.order-actions-menu .button{width:100%;justify-content:flex-start}.order-form{display:grid;gap:var(--space-4);min-width:0}.order-form h3,.order-section h3,.order-matching h3{font-size:var(--font-size-lg);line-height:var(--line-height-lg);font-weight:var(--font-weight-semibold)}.order-form-actions,.order-actions-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.order-actions-row{margin:var(--space-5) 0}.order-assignee-form{grid-template-columns:minmax(0,calc(var(--space-16) * 5)) auto;align-items:end;margin-bottom:var(--space-6)}.order-remove{margin-left:var(--space-2);padding:0;border:0;background:none;color:var(--color-link);font:inherit;cursor:pointer}.order-filter-group,.order-fieldset{display:grid;gap:var(--space-2);min-width:0;margin:0;padding:0;border:0}.order-fieldset{padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);gap:var(--space-3)}.order-filter-assignees{max-height:calc(var(--space-16) * 4);overflow:auto}@media(max-width:640px){.order-assignee-form{grid-template-columns:minmax(0,1fr)}}.order-detail{display:grid;gap:var(--space-4);min-width:0;padding:var(--space-4)}.order-detail-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.order-detail-actions>.order-row-actions{margin-left:auto;flex-wrap:wrap;max-width:100%}.order-detail-summary{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.order-detail-summary h2{font-size:var(--font-size-2xl);line-height:var(--line-height-2xl);font-weight:var(--font-weight-semibold)}.order-detail-summary h2:focus{outline:none}.order-detail-summary strong{font-size:var(--font-size-xl);line-height:var(--line-height-xl);font-weight:var(--font-weight-bold);white-space:nowrap}.order-detail-summary p{margin:0;color:var(--color-text-secondary)}.order-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(calc(var(--space-16) * 3),1fr));gap:var(--space-3);margin:0}.order-fields>div{padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md)}.order-fields dt{color:var(--color-text-secondary);font-size:var(--font-size-xs);line-height:var(--line-height-xs)}.order-fields dd{margin:var(--space-1) 0 0;font-weight:var(--font-weight-medium);overflow-wrap:break-word}.order-section{display:grid;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.order-timeline{display:grid;gap:var(--space-3);margin:0;padding:0;list-style:none}.order-timeline-entry{padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md)}.order-timeline-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);color:var(--color-text-secondary);font-size:var(--font-size-xs)}.order-timeline-body p{margin:var(--space-1) 0 0;overflow-wrap:anywhere}.order-matching{display:grid;gap:var(--space-3);margin-top:var(--space-3)}.order-match-line{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2)}.order-allocation{align-items:end}.order-review-layout{display:grid;grid-template-columns:minmax(0,2.7fr) minmax(calc(var(--space-16) * 4),1fr);gap:var(--space-6);align-items:start;margin:var(--space-6) 0;min-width:0}.order-review-document,.order-review-checklist{min-width:0}.order-review-document .quote-document{margin:0;padding:0;border:0;min-width:0}.order-review-document .quote-document iframe{height:80dvh;min-height:calc(var(--space-16) * 10);max-width:100%}.order-review-checklist{position:sticky;top:var(--space-5);display:flex;flex-direction:column;gap:var(--space-2);max-height:calc(100dvh - var(--space-10))}.order-review-summary{display:grid;gap:var(--space-2);min-width:0;overflow-wrap:anywhere}.order-review-summary h3{font-size:var(--font-size-lg);line-height:var(--line-height-lg);font-weight:var(--font-weight-semibold)}.order-review-summary p{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-xs);line-height:var(--line-height-xs)}.order-progress{display:flex;align-items:center;gap:var(--space-2)}.order-progress progress{flex:1;max-width:calc(var(--space-16) * 5);accent-color:var(--color-primary)}.order-progress span{flex:none;white-space:nowrap;font-size:var(--font-size-xs)}.order-review-items{min-height:0;overflow:auto;overscroll-behavior:contain}.order-review-table{width:100%;table-layout:fixed;border-collapse:collapse;font-size:var(--font-size-md);line-height:var(--line-height-md)}.order-review-table th,.order-review-table td{padding:var(--space-2) var(--space-1);border-bottom:1px solid var(--color-border);vertical-align:middle;text-align:center;overflow-wrap:break-word}.order-review-table thead th{height:var(--table-head-height);padding:0 var(--space-2);font-size:var(--font-size-xs);line-height:var(--line-height-xs);position:sticky;top:0;z-index:var(--z-sticky-head);background:var(--color-surface-subtle);color:var(--color-text-secondary);font-weight:var(--font-weight-semibold)}.order-review-check,.order-review-adjustment{display:flex;justify-content:center;align-items:center;gap:var(--space-1);min-height:var(--control-height);width:100%}.order-review-check small,.order-review-adjustment small{color:var(--color-text-secondary)}.order-review-empty{padding:var(--space-3) var(--space-1);color:var(--color-text-secondary)}@media(max-width:900px){.order-review-layout{grid-template-columns:minmax(0,1fr);gap:var(--space-5)}.order-review-checklist{position:static;max-height:none}.order-review-items{max-height:calc(var(--space-16) * 8)}}.order-parts{display:grid;gap:var(--space-3);margin:var(--space-6) 0;min-width:0}.order-part{padding:var(--space-4) 0;border-top:1px solid var(--color-border)}.order-part-heading,.order-part-actions{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2)}.order-part-summary{margin:var(--space-2) 0;overflow-wrap:anywhere;font-size:var(--font-size-sm)}.order-part-stepper{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:var(--space-2) 0;padding:0;list-style:none;color:var(--color-text-muted);font-size:var(--font-size-xs)}.order-part-stepper li[aria-current=step]{color:var(--color-text);font-weight:var(--font-weight-semibold)}.order-part-stepper li.is-complete{color:var(--color-success)}.order-line-scroll{overflow-x:auto}.order-part-grid{width:100%;border-collapse:collapse;text-align:left;font-size:var(--font-size-xs)}.order-part-grid caption{padding:var(--space-4) 0 var(--space-2);text-align:left;font-weight:var(--font-weight-semibold)}.order-part-grid th,.order-part-grid td{padding:var(--space-2);border-bottom:1px solid var(--color-border);vertical-align:top;min-width:calc(var(--space-16) * 2)}.order-part-grid small{display:block;margin-top:var(--space-1);color:var(--color-text-secondary);font-weight:var(--font-weight-regular)}.order-parts-compact{display:flex;align-items:center;gap:var(--space-1);margin:0;min-width:0}.order-parts-compact .order-part{flex:none;padding:0;border:0}.order-parts-compact .order-part-heading{display:none}.order-parts-compact .order-part:has(+.order-part) .order-part-heading,.order-parts-compact .order-part+.order-part .order-part-heading{display:flex}.order-parts-compact .order-part-actions{flex-wrap:nowrap;gap:var(--space-1)}.order-journey{margin:var(--space-6) 0;padding-block:var(--space-4);border-block:1px solid var(--color-border)}.order-journey-buttons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-3)}.order-journey-step{display:grid;gap:var(--space-1);min-height:var(--table-row-height);padding:var(--space-3);border:1px solid var(--color-border-control);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-secondary);font:inherit;text-align:left;cursor:pointer}.order-journey-step.is-current{border-color:var(--color-success);background:var(--color-success-subtle);color:var(--color-success)}.order-journey-step[aria-pressed=true]{outline:2px solid var(--color-focus);outline-offset:2px}.order-journey-step:hover{text-decoration:underline;text-underline-offset:var(--space-1)}.order-journey-step small{font-size:var(--font-size-xs)}.order-journey-details{margin-top:var(--space-5);overflow-wrap:anywhere}.order-journey-details h3{margin:0 0 var(--space-3);font-size:var(--font-size-lg);line-height:var(--line-height-lg);font-weight:var(--font-weight-semibold)}.order-journey-invoices{padding-left:var(--space-5)}.order-journey-invoices li{margin-bottom:var(--space-3)}.order-journey-invoices li>*{margin-right:var(--space-3)}@media(max-width:640px){.order-journey-buttons{grid-template-columns:repeat(2,minmax(0,1fr))}}.sync-health .table-card{margin:0 var(--space-4) var(--space-4)}.sync-health-message{padding:0 var(--space-4) var(--space-4);font-size:var(--font-size-sm);line-height:var(--line-height-sm)}.sync-health-subheading{padding:var(--space-4);border-top:1px solid var(--color-border);font-size:var(--font-size-lg);line-height:var(--line-height-lg);font-weight:var(--font-weight-semibold)}.sync-health-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4) var(--space-6);margin:0;padding:0 var(--space-4) var(--space-4);font-size:var(--font-size-sm)}.sync-health-summary dt{color:var(--color-text-secondary);font-size:var(--font-size-xs);margin-bottom:var(--space-1)}.sync-health-run-error{color:var(--color-danger)}.data-table .cell-wrap{white-space:normal;min-width:170px;max-width:360px;overflow-wrap:anywhere}@media(max-width:640px){.sync-health-summary{grid-template-columns:1fr}}.sync-health .section-head{flex-wrap:wrap}.sync-health .section-head .form-hint{margin-top:6px}.sync-health-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 24px;margin:0;padding:0 23px 20px;font-size:var(--font-size-sm)}.sync-health-summary dt{color:var(--color-text-secondary);font-size:var(--font-size-xs);margin-bottom:4px}.sync-health-summary dd{margin:0;overflow-wrap:anywhere}.sync-health-subheading{padding:18px 23px 12px;border-top:1px solid var(--color-border)}.sync-health-message{padding:0 23px 20px;font-size:var(--font-size-sm);line-height:1.6}.sync-health-table{margin-bottom:12px;scrollbar-color:var(--color-border-control) var(--color-surface-subtle)}.sync-health-table:focus-visible{outline:3px solid var(--color-focus);outline-offset:-3px}.sync-health-table .orders-table{font-size:var(--font-size-xs)}.sync-health-table .orders-table th[scope=row]{font-size:var(--font-size-xs);text-transform:none;letter-spacing:normal;background:transparent;color:var(--color-text);font-weight:600}.sync-health-table .orders-table td:last-child{white-space:normal;min-width:170px;max-width:360px;overflow-wrap:anywhere}.sync-health-table .orders-table .sync-health-run-error{color:var(--color-danger)}@media(max-width:650px){.sync-health-summary{grid-template-columns:1fr;padding-right:16px;padding-left:16px}.sync-health .section-head,.sync-health-subheading,.sync-health-message{padding-right:16px;padding-left:16px}}:root{font-family:var(--font-sans);font-size:var(--font-size-md);line-height:var(--line-height-md);color:var(--color-text);background:var(--color-bg-page);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums}*{box-sizing:border-box}body{margin:0;min-width:320px;font-size:var(--font-size-md);line-height:var(--line-height-md);font-weight:var(--font-weight-regular)}button{font:inherit}input,select,textarea{font-family:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}[tabindex="-1"]:focus-visible{outline:none}:where(input:not([type=checkbox],[type=radio],[type=file],[type=range],[type=color],[type=hidden],[type=submit],[type=button],[type=image],[type=reset]),select,textarea){box-sizing:border-box;height:var(--control-height);padding:0 var(--space-3);border:1px solid var(--color-border-control);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-size:var(--font-size-input);line-height:var(--line-height-md);font-weight:var(--font-weight-regular)}:where(textarea){height:auto;min-height:var(--textarea-min-height);padding:var(--space-2) var(--space-3);resize:vertical}:where(input,textarea)::placeholder{color:var(--color-text-muted);opacity:1}:where(input,select,textarea):disabled{cursor:not-allowed}:where(a){color:var(--color-link)}h1,h2,h3,p{margin:0}h1{font-size:var(--font-size-2xl);line-height:var(--line-height-2xl);letter-spacing:0;font-weight:var(--font-weight-semibold)}h2{font-size:var(--font-size-xl);line-height:var(--line-height-xl);letter-spacing:0;font-weight:var(--font-weight-semibold)}h3{font-size:var(--font-size-lg);line-height:var(--line-height-lg);font-weight:var(--font-weight-semibold)}small{font-size:var(--font-size-xs)}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:28px}.eyebrow{color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2)}.heading-sub{color:var(--color-text-muted);font-size:var(--font-size-md);margin-top:var(--space-2)}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:var(--control-height);min-height:var(--control-height);padding:0 var(--space-3);border:1px solid transparent;border-radius:var(--radius-md);font-size:var(--font-size-md);line-height:var(--line-height-md);font-weight:var(--font-weight-medium);white-space:nowrap;text-decoration:none;transition:background var(--motion-fast),border-color var(--motion-fast),color var(--motion-fast)}.button>svg{flex:none;width:var(--icon-size-sm);height:var(--icon-size-sm)}.button-primary,.button-teal,.button-dark{color:var(--color-text-on-primary);background:var(--color-primary)}.button-primary:hover,.button-teal:hover,.button-dark:hover{background:var(--color-primary-hover)}.button-primary:active,.button-teal:active,.button-dark:active{background:var(--color-primary-active)}.button-secondary,.button-outline{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border-control)}.button-secondary:hover,.button-outline:hover{background:var(--color-surface-subtle)}.button-secondary:active,.button-outline:active{border-color:var(--color-text-secondary)}.button-ghost{background:transparent;color:var(--color-text-secondary)}.button-ghost:hover,.button-ghost:active{background:var(--color-surface-subtle);color:var(--color-text)}.button-danger{color:var(--color-text-on-primary);background:var(--color-danger)}.button-danger:hover,.button-danger:active{background:var(--color-danger-hover)}.button[aria-busy=true]{pointer-events:none}.full-width{width:100%}.icon-button{width:var(--control-height);height:var(--control-height);display:grid;place-items:center;border:0;background:transparent;color:var(--color-text-secondary);border-radius:var(--radius-md)}.icon-button:hover{background:var(--color-surface-subtle);color:var(--color-text)}.icon-button.subtle{color:var(--color-text-muted)}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.metric-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-5);min-height:138px;box-shadow:var(--shadow-sm)}.metric-top{display:flex;align-items:center;justify-content:space-between;color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.metric-top svg{color:var(--color-primary)}.metric-blue .metric-top svg{color:var(--color-info)}.metric-red .metric-top svg{color:var(--color-danger)}.metric-amber .metric-top svg{color:var(--color-warning)}.metric-card>strong{display:block;font-size:var(--font-size-2xl);line-height:1.2;color:var(--color-text);margin-top:var(--space-6);font-weight:var(--font-weight-semibold)}.metric-card>small{color:var(--color-text-muted);display:block;margin-top:var(--space-1)}.overview-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(315px,.9fr);gap:var(--space-5)}.panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);min-width:0}.section-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-6) var(--space-6) var(--space-5)}.section-head .eyebrow{margin-bottom:var(--space-2)}.section-head.padded{padding-bottom:var(--space-5)}.text-link{border:0;background:none;color:var(--color-primary);display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:var(--space-1)}.text-link:hover{text-decoration:underline}.work-tabs{display:flex;gap:var(--space-6);padding:0 var(--space-6);border-bottom:1px solid var(--color-border);overflow:auto}.work-tabs button{border:0;background:none;color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:var(--space-4) 0 var(--space-3);white-space:nowrap;border-bottom:2px solid transparent}.work-tabs button.selected{color:var(--color-primary-hover);border-color:var(--color-primary)}.work-tabs button span{font-size:var(--font-size-xs);border-radius:var(--radius-md);background:var(--color-surface-subtle);padding:2px var(--space-1);margin-left:var(--space-1);color:var(--color-text-muted)}.task-row{display:grid;grid-template-columns:minmax(170px,1fr) minmax(var(--space-16),auto) minmax(120px,auto) minmax(180px,auto);gap:var(--space-3);align-items:center;padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border);min-height:75px}.task-row:last-child{border-bottom:0}.task-row:hover{background:var(--color-surface-subtle)}.task-main{text-align:left;border:0;background:none;display:flex;align-items:center;gap:var(--space-3);min-width:0;padding:0;color:inherit}.task-state{width:9px;height:9px;background:var(--color-primary);border-radius:var(--radius-circle);flex:none;box-shadow:var(--shadow-sm)}.task-state.late{background:var(--color-danger);box-shadow:var(--shadow-sm)}.task-state.promise{background:var(--color-warning);box-shadow:var(--shadow-sm)}.task-copy{min-width:0;display:grid;gap:var(--space-1)}.task-copy strong{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-copy>span:not(.badge){color:var(--color-text-muted);font-size:var(--font-size-xs);white-space:nowrap}.dot-separator{padding:0 var(--space-1)}.task-amount{font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);white-space:nowrap}.task-amount small,.task-due small{display:block;color:var(--color-text-muted);font-weight:var(--font-weight-regular);margin-top:var(--space-1)}.task-due{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);white-space:nowrap}.task-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-2)}.task-actions .select{width:160px}.text-danger{color:var(--color-danger)!important}.badge{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);min-width:var(--badge-height);height:var(--badge-height);padding:0 var(--space-2);border-radius:var(--radius-sm);background:var(--color-surface-subtle);color:var(--color-text-secondary);font-size:var(--font-size-xs);line-height:var(--line-height-xs);font-weight:var(--font-weight-medium);white-space:nowrap;width:max-content}.badge>svg{width:var(--space-3);height:var(--space-3);flex:none}.badge-neutral,.badge-muted{background:var(--color-surface-subtle);color:var(--color-text-secondary)}.badge-info,.badge-blue{background:var(--color-info-subtle);color:var(--color-info)}.badge-success,.badge-green{background:var(--color-success-subtle);color:var(--color-success)}.badge-warning,.badge-amber{background:var(--color-warning-subtle);color:var(--color-warning)}.badge-danger{background:var(--color-danger-subtle);color:var(--color-danger)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-sm);text-align:center;padding:var(--space-12) var(--space-4)}.empty-state svg{width:var(--icon-size-md);height:var(--icon-size-md);color:var(--color-text-muted)}.empty-state strong{color:var(--color-text);font-size:var(--font-size-lg);line-height:var(--line-height-lg);font-weight:var(--font-weight-semibold)}.focus-panel{overflow:hidden}.focus-content{padding:var(--space-3) var(--space-6) var(--space-6)}.focus-kicker{color:var(--color-text-muted);font-size:var(--font-size-xs)}.focus-amount{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:var(--space-2) 0 var(--space-2)}.focus-content h3{font-size:var(--font-size-lg)}.focus-meta{color:var(--color-text-muted);font-size:var(--font-size-xs);margin-top:var(--space-2)}.focus-meta span{padding:0 var(--space-1)}.focus-rule{height:1px;background:var(--color-primary-subtle);margin:var(--space-6) 0 var(--space-4)}.focus-line{display:flex;align-items:center;justify-content:space-between;min-height:37px;color:var(--color-text-muted);font-size:var(--font-size-xs);gap:var(--space-3)}.mini-person{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-text-secondary);font-weight:var(--font-weight-semibold)}.focus-content>.button{margin-top:var(--space-5)}.full-panel{overflow:hidden}.toolbar{padding:var(--space-5) var(--space-6);display:flex;justify-content:space-between;align-items:center;gap:var(--space-4)}.progress-track,.workload-track{height:6px;border-radius:var(--radius-lg);background:var(--color-success-subtle);overflow:hidden}.small-empty{font-size:var(--font-size-xs);color:var(--color-text-muted)}.timeline-zoho{background:var(--color-info)}.timeline-admin{background:var(--color-warning)}.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);background:var(--color-sidebar);border-radius:var(--radius-lg);padding:var(--space-6) var(--space-4);margin-bottom:var(--space-5);color:var(--color-text-on-primary)}.admin-stats>div{padding:0 var(--space-4);border-right:1px solid var(--color-primary);display:grid;gap:var(--space-1)}.admin-stats>div:last-child{border:0}.admin-stats strong{font-size:var(--font-size-2xl)}.admin-stats span{font-size:var(--font-size-xs);color:var(--color-sidebar-text-muted)}.employee-list{padding:0 var(--space-6) var(--space-4)}.employee-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-top:1px solid var(--color-border)}.employee-row>div{display:grid;gap:2px;flex:1}.employee-row strong{font-size:var(--font-size-xs)}.employee-row span:not(.avatar){font-size:var(--font-size-xs);color:var(--color-text-muted)}.avatar{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:var(--radius-circle);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);flex:none}.avatar-small{width:25px;height:25px;font-size:var(--font-size-xs)}.status-toggle{border:1px solid var(--color-border);background:var(--color-success-subtle);color:var(--color-success);font-size:var(--font-size-xs);padding:var(--space-2) var(--space-2);border-radius:var(--radius-md)}.status-toggle.unavailable{background:var(--color-danger-subtle);border-color:var(--color-border);color:var(--color-danger)}.workload-list{padding:0 var(--space-6) var(--space-6)}.workload-row{margin:var(--space-3) 0 var(--space-4)}.workload-row>div:first-child{display:flex;justify-content:space-between;margin-bottom:var(--space-2);font-size:var(--font-size-xs)}.workload-row strong{font-weight:var(--font-weight-semibold)}.workload-row span{color:var(--color-text-muted)}.workload-track{height:8px}.workload-track span{height:100%;display:block;background:var(--color-primary);border-radius:var(--radius-lg)}.admin-task-panel{overflow:hidden}.admin-task-list{padding-bottom:var(--space-2)}.admin-task-row{display:grid;grid-template-columns:minmax(150px,1fr) 100px 150px 75px;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-6);border-top:1px solid var(--color-border)}.admin-task-row>button:first-child{background:none;border:0;text-align:left;display:grid;gap:var(--space-1);padding:0;color:var(--color-text)}.admin-task-row strong{font-size:var(--font-size-xs)}.admin-task-row small{color:var(--color-text-muted)}.admin-task-row>span{font-size:var(--font-size-xs)}.admin-task-row select{color:var(--color-text-secondary);background:var(--color-surface)}.toast{position:fixed;right:var(--space-6);bottom:var(--space-6);display:flex;align-items:center;gap:var(--space-2);max-width:min(var(--toast-max-w),calc(100vw - var(--space-4)));padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-md);font-size:var(--font-size-md);line-height:var(--line-height-md);z-index:var(--z-toast)}.toast>svg{color:var(--color-success);flex:none;width:var(--icon-size-sm);height:var(--icon-size-sm)}.toast[data-tone=danger]>svg{color:var(--color-danger)}.toast[data-tone=warning]>svg{color:var(--color-warning)}.toast[data-tone=info]>svg{color:var(--color-info)}.toast .toast-text{min-width:0;overflow-wrap:anywhere}.toast>button:not(.button){border:0;background:none;color:var(--color-text-secondary);display:grid;place-items:center;padding:var(--space-1);margin-left:auto}@media(max-width:640px){.toast{right:var(--space-2);left:var(--space-2);bottom:var(--space-2);max-width:none}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-scrim);z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.modal{background:var(--color-surface);border-radius:var(--radius-lg);width:min(var(--modal-w-md),100%);max-height:calc(100dvh - var(--space-12));overflow:auto;box-shadow:var(--shadow-lg)}.modal-head{padding:var(--space-4) var(--space-6);display:flex;justify-content:space-between;align-items:start;border-bottom:1px solid var(--color-border)}.modal-head h2{font-size:var(--font-size-xl);line-height:var(--line-height-xl)}.modal-head span{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.modal-body{padding:var(--space-6);display:grid;gap:var(--space-4)}.modal-body label{display:grid;gap:var(--space-1);font-size:var(--font-size-sm);line-height:var(--line-height-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.modal-body input,.modal-body select,.modal-body textarea{border:1px solid var(--color-border-control);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);padding:0 var(--space-3);min-height:var(--control-height);min-width:0;width:100%;font-size:var(--font-size-input);font-weight:var(--font-weight-regular)}.modal-body textarea{padding:var(--space-2) var(--space-3)}.modal-body textarea{resize:vertical}.modal-body input::placeholder,.modal-body textarea::placeholder{color:var(--color-text-muted)}.modal-body label small{font-size:var(--font-size-xs);font-weight:var(--font-weight-regular);color:var(--color-text-muted)}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}@media(max-width:640px){.field-grid{grid-template-columns:1fr}}.form-hint{background:var(--color-info-subtle);color:var(--color-info);display:flex;gap:var(--space-2);align-items:center;border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);line-height:var(--line-height-sm)}.form-hint svg{flex:none}.form-error{background:var(--color-danger-subtle);color:var(--color-danger);display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--font-size-sm);line-height:var(--line-height-sm)}.form-error svg{flex:none}.modal-footer{border-top:1px solid var(--color-border);padding:var(--space-4) var(--space-6);display:flex;justify-content:flex-end;gap:var(--space-2)}@media(max-width:1200px){.overview-grid{grid-template-columns:1fr}.focus-content{display:grid;grid-template-columns:1fr 1fr;column-gap:var(--space-6)}.focus-content .focus-kicker,.focus-content .focus-amount,.focus-content h3,.focus-content .focus-meta{grid-column:1}.focus-content .focus-rule{display:none}.focus-content .focus-line,.focus-content>.button{grid-column:2}.focus-content .focus-line:first-of-type{margin-top:-90px}}@media(max-width:900px){.metrics-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.page-heading{align-items:flex-start;margin-bottom:20px}.page-heading .button{font-size:0;padding:10px}.page-heading .button svg{width:17px}.heading-sub{font-size:var(--font-size-xs)}.metrics-grid{gap:var(--space-2);margin-bottom:var(--space-4)}.metric-card{padding:var(--space-4);min-height:113px}.metric-card>strong{font-size:var(--font-size-2xl);margin-top:var(--space-5)}.metric-card>small{font-size:var(--font-size-xs)}.overview-grid{gap:var(--space-4)}.section-head{padding:var(--space-5) var(--space-4) var(--space-4)}.section-head h2{font-size:var(--font-size-lg)}.section-head .text-link{font-size:0}.section-head .text-link svg{width:17px}.work-tabs{padding:0 var(--space-4);gap:var(--space-5)}.task-row{grid-template-columns:minmax(120px,1fr) 90px;gap:var(--space-2);padding:var(--space-4) var(--space-4)}.task-copy strong{font-size:var(--font-size-xs)}.task-amount{text-align:right;font-size:var(--font-size-xs)}.task-due{grid-column:1;margin-left:var(--space-5)}.task-actions{grid-column:1/-1;grid-row:auto;justify-content:flex-start}.task-actions .customer-actions{flex-wrap:nowrap;justify-content:flex-start}.task-due small{display:none}.task-actions .button{font-size:var(--font-size-xs);min-height:29px;padding:var(--space-1) var(--space-2)}.focus-content{display:block;padding:var(--space-3) var(--space-5) var(--space-5)}.focus-content .focus-line:first-of-type{margin-top:0}.focus-content .focus-rule{display:block;margin:var(--space-4) 0}.focus-amount{font-size:var(--font-size-2xl)}.toolbar{padding:var(--space-4) var(--space-4)}.admin-stats{grid-template-columns:1fr 1fr;gap:var(--space-4)}.admin-stats>div{border:0;padding:0 var(--space-2)}.admin-stats strong{font-size:var(--font-size-xl)}.admin-task-row{grid-template-columns:1fr 1fr;gap:var(--space-2);padding:var(--space-3) var(--space-4)}.admin-task-row>span{text-align:right}.admin-task-row select{min-width:0}.modal-backdrop{padding:var(--space-2)}.modal{max-height:94vh}.modal-head,.modal-body,.modal-footer{padding-left:17px;padding-right:17px}.field-grid{grid-template-columns:1fr}.modal-footer .button{flex:1}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.payment-detail-card{min-height:calc(100vh - 174px);padding:30px clamp(22px,3vw,42px);display:flex;flex-direction:column}.payment-detail-card-top{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:32px}.payment-detail-card-top .eyebrow,.payment-detail-card dl{margin:0}.payment-detail-card dt{color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:600;letter-spacing:.06em;text-transform:uppercase;margin-bottom:10px}.payment-detail-card dd{margin:0;color:var(--color-text);font-size:var(--font-size-lg);font-weight:500;line-height:1.5}.payment-detail-summary{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:30px;padding-bottom:32px;border-bottom:1px solid var(--color-border)}.payment-detail-summary h1{overflow-wrap:anywhere}.payment-detail-balance{text-align:right}.payment-detail-balance dd{color:var(--color-primary);font-size:var(--font-size-2xl);font-weight:600;letter-spacing:-.04em;line-height:1.2}.payment-detail-balance small{display:block;color:var(--color-text-muted);margin-top:8px}.payment-detail-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 40px;padding:32px 0}.payment-detail-fields .badge{font-size:var(--font-size-xs);padding:6px 10px}.payment-detail-card .payment-detail-missing{color:var(--color-text-muted);font-size:var(--font-size-md);font-weight:400}.payment-detail-comments{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding-top:28px;border-top:1px solid var(--color-border);flex:1}.payment-detail-comments>div{background:var(--color-surface-subtle);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:20px;min-height:130px}@media(max-width:900px){.payment-detail-summary{grid-template-columns:1fr}.payment-detail-balance{text-align:left}.payment-detail-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.payment-detail-comments{grid-template-columns:1fr}}@media(max-width:650px){.payment-detail-card{min-height:calc(100vh - 139px);padding:22px 18px}.payment-detail-card-top{align-items:flex-start;margin-bottom:26px}.payment-detail-card-top .button{font-size:var(--font-size-xs);padding:8px 10px}.payment-detail-fields{gap:24px 18px}.payment-detail-balance dd{font-size:var(--font-size-2xl)}.payment-detail-comments{gap:16px}.payment-detail-comments>div{min-height:110px}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.payment-filter-bar{display:grid;grid-template-columns:1fr minmax(220px,1.4fr);gap:16px;padding:20px;margin-bottom:20px;align-items:end}.payment-filter-bar label,.payment-edit-form label{display:grid;gap:8px;color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:600}.payment-filter-bar select,.payment-edit-form input,.payment-edit-form textarea{width:100%;min-width:0;background:var(--color-surface);color:var(--color-text);font-weight:400}.payment-record-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.payment-record-row{display:flex;align-items:center;gap:20px;width:100%;border:0;border-top:1px solid var(--color-border);background:var(--color-surface);text-align:left;padding:20px 23px;color:var(--color-text)}.payment-record-row:hover{background:var(--color-surface-subtle)}.payment-record-copy{display:grid;gap:7px;flex:1;min-width:0}.payment-record-copy strong{font-size:var(--font-size-md);overflow-wrap:anywhere}.payment-record-copy small{font-size:var(--font-size-xs);color:var(--color-text-muted)}.payment-record-copy>span{font-size:var(--font-size-xs);color:var(--color-text-secondary);line-height:1.5}.payment-record-value{display:grid;gap:8px;text-align:right}.payment-record-value strong{font-size:var(--font-size-lg);white-space:nowrap}.payment-record-value small{font-size:var(--font-size-xs);color:var(--color-text-muted)}.payment-record-row>svg{flex:none;color:var(--color-primary)}.payment-count{color:var(--color-text-muted);font-size:var(--font-size-xs)}.payment-people-panel{margin-top:22px}.payment-people-grid{padding:0 23px 23px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}.payment-people-grid button{display:grid;gap:9px;padding:20px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-subtle);text-align:left;color:var(--color-text)}.payment-people-grid button:hover{border-color:var(--color-primary)}.payment-people-grid span,.payment-people-grid small{color:var(--color-text-muted);font-size:var(--font-size-xs)}.payment-people-grid b{font-size:var(--font-size-xl);color:var(--color-primary)}.payment-detail-actions{display:flex;gap:10px;flex-wrap:wrap}.payment-detail-comments dd{white-space:pre-wrap;overflow-wrap:anywhere;font-size:var(--font-size-md);font-weight:400}.payment-edit-comments{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}.payment-edit-form textarea{resize:vertical;line-height:1.6}.payment-edit-form small{font-size:var(--font-size-xs);font-weight:400}.button:disabled,.button:disabled:hover,.button:disabled:active{background:var(--color-surface-subtle);color:var(--color-text-muted);border-color:var(--color-border);cursor:not-allowed}.button-ghost:disabled,.button-ghost:disabled:hover{background:transparent;border-color:transparent}@media(max-width:1100px){.payment-filter-bar{grid-template-columns:1fr 1fr}}@media(max-width:650px){.payment-filter-bar{padding:15px;gap:12px}.payment-record-metrics{grid-template-columns:1fr}.payment-record-metrics .metric-card{min-height:100px}.payment-record-row{padding:17px 15px;gap:12px;flex-wrap:wrap}.payment-record-copy{flex-basis:100%}.payment-record-value{text-align:left;flex:1}.payment-record-row>svg{margin-left:auto}.payment-record-copy strong{font-size:var(--font-size-sm)}.payment-edit-comments{grid-template-columns:1fr}.payment-detail-card-top{flex-wrap:wrap}.payment-detail-card-top .payment-detail-actions{width:100%}.payment-detail-card-top .button{flex:1}.page-heading:has(+.payment-filter-bar){flex-wrap:wrap}.page-heading:has(+.payment-filter-bar) .button{font-size:var(--font-size-xs)}.payment-people-grid{padding:0 15px 15px}}.payment-log-section{border-top:1px solid var(--color-border);margin-top:28px;padding-top:26px}.payment-log-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.payment-log-timeline{list-style:none;margin:0 0 26px;padding:0 0 0 20px;border-left:2px solid var(--color-border)}.payment-log-entry{position:relative;padding:0 0 24px 18px}.payment-log-entry:last-child{padding-bottom:0}.payment-log-entry:before{content:"";position:absolute;left:-26px;top:5px;width:10px;height:10px;border-radius:50%;background:var(--color-primary);box-shadow:var(--shadow-md)}.payment-log-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;margin-bottom:10px;font-size:var(--font-size-xs)}.payment-log-meta strong{font-weight:600;color:var(--color-text-secondary)}.payment-log-meta>time,.payment-log-date{color:var(--color-text-muted);font-size:var(--font-size-xs);line-height:1.6}.payment-log-entry p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65;font-size:var(--font-size-md);color:var(--color-text)}.payment-log-empty{font-size:var(--font-size-md);color:var(--color-text-muted);margin-bottom:22px}.payment-log-form{display:grid;gap:14px;padding:20px;background:var(--color-surface-subtle);border:1px solid var(--color-border);border-radius:var(--radius-md)}.payment-log-form label{display:grid;gap:8px;font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-secondary)}.payment-log-form textarea,.payment-log-form select,.payment-log-form input[type=date]{width:100%;min-width:0;background:var(--color-surface);color:var(--color-text);font-weight:400}.payment-log-form textarea{resize:vertical;line-height:1.6}.payment-log-form-actions{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.payment-log-form-actions label{width:min(240px,100%)}@media(max-width:650px){.payment-log-section{margin-top:24px;padding-top:22px}.payment-log-form{padding:16px}.payment-log-form-actions{align-items:stretch;flex-direction:column;gap:14px}.payment-log-form-actions label{width:100%}.payment-log-meta>time,.payment-log-date{flex-basis:100%}.payment-log-timeline{padding-left:14px}.payment-log-entry{padding-left:12px}.payment-log-entry:before{left:-20px}}.database-workspace{border:0;padding:0;margin:0;min-width:0}.database-workspace:disabled{opacity:.65}.login-shell{min-height:100vh;display:grid;place-items:center;padding:var(--space-6);background:linear-gradient(135deg,var(--color-primary-subtle),var(--color-bg-page) 60%,var(--color-primary-subtle))}.login-card{width:min(440px,100%);padding:var(--space-10)}.login-brand{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-8);color:var(--color-text);font-size:var(--font-size-2xl)}.login-brand .brand-mark{background:var(--color-sidebar)}.login-card h1{font-size:var(--font-size-2xl);margin:var(--space-2) 0 var(--space-3)}.login-tabs{display:grid;grid-template-columns:1fr 1fr;background:var(--color-surface-subtle);border-radius:var(--radius-md);padding:var(--space-1);gap:var(--space-1);margin-bottom:var(--space-6)}.login-tabs button{display:flex;align-items:center;justify-content:center;gap:var(--space-2);border:0;border-radius:var(--radius-md);background:transparent;padding:var(--space-3) var(--space-2);color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.login-tabs button.selected{background:var(--color-surface);color:var(--color-primary);box-shadow:var(--shadow-md)}.auth-form{display:grid;gap:var(--space-5)}.auth-form label{display:grid;gap:var(--space-2);color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.auth-form input,.auth-form select{width:100%;min-width:0;background:var(--color-surface);color:var(--color-text);font-weight:var(--font-weight-regular)}.auth-form label small{font-weight:var(--font-weight-regular);line-height:1.5;color:var(--color-text-muted);font-size:var(--font-size-xs)}.auth-form .button{min-height:43px}.password-field{position:relative;display:flex;align-items:center}.password-field-input{padding-right:var(--space-10)!important}.password-field-toggle{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:30px;height:30px;display:grid;place-items:center;border:0;background:transparent;color:var(--color-text-muted);border-radius:var(--radius-md);padding:0}.password-field-toggle:hover:not(:disabled){background:var(--color-surface-subtle);color:var(--color-text)}.password-field-toggle:focus-visible{outline:2px solid var(--color-focus);outline-offset:1px}.password-field-toggle:disabled{opacity:.5;cursor:not-allowed}.login-card>.text-link{margin-top:var(--space-4)}.user-management{margin-bottom:var(--space-8)}.user-create-form{padding:0 var(--space-6) var(--space-6);grid-template-columns:1fr 1fr}.user-create-form>.button{justify-self:start}.user-management-feedback{margin:0 var(--space-6) var(--space-5)}.user-account-list{border-top:1px solid var(--color-border)}.user-account-list>p{padding:var(--space-5) var(--space-6);font-size:var(--font-size-sm);color:var(--color-text-muted)}.user-account-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border);color:var(--color-text-secondary)}.user-account-row>div{display:grid;gap:var(--space-1);flex:1;min-width:0}.user-account-row strong{font-size:var(--font-size-sm);overflow-wrap:anywhere}.user-account-row small{font-size:var(--font-size-xs);color:var(--color-text-muted);overflow-wrap:anywhere}.user-account-row:last-child{border-bottom:0}@media(max-width:650px){.login-card{padding:var(--space-6) var(--space-5)}.login-shell{padding:var(--space-4)}.user-create-form{grid-template-columns:1fr;padding:0 var(--space-4) var(--space-5)}.user-management-feedback{margin-left:var(--space-4);margin-right:var(--space-4)}.user-account-row{padding:var(--space-4)}}.orders-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.orders-metrics .metric-card{min-height:118px}.orders-metrics .metric-card>strong{margin-top:16px}.orders-total-line{display:block}.orders-error{margin-bottom:18px}.orders-table-wrap{overflow-x:auto}.orders-table{width:100%;border-collapse:collapse;font-size:var(--font-size-md);line-height:var(--line-height-md);min-width:860px}.orders-table th{height:var(--table-head-height);text-align:left;color:var(--color-text-secondary);font-size:var(--font-size-xs);line-height:var(--line-height-xs);font-weight:var(--font-weight-semibold);padding:0 var(--space-3);border-bottom:1px solid var(--color-border);white-space:nowrap;background:var(--color-surface-subtle)}.orders-table td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border);color:var(--color-text);white-space:nowrap}.orders-table tbody tr:last-child td{border-bottom:0}.orders-table tbody tr:hover{background:var(--color-surface-subtle)}.orders-table .num{text-align:right;font-variant-numeric:tabular-nums}.orders-table td:nth-child(2){white-space:normal;min-width:180px}.orders-business{margin-left:8px;max-width:140px;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}@media(max-width:650px){.orders-metrics{grid-template-columns:1fr}}.user-account-row-wrap{border-bottom:1px solid var(--color-border)}.user-account-row-wrap:last-child{border-bottom:0}.user-account-row-wrap>.user-account-row{border-bottom:0}.user-edit-form{background:var(--color-bg-page);border-top:1px solid var(--color-border);padding-top:var(--space-5)}.user-edit-actions{display:flex;gap:var(--space-3);grid-column:1/-1}.page-access{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-5);border:0;padding:0;margin:0;min-width:0;color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.page-access legend{padding:0;margin-bottom:var(--space-2)}.page-access-option{display:flex!important;grid-template-columns:none;align-items:center;gap:var(--space-2)!important;font-weight:var(--font-weight-regular)!important;font-size:var(--font-size-sm)!important}.page-access-option input{width:auto!important}.page-access small{flex-basis:100%;color:var(--color-danger)}.zoho-profile-group{display:grid;flex:1 1 260px;gap:var(--space-3)}.zoho-profile-row{display:flex;align-items:center;gap:var(--space-3);min-width:0}.zoho-profile-row span{flex:1;overflow-wrap:anywhere}.zoho-profile-row button{flex:none}.zoho-suggestions-dialog{width:min(800px,calc(100vw - 32px))}.zoho-suggestions-dialog .modal-body{padding:var(--space-5)}.zoho-suggestions-dialog .user-account-row{padding:var(--space-4) 0;flex-wrap:wrap}.zoho-suggestions-dialog .user-edit-actions,.zoho-suggestion-actions{flex-wrap:wrap}.metrics-grid.metrics-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:650px){.payment-record-metrics.metrics-grid-2{grid-template-columns:1fr}}.zoho-sync-time{display:flex;align-items:flex-end;gap:var(--space-3)}.zoho-sync-time label{flex:1}.zoho-sync-now{display:grid;gap:var(--space-3);padding:0 var(--space-6) var(--space-5)}.zoho-sync-actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.zoho-sync-progress{display:grid;gap:var(--space-2);color:var(--color-text-muted);font-size:var(--font-size-xs)}.zoho-sync-progress progress{width:100%;height:12px;accent-color:var(--color-primary)}.zoho-sync-now .form-error{overflow-wrap:anywhere}.orders-customer+.orders-customer{border-top:1px solid var(--color-border)}.orders-customer{display:flex;align-items:center;gap:18px;width:100%;padding:18px 20px;cursor:pointer;border:0;background:var(--color-surface);text-align:left;color:var(--color-text)}.orders-customer:hover{background:var(--color-surface-subtle)}.orders-customer:focus-visible{outline:2px solid var(--color-focus);outline-offset:-2px}.orders-customer>svg{flex:none;color:var(--color-primary)}.orders-customer-name{flex:1;min-width:0;overflow-wrap:anywhere}.orders-customer-count{color:var(--color-text-muted);font-size:var(--font-size-sm);white-space:nowrap}.orders-customer-balance{text-align:center;font-variant-numeric:tabular-nums}.orders-customer-balance small{display:block;color:var(--color-text-muted);font-size:var(--font-size-xs);margin-bottom:4px}.orders-detail-tabs{display:flex;gap:24px;padding:0 20px;border-bottom:1px solid var(--color-border);overflow-x:auto}.orders-detail-tabs button{flex:none;padding:18px 0;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:600}.orders-detail-tabs button[aria-selected=true]{border-bottom-color:var(--color-primary);color:var(--color-primary)}.orders-detail-tabs button:focus-visible{outline:2px solid var(--color-focus);outline-offset:-2px}.orders-detail-note{padding:18px 20px;color:var(--color-text-muted);font-size:var(--font-size-xs);line-height:1.5}.orders-filter-bar{display:grid;grid-template-columns:minmax(200px,2fr) minmax(180px,1fr) auto;gap:14px;padding:20px;margin-bottom:20px;align-items:end}.orders-filter-bar label{display:grid;gap:8px;color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:600;min-width:0}.orders-filter-bar input,.orders-filter-bar select{width:100%;min-width:0;background:var(--color-surface);color:var(--color-text);font-weight:400}@media(max-width:1200px){.orders-filter-bar{grid-template-columns:repeat(2,minmax(0,1fr))}.orders-filter-bar .button{justify-self:start}}@media(max-width:600px){.orders-filter-bar{padding:15px;gap:12px}.orders-filter-bar .orders-search,.orders-filter-bar label:last-of-type{grid-column:1/-1}}@media(max-width:600px){.orders-customer{gap:10px;padding:16px 12px;flex-wrap:wrap}.orders-customer-name{flex-basis:calc(100% - 30px)}.orders-customer-count{margin-left:0}.orders-customer-balance{margin-left:auto}.orders-detail-tabs{gap:20px;padding:0 15px}.orders-detail-note{padding:16px 15px}}.payment-detail-card.payment-followup-card{min-height:0;margin-top:18px}.recovery-owner{padding:var(--space-6);margin:var(--space-5) 0}.recovery-owner form{display:flex;align-items:end;gap:var(--space-4);flex-wrap:wrap}.recovery-owner form label{display:grid;gap:var(--space-2);flex:1;min-width:200px}.orders-customer-name>small{display:block;margin-top:6px;color:var(--color-text-muted);font-size:var(--font-size-xs)}.recovery-owner select{background:var(--color-surface);color:var(--color-text)}@media(min-width:1201px){.orders-filter-bar{grid-template-columns:minmax(200px,2fr) minmax(180px,1fr) minmax(180px,1fr) auto}}.header-sync{position:relative;flex:none;color:var(--color-text-muted);font-size:var(--font-size-xs)}.header-sync summary{display:flex;align-items:center;gap:var(--space-1);cursor:pointer;list-style:none;white-space:nowrap}.header-sync summary::-webkit-details-marker{display:none}.header-sync summary:focus-visible{outline:2px solid var(--color-focus);outline-offset:4px;border-radius:var(--radius-sm)}.header-sync-issue summary{color:var(--color-danger)}.header-sync-details{position:absolute;z-index:30;top:26px;right:0;width:260px;max-width:calc(100vw - 32px);padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);color:var(--color-text)}.header-sync-details>div{display:grid;grid-template-columns:1fr auto;gap:var(--space-2);margin-top:var(--space-3)}.header-sync-details p{grid-column:1/-1;margin-top:var(--space-2);overflow-wrap:anywhere}.admin-sections{display:grid;gap:var(--space-3)}.admin-section>summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-5) var(--space-6);cursor:pointer;list-style:none}.admin-section>summary::-webkit-details-marker{display:none}.admin-section>summary:hover{background:var(--color-bg-page)}.admin-section>summary:focus-visible{outline:2px solid var(--color-focus);outline-offset:-3px;border-radius:var(--radius-lg)}.admin-section>summary h2{position:relative;width:100%;padding-right:var(--space-10);font-size:var(--font-size-lg)}.admin-section>summary h2>span{display:block;margin-top:var(--space-2);color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);line-height:1.5}.admin-section>summary h2>svg{position:absolute;right:0;top:50%;margin-top:-10px;color:var(--color-primary)}.admin-section[open]>summary{border-bottom:1px solid var(--color-border);background:var(--color-surface-subtle)}.admin-section[open]>summary h2>svg{transform:rotate(90deg)}.admin-section-content>.panel{border:0;box-shadow:none;margin:0;border-radius:0}.admin-section-content>.admin-stats{margin:0;padding:var(--space-6)}.admin-section-content>.panel>.toolbar{margin:0;padding:var(--space-6)}.admin-section-content .workload-list{padding-top:var(--space-6)}@media(max-width:650px){.admin-section>summary{padding:var(--space-4)}.admin-section-content>.admin-stats,.admin-section-content>.panel>.toolbar{padding:var(--space-4)}}.user-account-row{flex-wrap:wrap}.user-account-row>div{flex-basis:180px}.login-role-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.staff-login-select{position:relative;display:grid;gap:var(--space-2);min-width:0}.staff-login-input{position:relative}.auth-form .staff-login-input input{padding-right:var(--space-12)}.staff-login-input input::placeholder{color:var(--color-text-muted)}.staff-login-input>button{position:absolute;right:4px;top:4px;bottom:4px;width:36px;display:grid;place-items:center;border:0;border-radius:var(--radius-md);background:transparent;color:var(--color-text-secondary)}.staff-login-input>button:hover:not(:disabled){background:var(--color-surface-subtle)}.staff-login-options{position:absolute;top:100%;left:0;right:0;z-index:10;margin-top:var(--space-1);max-height:240px;overflow-y:auto;padding:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.staff-login-options>button{display:block;width:100%;min-height:44px;border:0;border-radius:var(--radius-sm);padding:var(--space-3) var(--space-3);background:transparent;color:var(--color-text);font-size:var(--font-size-md);text-align:left;overflow-wrap:anywhere}.staff-login-options>button:hover,.staff-login-options>button[aria-selected=true]{background:var(--color-primary-subtle);color:var(--color-primary-hover)}.staff-login-options>p{padding:var(--space-3);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.orders-customer-row{border-top:1px solid var(--color-border);min-width:0}.orders-customer-row:first-child{border-top:0}.orders-customer-row>.orders-customer{min-width:0;padding:12px 18px 8px;gap:14px}.orders-customer-row .orders-customer-title strong{font-size:var(--font-size-md);line-height:1.35}.orders-customer-row .orders-customer-count{display:block;margin-top:3px;font-size:var(--font-size-xs)}.orders-customer-row .orders-customer-balance{flex:none;font-size:var(--font-size-lg)}.orders-customer-row .orders-customer-balance small{margin-bottom:2px}.customer-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;position:relative}.customer-menu-wrap{position:relative}.customer-menu{position:fixed;inset:auto;margin:0;height:auto;min-width:180px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);overflow-y:auto;padding:6px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);display:grid}.customer-menu button{border:0;background:transparent;padding:10px;text-align:left;color:var(--color-text);border-radius:var(--radius-sm)}.customer-menu button:hover,.customer-menu button:focus-visible{background:var(--color-surface-subtle)}.customer-assign-dialog{width:min(var(--modal-w-sm),calc(100vw - var(--space-8)));max-height:calc(100dvh - var(--space-8));overflow:auto;padding:0;border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text);box-shadow:var(--shadow-lg)}.customer-assign-dialog::backdrop{background:var(--color-scrim)}.customer-assign-dialog .modal-head span{display:block;overflow-wrap:anywhere}.customer-assign-dialog .modal-body{display:grid;gap:20px}.customer-assign-dialog .modal-body p{font-size:var(--font-size-sm);line-height:var(--line-height-sm);color:var(--color-text-secondary)}.customer-assign-dialog label{display:grid;gap:var(--space-1);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.customer-assign-dialog select{width:100%;padding:0 var(--space-3);min-height:var(--control-height);border:1px solid var(--color-border-control);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font:inherit;font-size:var(--font-size-input)}.customer-write-off-dialog .write-off-consequence{display:flex;align-items:flex-start;gap:10px;line-height:1.5}.customer-write-off-dialog .write-off-consequence input{width:auto;flex:none;margin-top:3px}.customer-write-off-dialog .modal-body .form-error{color:var(--color-danger)}.customer-phone{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:var(--font-size-xs);color:var(--color-text-secondary)}.customer-phone-number{display:inline-flex;align-items:center;min-width:44px;min-height:44px}.customer-phone button{background:none;border:0;text-decoration:underline;color:var(--color-primary);padding:3px}.customer-phone form{display:flex;gap:6px;align-items:end;flex-wrap:wrap}.customer-phone label{display:grid;gap:3px}.customer-drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-scrim);z-index:1000;display:flex;justify-content:flex-end}.customer-drawer{width:min(480px,100vw);height:100dvh;overflow:auto;background:var(--color-surface);padding:24px;box-shadow:var(--shadow-md);display:grid;align-content:start;gap:18px}.customer-drawer-head{display:flex;align-items:start;justify-content:space-between;gap:10px;border-bottom:1px solid var(--color-border);padding-bottom:16px}.customer-drawer h2{overflow-wrap:anywhere}.customer-drawer form{display:grid;gap:13px}.customer-drawer label{display:grid;gap:6px}.customer-drawer input[type=checkbox]{margin-right:8px}.customer-drawer textarea,.customer-drawer input:not([type=checkbox]){width:100%}.customer-note-list{list-style:none;padding:0;display:grid;gap:10px}.customer-note-list li{padding:12px;background:var(--color-bg-page);border-radius:var(--radius-md);display:grid;gap:6px}.customer-note-list time{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.customer-date-suggestion{padding:12px;background:var(--color-warning-subtle);border-radius:var(--radius-md)}.recovery-pool,.recovery-inactive{margin-top:18px;padding:20px}.recovery-pool>ul,.recovery-inactive>ul{list-style:none;margin:0;padding:0}.recovery-pool-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;border-top:1px solid var(--color-border);flex-wrap:wrap}.recovery-pool-row>div>p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:4px 0}.recovery-pool-row button:not(.button):not(.icon-button),.customer-assign button{padding:7px 10px;border:1px solid var(--color-border-control);background:#fff;color:var(--color-primary);border-radius:var(--radius-md)}@media(max-width:700px){.orders-customer-row>.orders-customer{padding:12px 12px 8px;flex-wrap:nowrap;align-items:flex-start;gap:8px}.orders-customer-row .orders-customer-name{flex-basis:auto}.orders-customer-row .orders-customer-balance{font-size:var(--font-size-md)}.customer-drawer{width:100vw;padding:18px}.recovery-pool-row>.customer-actions{width:100%}}.orders-customer-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.orders-customer-title .orders-business{flex:none;margin:0;white-space:nowrap}.orders-customer-row .orders-business{max-width:100%;white-space:normal;overflow-wrap:anywhere}.orders-customers-head,.orders-customer-row{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr) minmax(0,1fr) minmax(0,4fr);gap:8px 14px;padding:12px 18px}.orders-customers-head{color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:600;text-align:center;background:var(--color-bg-page);border-bottom:1px solid var(--color-border)}.orders-customer-row>.orders-customer{display:grid;grid-column:1 / 4;grid-template-columns:subgrid;gap:14px;padding:0;align-items:center}.orders-customer-phone{grid-column:1 / 4;min-width:0;overflow-wrap:anywhere}.orders-customer-actions{grid-column:4;grid-row:1 / 3;align-self:center;min-width:0}.orders-customer-actions .customer-actions{justify-content:flex-end}.orders-customer-assigned{min-width:0;overflow-wrap:anywhere}.orders-customer-assigned>small{display:none;color:var(--color-text-muted);font-size:var(--font-size-xs);margin-bottom:4px}.orders-customer-assigned .badge{max-width:100%;white-space:normal;overflow-wrap:anywhere}@media(max-width:1000px){.orders-customers-head{display:none}.orders-customer-row{display:block;padding:12px}.orders-customer-row>.orders-customer{grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:0}.orders-customer-name{grid-column:1;grid-row:1}.orders-customer-assigned{grid-column:1;grid-row:2}.orders-customer-assigned>small{display:block}.orders-customer-balance{grid-column:2;grid-row:1}.orders-customer-phone,.orders-customer-actions{margin-top:8px}}.payment-view-switch{position:relative;isolation:isolate;display:grid;grid-template-columns:1fr 1fr;width:min(420px,100%);padding:2px;margin-bottom:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-subtle)}.payment-view-slider{position:absolute;z-index:-1;top:2px;bottom:2px;left:2px;width:calc(50% - 2px);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-sm);transition:transform var(--motion-normal)}.payment-view-switch[data-view=unassigned] .payment-view-slider{transform:translate(100%)}.payment-view-switch button{display:flex;justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--control-height);padding:0 var(--space-3);border:0;border-radius:var(--radius-md);background:transparent;color:var(--color-text-secondary);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);cursor:pointer}.payment-view-switch button:hover{color:var(--color-text)}.payment-view-switch button[aria-pressed=true],.payment-view-switch button[aria-selected=true]{color:var(--color-text);font-weight:var(--font-weight-semibold)}.payment-view-switch button:focus-visible{outline:2px solid var(--color-focus);outline-offset:-2px}.recovery-pool>summary{cursor:pointer;list-style:none}.recovery-pool>summary::-webkit-details-marker{display:none}.recovery-pool>summary:focus-visible{outline:2px solid var(--color-focus);outline-offset:-3px;border-radius:var(--radius-md)}.recovery-pool>summary h2{display:flex;align-items:center;gap:var(--space-2)}.recovery-pool>summary h2>svg{flex:none}.recovery-pool[open]>summary h2>svg{transform:rotate(90deg)}.payment-import{padding:18px 20px;margin-bottom:20px}.payment-import-panel{display:grid;gap:16px;margin-top:18px}.payment-import-panel h2,.payment-import-panel h3,.payment-import-panel p{margin:0}.payment-import-panel>p,.payment-import-controls>p,.payment-import-review p{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.6}.payment-import-controls{display:grid;gap:10px;min-width:0;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:16px}.payment-import-controls legend,.payment-import-selection legend{padding:0 6px;font-size:var(--font-size-sm);font-weight:600}.payment-import-controls>label{font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-secondary)}.payment-import-controls select,.payment-import-controls input[type=number]{width:100%;min-width:0;background:var(--color-surface);color:var(--color-text);font:inherit}.payment-import-mapping{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:10px}.payment-import-field{display:grid;gap:8px;font-size:var(--font-size-sm)}.payment-import-field label{display:flex;gap:8px;align-items:center}.payment-import-field input[type=checkbox],.payment-import-table input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-primary)}.payment-import-selection{display:flex;gap:10px;flex-wrap:wrap;min-width:0;border:0;padding:0}.payment-import-table{max-height:420px;overflow:auto;border:1px solid var(--color-border);border-radius:var(--radius-md)}.payment-import-table th{position:sticky;top:0;background:var(--color-surface-subtle);z-index:1}.payment-import-table td{vertical-align:top;min-width:110px;max-width:300px;overflow-wrap:anywhere}.payment-import-table th:first-child,.payment-import-table td:first-child{min-width:60px}.payment-import-cell{white-space:pre-wrap;line-height:1.5;font-size:var(--font-size-xs)}.payment-import-review{display:grid;gap:12px;padding:14px;background:var(--color-surface-subtle);border-radius:var(--radius-md)}.payment-import .button{justify-self:start}.payment-import .form-error{display:block;overflow-wrap:anywhere}.payment-import .form-success{color:var(--color-primary);font-size:var(--font-size-sm);line-height:1.6}.payment-import button:focus-visible,.payment-import input:focus-visible,.payment-import select:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}@media(max-width:650px){.payment-import{padding:15px}.payment-import-mapping{grid-template-columns:1fr}.payment-import-controls{padding:12px}.payment-import-table{max-height:350px}}@keyframes page-loading-spin{to{transform:rotate(360deg)}}.page-heading button[aria-controls=staff-request-dialog]{font-size:var(--font-size-xs)}.staff-request-dialog{width:min(600px,calc(100vw - 32px))}.staff-request-dialog .user-management{margin:0;border:0;box-shadow:none}.staff-request-dialog .modal-head{align-items:center;gap:var(--space-3);margin-bottom:var(--space-5)}.staff-request-dialog .user-create-form{grid-template-columns:1fr}.staff-request-dialog .user-edit-actions{align-items:center;gap:var(--space-2)}.staff-request-dialog .icon-button{flex:none}.payment-log-heading>svg{flex:none;color:var(--color-primary)}.payment-log-heading-title{flex:1;min-width:0}.payment-log-heading-title p{margin-top:5px;font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:1.5}.payment-log-list-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:24px 0 20px;color:var(--color-text-muted);font-size:var(--font-size-xs)}.payment-log-list-heading h3,.payment-log-list-heading h4{margin:0;font-size:var(--font-size-md);font-weight:500}.payment-log-entry{display:flex;gap:14px}.payment-log-entry-icon{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:var(--radius-lg);background:var(--color-primary-subtle);color:var(--color-primary)}.payment-log-entry-content{min-width:0;flex:1}.payment-log-meta>time{margin-left:auto}.payment-log-entry-content .button{margin-top:10px}.customer-drawer{position:relative;background:var(--color-surface);color:var(--color-text);border-left:1px solid var(--color-border);box-shadow:var(--shadow-lg)}.customer-drawer-backdrop .drawer-scrim{position:absolute;top:0;right:0;bottom:0;left:0;padding:0;border:0;background:transparent;cursor:default}.customer-drawer-head{border-color:var(--color-border)}.customer-drawer-head .eyebrow{color:var(--color-primary-hover)}.customer-drawer-head small,.customer-drawer .customer-phone{color:var(--color-text-secondary)}.customer-drawer .customer-phone button{color:var(--color-link)}.customer-drawer .customer-phone input{color:var(--color-text);background:var(--color-surface)}.customer-log-trail{min-width:0}.customer-log-trail .payment-log-heading{justify-content:flex-start;gap:14px;margin:4px 0 22px}.customer-log-trail .payment-log-heading>svg{color:var(--color-text-secondary)}.customer-log-trail .payment-log-heading h3{font-size:var(--font-size-2xl);font-weight:600}.customer-log-trail .payment-log-heading-title p{color:var(--color-text-secondary)}.customer-drawer .customer-log-composer{padding:16px;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-subtle);gap:14px}.customer-drawer .customer-log-composer label{color:var(--color-text-secondary);font-size:var(--font-size-xs);gap:8px}.customer-drawer .customer-log-composer textarea{background:var(--color-surface);color:var(--color-text);resize:vertical;line-height:1.6;min-height:80px}.customer-log-composer textarea::placeholder{color:var(--color-text-muted)}.customer-log-composer-actions{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}.customer-log-composer-actions label{flex:1;min-width:150px}.customer-drawer .customer-log-composer input[type=date]{color-scheme:light;background:var(--color-surface);border-color:var(--color-border);color:var(--color-text);min-width:0}.customer-log-composer .button:disabled{opacity:.55}.customer-log-trail .payment-log-list-heading{color:var(--color-text-secondary)}.customer-log-trail .payment-log-list-heading h4{font-size:var(--font-size-lg)}.customer-log-trail .payment-log-empty,.customer-notes-guidance{color:var(--color-text-secondary);line-height:1.6;font-size:var(--font-size-md)}.customer-log-trail .customer-note-list{display:block;list-style:none;padding:0 0 0 18px;margin:0 0 0 7px;border-left:1px solid var(--color-border)}.customer-log-trail .customer-note-list li{position:relative;display:flex;gap:14px;padding:0 0 28px 12px;border-radius:0;background:transparent}.customer-log-trail .customer-note-list li:last-child{padding-bottom:0}.customer-log-trail .customer-note-list li:before{content:"";position:absolute;left:-24px;top:13px;width:10px;height:10px;background:var(--color-text-muted);border-radius:50%;box-shadow:var(--shadow-md)}.customer-log-icon{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:var(--radius-lg);background:var(--color-surface-subtle);color:var(--color-text-secondary)}.customer-log-reminder .customer-log-icon{background:var(--color-primary-subtle);color:var(--color-primary)}.customer-log-completed .customer-log-icon{background:var(--color-success-subtle);color:var(--color-success)}.customer-log-trail .customer-note-list .customer-log-reminder:before{background:var(--color-focus)}.customer-log-trail .customer-note-list .customer-log-completed:before{background:var(--color-success)}.customer-log-content{flex:1;min-width:0}.customer-log-meta{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:5px 10px;margin:3px 0 8px}.customer-log-meta strong{font-size:var(--font-size-md);font-weight:600}.customer-log-trail .customer-note-list time{color:var(--color-text-secondary);font-size:var(--font-size-xs)}.customer-log-content p{color:var(--color-text-secondary);line-height:1.6;font-size:var(--font-size-md);white-space:pre-wrap;overflow-wrap:anywhere}.customer-log-content>small{display:block;color:var(--color-text-secondary);margin-top:7px}.customer-log-date{margin-top:8px;color:var(--color-text-secondary);font-size:var(--font-size-xs)}.customer-log-content .button{margin-top:10px;background:transparent;border-color:var(--color-border);color:var(--color-text-secondary)}.customer-log-content .button:hover{background:var(--color-surface-subtle)}.customer-drawer .customer-date-suggestion{background:var(--color-warning-subtle);color:var(--color-warning);font-size:var(--font-size-xs);line-height:1.6}.customer-drawer .customer-date-suggestion label{display:flex;align-items:center;margin-top:8px}.customer-drawer :focus-visible{outline-color:var(--color-focus)}@media(max-width:480px){.customer-drawer{padding:18px}.customer-log-composer-actions{align-items:stretch;flex-direction:column}.customer-log-composer-actions label{width:100%}.customer-log-meta time{flex-basis:100%}.customer-log-trail .customer-note-list li{gap:10px;padding-left:8px}.customer-log-icon{width:36px;height:36px;border-radius:var(--radius-md)}.payment-log-meta>time{margin-left:0}}.payment-log-section .payment-log-heading-title{display:flex;align-items:center;gap:12px}.payment-log-heading-icon{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:var(--radius-lg);background:var(--color-primary-subtle);color:var(--color-primary)}.payment-log-entry-next_follow_up .payment-log-entry-icon{background:var(--color-primary-subtle);color:var(--color-primary)}.payment-log-entry-website .payment-log-entry-icon{background:var(--color-info-subtle);color:var(--color-info)}.payment-log-entry-completed .payment-log-entry-icon{background:var(--color-success-subtle);color:var(--color-success)}.assignment-history-dialog{margin:auto}.assignment-history-dialog .modal-head{align-items:flex-start;gap:var(--space-3);padding:var(--space-4) var(--space-5)}.assignment-history-dialog .modal-head h2{font-size:var(--font-size-xl)}.assignment-history-dialog .modal-head .icon-button{flex:none}.assignment-history-dialog .modal-body{min-width:0;padding:var(--space-4) var(--space-5);gap:var(--space-3)}.assignment-history-dialog .modal-footer{padding:var(--space-3) var(--space-5)}.assignment-history-timeline{display:flex;flex-direction:column;gap:var(--space-10);list-style:none;padding:0;margin:0;align-items:stretch}.assignment-history-event{position:relative;flex:auto;display:flex;flex-direction:column;min-width:0}.assignment-history-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);border-radius:var(--radius-lg);padding:var(--space-3);min-height:180px;text-align:center;flex:1;overflow-wrap:anywhere}.assignment-history-card>strong{font-size:var(--font-size-lg);line-height:1.4}.assignment-history-card>strong span,.assignment-history-card time span{display:block}.assignment-history-card>small{font-size:var(--font-size-xs);line-height:1.5;color:var(--color-text-secondary)}.assignment-history-card time{font-size:var(--font-size-md);line-height:1.5;color:var(--color-text-muted)}.assignment-history-avatar{width:48px;height:48px;flex:none;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-circle);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text)}.assignment-history-blue{background:var(--color-info-subtle)}.assignment-history-green{background:var(--color-success-subtle)}.assignment-history-purple{background:var(--color-bg-page)}.assignment-history-amber{background:var(--color-warning-subtle)}.assignment-history-gray{background:var(--color-bg-page)}.assignment-history-avatar.assignment-history-blue{background:var(--color-info-subtle)}.assignment-history-avatar.assignment-history-green{background:var(--color-success-subtle)}.assignment-history-avatar.assignment-history-purple{background:var(--color-info-subtle)}.assignment-history-avatar.assignment-history-amber{background:var(--color-warning-subtle)}.assignment-history-avatar.assignment-history-gray{background:var(--color-primary-subtle)}.assignment-history-actor{position:relative;min-height:100px;justify-content:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);margin-top:var(--space-5);background:var(--color-bg-page);border-radius:var(--radius-lg);padding:var(--space-2);text-align:center;overflow-wrap:anywhere}.assignment-history-actor:before{content:"";position:absolute;bottom:100%;height:20px;border-left:3px dotted var(--color-border-control)}.assignment-history-actor>small{font-size:var(--font-size-sm);color:var(--color-text-muted)}.assignment-history-actor>div{display:flex;align-items:center;justify-content:center;gap:var(--space-2);max-width:100%}.assignment-history-actor strong{font-size:var(--font-size-md);min-width:0}.assignment-history-actor .assignment-history-avatar{height:32px;width:32px;font-size:var(--font-size-md)}.assignment-history-actor svg{width:20px}.assignment-history-arrow{position:absolute;left:calc(50% - 14px);top:calc(100% + 10px);transform:rotate(90deg);color:var(--color-text-muted)}.assignment-history-card{min-height:0}.payment-summary-selection{padding:18px 20px;margin-bottom:18px}.payment-summary-selection>p{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.5;margin:0 0 14px}.orders-customer-row{position:relative}.panel.full-panel:has(>.orders-customers){overflow:visible}.payment-customer-check{position:absolute;left:-6px;top:12px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer}.payment-customer-check input{width:16px;height:16px;margin:0;accent-color:var(--color-primary);cursor:pointer}.payment-customer-check:focus-within{outline:2px solid var(--color-focus);outline-offset:-2px;border-radius:var(--radius-sm)}.payment-summary-selection table{width:100%}.payment-summary-selection .payment-summary{margin-top:18px}@media(max-width:600px){.payment-selection-heading{flex-wrap:wrap}.payment-selection-heading .payment-detail-actions{width:100%}.payment-selection-heading .button{font-size:var(--font-size-xs)}}.whatsapp-qr{width:260px;max-width:100%;height:auto;justify-self:center}.whatsapp-settings p{line-height:1.5}.whatsapp-composer{width:min(620px,calc(100vw - 32px))}.whatsapp-history{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-4)}.whatsapp-history li{display:grid;gap:var(--space-2);border-bottom:1px solid var(--color-border);padding-bottom:var(--space-4)}.whatsapp-history span,.whatsapp-history time{font-size:var(--font-size-xs);color:var(--color-text-muted)}.whatsapp-history p{white-space:pre-wrap;overflow-wrap:anywhere}.whatsapp-dialog-tools{display:flex;align-items:center;gap:var(--space-3)}.whatsapp-connection-button{position:relative;display:grid;place-items:center;flex:none;width:40px;height:40px;padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-subtle);color:var(--color-primary)}.whatsapp-connection-button:hover{background:var(--color-success-subtle)}.whatsapp-connection-button:disabled{opacity:.6}.whatsapp-connection-light{position:absolute;right:-1px;bottom:0;width:12px;height:12px;border:2px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-danger)}.whatsapp-connection-button[data-connected=true] .whatsapp-connection-light{background:var(--color-primary)}.whatsapp-dialog-tools .whatsapp-source{max-width:180px;font-size:var(--font-size-xs);color:var(--color-text-secondary);overflow-wrap:anywhere;text-align:right}.whatsapp-composer .modal-head{gap:var(--space-3)}.whatsapp-composer .modal-head>div:first-child{min-width:0}.whatsapp-composer .modal-head h2{overflow-wrap:anywhere}@media(max-width:600px){.whatsapp-composer .modal-head{flex-wrap:wrap}.whatsapp-dialog-tools{margin-left:auto}.whatsapp-source{max-width:180px}}@media(max-width:900px){input,select,textarea{font-size:var(--font-size-lg)!important}}.nav-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 var(--space-2);margin-left:auto;border-radius:var(--radius-md);background:var(--color-primary);color:var(--color-text-on-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);line-height:1}.todo-summary-card .work-tabs span{padding:var(--space-2) var(--space-3);color:var(--color-text-secondary)}.user-deactivated-badge{margin-left:var(--space-2);background:var(--color-bg-page);color:var(--color-text-muted);font-size:var(--font-size-xs);padding:2px var(--space-2);border-radius:var(--radius-md);font-weight:var(--font-weight-semibold)}.whatsapp-attachments{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);display:flex;flex-wrap:wrap;gap:var(--space-3) var(--space-5)}.whatsapp-attachments legend{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);padding:0 var(--space-1)}.modal-body .whatsapp-attachments label{display:flex;align-items:center;gap:var(--space-2);min-height:44px;cursor:pointer}.modal-body .whatsapp-attachments input{width:16px;height:16px;margin:0;accent-color:var(--color-primary)}.whatsapp-attachment-history{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-2)}.whatsapp-attachment-history li{border:0;padding:0}.orders-overdue-summary{display:flex;align-items:stretch;gap:var(--space-2);padding:var(--space-3) 0;margin-bottom:var(--space-3);flex-wrap:wrap;font-variant-numeric:tabular-nums}.orders-aging-total{display:grid;gap:var(--space-1);min-width:100px;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);text-align:left}.orders-aging-total>span{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.orders-aging-total{cursor:pointer}.orders-aging-total[aria-pressed=true]{outline:2px solid var(--color-focus);outline-offset:1px}.orders-aging-danger{color:var(--color-danger)}.orders-aging-chip{display:inline-block;margin-top:var(--space-1);font-variant-numeric:tabular-nums}.customer-quick-dates{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.customer-assignee-options{display:grid;max-height:240px;overflow-y:auto;margin-top:8px;gap:4px}.customer-assignee-options button{text-align:left;padding:10px;border:1px solid transparent;background:var(--color-surface);border-radius:var(--radius-md);color:var(--color-text)}.customer-assignee-options button[aria-selected=true]{background:var(--color-surface-subtle);border-color:var(--color-primary)}.orders-filter-bar{display:flex;align-items:end}.orders-filter-controls select,.payment-summary-selection select{background:var(--color-surface);color:var(--color-text);max-width:100%}.payment-mobile-actions{position:relative}.payment-mobile-actions>summary{display:flex;align-items:center;justify-content:center;cursor:pointer;list-style:none;width:44px;height:44px;border-radius:var(--radius-md);color:var(--color-text);background:var(--color-surface)}.payment-mobile-actions>summary::-webkit-details-marker{display:none}.payment-mobile-actions>div{position:absolute;right:0;top:100%;min-width:220px;z-index:20;display:grid;gap:8px;padding:12px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.orders-filter-sheet{width:min(560px,100%);max-height:85dvh;margin:auto auto 0;border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding-bottom:env(safe-area-inset-bottom)}.centered-dialog .modal-body{grid-template-columns:minmax(0,1fr)}.centered-dialog .payment-log-form{min-width:0}.centered-dialog .user-edit-actions{flex-wrap:wrap}.centered-dialog .user-edit-actions .button{white-space:normal;max-width:100%}@media(max-width:650px){.centered-dialog .user-edit-actions .button{flex:1 1 100%}}@media(min-width:651px){.orders-filter-sheet.centered-dialog{width:min(480px,calc(100vw - 32px));max-height:calc(100dvh - 64px);margin:auto;border-radius:var(--radius-lg);padding-bottom:0}}@media(max-width:650px){[data-cached-page=payment] button,[data-cached-page=payment] a[href],[data-cached-page=payment] summary,[data-cached-page=payment] input:not([type=checkbox]),[data-cached-page=payment] select,[data-cached-page=payment] textarea,.orders-filter-sheet button,.orders-filter-sheet select{min-width:44px;min-height:44px}[data-cached-page=payment] a[href]{display:inline-flex;align-items:center;justify-content:center}.payment-selection-heading{flex-wrap:nowrap;align-items:center;gap:8px;margin-bottom:6px;min-height:44px}.payment-selection-heading h1{font-size:var(--font-size-2xl)}.payment-selection-heading>.payment-detail-actions{width:auto;margin-left:auto;flex-wrap:nowrap}.orders-filter-bar{position:sticky;top:var(--workspace-header-height, 56px);z-index:10;display:flex;gap:8px;padding:6px 0;margin-bottom:6px;border:0;border-radius:0;background:var(--color-surface-subtle)}.orders-filter-bar input{font-size:var(--font-size-lg)}.payment-filter-trigger{align-self:flex-start}.orders-filter-sheet select{width:100%;font-size:var(--font-size-lg)}.orders-filter-sheet .orders-overdue-summary{order:initial;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.orders-filter-sheet .orders-overdue-total{grid-column:1/-1}.orders-filter-sheet .orders-aging-total{min-width:0}.payment-view-switch{margin-bottom:6px;padding:0;min-height:44px}.payment-view-switch button{font-size:var(--font-size-xs);padding:8px 3px;gap:4px}.payment-view-slider{top:0;bottom:0;left:0;width:50%}.todo-view-tabs[aria-label="Payment invoice views"]{margin-bottom:6px;gap:16px}.todo-view-tabs[aria-label="Payment invoice views"] button{padding:8px 4px;min-width:70px}.orders-customers .orders-customer-row{padding:12px}.orders-customer-row .orders-customer-actions .customer-actions{justify-content:flex-start;gap:6px}.orders-customer-actions>.customer-actions>.button-small,.orders-customer-actions .icon-button{width:44px;height:44px;padding:0;flex:none}.orders-customer-actions>.customer-actions>.button-small,.orders-customer-actions .customer-whatsapp-trigger{font-size:0;gap:0}.orders-customer-actions .customer-actions{flex-wrap:wrap}.orders-customer-actions>.customer-actions>.button-small>svg{width:20px;height:20px}.customer-phone{gap:4px}.customer-phone button{padding:6px}.payment-detail-actions>label{min-width:0}.orders-customer-count{white-space:normal}.orders-customer-balance strong{overflow-wrap:anywhere}}.user-reminders-menu>summary{display:none}.user-reminders-menu>div{display:block}.user-reminders-menu>div>strong{display:none}@media(max-width:650px){.user-reminders-menu{position:relative}.user-reminders-menu>summary{display:flex;align-items:center;justify-content:center;list-style:none;cursor:pointer;width:44px;height:44px}.user-reminders-menu>summary::-webkit-details-marker{display:none}.user-reminders-menu:not([open])>div{display:none}.user-reminders-menu>div{position:absolute;right:0;top:100%;z-index:20;display:grid;gap:10px;min-width:240px;padding:14px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-md)}.user-reminders-menu>div>strong{display:block}.user-reminders-menu .button{white-space:normal}}.inline-loading-spinner{display:inline-block;width:14px;height:14px;margin-right:8px;vertical-align:middle;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:page-loading-spin .8s linear infinite}@media(prefers-reduced-motion:reduce){.inline-loading-spinner{animation:none}}@media(max-width:650px){.orders-customer-actions{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.orders-customer-actions>.customer-actions{display:contents}}.payment-report-totals{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:16px}.payment-report-totals .metric-card{min-width:0;min-height:112px;padding:16px;box-shadow:none;border-radius:var(--radius-lg)}.payment-report-totals .metric-top{color:var(--color-text-secondary)}.payment-report-totals .metric-card>strong{margin-top:14px;font-size:var(--font-size-xl);letter-spacing:-.02em;overflow-wrap:anywhere}.payment-report-totals .metric-card>small{color:var(--color-text-secondary);line-height:1.4;overflow-wrap:anywhere}.payment-summary-dialog{width:min(800px,calc(100vw - 24px));max-height:90dvh}.payment-summary-dialog .orders-table{min-width:0;width:100%;table-layout:fixed}.payment-summary-dialog th,.payment-summary-dialog td{min-width:0;white-space:normal;overflow-wrap:anywhere}.payment-summary-dialog th:first-child{width:45%}.payment-summary-dialog th:nth-child(2){width:23%}.payment-summary-dialog .orders-table tfoot{border-top:2px solid var(--color-border)}.payment-summary-dialog .modal-actions{display:flex;justify-content:flex-end;gap:8px;padding:16px 24px;border-top:1px solid var(--color-border)}@media(max-width:1100px){.payment-report-totals{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:650px){.payment-selection-heading{margin-bottom:2px}.orders-filter-bar{padding:0;margin-bottom:2px}.payment-view-switch,.todo-view-tabs[aria-label="Payment invoice views"]{margin-bottom:2px}.payment-report-compact{margin-bottom:2px;min-width:0}.payment-report-compact>summary{box-sizing:border-box;min-height:44px;padding:10px 12px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);cursor:pointer;line-height:1.4;white-space:normal;overflow-wrap:anywhere}.payment-report-compact[open]>summary{margin-bottom:8px}.payment-report-compact .payment-report-totals{margin-bottom:0}.payment-report-totals{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.payment-report-totals .metric-card{padding:12px;min-height:100px}.payment-report-totals .metric-card:last-child{grid-column:1/-1}.payment-summary-dialog .modal-body{padding:12px}.payment-summary-dialog .orders-table th,.payment-summary-dialog .orders-table td{padding:10px 6px;font-size:var(--font-size-xs)}}@media(max-width:1000px){.payment-customer-check{left:-12px}}.payment-selection-space{padding-bottom:200px}.payment-selection-bar{position:fixed;left:calc(50% + 122px);bottom:calc(16px + env(safe-area-inset-bottom));transform:translate(-50%);z-index:15;display:grid;gap:8px;width:max-content;max-width:calc(100vw - 284px);padding:8px;background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.payment-selection-bar[data-selecting=true]{width:min(680px,calc(100vw - 284px))}.payment-selection-tools,.payment-selection-primary{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}.payment-selection-tools{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.payment-selection-tools .button{font-size:var(--font-size-xs);padding:8px}.payment-selection-tools [role=status]{margin-right:auto}.payment-selection-primary .button{flex:1}.payment-selection-bar .button{min-height:44px;min-width:0;white-space:normal;text-align:center;justify-content:center}.payment-selection-bar .button:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}.app-shell:has(.payment-selection-bar:not(.selection-bar)) .chatbot:not(:has(.chatbot-panel)){bottom:calc(88px + env(safe-area-inset-bottom))}.app-shell:has(.payment-selection-bar[data-selecting=true]:not(.selection-bar)) .chatbot:not(:has(.chatbot-panel)){bottom:calc(144px + env(safe-area-inset-bottom))}@media(max-width:1200px)and (min-width:901px){.payment-selection-bar{left:calc(50% + 107.5px);max-width:calc(100vw - 255px)}.payment-selection-bar[data-selecting=true]{width:min(680px,calc(100vw - 255px))}}@media(max-width:900px){.payment-selection-bar{left:50%;max-width:calc(100vw - 24px)}.payment-selection-bar[data-selecting=true]{width:min(680px,calc(100vw - 24px))}}@media(max-width:650px){.payment-selection-space{padding-bottom:288px}.payment-selection-bar .button{font-size:var(--font-size-xs);padding:8px}.payment-selection-tools,.payment-selection-primary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.payment-selection-tools [role=status],.payment-selection-primary .button:first-child{grid-column:1/-1}.payment-selection-tools .button:last-child{grid-column:1/-1}.app-shell:has(.payment-selection-bar[data-selecting=true]:not(.selection-bar)) .chatbot:not(:has(.chatbot-panel)){bottom:calc(272px + env(safe-area-inset-bottom))}}.orders-customer-balance .report-credit-balance{color:var(--color-success)}.customer-payment-reminder-disabled{display:inline-flex;flex-direction:column;align-items:center;gap:3px}.customer-payment-reminder-disabled small{color:var(--muted, var(--color-text-secondary));font-size:var(--font-size-xs)}.payment-tabs{display:flex;flex-direction:column;align-items:flex-start;gap:16px;margin:20px 0;min-width:0}.payment-tabs .payment-view-switch{grid-template-columns:repeat(3,minmax(0,1fr));width:min(600px,100%);flex-shrink:0;margin-bottom:0}.payment-tabs .payment-view-slider{width:calc((100% - 8px) / 3)}.payment-tabs .payment-view-switch[data-view=all] .payment-view-slider{transform:translate(200%)}.payment-tabs .todo-view-tabs{min-width:0;margin-bottom:0;overflow-x:auto;flex-wrap:nowrap;align-items:stretch}.payment-tabs .todo-view-tabs button{flex:none;min-height:44px;white-space:nowrap}.payment-label-short{display:none}.payment-report-caption{margin:0 0 12px;color:var(--color-text-secondary);font-size:var(--font-size-xs);line-height:1.35}.payment-report-refresh{display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px;margin-bottom:12px;color:var(--color-text-secondary);font-size:var(--font-size-xs)}.payment-report-refresh .button{min-height:44px}.payment-report-refresh .form-error{flex-basis:100%}.payment-report-compact>summary .payment-report-caption{display:block;margin:2px 0 0;font-size:var(--font-size-xs)}@media(max-width:650px){.payment-tabs{flex-direction:column;align-items:stretch;gap:12px;margin:12px 0 16px}.payment-tabs .payment-view-switch{width:100%;flex:none}.payment-tabs .payment-view-slider{width:calc(100% / 3)}.payment-tabs .payment-view-count{display:none}.payment-tabs .todo-view-tabs{gap:16px}.payment-tabs .todo-view-tabs button{flex:1;min-width:44px;padding:8px}}@media(max-width:399px){.payment-label-full{display:none}.payment-label-short{display:inline}}.pagination-page{white-space:nowrap}.payment-detail-fields.drawer-summary-fields{grid-template-columns:max-content 1fr;gap:6px 12px;margin:0;padding:12px 0}.drawer-summary-fields>div{display:contents}.drawer-summary-fields dt{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.drawer-summary-fields dd{min-width:0;margin:0;white-space:normal;overflow-wrap:break-word}.page-header-controls .payment-label-full{display:none}.page-header-controls .payment-label-short{display:inline}.payment-heading-totals{min-width:0}.payment-metrics-heading .payment-report-caption{margin:8px 0 0}@media(min-width:1600px){.payment-metrics-heading .payment-report-totals{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(min-width:651px){.payment-filter-controls{align-items:center;gap:8px;margin-bottom:8px}.payment-filter-controls>small{font-size:var(--font-size-xs);white-space:nowrap}.payment-filter-controls>.payment-sort-control{display:flex;align-items:center;gap:6px}.payment-filter-controls select,.payment-filter-controls .button{min-height:32px;padding:6px 10px;font-size:var(--font-size-xs);line-height:18px}.payment-filter-controls select{max-width:240px}}.payment-invoice-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;width:100%;min-width:0}.payment-invoice-toolbar>.payment-filter-controls{flex:1;justify-content:flex-end;margin:0 0 0 auto}.payment-staff-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:650px){.payment-invoice-toolbar>.todo-view-tabs{width:100%}}.payment-entry-table tbody tr{cursor:default}.payment-entry-table .user-edit-actions{flex-wrap:wrap;gap:6px}.payment-entry-date{color:var(--color-text-secondary);font-size:var(--font-size-xs)}.orders-table tbody tr.orders-order-invoice td{background:var(--color-primary-subtle)}.orders-table tbody tr.orders-order-invoice td:first-child{box-shadow:var(--shadow-md)}.header-sync-progress{min-width:0;background:var(--color-bg-page);color:var(--color-text-muted)}.header-sync-progress-copy{padding:var(--space-1) clamp(var(--space-5),3vw,var(--space-10));font-size:var(--font-size-xs);line-height:1.6;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.header-sync-progress-connection+.header-sync-progress-connection:before{content:" · ";margin:0 var(--space-2);color:var(--color-text-muted)}.header-sync-progress-copy strong{color:var(--color-text-secondary);font-weight:var(--font-weight-semibold)}.header-sync-progress-error{color:var(--color-danger)}.header-sync-progress-track{height:3px;overflow:hidden;background:var(--color-success-subtle)}.header-sync-progress-track>span{display:block;height:100%;background:var(--color-primary)}.header-sync-progress-running .header-sync-progress-track>span{animation:header-sync-progress-pulse 1.8s ease-in-out infinite;min-width:3px}.header-sync-progress-complete{background:var(--color-bg-page);color:var(--color-text-muted)}.header-sync-progress-complete .header-sync-progress-track>span{opacity:.4}@keyframes header-sync-progress-pulse{50%{opacity:.5}}@media(max-width:650px){.header-sync-progress-copy{padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs);line-height:1.5;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.header-sync-progress-connection+.header-sync-progress-connection:before{margin:0 var(--space-1)}}@media(prefers-reduced-motion:reduce){.header-sync-progress-running .header-sync-progress-track>span{animation:none}}.payment-total-masked>span{display:inline-block;filter:blur(5px);-webkit-user-select:none;user-select:none}.payment-total-value{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px}.payment-total-value>strong{min-width:0;font-size:var(--font-size-xl);line-height:1.25;letter-spacing:-.02em;white-space:nowrap}.totals-visibility-button{flex:none;width:32px;height:32px;vertical-align:middle;color:var(--color-text-secondary);display:inline-grid}.totals-visibility-button:hover{background:var(--color-surface-subtle);color:var(--color-primary-hover)}.totals-visibility-button:disabled{opacity:.5}.payment-totals-password-settings{padding:20px 23px;max-width:520px}.payment-totals-password-settings>p{margin:0;color:var(--color-text-secondary);line-height:1.5}.payment-totals-password-settings>.button{justify-self:start}@media(max-width:650px){.payment-totals-password-settings{padding:16px}.totals-visibility-button{width:44px;height:44px}.payment-total-value>strong{font-size:var(--font-size-lg)}}.action-icon-button{width:var(--control-height);min-width:var(--control-height);height:var(--control-height);min-height:var(--control-height);padding:0;gap:0;flex-shrink:0;justify-content:center}.action-icon-button>svg{display:block;width:var(--icon-size-button);height:var(--icon-size-button);flex-shrink:0}.action-icon-tooltip{position:fixed;z-index:var(--z-tooltip);max-width:200px;width:max-content;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);background:var(--color-text);color:var(--color-text-on-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:var(--line-height-xs);pointer-events:none;visibility:hidden;animation:action-tooltip-reveal 0s .3s forwards}@keyframes action-tooltip-reveal{to{visibility:visible}}@media(max-width:650px){.button.action-icon-button{width:44px;min-width:44px;height:44px;min-height:44px}}.row-actions{--row-action-size: 36px;display:flex;align-items:center;justify-content:safe flex-end;flex-wrap:nowrap;gap:4px;min-width:0;max-width:100%;overflow-x:auto;padding:2px}.row-actions>.customer-actions{display:contents}.orders-customer-actions.row-actions{align-items:flex-start}.row-actions button.button.action-icon-button,.row-actions a.row-action-link{display:inline-flex;align-items:center;justify-content:center;flex:none;width:var(--row-action-size);min-width:var(--row-action-size);max-width:none;height:var(--row-action-size);min-height:var(--row-action-size);padding:0;margin:0;gap:0;border-radius:var(--radius-md);vertical-align:middle}.row-actions .button.action-icon-button>svg,.row-actions .row-action-link>svg{display:block;width:18px;height:18px;flex:none}.row-actions>.customer-actions>.customer-menu-wrap,.row-actions>.customer-actions>.customer-payment-reminder-disabled{flex:none}.row-actions .customer-payment-reminder-disabled{width:var(--row-action-size)}.row-actions .customer-payment-reminder-disabled small{max-width:100%;text-align:center}.row-actions .badge{flex:none}@media(max-width:760px){.row-actions{--row-action-size: 44px}.orders-customer-actions.row-actions{display:flex;flex-wrap:nowrap;gap:4px}}.orders-customers-head>span:last-child{text-align:right}.orders-customer-meta{display:flex;align-items:center;flex-wrap:nowrap;gap:8px;margin-top:3px;min-width:0}.orders-customer-meta>.orders-customer-count{flex:none;margin:0;white-space:nowrap}.orders-customer-meta>.orders-aging-chip{flex:none;margin-top:0;white-space:nowrap}.orders-customers .orders-customer-phone{margin-top:0}@media(min-width:1001px){.orders-customers .orders-customer-row{row-gap:2px;padding-bottom:6px}.orders-customers .orders-customer-phone .customer-phone-number,.orders-customers .orders-customer-phone .customer-phone>button{min-height:0;line-height:20px;padding-top:0;padding-bottom:0}}.payment-details-fields select,.payment-entry-form input,.payment-entry-form button{min-height:var(--control-height-touch)}.zoho-writeback-status{display:inline-flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);max-width:100%}.zoho-writeback-status .badge{white-space:normal;overflow-wrap:anywhere}.zoho-writeback-status .form-error{flex-basis:100%}a.nav-item{text-decoration:none}a.nav-item:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.payment-entry-form .staff-login-input input{width:100%;padding-right:var(--space-12)}.search-select-tag{display:inline-block;margin-right:var(--space-2);padding:0 6px;border-radius:var(--radius-sm);background:var(--color-surface-subtle);color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:600;vertical-align:1px}.payment-lines{display:grid;gap:var(--space-3);min-width:0}.payment-lines-scroll{position:relative;overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--radius-md)}.payment-lines-table{width:100%;min-width:calc(var(--space-16) * 10);border-collapse:collapse;font-size:var(--font-size-sm);line-height:var(--line-height-sm)}.payment-lines-table th{padding:var(--space-2) var(--space-2);background:var(--color-surface-subtle);color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:600;text-align:left;vertical-align:bottom}.payment-lines-table td{padding:var(--space-2);border-top:1px solid var(--color-border);vertical-align:middle}.payment-lines-table td.payment-line-number{width:1%;color:var(--color-text-secondary);text-align:center}.payment-lines-table td.payment-line-action{width:1%;text-align:right}.payment-lines-table input,.payment-lines-table select{width:100%;min-width:0;height:var(--control-height-desktop);min-height:var(--control-height-desktop);margin:0;box-sizing:border-box}.payment-lines-table th:nth-child(2),.payment-lines-table td:nth-child(2){width:calc(var(--space-16) * 2.75)}.payment-lines .payment-lines-table td input[type=number]{min-width:calc(var(--space-16) * 2.75)}.payment-lines .payment-lines-table td select{min-width:calc(var(--space-16) * 2);text-overflow:ellipsis}.payment-lines-table .payment-line-remove{min-height:var(--control-height-desktop);min-width:var(--control-height-desktop);display:inline-flex;align-items:center;justify-content:center}@media(min-width:641px){.ui-modal.payment-lines-modal{width:min(calc(var(--modal-w-lg) * 1.5),calc(100vw - var(--space-4)))}}.payment-lines-modal :is(.ui-modal-body,form,fieldset){min-width:0}.payment-lines-modal .ui-modal-body>*{min-width:0}.payment-proof-split:has(.payment-lines){grid-template-columns:minmax(0,1fr)}.payment-lines-footer{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.payment-lines-footer .payment-lines-summary{margin:0;flex:1 1 12rem}.status-mismatch-banner{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;margin:16px 0;background:var(--color-warning-subtle);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-warning);font-size:var(--font-size-sm);line-height:1.5;overflow-wrap:anywhere}.status-mismatch-banner p{margin:0}.status-mismatch-banner>div{display:flex;gap:8px;flex:none}.status-mismatch-banner .button{color:var(--color-warning);border-color:var(--color-border-control)}.status-mismatch-chip{display:inline-block;color:var(--color-danger)!important;background:var(--color-danger-subtle)!important;white-space:normal!important}.document-status-mismatch{position:static}.quote-decision-actions{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0}.quote-decision-actions .button{white-space:normal;overflow-wrap:anywhere;line-height:1.35;text-align:left;max-width:100%;font-size:var(--font-size-xs);padding:5px 7px}.quote-pending-filters{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.quote-pending-filters [aria-pressed=true]{color:var(--color-primary-hover);background:var(--color-primary-subtle);border-color:var(--color-primary)}.quote-table .quote-decision-actions{min-width:0}.quote-order-chip{display:block!important}@media(max-width:760px){.status-mismatch-banner{align-items:flex-start;flex-direction:column}.quote-decision-actions .button{min-height:40px;font-size:var(--font-size-xs)}}.quote-decision-actions>.button.quote-decision-icon{display:inline-flex;align-items:center;justify-content:center;flex:none;width:44px;min-width:44px;min-height:44px;padding:0;margin:0 4px 0 0}.quote-decision-actions>.quote-accept-action{color:var(--color-primary)}.quote-decision-actions>.quote-reject-action{color:var(--color-danger)}.quote-cell-line{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quote-list.is-refreshing{opacity:.6}.quote-owner-actions{display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--space-3);margin:var(--space-5) 0}.quote-document{min-width:0;padding:var(--space-6) 0;border-top:1px solid var(--color-border)}.quote-document-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3)}.quote-document-heading>div{display:flex;flex-wrap:wrap;gap:var(--space-2)}.quote-document iframe{display:block;width:100%;max-width:100%;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}@media(max-width:640px){.quote-document iframe{height:calc(var(--space-16) * 10)}}.quote-payments{margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--color-border)}.quote-payment-entry-list{display:grid;gap:var(--space-6);min-width:0}.quote-payment-entry{min-width:0;padding:var(--space-5) 0;border-top:1px solid var(--color-border);overflow-wrap:anywhere}.quote-payment-entry-heading{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);min-width:0}.quote-payment-entry-heading h4{min-width:0;font-size:var(--font-size-lg);line-height:var(--line-height-lg);font-weight:var(--font-weight-semibold)}.quote-payment-entry-heading .badge{white-space:normal}.quote-payment-entry-heading .user-edit-actions{flex-wrap:wrap;gap:var(--space-2);margin-left:auto;max-width:100%}.quote-payment-entry-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:var(--space-5) var(--space-6);margin:var(--space-5) 0 0}.quote-payment-entry-details>div{min-width:0}.quote-payment-entry-details dt{margin-bottom:var(--space-1);color:var(--color-text-secondary);font-size:var(--font-size-xs);line-height:var(--line-height-xs)}.quote-payment-entry-details dd{margin:0;color:var(--color-text)}.quote-payment-entry-details .payment-entry-date{display:block;color:var(--color-text-secondary);font-size:var(--font-size-xs);line-height:var(--line-height-xs)}.quote-payment-entry-note{grid-column:1 / -1;white-space:pre-wrap}.quote-payment-entry>.form-hint{margin-top:var(--space-5)}.header-sync summary .header-sync-retry{min-height:0;min-width:0;width:auto;padding:0;border:0;background:none;color:inherit;font:inherit;text-decoration:underline;text-underline-offset:2px;cursor:pointer}.header-sync summary .header-sync-retry:disabled{opacity:.65;cursor:default}.header-sync .header-sync-details{width:min(460px,calc(100vw - 24px));max-height:calc(100dvh - 100px);overflow:auto}.header-sync-details .header-sync-progress{margin-top:12px;padding-top:12px;border-top:1px solid var(--color-border);background:transparent}.header-sync-details .header-sync-progress-copy{display:block;padding:8px 0 0;font-size:var(--font-size-xs);white-space:normal;-webkit-line-clamp:unset}.header-sync-details .header-sync-progress-connection{display:block;margin-bottom:8px}.header-sync-details .header-sync-progress-connection+.header-sync-progress-connection:before{content:none}html{scrollbar-gutter:stable}html,body{overscroll-behavior-y:none}.app-shell{--sidebar-width: var(--sidebar-w);display:flex;min-height:100dvh}.workspace{flex:1 1 auto;min-width:0}.main-content{box-sizing:border-box;max-width:var(--content-max);margin:0;padding:var(--page-padding)}@media(max-width:640px){.main-content{padding:var(--page-padding-mobile)}}.sidebar{position:sticky;top:0;z-index:var(--z-sidebar);display:flex;flex-direction:column;flex:0 0 var(--sidebar-w);width:var(--sidebar-w);height:100dvh;padding:var(--space-4) var(--space-3);background:var(--color-sidebar);color:var(--color-sidebar-text-muted);overflow:hidden}.sidebar-main{flex:1 1 auto;min-height:0;padding-bottom:var(--space-6);overflow-y:auto;overscroll-behavior:contain;-webkit-mask-image:linear-gradient(to bottom,var(--color-text) calc(100% - var(--space-6)),transparent);mask-image:linear-gradient(to bottom,var(--color-text) calc(100% - var(--space-6)),transparent)}.brand{display:flex;align-items:center;gap:var(--space-3);margin:0 0 var(--space-6);padding:0 var(--space-3)}.brand strong{display:block;color:var(--color-sidebar-text);font-size:var(--font-size-lg);line-height:var(--line-height-lg);font-weight:var(--font-weight-semibold)}.brand small{display:block;color:var(--color-sidebar-text-muted);font-size:var(--font-size-xs);line-height:var(--line-height-xs)}.brand-home{display:flex;align-items:center;gap:var(--space-3);min-width:0;min-height:var(--control-height);padding:0;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.brand-home:focus-visible{outline:2px solid var(--color-focus-on-dark);outline-offset:2px;border-radius:var(--radius-sm)}.brand-mark{position:relative;flex:none;display:block;width:var(--space-8);height:var(--space-8);border-radius:var(--radius-md);background:var(--color-primary-subtle);transform:rotate(-10deg)}.brand-mark:before,.brand-mark:after,.brand-mark span{content:"";position:absolute;width:15%;border-radius:var(--radius-sm);background:var(--color-primary);transform:rotate(36deg)}.brand-mark:before{height:50%;left:29%;top:24%}.brand-mark span{height:32%;left:50%;top:29%}.brand-mark:after{height:18%;left:68%;top:32%}.sidebar-close{display:none;margin-left:auto;color:var(--color-sidebar-text)}.sidebar-close:hover{background:var(--color-sidebar-hover);color:var(--color-sidebar-text)}.sidebar-section-title{margin:0 var(--space-3) var(--space-2);color:var(--color-sidebar-text-muted);font-size:var(--font-size-xs);line-height:var(--line-height-xs);font-weight:var(--font-weight-semibold);letter-spacing:.08em;text-transform:uppercase}.scope-switch{margin-bottom:var(--space-4)}.scope-options{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:var(--space-1)}.scope-options button{min-width:0;height:var(--control-height);padding:0 var(--space-1);border:0;border-radius:var(--radius-md);background:transparent;color:var(--color-sidebar-text-muted);font-size:var(--font-size-sm);line-height:var(--line-height-sm);font-weight:var(--font-weight-medium);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scope-options button:hover{background:var(--color-sidebar-hover);color:var(--color-sidebar-text)}.scope-options button.selected{background:var(--color-primary-subtle);color:var(--color-text)}.scope-options button:focus-visible,.staff-select:focus-visible,.nav-item:focus-visible,.sidebar-account-trigger:focus-visible,.sidebar-account-menu button:focus-visible{outline:2px solid var(--color-focus-on-dark);outline-offset:2px}.scope-options-list{grid-auto-flow:row;grid-template-columns:minmax(0,1fr)}.scope-options-list button{height:auto;min-height:var(--control-height);padding:var(--space-2) var(--space-3);text-align:left;white-space:normal;overflow-wrap:anywhere}.staff-select{display:block;width:100%;height:var(--control-height);margin:0;padding:0 var(--space-3);border:1px solid var(--color-sidebar-text-muted);border-radius:var(--radius-md);background:var(--color-sidebar);color:var(--color-sidebar-text);color-scheme:dark;font-size:var(--font-size-input);font-weight:var(--font-weight-regular)}.staff-select:hover{border-color:var(--color-sidebar-text)}.sidebar-scope-error{margin:0 var(--space-1) var(--space-4);color:var(--color-sidebar-text);font-size:var(--font-size-xs);line-height:var(--line-height-xs)}.sidebar-scope-error button{display:block;margin-top:var(--space-1);padding:0;border:0;background:transparent;color:var(--color-sidebar-text);font:inherit;text-decoration:underline;cursor:pointer}.nav-list{display:grid;gap:var(--space-1)}.nav-item{display:flex;align-items:center;gap:var(--space-3);width:100%;min-height:var(--space-10);padding:0 var(--space-3);border:0;border-radius:var(--radius-md);background:transparent;color:var(--color-sidebar-text-muted);font-size:var(--font-size-md);line-height:var(--line-height-md);font-weight:var(--font-weight-medium);text-align:left;text-decoration:none}.nav-item>svg{flex:none;width:var(--icon-size-md);height:var(--icon-size-md)}.nav-item:hover{background:var(--color-sidebar-hover);color:var(--color-sidebar-text)}.nav-item.active{background:var(--color-primary-subtle);color:var(--color-text)}.nav-item-static,.nav-item-static:hover{background:var(--color-sidebar-hover);color:var(--color-sidebar-text);cursor:default}.nav-item .nav-badge{min-width:var(--badge-height);height:var(--badge-height);padding:0 var(--space-2);border-radius:var(--radius-sm);background:var(--color-sidebar-hover);color:var(--color-sidebar-text);font-size:var(--font-size-xs);line-height:var(--line-height-xs);font-weight:var(--font-weight-medium)}.nav-item.active .nav-badge{background:var(--color-surface);color:var(--color-text)}.sidebar-account{position:relative;flex:0 0 auto;margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-sidebar-hover)}.sidebar-account-trigger{display:flex;align-items:center;gap:var(--space-3);min-height:var(--space-12);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--color-sidebar-text);list-style:none;cursor:pointer}.sidebar-account-trigger::-webkit-details-marker{display:none}.sidebar-account-trigger:hover,.sidebar-account[open]>summary{background:var(--color-sidebar-hover)}.sidebar-account-trigger>svg{flex:none}.sidebar-account-copy{display:grid;flex:1;min-width:0}.sidebar-account .signed-in-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--font-size-sm);line-height:var(--line-height-sm);font-weight:var(--font-weight-semibold)}.sidebar-account-role{color:var(--color-sidebar-text-muted);font-size:var(--font-size-xs);line-height:var(--line-height-xs)}.sidebar-account-chevron{transform:rotate(-90deg)}.sidebar-account[open] .sidebar-account-chevron{transform:rotate(90deg)}.sidebar-account-menu{position:absolute;bottom:calc(100% + var(--space-2));left:0;right:0;padding:var(--space-1);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.sidebar-account-menu button{width:100%;min-height:var(--control-height);padding:0 var(--space-3);border:0;border-radius:var(--radius-sm);background:transparent;color:var(--color-danger);text-align:left;font-size:var(--font-size-sm)}.sidebar-account-menu button:hover{background:var(--color-danger-subtle)}.sidebar-account-menu button:focus-visible{outline-color:var(--color-focus);outline-offset:-2px}.topbar{position:sticky;top:0;z-index:var(--z-topbar);display:grid;grid-template-columns:minmax(0,1fr) clamp(240px,26vw,380px) 132px 124px 132px;align-items:center;gap:var(--space-3);height:var(--topbar-height-desktop);padding:0 var(--page-padding);border-bottom:1px solid var(--color-border);background:var(--color-surface)}.topbar-row,.topbar .page-header-controls,.topbar .page-header-staff{display:contents}.topbar-brand,.topbar-search-toggle,.topbar .mobile-menu{display:none}.topbar .page-header-search{grid-row:1;grid-column:1;min-width:0;max-width:560px}.topbar .page-header-search:empty,.topbar .page-header-issues:empty,.topbar .page-header-staff:empty{display:none}.topbar .payment-view-switch{grid-row:1;grid-column:2;width:100%;min-width:0;height:calc(var(--control-height) + var(--space-1));margin:0;padding:2px}.topbar .payment-view-switch:not(.todo-header-switch){grid-template-columns:minmax(0,auto) minmax(max-content,auto) minmax(max-content,auto)}.topbar .payment-view-switch>.payment-view-slider{display:none}.topbar .payment-view-switch>button{min-width:0;min-height:var(--control-height);height:var(--control-height);padding:0 var(--space-2);gap:var(--space-1);font-size:var(--font-size-sm)}.topbar .payment-view-switch>button[aria-pressed=true]{background:var(--color-surface);box-shadow:var(--shadow-sm)}.topbar .payment-view-switch>button>span:not(.payment-view-count){min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar .payment-view-count{display:inline-flex;flex:none}.topbar .page-header-issues{grid-row:1;grid-column:3;display:flex;min-width:0}.topbar .page-header-actions{grid-row:1;grid-column:4;min-width:0;gap:var(--space-2)}.topbar .page-header-actions .button{min-width:var(--control-height)}.topbar .top-actions{grid-row:1;grid-column:5;display:flex;align-items:center;justify-content:flex-end;gap:var(--space-2);min-width:0}.topbar .header-sync{min-width:0}.topbar .header-sync>summary{min-height:var(--control-height)}.topbar .header-sync>summary>svg,.topbar .header-sync-retry{flex:none}.topbar .header-sync>summary>span:first-of-type{min-width:0;overflow:hidden;text-overflow:ellipsis}.header-zoho-issues{position:relative}.header-zoho-issues>summary{display:flex;align-items:center;gap:var(--space-2);min-height:var(--control-height);padding:0 var(--space-3);border:1px solid var(--color-warning);border-radius:var(--radius-md);background:var(--color-warning-subtle);color:var(--color-warning);font-size:var(--font-size-xs);line-height:var(--line-height-xs);font-weight:var(--font-weight-medium);white-space:nowrap;list-style:none;cursor:pointer}.header-zoho-issues>summary::-webkit-details-marker{display:none}.header-zoho-issues>summary:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.header-zoho-issues>summary>b{font-variant-numeric:tabular-nums}.header-zoho-issues-content{position:fixed;top:calc(var(--workspace-header-height, var(--topbar-height-desktop)) + var(--space-2));right:var(--space-3);z-index:var(--z-dropdown);display:grid;gap:var(--space-3);width:min(460px,calc(100vw - var(--space-6)));max-height:calc(100dvh - var(--workspace-header-height, var(--topbar-height-desktop)) - var(--space-6));overflow:auto;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);color:var(--color-text);font-size:var(--font-size-sm);line-height:var(--line-height-sm);white-space:normal;overflow-wrap:anywhere;box-shadow:var(--shadow-md)}.header-zoho-issues-content>.status-mismatch-banner{display:grid;gap:var(--space-3);margin:0;padding:var(--space-3)}.header-zoho-issues-content>.form-error,.header-zoho-issues-content>.form-hint{display:block;margin:0}.header-zoho-issues-content>.form-error button{margin:var(--space-2) 0 0}@media(max-width:1200px){.topbar{grid-template-columns:minmax(0,1fr) clamp(200px,26vw,240px) var(--space-12) 116px var(--space-12);gap:var(--space-2);padding:0 var(--space-4)}.topbar .header-sync>summary>span,.topbar .header-zoho-issues>summary>span{display:none}.topbar .header-sync>summary,.topbar .header-zoho-issues>summary{justify-content:center}.topbar .payment-view-switch>button{flex-direction:column;gap:0;padding:0 var(--space-1);font-size:var(--font-size-xs);line-height:var(--line-height-xs)}}@media(max-width:900px){.app-shell{--sidebar-width: 0px}.sidebar{position:fixed;inset:0 auto 0 0;transform:translate(-100%);transition:transform var(--motion-normal);padding-bottom:max(var(--space-4),env(safe-area-inset-bottom))}.sidebar.sidebar-open{transform:none;box-shadow:var(--shadow-lg)}.sidebar-close{display:inline-flex}.header-zoho-issues-content{position:fixed;top:auto;left:var(--space-3);right:var(--space-3);width:auto;max-height:70dvh}.nav-item{min-height:var(--control-height)}.scope-options button{height:var(--control-height)}.topbar{display:contents}.topbar-row{position:sticky;top:0;z-index:var(--z-topbar);display:flex;align-items:center;gap:var(--space-2);height:var(--topbar-height-mobile);padding:0 var(--space-3);border-bottom:1px solid var(--color-border);background:var(--color-surface)}.topbar .mobile-menu{display:inline-flex;flex:none}.topbar-brand{display:block;flex:1 1 auto;min-width:0;color:var(--color-text);font-size:var(--font-size-lg);line-height:var(--line-height-lg);font-weight:var(--font-weight-semibold)}.topbar-search-toggle{position:relative;z-index:1;display:inline-flex;flex:none}.topbar .page-header-search:empty+.topbar-search-toggle{display:none}.topbar .page-header-search{display:none}.topbar[data-search-open] .page-header-search{position:absolute;inset:0 calc(var(--control-height) + var(--space-3) + var(--space-2)) 0 calc(var(--control-height) + var(--space-3) + var(--space-2));z-index:1;display:flex;align-items:center;max-width:none;padding:0;background:var(--color-surface)}.topbar[data-search-open] .page-header-search>*{flex:1 1 auto}.topbar[data-search-open] .top-actions{display:none}.topbar .top-actions{flex:none;min-width:var(--control-height);min-height:var(--control-height)}.topbar .top-actions .header-sync,.topbar .top-actions .header-sync>summary{display:flex}.topbar .page-header-controls{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--page-padding-mobile) 0}.topbar .page-header-controls:not(:has(>:not(:empty))){display:none}.topbar .page-header-staff{display:flex;flex:1 1 100%;flex-wrap:wrap;align-items:center;gap:var(--space-2);min-width:0}.topbar .page-header-staff .payment-view-switch{flex:1 1 100%;width:100%}.topbar .page-header-staff{order:-1}}.page-loading{position:fixed;inset:0 0 auto 0;z-index:var(--z-dropdown);height:var(--space-1);overflow:hidden;background:var(--color-primary-subtle);pointer-events:none}.page-loading[hidden]{display:none}.page-loading:after{content:"";display:block;width:40%;height:100%;background:var(--color-primary);animation:page-loading-slide 1.2s ease-in-out infinite}@keyframes page-loading-slide{0%{transform:translate(-100%)}to{transform:translate(250%)}}@media(prefers-reduced-motion:reduce){.page-loading:after{width:100%;animation:none}}.topbar .payment-label-full{display:none}.topbar .payment-label-short{display:inline}