.flow-tabs{gap:6px;flex-wrap:wrap;margin:10px 0}.flow-tabs button[aria-pressed=true]{background:var(--accent,#176b52);color:white}.flow-filters{margin-bottom:10px}.flow-filters input{max-width:420px}.flow-table td{vertical-align:top}.flow-badge{display:inline-block;border-radius:5px;padding:4px 7px;font-weight:700;font-size:14px;white-space:normal}.flow-badge.warn{background:#fff0cc;color:#795000}.flow-badge.danger,.flow-exception{background:#fff0e9}.flow-badge.danger,.flow-alert{color:#a23512}.flow-badge.success{background:#dcefe4;color:#126038}.flow-badge.neutral{background:#eee;color:#454545}.flow-card{border:1px solid #d5dfd9;border-radius:8px;padding:12px;margin:10px 0}.flow-card h3{margin:0 0 8px}.flow-card p{margin:6px 0}.flow-card small,[data-cash-split] small{display:block;color:#56685c;margin-top:4px}.flow-scroll{max-height:55vh;overflow:auto}.flow-card button{min-height:40px}.flow-account-hint{background:#fff5dc;padding:10px;border-radius:6px}.flow-quantity{display:flex;gap:8px}.flow-quantity input{max-width:130px}@media(max-width:700px){.flow-tabs button{font-size:15px;padding:8px}.flow-scroll{max-height:50vh}.flow-card strong{font-size:20px}.flow-card .toolbar{flex-wrap:wrap}.flow-filters{flex-wrap:wrap}}

.pr-signature{border-top:2px solid #000;padding:4mm 0 2mm;font-size:16px;font-weight:bold;color:#000}.pr-signature small{font-size:11px;font-weight:normal}
/* Shared business states: color describes a state, never a person or cash direction. */
.status-done{color:#226944}.status-pending{color:#96541c}.status-issue{color:#b32926;font-weight:750}.status-normal{color:#273a31}
.person-chip{display:inline-flex;align-items:center;gap:4px;white-space:nowrap;font-size:12px;line-height:1.4;color:#3f4c47}.person-role{font-size:11px;color:#68746d}.person-dot{width:8px;height:8px;border-radius:50%;flex:none;background:#7393b2}.person-purple{background:#9685ad}.person-slate{background:#85929d}.person-cyan{background:#799caa}.person-brown{background:#a18d80}.order-people{display:flex;flex-wrap:wrap;gap:3px 10px}.order-short-progress{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;text-align:left;gap:2px;border:0;background:transparent;padding:3px 0;font-size:13px;line-height:1.4;white-space:normal}.order-short-progress:hover{background:#f0f4f1;text-decoration:underline}.order-detail-people{margin-bottom:8px}.order-detail .business-timeline .person-chip{margin-left:2px}
.collection-summary{display:flex;flex-wrap:wrap;gap:4px 18px;padding:5px 0;font-size:12px;border-bottom:1px solid #d5dfd8}.collection-summary b{font-size:15px;font-variant-numeric:tabular-nums}.collection-controls{display:flex;gap:10px;align-items:center;justify-content:space-between}.collection-controls .flow-tabs{margin:5px 0;flex-wrap:nowrap;border:0;padding:0}.collection-controls .flow-filters{margin:4px 0;flex-wrap:nowrap;flex:1;justify-content:flex-end}.collection-controls .flow-filters>input{width:min(320px,100%)}.collection-more-tabs,.collection-filter-extra{position:relative;flex:none;font-size:12px}.collection-more-tabs>summary,.collection-filter-extra>summary{cursor:pointer;padding:7px 4px;white-space:nowrap}.collection-more-tabs>div,.collection-filter-extra>div{position:absolute;top:100%;right:0;min-width:190px;padding:10px;background:#fff;border:1px solid #bdcec3;box-shadow:0 5px 16px #203b3420;z-index:35;display:grid;gap:6px}.collection-more-tabs button{justify-content:flex-start}.collection-filter-extra label{display:grid;gap:3px}.collection-filter-extra input{width:100%}.collection-desktop-orders .order-people{max-width:225px}.collection-desktop-orders td:nth-child(3){max-width:240px}.collection-desktop-orders td.num{white-space:nowrap}.collection-desktop-orders td:nth-child(6){min-width:160px}.reconcile-cards{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin:6px 0}.reconcile-cards button{display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:7px 9px;min-width:0;text-align:left;background:#fff;border:1px solid #d4dfd7}.reconcile-cards button>span{font-size:12px;color:#65756b}.reconcile-cards strong{font-size:23px;line-height:1.3;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;max-width:100%}.reconcile-note{display:block;font-size:11px;line-height:1.5;color:#637267;margin:3px 0 7px}.reconcile-range{gap:5px}.reconcile-range strong{font-size:14px}.reconcile-range button{padding:4px 8px;min-height:32px;font-size:13px}.reconcile-range button[aria-pressed=true]{background:#e5eee8;border-color:#9bb6a6}.reconcile-range input{padding:3px 5px!important;font-size:12px;min-height:30px;width:139px;margin-left:auto}.reconcile-other{display:flex;gap:10px;flex-wrap:wrap;font-size:12px;margin:6px 0}.reconcile-detail article{padding:8px 0;border-bottom:1px solid #dce4df}.reconcile-detail article>div:first-child{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.reconcile-detail b{font-size:19px;font-variant-numeric:tabular-nums}.reconcile-detail p{font-size:13px;margin:4px 0}.reconcile-detail small{display:block;color:#66776c;font-size:12px}.reconcile-detail .person-chip{margin:3px 8px 3px 0}.dash-cost-details>summary{cursor:pointer;padding:8px 0;font-size:14px}.dash-cost-details>.dash-cards{grid-template-columns:repeat(3,minmax(0,1fr))}

.owner-home .owner-order-work{color:var(--ink,#273a31)}.owner-home .status-done{color:#226944}.owner-home .status-pending{color:#96541c}.owner-home .status-issue{color:#b32926}.owner-home .status-normal{color:#273a31}

/* Physical milestones are symbols plus words; money has its own independent row. */
.order-progress-goods{display:flex;flex-wrap:wrap;align-items:center;gap:3px 6px}
.order-flow-mini{display:inline-flex;align-items:center;gap:2px;vertical-align:middle;flex:none;white-space:nowrap}
.order-flow-mini-node{display:inline-grid;place-items:center;width:12px;height:12px;line-height:1;font-size:10px;border:1px solid #9ba89f;border-radius:50%;color:#58665e;background:#fff}
.order-flow-mini-node+.order-flow-mini-node{margin-left:3px;position:relative}
.order-flow-mini-node+.order-flow-mini-node::before{content:'';position:absolute;right:100%;width:4px;height:1px;background:#aebbb2}
.order-flow-mini-node.flow-done{background:#e5f0e9;border-color:#57856a;color:#205c3b}
.order-flow-mini-node.flow-active,.order-flow-mini-node.flow-partial{border-color:#aa783f;color:#875316;background:#fff7e9}
.order-flow-mini-node.flow-stopped{border-style:dashed;background:#f0f2f0}
.order-detail .order-flow-panel{padding:8px 0;border-top:1px solid #e0e6e1;border-bottom:1px solid #e0e6e1;margin:10px 0}
.order-flow-heading{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:3px 10px}
.order-flow-heading h3{margin:0;font-size:14px}.order-flow-heading small{color:#66756c;font-size:11px}
.order-detail .order-flow-notice{margin:6px 0;font-size:13px;font-weight:600}
.order-flow-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(54px,1fr));gap:2px;list-style:none;margin:8px 0;padding:0}
.order-flow-steps li{position:relative;min-width:0;text-align:center}
.order-flow-steps li+li::before{content:'';position:absolute;top:14px;right:50%;width:100%;height:1px;background:#cbd6ce;z-index:0}
.order-detail .order-flow-steps button{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;width:100%;min-height:72px;padding:2px 2px 5px;background:transparent;border:1px solid transparent;border-radius:5px;white-space:normal;color:#405348;font-size:12px;line-height:1.3}
.order-detail .order-flow-steps button:hover,.order-detail .order-flow-steps button[aria-pressed=true]{background:#f0f5f1;border-color:#bdcfc3}
.order-flow-symbol{display:grid;place-items:center;width:22px;height:22px;border:1px solid #a5b4aa;border-radius:50%;background:#fff;color:#6c7b71;font-size:14px;font-weight:600;z-index:1}
.order-flow-steps strong{font-size:12px;font-weight:600;overflow-wrap:anywhere}
.order-flow-steps small{font-size:10px;line-height:1.35;color:#617269;overflow-wrap:anywhere}
.order-flow-steps .flow-done .order-flow-symbol{background:#e3f0e8;border-color:#528469;color:#205c3b}
.order-flow-steps .flow-active .order-flow-symbol,.order-flow-steps .flow-partial .order-flow-symbol{background:#fff6e6;border-color:#ad7a40;color:#8c551b}
.order-flow-steps .flow-active small,.order-flow-steps .flow-partial small{color:#875316}
.order-flow-steps .flow-stopped .order-flow-symbol{border-style:dashed;background:#eef1ee}
.order-detail .order-flow-money{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 8px;min-height:34px;padding:6px 8px;border:0;border-top:1px solid #e5eae6;background:#f7f9f7;font-size:13px;text-align:left}
.order-flow-money>span{font-size:11px;color:#65756b}
.order-record-tools{display:flex;align-items:baseline;justify-content:space-between;gap:8px}
.order-record-tools .order-record-heading{border:0;margin:10px 0 5px;padding:0}
.order-record-tools [data-flow-all]{font-size:12px}
@media(max-width:420px){.order-flow-steps{grid-template-columns:repeat(auto-fit,minmax(45px,1fr))}.order-flow-steps strong{font-size:11px}.order-detail .order-flow-steps button{min-height:76px}.order-flow-heading small{font-size:10px}}
.task-receipt{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:8px 10px;border-left:3px solid #c99b42;background:#faf7ee;overflow-wrap:anywhere}.task-receipt>small{flex-basis:100%;color:#526259}.task-receipt>[role=status]{color:#a22c21}.task-priority{display:inline-block;color:#855500;font-weight:750;font-size:15px}.task-receipt button{min-height:42px;padding:8px 18px}.message-list>.task-receipt{margin-top:-8px;margin-bottom:12px}.order-detail [data-order-feedback]:empty{display:none}

/* One collection workspace owns categories and filters, including its history views. */
#page[data-page="payments"] .collection-controls{display:block;min-width:0}
#page[data-page="payments"] .collection-controls .flow-tabs{max-width:100%;overflow-x:auto;overflow-y:hidden;flex-wrap:nowrap;overscroll-behavior-x:contain;scrollbar-width:thin;padding:2px 0 4px}
#page[data-page="payments"] .collection-controls .flow-tabs>button{flex:0 0 auto;white-space:nowrap}
#page[data-page="payments"] .collection-controls .flow-filters{justify-content:flex-start}
#page[data-page="payments"] [hidden]{display:none!important}
.collection-selection{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid #cddbd2;font-size:13px}
.collection-selection>span{margin-right:auto;white-space:nowrap}
.collection-selection [data-batch]{background:#176b52;color:#fff}
.collection-footnote{font-size:12px;margin:7px 0}
.payment-archive{min-width:0}.payment-archive-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 0}
.payment-archive-heading>div{min-width:0}.payment-archive-heading strong{font-size:15px}.payment-archive-heading small{display:block;color:#62766b;font-size:12px;line-height:1.5;margin-top:3px}
.payment-archive-heading>button{flex:none;white-space:nowrap}
.payment-archive-totals{display:flex;gap:12px;flex-wrap:wrap;padding:5px 0;font-size:12px;border-bottom:1px solid #d5dfd8}
.payment-archive-totals b{font-size:15px;font-variant-numeric:tabular-nums}
.payment-credit-lists{padding:8px}.payment-credit-lists h3{font-size:14px;margin:4px 0 7px}
.payment-suppliers{margin-top:12px}.payment-suppliers>summary{min-height:36px;cursor:pointer;font-size:14px;padding:7px 0}
@media screen and (max-width:600px){
 #page[data-page="payments"] .collection-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:4px 0}
 #page[data-page="payments"] .collection-summary>span{font-size:11px;white-space:normal;min-width:0}
 #page[data-page="payments"] .collection-summary b{display:block;font-size:14px;white-space:nowrap}
 #page[data-page="payments"] .collection-controls .flow-tabs{gap:4px;margin:4px 0}
 #page[data-page="payments"] .collection-controls .flow-tabs>button{min-height:38px;font-size:14px;padding:6px 10px}
 #page[data-page="payments"] .collection-controls .flow-filters{gap:8px;margin:2px 0 6px}
 #page[data-page="payments"] .collection-controls .flow-filters>input{min-height:38px;max-width:none;font-size:16px}
 #page[data-page="payments"] .collection-filter-extra>summary{font-size:13px;min-height:36px;display:flex;align-items:center}
 .app-shell .workspace #page[data-page="payments"]{display:block;overflow:auto}
 .app-shell #page[data-page="payments"]>[data-collection-body]{flex:none;min-height:0;max-height:none;overflow:visible}
 #page[data-page="payments"] .collection-selection{gap:5px;position:sticky;top:0;background:#edf3ef;z-index:2}
 #page[data-page="payments"] .collection-selection button{min-height:36px;padding:5px 7px;font-size:13px}
 #page[data-page="payments"] .payment-archive-heading{align-items:flex-start;padding:5px 0}
 #page[data-page="payments"] .payment-archive-heading>button{min-height:38px;font-size:14px;padding:6px 9px}
 #page[data-page="payments"] .payment-credit-lists{padding:5px 0}
 #page[data-page="payments"] .payment-credit-table{display:table;width:100%;table-layout:fixed}
 #page[data-page="payments"] .payment-credit-table thead{display:table-header-group}
 #page[data-page="payments"] .payment-credit-table tbody{display:table-row-group}
 #page[data-page="payments"] .payment-credit-table tr{display:table-row}
 #page[data-page="payments"] .payment-credit-table th,#page[data-page="payments"] .payment-credit-table td{display:table-cell;padding:9px 5px;font-size:14px;vertical-align:middle}
 #page[data-page="payments"] .payment-credit-table th{font-size:12px;color:#607469}
 #page[data-page="payments"] .payment-credit-table td::before{display:none}
 #page[data-page="payments"] .payment-credit-table td.num{font-variant-numeric:tabular-nums;white-space:nowrap!important}
 #page[data-page="payments"] .payment-history-table tbody>tr{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"customer amount" "account state" "time actions";gap:4px 10px;padding:9px 5px;align-items:start}
 #page[data-page="payments"] .payment-history-table td:nth-child(1){grid-area:time;font-size:12px}
 #page[data-page="payments"] .payment-history-table td:nth-child(2){grid-area:customer;font-size:16px;font-weight:650}
 #page[data-page="payments"] .payment-history-table td:nth-child(3){grid-area:account}
 #page[data-page="payments"] .payment-history-table td:nth-child(4){grid-area:amount;font-size:18px;font-weight:700;text-align:right}
 #page[data-page="payments"] .payment-history-table td:nth-child(5){grid-area:state;font-size:12px;text-align:right}
 #page[data-page="payments"] .payment-history-table td:nth-child(6){grid-area:actions;text-align:right;align-self:end}
 #page[data-page="payments"] .payment-history-table td:nth-child(2)::before,#page[data-page="payments"] .payment-history-table td:nth-child(4)::before,#page[data-page="payments"] .payment-history-table td:nth-child(5)::before,#page[data-page="payments"] .payment-history-table td:nth-child(6)::before{display:none}
}