/* Compact cards share a layout in both lists and in the desktop detail pane. */
body.af-ux :is(#orders.af-order-workspace,#deliveries.af-delivery-workspace) :is(#order-list,#delivery-list,#orders-workspace-pane,#deliveries-workspace-pane) .af-compact-card{--compact-accent:#1184e8;min-width:0!important;margin:0!important;border:1px solid #d5e2ec!important;border-left:3px solid var(--compact-accent)!important;border-radius:13px!important;background:#fff!important;box-shadow:0 2px 7px #15364f04!important;overflow:visible!important;contain:none!important}
body.af-ux :is(#orders.af-order-workspace,#deliveries.af-delivery-workspace) :is(#order-list,#delivery-list,#orders-workspace-pane,#deliveries-workspace-pane) .af-compact-card:is(.done){--compact-accent:#0ba471;border-color:#c8e7da!important}body.af-ux :is(#orders.af-order-workspace,#deliveries.af-delivery-workspace) :is(#order-list,#delivery-list,#orders-workspace-pane,#deliveries-workspace-pane) .af-compact-card.progress{--compact-accent:#ed9417}body.af-ux :is(#orders.af-order-workspace,#deliveries.af-delivery-workspace) :is(#order-list,#delivery-list,#orders-workspace-pane,#deliveries-workspace-pane) .af-compact-card.retry{--compact-accent:#8853ce}body.af-ux :is(#orders.af-order-workspace,#deliveries.af-delivery-workspace) :is(#order-list,#delivery-list,#orders-workspace-pane,#deliveries-workspace-pane) .af-compact-card.cancelled{--compact-accent:#94a3b1}
body.af-ux :is(#orders.af-order-workspace,#deliveries.af-delivery-workspace) :is(#order-list,#delivery-list,#orders-workspace-pane,#deliveries-workspace-pane) .af-compact-card:before{display:none!important}
body.af-ux #orders.af-order-workspace :is(#order-list,#orders-workspace-pane) .af-compact-card,body.af-ux #deliveries.af-delivery-workspace :is(#delivery-list,#deliveries-workspace-pane) .af-compact-card .af-compact-summary{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:4px!important;padding:7px 10px 9px!important;min-height:0!important;list-style:none!important;background:#fff!important}
body.af-ux #deliveries.af-delivery-workspace :is(#delivery-list,#deliveries-workspace-pane) .af-compact-card{display:block!important;padding:0!important}.af-compact-card .af-compact-summary::-webkit-details-marker{display:none!important}
body.af-ux :is(#orders.af-order-workspace,#deliveries.af-delivery-workspace) :is(#order-list,#delivery-list,#orders-workspace-pane,#deliveries-workspace-pane) .af-compact-top{display:grid!important;grid-template-columns:minmax(0,1fr) 44px!important;gap:6px!important;align-items:center!important;min-width:0!important;min-height:44px!important;margin:0!important}
body.af-ux :is(#orders.af-order-workspace,#deliveries.af-delivery-workspace) :is(#order-list,#delivery-list,#orders-workspace-pane,#deliveries-workspace-pane) .af-compact-customer{display:block!important;min-width:0!important;width:100%!important;min-height:44px!important;height:auto!important;padding:3px 0!important;border:0!important;background:transparent!important;box-shadow:none!important;color:#173952!important;text-align:left!important;font-size:17px!important;line-height:1.25!important;font-weight:750!important;white-space:normal!important;overflow:visible!important;overflow-wrap:anywhere!important;text-overflow:clip!important}
body.af-ux :is(#orders.af-order-workspace,#deliveries.af-delivery-workspace) :is(#order-list,#delivery-list,#orders-workspace-pane,#deliveries-workspace-pane) .af-compact-menu{width:44px!important;min-width:44px!important;min-height:44px!important;margin:0!important;justify-self:end!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#526e81!important;position:relative!important;overflow:visible!important}
body.af-ux :is(#orders.af-order-workspace,#deliveries.af-delivery-workspace) :is(#order-list,#delivery-list,#orders-workspace-pane,#deliveries-workspace-pane) :is(button.af-compact-menu,.af-compact-menu>summary){display:grid!important;place-items:center!important;width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;font-size:25px!important;line-height:1!important;color:#526e81!important;list-style:none!important;cursor:pointer!important}.af-compact-menu>summary::-webkit-details-marker{display:none!important}
body.af-ux :is(#orders.af-order-workspace,#deliveries.af-delivery-workspace) :is(#order-list,#delivery-list,#orders-workspace-pane,#deliveries-workspace-pane) .af-compact-state{display:flex!important;align-items:center!important;gap:6px!important;flex-wrap:wrap!important;min-width:0!important;font-size:11px!important;line-height:1.25!important}
.af-compact-sequence{display:grid;place-items:center;min-width:25px;height:24px;padding:0 5px;border-radius:6px;background:#edf3f8;color:#557286;font-size:10px;font-weight:700;font-variant-numeric:tabular-nums}.af-compact-status{display:inline-flex;align-items:center;min-height:24px;padding:3px 7px;border-radius:7px;background:#ecf5ff;color:#1872b6;font-size:11px;font-weight:700}.af-compact-status.done{background:#e0f5eb;color:#087c57}.af-compact-status.progress{background:#fff0d9;color:#976000}.af-compact-status.retry{background:#f2eafa;color:#7040a9}.af-compact-status.cancelled{background:#f0f3f5;color:#647581}
body.af-ux :is(#orders.af-order-workspace,#deliveries.af-delivery-workspace) :is(#order-list,#delivery-list,#orders-workspace-pane,#deliveries-workspace-pane) .af-compact-reference{margin-left:auto!important;min-width:0!important;max-width:100%!important;font-size:11px!important;line-height:1.3!important;font-weight:600!important;letter-spacing:0!important;color:#5b7386!important;white-space:normal!important;overflow-wrap:anywhere!important;overflow:visible!important;text-overflow:clip!important}
body.af-ux :is(#orders.af-order-workspace,#deliveries.af-delivery-workspace) :is(#order-list,#delivery-list,#orders-workspace-pane,#deliveries-workspace-pane) :is(.af-compact-contact,.af-compact-note,.af-compact-deposit){margin:0!important;padding:0!important;font-size:12px!important;line-height:1.4!important;font-weight:400!important;color:#577185!important;white-space:normal!important;overflow:visible!important;overflow-wrap:anywhere!important;text-overflow:clip!important}.af-compact-note>span{font-weight:600}.af-compact-deposit{color:#8c6525!important}
body.af-ux :is(#orders.af-order-workspace,#deliveries.af-delivery-workspace) :is(#order-list,#delivery-list,#orders-workspace-pane,#deliveries-workspace-pane) .af-compact-products{display:flex!important;flex-wrap:wrap!important;gap:2px 10px!important;min-width:0!important;padding:4px 0 1px!important;border:0!important;background:transparent!important}
body.af-ux :is(#orders.af-order-workspace,#deliveries.af-delivery-workspace) :is(#order-list,#delivery-list,#orders-workspace-pane,#deliveries-workspace-pane) .af-compact-products :is(span,b){font-size:13px!important;line-height:1.4!important;letter-spacing:0!important;white-space:normal!important;overflow:visible!important;overflow-wrap:anywhere!important;text-overflow:clip!important;color:#3a586e!important;font-weight:500!important}.af-compact-products b{font-weight:650!important}
body.af-ux :is(#orders.af-order-workspace,#deliveries.af-delivery-workspace) :is(#order-list,#delivery-list,#orders-workspace-pane,#deliveries-workspace-pane) :is(.af-compact-meta,.af-compact-shells){display:flex!important;flex-wrap:wrap!important;align-items:baseline!important;gap:3px 9px!important;min-width:0!important;margin:0!important;padding:0!important;font-size:11px!important;line-height:1.4!important;color:#61798b!important;white-space:normal!important;overflow:visible!important}.af-compact-meta>span,.af-compact-shells>span{min-width:0;overflow-wrap:anywhere}.af-compact-source{color:#946627}.af-compact-crew{font-weight:600}.af-compact-shells b{font-weight:650;color:#294e68}
body.af-ux :is(#orders.af-order-workspace,#deliveries.af-delivery-workspace) :is(#order-list,#delivery-list,#orders-workspace-pane,#deliveries-workspace-pane) .af-compact-finance{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;min-width:0!important;margin:3px 0 0!important;padding:7px 0 0!important;border-top:1px solid #e3ebf1!important;background:transparent!important}
.af-compact-finance>div{min-width:0}.af-compact-finance dt{margin:0;font-size:10px;font-weight:400;line-height:1.35;color:#61798b}.af-compact-finance dd{margin:3px 0 0;font-size:13px;font-weight:700;font-variant-numeric:tabular-nums;line-height:1.4;color:#173952;white-space:normal;overflow-wrap:anywhere}.af-compact-finance dd.positive{color:#08815b}.af-compact-finance dd.negative{color:#c53d49}.af-compact-finance dd.muted{color:#748997}
.af-compact-value{display:flex;align-items:baseline;justify-content:space-between;gap:9px;padding-top:6px;margin-top:3px;border-top:1px solid #e3ebf1;font-size:11px;color:#61798b}.af-compact-value strong{font-size:14px;font-weight:700;color:#173952;overflow-wrap:anywhere}
body.af-ux :is(#orders.af-order-workspace,#deliveries.af-delivery-workspace) :is(#order-list,#delivery-list,#orders-workspace-pane,#deliveries-workspace-pane) .af-compact-payment{margin:0!important;padding:0!important;font-size:10px!important;line-height:1.3!important;text-align:right!important;color:#087c57!important}.af-compact-payment.negative{color:#c53d49!important}.af-compact-payment.muted{color:#748997!important}
body.af-ux :is(#orders.af-order-workspace,#deliveries.af-delivery-workspace) :is(#order-list,#delivery-list,#orders-workspace-pane,#deliveries-workspace-pane) .af-compact-action{display:flex!important;justify-content:flex-end!important;gap:7px!important;min-height:0!important;margin:3px 0 0!important;padding:0!important;border:0!important;background:transparent!important}
body.af-ux :is(#orders.af-order-workspace,#deliveries.af-delivery-workspace) :is(#order-list,#delivery-list,#orders-workspace-pane,#deliveries-workspace-pane) .af-compact-action>button{width:auto!important;min-width:110px!important;min-height:44px!important;padding:7px 13px!important;border-radius:9px!important;font-size:13px!important;line-height:1.3!important;white-space:normal!important}
body.af-ux :is(#orders.af-order-workspace,#deliveries.af-delivery-workspace) :is(#order-list,#delivery-list){gap:8px!important}body.af-ux :is(#orders.af-order-workspace,#deliveries.af-delivery-workspace) :is(#order-list,#delivery-list) .staff-delivery-list-compact{gap:8px!important}
.af-compact-card :is(button,summary,a):focus-visible{outline:2px solid #147ee4!important;outline-offset:2px!important}.af-compact-attention{font-size:11px;line-height:1.4;overflow-wrap:anywhere}.af-compact-card .order-ux-retry-v34213{margin:0!important;padding:4px 6px!important;font-size:11px!important;line-height:1.4!important}
@media(max-width:360px){body.af-ux :is(#orders.af-order-workspace,#deliveries.af-delivery-workspace) :is(#order-list,#delivery-list,#orders-workspace-pane,#deliveries-workspace-pane) .af-compact-customer{font-size:16px!important}.af-compact-finance{gap:5px!important}.af-compact-finance dd{font-size:12px}.af-compact-finance dt{font-size:9.5px}}