/* Enterprise UI foundation. Loaded last; specialist chat/QR/viewport layouts remain scoped. */
body.af-ux #payment-dialog .payment-collector-field{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;margin:0 0 16px;min-width:0}
body.af-ux #payment-dialog .payment-collector-field select{width:100%;min-width:0;min-height:48px;font-size:16px}
body.af-ux #payment-dialog .payment-collector-field .field-hint{font-size:13px;line-height:1.5;white-space:normal}
body.af-ux #payment-dialog .payment-collector-field select:disabled{opacity:1;color:var(--ux-ink);-webkit-text-fill-color:var(--ux-ink)}
body.af-ux {
  --ux-ink:#16354f; --ux-muted:#52697c; --ux-blue:#1263cf; --ux-line:#d5e2ec;
  --ux-surface:#fff; --ux-soft:#f3f7fb; --ux-radius:16px; --ux-touch:44px;
  color:var(--ux-ink); font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
body.af-ux :is(button,a,summary,input,select,textarea){touch-action:manipulation}
body.af-ux :is(button,a,summary):focus-visible{outline:2px solid #2879d8!important;outline-offset:2px!important}
body.af-ux :is(input,select,textarea)[aria-invalid="true"]{border-color:#bd2639!important;box-shadow:0 0 0 2px #bd26391a!important}
body.af-ux :is(.btn,.mini-btn,.edit,.delete,.icon-btn){font-weight:700!important;letter-spacing:0!important}
body.af-ux :is(.btn,.mini-btn,.edit,.delete){min-height:var(--ux-touch)!important;border-radius:12px!important}
body.af-ux :is(.btn,.mini-btn):active{filter:brightness(.94)}
body.af-ux :is(.btn,.mini-btn):disabled{cursor:default;filter:none}
body.af-ux :is(h1,h2,h3){line-height:1.25;letter-spacing:-.02em}
body.af-ux :is(.section-note,.helper-note,.muted){color:var(--ux-muted)!important;line-height:1.5!important}
body.af-ux :is(.dialog-actions,.workflow-fixed-actions,.payment-enterprise-actions) :is(button,.btn){min-height:50px!important;font-size:15px!important}
body.af-ux :is(.dialog-head h2,.af-global-dialog-head h2){font-size:21px!important;font-weight:750!important}
body.af-ux :is(.dialog-head,.af-global-dialog-head) .icon-btn{width:44px!important;height:44px!important;flex-basis:44px!important}
body.af-ux :is(.workflow-section-head,.receipt-section-head) h3{font-size:17px!important}
body.af-ux .sync-status{color:var(--ux-muted)}
body.af-ux :is(.account-button,.af-notification-toggle){min-height:44px!important}
body.af-ux .sync-status #sync-refresh{width:44px!important;height:44px!important;border-radius:12px!important}
body.af-ux .customer-scope-banner{padding:12px;border-radius:var(--ux-radius)}
body.af-ux .customer-scope-banner :is(small,strong){line-height:1.4}

/* Shared card hierarchy: identity first, amount next, details underneath. */
body.af-ux :is(#orders,#deliveries,#debts,#customers){--odc-text:var(--ux-ink);--odc-muted:var(--ux-muted);--od-muted:var(--ux-muted)}
body.af-ux #orders .order-command-customer-name-v3430 .customer-entity-link-v34258,
body.af-ux #deliveries .delivery-customer-copy-v34225>.customer-entity-link-v34258{
  font-size:18px!important;font-weight:750!important;line-height:1.3!important;overflow-wrap:anywhere!important;white-space:normal!important;
}
body.af-ux #orders .order-ux-customer-copy-v34213 .entity-contact-v34258,
body.af-ux #deliveries .delivery-customer-copy-v34225 .entity-contact-v34258{
  font-size:13px!important;color:var(--ux-muted)!important;line-height:1.45!important;
  white-space:normal!important;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;
}
body.af-ux #orders .order-ux-money-v34213,
body.af-ux #deliveries .delivery-money-v34225>strong,
body.af-ux #debts .debt-money-v34228>strong{font-size:17px!important;line-height:1.3!important;font-weight:750!important;font-variant-numeric:tabular-nums}
body.af-ux #deliveries .delivery-money-v34225>small,
body.af-ux #debts .debt-money-v34228>small{font-size:12px!important;line-height:1.35!important}
body.af-ux #orders .order-ux-facts-v34213,
body.af-ux #deliveries .delivery-card-facts-v34225,
body.af-ux #debts .debt-card-facts-v34228{font-size:13px!important;line-height:1.45!important;color:var(--ux-muted)!important}
body.af-ux #orders .order-ux-facts-v34213 b,
body.af-ux #deliveries .delivery-card-facts-v34225 b{font-weight:700!important}
body.af-ux #orders .order-ux-actions-v34213>.mini-btn{min-height:46px!important;font-size:14px!important}
/* V34.2.80: bare ellipsis; preserve the touch target and keyboard focus. */
body.af-ux #orders .order-ux-menu-v34213>summary{min-width:44px!important;min-height:44px!important;display:grid!important;place-items:center!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;cursor:pointer}
/* Source actions feed the anchored dropdown outside card clipping. */
body.af-ux #orders .order-ux-menu-v34213>div{display:none!important}
body.af-ux #orders .af-route-actions{display:flex;gap:8px;margin:8px 0}
body.af-ux #orders .af-route-actions a{flex:1;display:flex;align-items:center;justify-content:center;min-height:44px;padding:8px;border:1px solid #d1e0ee;border-radius:12px;background:#f5f9fd;color:#215680;text-decoration:none;font-size:13px;font-weight:650}
body.af-ux #debts .debt-customer-copy-v34228>strong{font-size:18px!important;line-height:1.3!important;font-weight:750!important}
body.af-ux #debts .debt-customer-copy-v34228>small{font-size:13px!important;color:var(--ux-muted)!important;line-height:1.4!important}
body.af-ux #debts .debt-card-actions-v34228 :is(button,.btn){min-height:46px!important;font-size:13px!important;padding-inline:7px!important}
body.af-ux #customers .customer-enterprise-copy-v34258>strong{font-size:18px!important;font-weight:750!important;line-height:1.3!important}
body.af-ux #customers .customer-enterprise-copy-v34258>small{font-size:13px!important;color:var(--ux-muted)!important;line-height:1.4!important}
body.af-ux #customers .customer-enterprise-money-v34258>strong{font-size:15px!important;font-weight:750!important}
body.af-ux #customers .customer-enterprise-money-v34258>small{font-size:11px!important;line-height:1.3!important}
body.af-ux #customers .customer-linked-workspaces-v34258{grid-template-columns:repeat(3,minmax(0,1fr))!important}
body.af-ux #customers .customer-linked-workspaces-v34258>button{min-height:46px!important;font-size:12px!important;font-weight:700!important}
body.af-ux #customers .customer-linked-workspaces-v34258>button:only-child{grid-column:1/-1}
body.af-ux #customers .compact-customer-details{font-size:14px!important;line-height:1.45!important}
body.af-ux #customers .compact-contact small{font-size:13px!important;color:var(--ux-muted)!important}
body.af-ux :is(.staff-receipt-card,.staff-expense-card,.af-review-list article){border-radius:var(--ux-radius)!important}
body.af-ux :is(.staff-receipt-card-id,.staff-receipt-card-state small,.staff-expense-card small){font-size:12px!important;line-height:1.4!important}
body.af-ux :is(.staff-command,.management-command){min-height:78px!important;border-radius:var(--ux-radius)!important}
body.af-ux :is(.staff-command,.management-command) strong{font-size:16px!important;font-weight:750!important}
body.af-ux :is(.staff-command,.management-command) small{font-size:12px!important;line-height:1.4!important}

.af-empty-state{display:grid!important;justify-items:center!important;gap:10px!important;padding:28px 16px!important;border:1px dashed #c4d5e4;border-radius:16px;background:#f7fafc;text-align:center;color:#36566f}
.af-empty-state .af-empty-icon{display:grid;place-items:center;width:44px;height:44px;background:#e8f1fa;border-radius:14px;color:#2f6596;font-size:24px}
.af-empty-state strong{font-size:16px;font-weight:700;line-height:1.4}.af-empty-state p{margin:0;max-width:360px;font-size:13px;line-height:1.5;color:#52697c}.af-empty-state .btn{margin-top:4px}

/* Menus use dialog focus handling; every menu item delegates to the existing permitted tab. */
body.af-ux .af-more-tab{display:none}
body.af-ux dialog.af-ux-dialog{width:min(560px,calc(100% - 24px))!important;height:fit-content!important;min-height:0!important;max-height:calc(100dvh - 40px - env(safe-area-inset-top,0px))!important;max-width:560px!important;padding:0!important;margin:auto!important;border:1px solid var(--ux-line)!important;border-radius:22px!important;background:#fff!important;color:var(--ux-ink)!important;overflow:auto!important;box-shadow:0 20px 70px #152f4e33!important}
body.af-ux dialog.af-ux-dialog::backdrop{background:#102a466b;backdrop-filter:none!important}
.af-ux-dialog>header{position:sticky;top:0;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px;border-bottom:1px solid #dce7f0;background:#fff}
.af-ux-dialog>header h2{margin:0;font-size:21px;font-weight:750}
.af-ux-close{width:44px;height:44px;flex:none;border:1px solid #d5e2ec;border-radius:12px;background:#f5f8fb;color:#35556e;font-size:26px;cursor:pointer}
.af-more-content{display:grid;gap:18px;padding:16px}.af-more-content h3{margin:0 0 9px;font-size:13px;font-weight:700;color:#52697c}
.af-more-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.af-more-grid button{display:flex;align-items:center;gap:10px;min-width:0;min-height:86px;padding:12px;border:1px solid #d5e2ec;border-radius:15px;background:#f9fbfd;text-align:left;color:#16354f;cursor:pointer}
.af-more-grid button[aria-current="page"]{border-color:#4c8dd9;background:#eaf3ff}
.af-menu-icon{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:11px;background:#e7f0fa;color:#1263cf;font-size:22px}
.af-more-grid button>span:last-child{min-width:0;display:grid;gap:4px}.af-more-grid strong{font-size:15px;line-height:1.3}.af-more-grid small{font-size:12px;line-height:1.45;color:#52697c}
.af-account-content{display:grid;gap:10px;padding:16px}.af-account-identity{display:grid;gap:5px;margin:0 0 8px}.af-account-identity strong{font-size:19px}.af-account-identity span{font-size:13px;color:#52697c}
.af-account-content>button{min-height:48px;padding:12px;border:1px solid #c9ddec;border-radius:13px;background:#f3f8fd;text-align:left;color:#205888;font:650 15px system-ui;cursor:pointer}
.af-account-content>button.af-account-logout{border-color:#e7c6cc;background:#fff6f7;color:#ae263b}
body.af-ux .af-password-field{position:relative;display:block}.af-password-field input{padding-right:70px!important}.af-password-field button{position:absolute;inset:4px 4px 4px auto;min-width:56px;border:0;border-radius:10px;background:#edf4fc;color:#215d94;font:650 13px system-ui;cursor:pointer}
body.af-ux.login-page .login-copy p{font-size:15px!important;line-height:1.55!important;color:var(--ux-muted)!important}
body.af-ux.login-page .login-card input{min-height:50px!important;font-size:16px!important}
body.af-ux.login-page .login-card button[type="submit"]{min-height:50px!important;font-size:16px!important}
body.af-ux.login-page .login-local{font-size:12px!important;line-height:1.5!important;color:var(--ux-muted)!important}

/* Assistant uses the same readable hierarchy with fewer competing surfaces. */
body.af-ux .assistant-card{border-radius:18px!important;border-color:var(--ux-line)!important;box-shadow:0 3px 12px #16354f06!important}
body.af-ux .assistant-account{cursor:pointer;font:inherit;text-align:left;border:1px solid #d5e2ec;min-height:44px}
body.af-ux .assistant-account strong{font-size:14px!important}.assistant-account span{line-height:1.4}
body.af-ux :is(.assistant-live-copy p,.assistant-advance-help,.assistant-dialog-help){font-size:14px!important;line-height:1.5!important}
body.af-ux :is(.plan-row,.work-row,.week-row,.assistant-advance-row) small{font-size:12px!important;line-height:1.45!important}
body.af-ux :is(.assistant-shift-dialog,.assistant-advance-dialog) :is(input,select,textarea){font-size:16px!important}
body.af-ux :is(.assistant-advance-open,.assistant-advance-presets button,.assistant-date-controls button,.assistant-shift-dialog footer button){min-height:44px!important}

@media(max-width:980px){
  body.af-ux{background:#f3f7fb!important}
  body.af-ux :is(.page-head,.aquaflow-page-head) h2{font-size:22px!important;line-height:1.25!important;font-weight:750!important}
  body.af-ux :is(.page-head,.aquaflow-page-head) .btn{min-height:44px!important;font-size:13px!important}
  body.af-ux #debts .debt-head-brand-v34228 h2{font-size:22px!important}
  body.af-ux :is(.af-daybar-controls button,.af-daybar-date-shell){min-height:44px!important}
  body.af-ux #orders .order-command-card-v3430,body.af-ux #deliveries .delivery-card-v34225,body.af-ux #debts .debt-card-v34228{border-radius:18px!important;box-shadow:0 3px 12px #16354f06!important}
  body.af-ux #orders .order-ux-body-v34213,body.af-ux #orders .order-ux-customer-v34213{min-width:0!important}
  body.af-ux .qr-search-inline-v34242{gap:8px!important}
  body.af-ux .qr-search-inline-v34242 .btn{min-height:44px!important;font-size:12px!important}
  body.af-ux .qr-search-inline-v34242 .employee-search-count{font-size:12px!important}
  body.af-ux.af-ux-enhanced.unified-shell .tabs{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:3px!important;align-items:stretch!important;justify-content:space-between!important;overflow:visible!important;padding:6px 6px calc(6px + env(safe-area-inset-bottom,0px))!important;min-height:68px!important;touch-action:manipulation!important}
  body.af-ux.af-ux-enhanced.unified-shell .tabs>.tab.af-nav-secondary{display:none!important}
  body.af-ux.af-ux-enhanced.unified-shell .tabs>.tab:not(.af-nav-secondary):not([hidden]):not(.is-hidden),
  body.af-ux.af-ux-enhanced.unified-shell .tabs>.af-more-tab:not([hidden]){display:flex!important;flex:1 1 0!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:5px!important;width:0!important;min-width:0!important;max-width:none!important;min-height:56px!important;padding:6px 2px!important;border:0!important;border-radius:12px!important;background:transparent;color:#52697c;font-size:11px!important;font-weight:650;text-align:center;cursor:pointer}
  body.af-ux.af-ux-enhanced.unified-shell .tabs :is(.tab-icon,.af-more-tab>span:first-child){font-size:21px!important;line-height:1!important}
  body.af-ux.af-ux-enhanced.unified-shell .tabs .tab-copy{font-size:11px!important;line-height:1.3!important}
  body.af-ux.af-ux-enhanced.unified-shell .tabs>.af-more-tab.active,
  body.af-ux.af-ux-enhanced.unified-shell .tabs>.tab.active{background:#eaf3ff!important;color:#1263cf!important}
  body.af-ux.af-ux-enhanced.unified-shell .tabs .tab-copy>small{display:none!important}
  body.af-ux #customers .customer-enterprise-summary-v34258{grid-template-columns:40px minmax(0,1fr) auto 20px!important;gap:8px!important;min-height:84px!important}
  body.af-ux #customers .customer-enterprise-copy-v34258>strong{white-space:normal!important}
  body.af-ux #customers .customer-enterprise-copy-v34258>small{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  body.af-ux .assistant-live-command{min-height:156px!important}
}
@media(max-width:390px){
  body.af-ux #orders .order-ux-money-v34213,body.af-ux #deliveries .delivery-money-v34225>strong,body.af-ux #debts .debt-money-v34228>strong{font-size:15px!important}
  body.af-ux #orders .order-command-customer-name-v3430 .customer-entity-link-v34258,
  body.af-ux #deliveries .delivery-customer-copy-v34225>.customer-entity-link-v34258,body.af-ux #debts .debt-customer-copy-v34228>strong{font-size:16px!important}
  body.af-ux #customers .customer-enterprise-money-v34258>strong{font-size:13px!important}
  .af-more-grid{grid-template-columns:minmax(0,1fr)}.af-more-grid button{min-height:66px}
  body.af-ux .assistant-account strong{font-size:12px!important}
}
@media(prefers-reduced-motion:reduce){body.af-ux :is(.af-ux-dialog,.af-more-tab,.af-route-actions a){transition:none!important}}

@media(max-width:980px){
  body.af-ux #overview-day-readiness{min-height:132px!important;padding:16px!important;border-radius:18px!important}
  body.af-ux #overview-day-readiness .overview-readiness-copy>strong{font-size:22px!important;line-height:1.3!important}
  body.af-ux #overview-day-readiness .overview-readiness-copy>span{font-size:13px!important;line-height:1.45!important}
  body.af-ux #overview-day-readiness .overview-readiness-progress{width:88px!important;height:88px!important;flex-basis:88px!important}
  body.af-ux #overview-day-readiness .overview-readiness-progress strong{font-size:24px!important}
  body.af-ux .assistant-hero{padding:14px!important;min-height:0!important}
  body.af-ux .assistant-hero h2{font-size:22px!important}
  body.af-ux .assistant-hero p{font-size:13px!important}
}

body.af-ux #deliveries .delivery-card-v34225.cancelled .delivery-status-v34225{background:#fff0f2!important;color:#a8283c!important;border-color:#e7b5bf!important}

/* Compact staff actions: equal rows without allowing descriptions to grow cards. */
@media(max-width:760px){
  body.af-ux:is(.staff-mode,[data-role="staff"]) .staff-command-bar{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-rows:1fr!important;gap:8px!important}
  body.af-ux:is(.staff-mode,[data-role="staff"]) .staff-command-bar .staff-command{box-sizing:border-box!important;min-height:64px!important;grid-template-columns:30px minmax(0,1fr)!important;gap:7px!important;padding:7px 8px!important;border-radius:14px!important;align-items:center!important}
  body.af-ux:is(.staff-mode,[data-role="staff"]) .staff-command-bar .staff-command-icon{width:30px!important;height:30px!important;min-width:0!important;font-size:20px!important;border-radius:10px!important}
  body.af-ux:is(.staff-mode,[data-role="staff"]) .staff-command-bar .staff-command>span:last-child{min-width:0!important;gap:2px!important}
  body.af-ux:is(.staff-mode,[data-role="staff"]) .staff-command-bar .staff-command strong{font-size:clamp(12px,3.4vw,14px)!important;line-height:1.15!important;white-space:normal!important;overflow-wrap:normal!important;word-break:normal!important}
  body.af-ux:is(.staff-mode,[data-role="staff"]) .staff-command-bar .staff-command small{font-size:11px!important;line-height:1.2!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
}

/* Debt collection actions share one readable, touch-friendly layout in both apps. */
body.af-ux #debts .debt-head-actions-v34228{grid-template-columns:repeat(2,max-content)!important;gap:8px!important}
body.af-ux.staff-mode #debts .debt-head-actions-v34228,
body.af-ux[data-role="staff"] #debts .debt-head-actions-v34228{grid-template-columns:max-content!important}
body.af-ux #debts .debt-head-actions-v34228 .btn{box-sizing:border-box!important;min-height:44px!important;height:auto!important;padding:10px 12px!important;font-size:13px!important;line-height:1.25!important;border-radius:12px!important;gap:5px!important}
body.af-ux #debts #debt-list .debt-card-v34228>.debt-card-actions-v34228{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;position:static!important}
body.af-ux #debts #debt-list .debt-card-v34228>.debt-card-actions-v34228.count-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}
body.af-ux #debts #debt-list .debt-card-v34228>.debt-card-actions-v34228>.mini-btn,
body.af-ux #debts #debt-list .debt-card-v34228>.debt-card-actions-v34228>.btn{box-sizing:border-box!important;min-height:44px!important;height:auto!important;padding:10px 5px!important;font-size:13px!important;line-height:1.25!important;border-radius:12px!important;grid-column:auto!important;min-width:0!important}
body.af-ux #debts #debt-list .debt-card-actions-v34228>.sepay-reopen-button::before{content:none!important}
body.af-ux #debts :is(.debt-collect-blue,.debt-pay-v34228){box-shadow:0 3px 9px #0878ef20!important;font-weight:750!important}
@media(max-width:430px){
  body.af-ux #debts .debt-head-actions-v34228 .btn{padding:10px!important;font-size:12px!important}
  body.af-ux #debts #debt-list .debt-card-v34228>.debt-card-actions-v34228>.mini-btn,
  body.af-ux #debts #debt-list .debt-card-v34228>.debt-card-actions-v34228>.btn{font-size:clamp(11px,3vw,12px)!important}
}

/* The system workspace is an ordinary page, with one document scroll. */
body.af-ux #system #system-dialog{width:100%!important;max-width:none!important;height:auto!important;max-height:none!important;overflow:visible!important;border-radius:16px!important;background:transparent!important}
body.af-ux #system #system-dialog .system-tabs{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important;padding:10px!important;margin:0 0 12px!important;border:1px solid var(--ux-line)!important;border-radius:16px!important;overflow:visible!important;position:static!important}
body.af-ux #system #system-dialog .system-tabs button{min-width:0!important;min-height:44px!important;height:auto!important;padding:8px 4px!important;font-size:13px!important;line-height:1.25!important;white-space:normal!important}
body.af-ux #system #system-dialog .system-scroll{height:auto!important;max-height:none!important;overflow:visible!important;padding:0!important;overscroll-behavior:auto!important}
body.af-ux #system #system-dialog .system-panel{padding:16px!important}
body.af-ux #system .system-config-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
body.af-ux #system .system-config-grid>button{display:grid;gap:6px;min-height:92px;min-width:0;padding:16px;border:1px solid #c9ddeb;border-radius:14px;background:#f6faff;color:var(--ux-ink);text-align:left;font:inherit;cursor:pointer}
body.af-ux #system .system-config-grid strong{font-size:16px;line-height:1.3}
body.af-ux #system .system-config-grid span{font-size:13px;color:var(--ux-muted);line-height:1.45}
body.af-ux #team .report-columns{grid-template-columns:minmax(0,1fr)!important}
@media(min-width:980px){body.af-ux #system #system-dialog .system-tabs{grid-template-columns:repeat(8,minmax(0,1fr))!important}}
@media(max-width:640px){
  body.af-ux #system #system-dialog .system-tabs button{font-size:12px!important}
  body.af-ux #system .system-config-grid{grid-template-columns:minmax(0,1fr)}
  body.af-ux #system #system-dialog .section-head{flex-wrap:wrap!important}
}

/* Compact debt summary shared by administration and staff. */
body.af-ux #debts .debt-hero-metrics-new.debt-summary-metrics-v34228{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)!important;gap:8px!important;align-items:stretch!important}
body.af-ux #debts .debt-summary-metrics-v34228 > .debt-summary-card-v34228{grid-template-columns:minmax(0,1fr)!important;gap:0!important;min-height:60px!important;padding:8px 12px!important;border-radius:14px!important;text-align:left!important}
body.af-ux #debts .debt-summary-metrics-v34228 > .debt-summary-card-v34228 > .debt-metric-icon-new{display:none!important}
body.af-ux #debts .debt-summary-metrics-v34228 > .debt-summary-card-v34228 > div{grid-column:1/-1!important;min-width:0!important;width:auto!important;max-width:none!important}
body.af-ux #debts .debt-summary-metrics-v34228 .debt-summary-card-v34228 small{font-size:10px!important;line-height:1.2!important;letter-spacing:.035em!important;white-space:normal!important}
body.af-ux #debts .debt-summary-metrics-v34228 .debt-summary-card-v34228 strong{margin-top:4px!important;font-size:20px!important;line-height:1.2!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere!important;font-variant-numeric:tabular-nums}
body.af-ux #debts .debt-summary-metrics-v34228 .debt-summary-card-v34228 p{display:none!important}
@media(max-width:760px){
  body.af-ux #debts .debt-summary-metrics-v34228 > .debt-summary-card-v34228{min-height:56px!important;padding:8px 10px!important;border-radius:12px!important}
  body.af-ux #debts .debt-summary-metrics-v34228 .debt-summary-card-v34228 #debt-total{font-size:clamp(16px,4.35vw,20px)!important}
}

/* Debt workspace: summary, one action group, then a compact customer search. */
body.af-ux #debts.debt-workspace-v34276 .debt-page-head-new.debt-page-title-v34276{display:flex!important;align-items:center!important;min-height:32px!important;margin:0 0 8px!important;gap:8px!important}
body.af-ux #debts.debt-workspace-v34276 .debt-page-title-v34276 .debt-head-brand-v34228{gap:8px!important}
body.af-ux #debts.debt-workspace-v34276 .debt-page-title-v34276 :is(small,p){display:none!important}
body.af-ux #debts.debt-workspace-v34276 .debt-page-title-v34276 h2{font-size:24px!important;line-height:1.2!important;white-space:nowrap!important}
body.af-ux #debts.debt-workspace-v34276 .debt-page-title-v34276 .debt-head-logo-v34228{flex:0 0 32px!important;width:32px!important;height:32px!important;border-radius:10px!important;font-size:19px!important;box-shadow:none!important}
body.af-ux #debts.debt-workspace-v34276 .debt-hero.debt-command-panel-v34276{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:10px!important;min-height:0!important;margin:0 0 10px!important;padding:12px!important;border:1px solid #d5e2ec!important;border-radius:18px!important;background:#fff!important;box-shadow:0 3px 12px #16354f06!important}
body.af-ux #debts.debt-workspace-v34276 .debt-summary-metrics-v34228 > .debt-summary-card-v34228 > div{justify-self:stretch!important;text-align:left!important}
body.af-ux #debts.debt-workspace-v34276 .debt-summary-metrics-v34228 .debt-summary-card-v34228 :is(small,strong){text-align:left!important}
body.af-ux #debts.debt-workspace-v34276 .debt-head-actions-v34228.debt-action-bar-v34276{display:grid!important;grid-template-columns:none!important;grid-auto-flow:column!important;grid-auto-columns:minmax(0,1fr)!important;width:100%!important;gap:8px!important;align-items:stretch!important}
body.af-ux #debts.debt-workspace-v34276 .debt-action-bar-v34276 > .btn{display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;min-width:0!important;min-height:44px!important;height:auto!important;padding:10px 8px!important;border-radius:12px!important;font-size:13px!important;line-height:1.25!important;white-space:nowrap!important;box-shadow:none!important}
body.af-ux #debts.debt-workspace-v34276 .debt-action-bar-v34276 > .btn[hidden],
body.af-ux #debts.debt-workspace-v34276 .debt-action-bar-v34276 > .btn.is-hidden,
body.af-ux:is(.staff-mode,[data-role="staff"]) #debts.debt-workspace-v34276 .debt-action-bar-v34276 > .staff-hide{display:none!important}
body.af-ux #debts.debt-workspace-v34276 .debt-action-bar-v34276 > .secondary{border:1px solid #c9dbea!important;background:#f7fbff!important;color:#274b69!important}
body.af-ux #debts.debt-workspace-v34276 .debt-action-bar-v34276 > .debt-collect-blue{border:1px solid #0878ef!important;background:linear-gradient(135deg,#168cff,#0878ef)!important;color:#fff!important}
body.af-ux #debts.debt-workspace-v34276 .debt-action-bar-v34276 svg{flex:0 0 16px}
body.af-ux #debts.debt-workspace-v34276 .debt-search-row-v34276{grid-template-columns:minmax(0,1fr)!important;gap:0!important;margin:0 0 10px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
body.af-ux #debts.debt-workspace-v34276 .debt-search-row-v34276 > .debt-search-panel{grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important;padding:0!important;margin:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
body.af-ux #debts.debt-workspace-v34276 .debt-search-row-v34276 .employee-search-box{min-height:44px!important;height:44px!important;padding:0 8px!important;border:1px solid #c9dbea!important;border-radius:12px!important;background:#fff!important}
body.af-ux #debts.debt-workspace-v34276 .debt-search-row-v34276 .employee-search-box:focus-within{border-color:#0878ef!important;box-shadow:none!important}
body.af-ux #debts.debt-workspace-v34276 #debt-list-search{min-width:0!important;min-height:42px!important;height:42px!important;padding:0 6px!important;border:0!important;border-radius:0!important;background:transparent!important;font-size:16px!important;box-shadow:none!important}
body.af-ux #debts.debt-workspace-v34276 #debt-list-search:focus-visible{outline:none!important}
body.af-ux #debts.debt-workspace-v34276 .debt-search-row-v34276 .employee-search-count{min-width:58px!important;min-height:44px!important;height:44px!important;padding:0 8px!important;font-size:12px!important;border-radius:12px!important}
body.af-ux #debts.debt-workspace-v34276 .debt-list-head-v34228{min-height:20px!important;margin:10px 2px 8px!important;padding:0!important;gap:8px!important}
body.af-ux #debts.debt-workspace-v34276 .debt-list-head-v34228 :is(small,span){font-size:10.5px!important;line-height:1.3!important}
@media(max-width:760px){
  body.af-ux #debts.debt-workspace-v34276 .debt-hero.debt-command-panel-v34276{padding:10px!important;gap:8px!important;border-radius:16px!important}
  body.af-ux #debts.debt-workspace-v34276 .debt-summary-metrics-v34228 > .debt-summary-card-v34228{min-height:52px!important;padding:6px 10px!important}
  body.af-ux #debts.debt-workspace-v34276 .debt-action-bar-v34276 > .btn{font-size:clamp(11px,3.2vw,13px)!important;padding:10px 6px!important}
}
@media(max-width:360px){
  body.af-ux #debts.debt-workspace-v34276 .debt-head-actions-v34228.debt-action-bar-v34276{gap:6px!important}
  body.af-ux #debts.debt-workspace-v34276 .debt-action-bar-v34276 > .btn{gap:3px!important}
  body.af-ux #debts.debt-workspace-v34276 .debt-summary-metrics-v34228 .debt-summary-card-v34228 small{font-size:9px!important;letter-spacing:.025em!important}
}

/* Customer pickers use one outer frame, including focus and validation cues. */
body.af-ux #order-dialog .order-customer-search-box,
body.af-ux #delivery-dialog.aquaflow-delivery-dialog .delivery-customer-stage .delivery-customer-picker-compact .delivery-customer-search-box{display:flex!important;align-items:center!important;gap:8px!important;box-sizing:border-box!important;width:100%!important;min-width:0!important;height:48px!important;min-height:48px!important;padding:0 10px!important;border:1px solid #bfd6e7!important;border-radius:12px!important;background:#fff!important;box-shadow:none!important}
body.af-ux #order-dialog .order-customer-search-box:focus-within,
body.af-ux #delivery-dialog.aquaflow-delivery-dialog .delivery-customer-stage .delivery-customer-picker-compact .delivery-customer-search-box:focus-within{border-color:#0878ef!important;box-shadow:none!important}
body.af-ux #order-dialog #order-customer-search,
body.af-ux #delivery-dialog #delivery-customer-search{box-sizing:border-box!important;flex:1 1 0%!important;width:auto!important;min-width:0!important;max-width:100%!important;height:46px!important;min-height:0!important;max-height:100%!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;outline:none!important;outline-offset:0!important;-webkit-appearance:none!important;appearance:none!important;font-size:16px!important;line-height:1.35!important}
body.af-ux #order-dialog .order-customer-search-box > span,
body.af-ux #delivery-dialog .delivery-customer-search-box > span{flex:0 0 auto!important;line-height:1!important;font-size:20px!important}
body.af-ux #order-dialog #order-customer-search::-webkit-search-decoration,
body.af-ux #order-dialog #order-customer-search::-webkit-search-cancel-button,
body.af-ux #delivery-dialog #delivery-customer-search::-webkit-search-decoration,
body.af-ux #delivery-dialog #delivery-customer-search::-webkit-search-cancel-button{display:none}
body.af-ux #order-dialog .order-customer-search-box:has(> input[aria-invalid="true"]),
body.af-ux #delivery-dialog.aquaflow-delivery-dialog .delivery-customer-stage .delivery-customer-picker-compact .delivery-customer-search-box:has(> input[aria-invalid="true"]){border-color:#bd2639!important;box-shadow:none!important}

/* Numeric entry keeps one thin focus border across views and dialogs.
   Delivery's older ID-scoped focus rule needs an equally scoped override. */
body.af-ux input:is([type="number"],[inputmode="numeric"],[inputmode="decimal"]):is(:focus,:focus-visible),
body.af-ux #delivery-dialog input:is([type="number"],[inputmode="numeric"],[inputmode="decimal"]):is(:focus,:focus-visible){border-width:1px!important;border-style:solid!important;border-color:#0878ef!important;outline:none!important;outline-offset:0!important;box-shadow:none!important}
body.af-ux input:is([type="number"],[inputmode="numeric"],[inputmode="decimal"])[aria-invalid="true"]:is(:focus,:focus-visible),
body.af-ux #delivery-dialog input:is([type="number"],[inputmode="numeric"],[inputmode="decimal"])[aria-invalid="true"]:is(:focus,:focus-visible){border-color:#bd2639!important}

/* Currency suffixes share the outer frame; the inner field stays borderless. */
body.af-ux :is(#payment-dialog,#expense-dialog) :is(.payment-amount-input,.payment-order-amount-wrap,.expense-amount-box) input:is([type="number"],[inputmode="numeric"],[inputmode="decimal"]),
body.af-ux :is(#payment-dialog,#expense-dialog) :is(.payment-amount-input,.payment-order-amount-wrap,.expense-amount-box) input:is([type="number"],[inputmode="numeric"],[inputmode="decimal"]):is(:focus,:focus-visible){border:0!important;border-radius:0!important;outline:none!important;outline-offset:0!important;box-shadow:none!important}
body.af-ux :is(#payment-dialog,#expense-dialog) :is(.payment-amount-input,.payment-order-amount-wrap,.expense-amount-box):focus-within{border-width:1px!important;border-style:solid!important;border-color:#0878ef!important;box-shadow:none!important;outline:none!important}
body.af-ux :is(#payment-dialog,#expense-dialog) :is(.payment-amount-input,.payment-order-amount-wrap,.expense-amount-box):has(> input[aria-invalid="true"]){border-color:#bd2639!important;box-shadow:none!important}

/* Borderless chat surfaces retain their fills, layout and keyboard controls. */
body.af-ux #internal-chat .af-chat-bubble{border:0!important}
body.af-ux #internal-chat .af-chat-bubble:not(.is-holding){box-shadow:none!important}
body.af-ux #internal-chat #chat-form{border:0!important;box-shadow:none!important}
body.af-ux #internal-chat[data-composer-ui="v303"] #chat-text,
body.af-ux #internal-chat[data-composer-ui="v303"] #chat-text:is(:focus,:focus-visible){border:0!important;outline:none!important;outline-offset:0!important;box-shadow:none!important;background:#f4f6f8!important}

/* List searches share one outer frame, including when the keyboard is open. */
body.af-ux :is(#deliveries,#customers,#bottle-debts) :is(.employee-search-box,.customer-search-box){display:flex!important;align-items:center!important;box-sizing:border-box!important;gap:6px!important;width:100%!important;min-width:0!important;height:44px!important;min-height:44px!important;padding:0 10px!important;border:1px solid #c9dbea!important;border-radius:12px!important;background:#fff!important;outline:none!important;box-shadow:none!important}
body.af-ux :is(#deliveries,#customers,#bottle-debts) :is(.employee-search-box,.customer-search-box):focus-within{border-color:#0878ef!important;box-shadow:none!important}
body.af-ux :is(#deliveries,#customers,#bottle-debts) :is(.employee-search-box,.customer-search-box) > span{flex:0 0 auto!important;line-height:1!important}
body.af-ux :is(#deliveries,#customers,#bottle-debts) :is(#delivery-list-search,#customer-search,#bottle-debt-search),
body.af-ux :is(#deliveries,#customers,#bottle-debts) :is(#delivery-list-search,#customer-search,#bottle-debt-search):is(:focus,:focus-visible){box-sizing:border-box!important;flex:1 1 0%!important;width:auto!important;min-width:0!important;max-width:100%!important;height:42px!important;min-height:0!important;max-height:100%!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;outline:none!important;outline-offset:0!important;appearance:none!important;-webkit-appearance:none!important;font-size:16px!important;line-height:1.35!important}
body.af-ux :is(#delivery-list-search,#customer-search,#bottle-debt-search)::-webkit-search-decoration,
body.af-ux :is(#delivery-list-search,#customer-search,#bottle-debt-search)::-webkit-search-cancel-button{display:none}
body.af-ux :is(#deliveries,#customers,#bottle-debts) :is(.employee-search-box,.customer-search-box):has(> input[aria-invalid="true"]){border-color:#bd2639!important;box-shadow:none!important}

/* Standalone searches and notes use the same thin focus cue as numeric fields. */
body.af-ux :is(input[type="search"],input[id$="-note"],textarea[id$="-note"]):is(:focus,:focus-visible),
body.af-ux #delivery-dialog #delivery-note:is(:focus,:focus-visible){border-width:1px!important;border-style:solid!important;border-color:#0878ef!important;outline:none!important;outline-offset:0!important;box-shadow:none!important}
body.af-ux :is(input[type="search"],input[id$="-note"],textarea[id$="-note"])[aria-invalid="true"]:is(:focus,:focus-visible),
body.af-ux #delivery-dialog #delivery-note[aria-invalid="true"]:is(:focus,:focus-visible){border-color:#bd2639!important}

/* V34.2.84: one focus border for all form controls, including native iOS selects.
   Inputs inside framed pickers retain their more specific borderless rules. */
body.af-ux :is(input,select,textarea):is(:focus,:focus-visible),
body.af-ux #delivery-dialog .delivery-step-card :is(input:not([type="hidden"]),select:not(.delivery-customer-hidden),textarea):is(:focus,:focus-visible){border-width:1px!important;border-style:solid!important;border-color:#0878ef!important;outline:none!important;outline-offset:0!important;box-shadow:none!important}
body.af-ux :is(input,select,textarea)[aria-invalid="true"]:is(:focus,:focus-visible),
body.af-ux #delivery-dialog .delivery-step-card :is(input,select,textarea)[aria-invalid="true"]:is(:focus,:focus-visible){border-color:#bd2639!important;box-shadow:none!important}

/* V34.2.85: order date/time share a row; native inputs retain picker/validation. */
body.af-ux #order-dialog #order-form>.two.transaction-datetime{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;min-width:0!important;align-items:end!important}
body.af-ux #order-dialog #order-form>.two.transaction-datetime>label{min-width:0!important;max-width:100%!important}
body.af-ux #order-dialog :is(#order-form-date,#order-planned-time){box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-width:0!important;max-width:100%!important;height:48px!important;min-height:48px!important;padding:0 6px!important;text-align:center!important;font-size:16px!important;line-height:normal!important;overflow:hidden!important}
body.af-ux #order-dialog :is(#order-form-date,#order-planned-time)::-webkit-date-and-time-value{min-width:0!important;margin:0!important;padding:0!important;text-align:center!important}
body.af-ux #order-dialog .order-datetime-shell-v34285{position:relative!important;display:block!important;box-sizing:border-box!important;width:100%!important;min-width:0!important;height:48px!important}
body.af-ux #order-dialog .order-datetime-shell-v34285>input{position:absolute!important;inset:0!important;z-index:2!important;width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;color:transparent!important;-webkit-text-fill-color:transparent!important;opacity:.01!important;appearance:none!important;-webkit-appearance:none!important;cursor:pointer}
body.af-ux #order-dialog .order-datetime-display-v34285{position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;width:100%!important;height:48px!important;min-width:0!important;padding:0 6px!important;border:1px solid #bfd6e7!important;border-radius:13px!important;background:#fff!important;color:#16354f!important;font-size:16px!important;font-weight:750!important;font-variant-numeric:tabular-nums!important;line-height:1.2!important;text-align:center!important;white-space:nowrap!important;overflow:hidden!important;pointer-events:none!important}
body.af-ux #order-dialog .order-datetime-shell-v34285:focus-within .order-datetime-display-v34285{border-color:#0878ef!important}
body.af-ux #order-dialog .order-datetime-shell-v34285:has(>input[aria-invalid="true"]) .order-datetime-display-v34285{border-color:#bd2639!important}
body.af-ux #order-dialog .order-datetime-shell-v34285.is-disabled .order-datetime-display-v34285{background:#f7fafc!important;color:#52697c!important}

/* V34.2.86: compact product rows with quantity and price aligned. */
body.af-ux #order-dialog .aquaflow-line-items{padding:12px!important;border-radius:16px!important}
body.af-ux #order-dialog .aquaflow-line-items .section-head{margin:0 0 10px!important}
body.af-ux #order-dialog .aquaflow-line-items h3{font-size:18px!important;margin:2px 0 0!important;color:#16354f!important}
body.af-ux #order-dialog .aquaflow-line-items .order-product-row{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;padding:8px 0!important;min-width:0!important}
body.af-ux #order-dialog .order-product-row label{min-width:0!important;font-size:13px!important;gap:6px!important;line-height:1.35!important}
body.af-ux #order-dialog .order-product-row input{width:100%!important;min-width:0!important;min-height:44px!important;height:44px!important;font-size:16px!important;padding:0 10px!important;border-radius:12px!important}
body.af-ux #order-dialog .order-product-row input[readonly]{background:#f1f5f9!important;color:#52697c!important}
body.af-ux #order-dialog .order-lavie-row{border-top:1px solid #dce7ef!important;margin-top:4px!important}
body.af-ux #order-dialog .order-pack-toggle{margin:10px 0 4px!important;min-height:44px!important;padding:9px 10px!important;justify-content:flex-start!important;font-size:14px!important}
body.af-ux #order-dialog #order-pack-fields:not(.is-hidden){display:grid!important;gap:6px!important;padding-top:6px!important}

/* V34.2.91: restore the small dropdown and bare ellipsis, including after touch. */
body.af-ux #orders .order-ux-menu-v34213>summary:is(:focus,:focus-visible,:active){outline:none!important;outline-offset:0!important;border:0!important;box-shadow:none!important;background:transparent!important}
body.af-ux #orders .order-ux-menu-v34213>summary:focus-visible{text-decoration:underline!important;text-underline-offset:5px!important}
body.af-ux #order-action-menu-panel{position:fixed!important;inset:auto!important;z-index:10000!important;width:160px;min-width:0!important;max-width:calc(100vw - 16px)!important;height:fit-content!important;min-height:0!important;margin:0!important;padding:7px!important;box-sizing:border-box!important;border:1px solid #d5e2ec!important;border-radius:12px!important;background:#fff!important;color:#16354f!important;box-shadow:0 16px 40px #16354f26!important;overflow-y:auto!important;overscroll-behavior:contain!important;transform:none!important;pointer-events:auto!important}
body.af-ux #order-action-menu-panel[hidden]{display:none!important}
body.af-ux #order-action-menu-panel::backdrop{background:transparent!important;pointer-events:none!important}
body.af-ux #order-action-menu-panel .order-action-list{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-auto-rows:44px!important;align-content:start!important;gap:5px!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important}
body.af-ux #order-action-menu-panel .order-action-row{display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;flex:none!important;width:100%!important;min-width:0!important;height:44px!important;min-height:44px!important;max-height:44px!important;margin:0!important;padding:0 6px!important;border:1px solid #d4e2ed!important;border-radius:9px!important;background:#fff!important;color:#52697c!important;font-size:14px!important;font-weight:650!important;line-height:1.3!important;text-decoration:none!important;cursor:pointer!important;touch-action:manipulation!important}
body.af-ux #order-action-menu-panel .order-action-row.is-primary{color:#0878ef!important;background:#eff6ff!important}
body.af-ux #order-action-menu-panel a.order-action-row{color:#0878ef!important;background:#fff!important}
body.af-ux #order-action-menu-panel .order-action-row.is-danger{color:#c92d40!important;border-color:#ffd0d7!important;background:#fff4f6!important}
body.af-ux #order-action-menu-panel .order-action-row:disabled{opacity:.5!important;cursor:default!important}
body.af-ux #order-action-menu-panel .order-action-status{margin:6px 0 0!important;padding:0!important;color:#c92d40!important;font-size:12px!important;line-height:1.4!important}
body.af-ux #order-action-menu-panel .order-action-status:empty{display:none!important}
body.af-ux #orders .order-action-feedback{grid-column:1/-1;margin:8px 0 0;padding:7px 10px;border-radius:8px;background:#edf6ff;color:#1765a9;font-size:13px;line-height:1.4}
body.af-ux #orders .order-action-feedback.is-waiting{background:#fff7e6;color:#996000}
body.af-ux #orders [aria-busy="true"] .order-ux-menu-v34213>summary{opacity:.5;cursor:wait}
body.af-ux .order-form-status{margin:10px 0;padding:10px 12px;border:1px solid #ffd0d7;border-radius:10px;background:#fff4f6;color:#ad2639;font-size:14px;line-height:1.5;white-space:normal;overflow-wrap:anywhere}
body.af-ux .order-form-status[hidden]{display:none!important}

/* V34.2.97: mobile sticky headers fully cover the content scrolling behind. */
@media(max-width:760px){
  body.unified-shell #workspace-header{background:#f7fafe!important}
}

/* V34.2.122 — overview journal uses the shared action popover and native details. */
body.af-ux #overview #overview-journal{padding:12px!important;border-radius:14px!important;box-shadow:none!important}
body.af-ux #overview #overview-journal .overview-journal-head{gap:8px!important;margin:0 0 10px!important;align-items:center!important}
body.af-ux #overview #overview-journal .overview-journal-head small{font-size:10px!important;line-height:1.4!important;font-weight:600!important;letter-spacing:.04em!important}
body.af-ux #overview #overview-journal .overview-journal-head h2{margin:3px 0 0!important;font-size:17px!important;line-height:1.4!important;font-weight:700!important;letter-spacing:0!important}
body.af-ux #overview #overview-journal #day-count{min-width:0!important;padding:5px 8px!important;font-size:11px!important;line-height:1.4!important;white-space:nowrap!important;letter-spacing:0!important}
body.af-ux #overview #overview-journal .overview-journal-filters{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:4px!important;margin:0 0 6px!important;padding:4px!important;border:1px solid #dce7ef!important;border-radius:11px!important;background:#edf3f8!important;overflow:visible!important}
body.af-ux #overview #overview-journal .overview-journal-filters button{display:flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;min-width:0!important;min-height:44px!important;padding:6px 3px!important;border:0!important;border-radius:8px!important;background:transparent!important;color:#60788d!important;font-size:12px!important;line-height:1.4!important;font-weight:650!important;white-space:normal!important}
body.af-ux #overview #overview-journal .overview-journal-filters button.active{background:#fff!important;color:#146bd1!important;box-shadow:0 2px 6px #15364f10!important}
body.af-ux #overview #overview-journal .overview-journal-filters button>b{font-size:10px!important;font-weight:600!important;line-height:1.4!important;color:inherit!important}
body.af-ux #overview #overview-journal .journal-list{display:block!important}
body.af-ux #overview #overview-journal .journal-entry{display:block!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
body.af-ux #overview #overview-journal .journal-entry+.journal-entry{border-top:1px solid #e3ebf2!important}
body.af-ux #overview #overview-journal .journal-entry-summary{display:grid!important;grid-template-columns:minmax(0,1fr) 44px!important;align-items:center!important;gap:6px!important;min-height:76px!important;padding:9px 0!important;list-style:none!important;cursor:pointer!important}
body.af-ux #overview #overview-journal .journal-entry-summary::-webkit-details-marker{display:none!important}
body.af-ux #overview #overview-journal .journal-entry-summary::after{display:none!important}
body.af-ux #overview #overview-journal .journal-entry-body{min-width:0!important;margin:0!important;padding:0!important}
body.af-ux #overview #overview-journal .journal-entry-title{display:flex!important;align-items:baseline!important;justify-content:space-between!important;flex-wrap:wrap!important;gap:3px 8px!important;margin:0!important}
body.af-ux #overview #overview-journal .journal-entry-title>strong{flex:1 1 90px!important;min-width:0!important;color:#173952!important;font-size:15px!important;font-weight:700!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}
body.af-ux #overview #overview-journal .journal-entry-amount{color:#0878ef!important;font-size:15px!important;line-height:1.4!important;font-weight:700!important;letter-spacing:0!important;white-space:normal!important;overflow-wrap:anywhere!important;font-variant-numeric:tabular-nums}
body.af-ux #overview #overview-journal .journal-entry-amount.positive{color:#08805a!important}
body.af-ux #overview #overview-journal .journal-entry-body>small{display:block!important;margin:4px 0 0!important;color:#60788d!important;font-size:11px!important;line-height:1.5!important;font-weight:500!important;letter-spacing:0!important;white-space:normal!important;overflow:visible!important;overflow-wrap:anywhere!important}
body.af-ux #overview #overview-journal .entry-badge{display:inline-block!important;vertical-align:baseline!important;margin:0 5px 0 0!important;padding:2px 5px!important;border-radius:5px!important;font-size:10px!important;line-height:1.4!important;font-weight:650!important;letter-spacing:0!important}
body.af-ux #overview #overview-journal .journal-entry-body>p{display:block!important;margin:4px 0 0!important;font-size:12px!important;line-height:1.5!important;font-weight:400!important;letter-spacing:0!important;color:#526f85!important;white-space:normal!important;overflow:visible!important;overflow-wrap:anywhere!important;text-overflow:clip!important}
body.af-ux #overview #overview-journal .journal-entry-menu{display:grid!important;place-items:center!important;width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#60788d!important;font-size:26px!important;line-height:1!important;cursor:pointer!important}
body.af-ux #overview #overview-journal .af-journal-menu-source[hidden]{display:none!important}
body.af-ux #overview #overview-journal .journal-entry[open]>.journal-entry-info{margin:0 0 9px!important;padding:10px!important;border:1px solid #e3ebf2!important;border-radius:10px!important;background:#f6faff!important}
body.af-ux #overview #overview-journal .journal-entry-info p{margin:0 0 5px!important;font-size:12px!important;line-height:1.5!important;letter-spacing:0!important;color:#456178!important;white-space:normal!important;overflow-wrap:anywhere!important}
body.af-ux #overview #overview-journal .journal-entry-info p:last-child{margin-bottom:0!important}
body.af-ux #overview #overview-journal .overview-show-all{width:100%!important;min-height:44px!important;margin:8px 0 0!important;padding:8px!important;border:1px solid #dce7ef!important;border-radius:10px!important;background:#f7fbff!important;color:#146bd1!important;font-size:12px!important;line-height:1.4!important;font-weight:650!important}
body.af-ux #overview #overview-journal :is(button,summary):focus-visible{outline:3px solid #83baff!important;outline-offset:-2px!important}
body.af-ux #overview #overview-journal .staff-edit-note{margin:0!important;padding:0 8px!important;border-radius:8px!important;background:#f7fafc!important;color:#60788d!important;font-size:11px!important;line-height:1.45!important;letter-spacing:0!important}
body.af-ux #overview #overview-journal .staff-edit-note>summary{min-height:44px!important;align-content:center!important;padding:6px 0!important;font-size:11px!important;font-weight:550!important;cursor:pointer!important}
body.af-ux #overview #overview-journal .staff-edit-note>p{margin:0!important;padding:0 0 8px!important;font-size:11px!important;line-height:1.45!important;font-weight:400!important;letter-spacing:0!important}

/* V34.2.124: staff physical receipts; override legacy fixed status/button sizing. */
body.af-ux #overview #staff-receipt-panel{margin:0!important;padding:12px!important;gap:8px!important;min-width:0!important}
body.af-ux #overview #staff-receipt-panel.is-hidden{display:none!important}
body.af-ux #overview #staff-receipt-panel .staff-receipt-head{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:start!important;gap:10px!important;margin:0!important;padding:0!important}
body.af-ux #overview #staff-receipt-panel .staff-receipt-head>div{min-width:0}
body.af-ux #overview #staff-receipt-panel .staff-receipt-head h2{margin:3px 0!important;font-size:18px!important;line-height:1.3!important}
body.af-ux #overview #staff-receipt-panel .staff-receipt-head small{font-size:10px!important;letter-spacing:.08em!important}
body.af-ux #overview #staff-receipt-panel .staff-receipt-head p{font-size:12px!important;line-height:1.5!important;margin:4px 0 0!important;letter-spacing:0!important}
body.af-ux #overview #staff-receipt-panel .staff-receipt-head>.btn{min-width:0!important;min-height:44px!important;padding:9px 12px!important;font-size:13px!important;white-space:nowrap!important}
body.af-ux #overview #staff-receipt-panel .staff-receipt-filter{gap:4px!important;padding:4px!important;border-radius:12px!important;margin:0!important}
body.af-ux #overview #staff-receipt-panel .staff-receipt-filter button{min-width:0!important;min-height:44px!important;padding:7px 4px!important;gap:4px!important;font-size:12px!important;line-height:1.3!important;letter-spacing:0!important}
body.af-ux #overview #staff-receipt-panel .staff-receipt-filter b{flex:none!important;min-width:20px!important;width:auto!important;height:20px!important;padding:0 4px!important;font-size:11px!important;line-height:20px!important}
body.af-ux #overview #staff-receipt-panel .staff-receipt-list{gap:8px!important}
body.af-ux #overview #staff-receipt-panel .staff-receipt-card{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:6px!important;align-items:start!important;min-width:0!important;min-height:0!important;padding:10px!important;border-radius:12px!important;contain-intrinsic-size:auto 146px}
body.af-ux #overview #staff-receipt-panel .staff-receipt-card-id{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:5px 8px!important;font-size:11px!important;font-weight:650!important;line-height:1.4!important;letter-spacing:0!important}
body.af-ux #overview #staff-receipt-panel .staff-receipt-card-id time{font-size:11px!important;white-space:nowrap!important}
body.af-ux #overview #staff-receipt-panel .staff-receipt-status{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:none!important;width:auto!important;height:auto!important;min-width:0!important;min-height:0!important;margin-left:auto!important;padding:4px 7px!important;border-radius:7px!important;font-size:10px!important;line-height:1.4!important;font-weight:650!important;white-space:nowrap!important;background:#e9f7ef!important;color:#177346!important}
body.af-ux #overview #staff-receipt-panel .staff-receipt-status.late{background:#eaf3ff!important;color:#1767b2!important}
body.af-ux #overview #staff-receipt-panel .staff-receipt-status.pending{background:#fff5df!important;color:#85601e!important}
body.af-ux #overview #staff-receipt-panel .staff-receipt-supplier{font-size:16px!important;font-weight:750!important;line-height:1.35!important;letter-spacing:0!important;overflow-wrap:anywhere!important}
body.af-ux #overview #staff-receipt-panel .staff-receipt-physical{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:7px!important;min-width:0!important}
/* V34.2.127: number and label share a line beside the edit action. */
body.af-ux #overview #staff-receipt-panel .staff-receipt-primary{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(88px,auto)!important;gap:6px!important;align-items:stretch!important;min-width:0!important}
body.af-ux #overview #staff-receipt-panel .staff-receipt-primary>.receipt-stat{display:flex!important;align-items:center!important;min-width:0!important;min-height:44px!important;padding:5px 6px!important;font-size:11px!important;line-height:1.3!important;overflow-wrap:anywhere!important}
body.af-ux #overview #staff-receipt-panel .staff-receipt-primary>.receipt-stat b{display:inline!important;flex:none!important;margin:0!important;font-size:18px!important}
body.af-ux #overview #staff-receipt-panel .staff-receipt-primary>.staff-receipt-edit-action{width:100%!important;min-width:0!important;padding:7px 6px!important;font-size:11px!important;white-space:normal!important}
body.af-ux #overview #staff-receipt-panel .staff-receipt-extras{display:flex!important;flex-wrap:wrap!important;gap:7px!important;min-width:0!important}
body.af-ux #overview #staff-receipt-panel .receipt-stat{display:inline-flex!important;align-items:baseline!important;gap:4px!important;padding:5px 7px!important;border-radius:9px!important;font-size:11px!important;font-weight:550!important;line-height:1.4!important;letter-spacing:0!important;background:#eef6ff!important;color:#346483!important}
body.af-ux #overview #staff-receipt-panel .receipt-stat b{font-size:20px!important;line-height:1.2!important;font-weight:750!important;color:#126acb!important;font-variant-numeric:tabular-nums}
body.af-ux #overview #staff-receipt-panel .receipt-stat.returned{background:#edf8f2!important;color:#396950!important}
body.af-ux #overview #staff-receipt-panel .receipt-stat.returned b{color:#168054!important}
body.af-ux #overview #staff-receipt-panel :is(.staff-receipt-note-details,.staff-receipt-request){min-width:0!important;border-top:1px solid #e5edf4!important;color:#52697c!important;font-size:12px!important;font-style:normal!important;letter-spacing:0!important;line-height:1.5!important}
body.af-ux #overview #staff-receipt-panel :is(.staff-receipt-note-details,.staff-receipt-request)>summary{min-height:44px!important;align-content:center!important;padding:5px 0!important;font-size:11px!important;font-weight:600!important;cursor:pointer!important}
body.af-ux #overview #staff-receipt-panel :is(.staff-receipt-note-details,.staff-receipt-request) p{margin:0 0 8px!important;font:inherit!important;white-space:pre-wrap!important;overflow-wrap:anywhere!important}
body.af-ux #overview #staff-receipt-panel .staff-receipt-request.rejected{color:#a43a44!important}
body.af-ux #overview #staff-receipt-panel .staff-receipt-edit-action{flex:none!important;width:auto!important;height:auto!important;min-width:92px!important;min-height:44px!important;padding:9px 12px!important;border:1px solid #c8dcef!important;border-radius:10px!important;background:#f3f8fe!important;color:#146bba!important;font-size:12px!important;font-weight:650!important;line-height:1.4!important;letter-spacing:0!important}
body.af-ux #overview #staff-receipt-panel .staff-receipt-edit-action:disabled{background:#f4f6f8!important;color:#687889!important;border-color:#dce5ec!important;opacity:1!important}
body.af-ux #overview #staff-receipt-panel .staff-receipt-readonly-note{font-size:11px!important;line-height:1.5!important;letter-spacing:0!important;font-weight:400!important;color:#617589!important}
body.af-ux #overview #staff-receipt-panel .staff-receipt-unreconciled-banner :is(span,strong){letter-spacing:0!important;line-height:1.5!important}
body.af-ux #delivery-dialog .shell-return-hint{display:grid!important;gap:6px!important;margin:7px 0 0!important;padding:8px 10px!important;border:1px solid #d8e8f7!important;border-radius:9px!important;background:#f2f8ff!important;min-width:0!important}
body.af-ux #delivery-dialog .shell-return-hint[hidden],body.af-ux #delivery-dialog .shell-return-fill[hidden],body.af-ux #reports #report-feedback[hidden]{display:none!important}
body.af-ux #delivery-dialog .shell-return-copy{color:#3c5f7e!important;font-size:12px!important;font-weight:400!important;line-height:1.5!important;letter-spacing:0!important;white-space:normal!important}
body.af-ux #delivery-dialog .shell-return-fill{justify-self:start!important;min-height:44px!important;padding:8px 12px!important;border:1px solid #bcd6ee!important;border-radius:9px!important;background:#fff!important;color:#146bba!important;font-size:12px!important;font-weight:650!important}
@media(max-width:360px){body.af-ux #overview #staff-receipt-panel .staff-receipt-head{grid-template-columns:minmax(0,1fr)!important}body.af-ux #overview #staff-receipt-panel .staff-receipt-head>.btn{justify-self:start!important}body.af-ux #overview #staff-receipt-panel .staff-receipt-filter button{font-size:11px!important}}
/* V34.2.129: payment history uses existing cancel and receipt-edit actions. */
body.af-ux .supplier-payment-history-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #dce7f0}
body.af-ux .supplier-payment-history-row>div:first-child{display:grid;gap:4px;min-width:0;overflow-wrap:anywhere}
body.af-ux .supplier-payment-history-row small{font-size:12px;line-height:1.4;color:#607a90}
body.af-ux .supplier-payment-history-actions{display:grid;justify-items:end;gap:6px;flex-shrink:0}
body.af-ux .supplier-payment-history-actions>strong{font-variant-numeric:tabular-nums;white-space:nowrap}
body.af-ux .supplier-payment-history-actions button{min-height:44px;max-width:160px;white-space:normal;font-size:12px}
body.af-ux .supplier-payment-history-row.cancelled .supplier-payment-history-actions>strong{text-decoration:line-through;color:#6b8193}
@media(max-width:360px){body.af-ux .supplier-payment-history-row{flex-wrap:wrap}body.af-ux .supplier-payment-history-actions{width:100%;grid-template-columns:1fr auto;align-items:center;justify-items:start}}