/* Womark A103 "Studio" layer over A91 (shell, breadcrumb, rail, tables, one tab language, motion, sign-in).
   Generated by ui_a103_build/build_a103.py from a103_design.css. Black, white and grey only. Do not edit by hand. */
html:not(#w):not(#w2):not(#w3) body{font-feature-settings:"cv11","ss01"!important;font-variant-numeric:tabular-nums!important}
html[dir=rtl]:not(#w):not(#w2):not(#w3) body{line-height:1.6!important}
html:not(#w):not(#w2):not(#w3) body #view h1,html:not(#w):not(#w2):not(#w3) body #view h2,html:not(#w):not(#w2):not(#w3) body #view h3{text-wrap:balance!important}
html:not(#w):not(#w2):not(#w3) body :focus-visible{outline:2px solid var(--wm-black)!important;outline-offset:2px!important}
html:not(#w):not(#w2):not(#w3) body .btn:focus-visible,html:not(#w):not(#w2):not(#w3) body .nav:focus-visible{outline:2px solid var(--wm-black)!important;outline-offset:2px!important;box-shadow:none!important}
html:not(#w):not(#w2):not(#w3) body .modal-card:focus-visible,html:not(#w):not(#w2):not(#w3) body .issue-card:focus-visible,html:not(#w):not(#w2):not(#w3) body .wm-drawer__panel:focus-visible,html:not(#w):not(#w2):not(#w3) body [tabindex="-1"]:focus-visible{outline:0!important}
html:not(#w):not(#w2):not(#w3) body:not(.mobile-device) .sidebar{width:var(--wm-sidebar-w)!important;background:var(--wm-surface-subtle)!important;border-inline-end:1px solid var(--wm-border)!important;transition:width var(--wm-motion-panel) var(--wm-ease-standard)!important}
html:not(#w):not(#w2):not(#w3) body:not(.mobile-device) .main{transition:margin var(--wm-motion-panel) var(--wm-ease-standard)!important}
html:not(#w):not(#w2):not(#w3) body .sidebar-brand{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:var(--wm-space-2)!important;padding:16px 14px 12px 16px!important;min-height:60px!important}
html[dir=rtl]:not(#w):not(#w2):not(#w3) body .sidebar-brand{padding:16px 16px 12px 14px!important}
html:not(#w):not(#w2):not(#w3) body .sidebar-brand .brand-fallback,html:not(#w):not(#w2):not(#w3) body .sidebar-brand b{font-size:16px!important;font-weight:750!important;letter-spacing:-.02em!important}
html:not(#w):not(#w2):not(#w3) body .sidebar-scroll{padding:4px 10px 12px!important;scrollbar-width:thin!important;scrollbar-color:var(--wm-border-strong) transparent!important}
html:not(#w):not(#w2):not(#w3) body .nav-section{margin:0 0 var(--wm-space-2)!important}
html:not(#w):not(#w2):not(#w3) body .nav-group-toggle{min-height:26px!important;padding:0 10px!important;margin-top:6px!important;font-size:11.5px!important;font-weight:600!important;color:var(--wm-text-muted)!important;letter-spacing:.01em!important}
html:not(#w):not(#w2):not(#w3) body .sidebar .nav{position:relative!important;min-height:34px!important;padding:0 10px!important;margin:1px 0!important;border-radius:var(--wm-radius-control)!important;font-size:13.5px!important;font-weight:500!important;color:var(--wm-text-2)!important;gap:10px!important;transition:background var(--wm-motion-fast) var(--wm-ease-standard),color var(--wm-motion-fast) var(--wm-ease-standard)!important}
html:not(#w):not(#w2):not(#w3) body .sidebar .nav .nav-icon,html:not(#w):not(#w2):not(#w3) body .sidebar .nav .nav-icon svg{width:18px!important;height:18px!important;color:var(--wm-text-muted)!important;transition:color var(--wm-motion-fast) var(--wm-ease-standard)!important}
html:not(#w):not(#w2):not(#w3) body .sidebar .nav:hover{background:var(--wm-hover)!important;color:var(--wm-text)!important}
html:not(#w):not(#w2):not(#w3) body .sidebar .nav:hover .nav-icon,html:not(#w):not(#w2):not(#w3) body .sidebar .nav:hover .nav-icon svg{color:var(--wm-text)!important}
html:not(#w):not(#w2):not(#w3) body .sidebar .nav.active{background:var(--wm-hover-strong)!important;box-shadow:none!important;color:var(--wm-text)!important;font-weight:600!important}
html:not(#w):not(#w2):not(#w3) body .sidebar .nav.active .nav-icon,html:not(#w):not(#w2):not(#w3) body .sidebar .nav.active .nav-icon svg{color:var(--wm-black)!important}
html:not(#w):not(#w2):not(#w3) body .sidebar .nav.active:before{content:""!important;display:block!important;position:absolute!important;inset-inline-start:0!important;top:9px!important;bottom:9px!important;width:3px!important;border-radius:0 3px 3px 0!important;background:var(--wm-black)!important}
html[dir=rtl]:not(#w):not(#w2):not(#w3) body .sidebar .nav.active:before{border-radius:3px 0 0 3px!important}
html:not(#w):not(#w2):not(#w3) body .sidebar .nav.active:after{display:none!important}
html:not(#w):not(#w2):not(#w3) body .nav-bottom{border-top:1px solid var(--wm-border)!important;padding:8px 10px!important}
html:not(#w):not(#w2):not(#w3) body .sidebar .nav.account-menu-btn{min-height:48px!important;border-radius:var(--wm-radius-inner)!important}
html:not(#w):not(#w2):not(#w3) body .sidebar .nav.account-menu-btn .nav-icon{width:30px!important;height:30px!important}
html:not(#w):not(#w2):not(#w3) body .wm-rail-toggle{display:inline-grid!important;place-items:center!important;width:30px!important;height:30px!important;padding:0!important;border:0!important;border-radius:var(--wm-radius-sm)!important;background:transparent!important;color:var(--wm-text-muted)!important;cursor:pointer!important;flex:none!important;transition:background var(--wm-motion-fast) var(--wm-ease-standard),color var(--wm-motion-fast) var(--wm-ease-standard)!important}
html:not(#w):not(#w2):not(#w3) body .wm-rail-toggle:hover{background:var(--wm-hover-strong)!important;color:var(--wm-text)!important}
html:not(#w):not(#w2):not(#w3) body .wm-rail-toggle svg{width:18px!important;height:18px!important}
html[dir=rtl]:not(#w):not(#w2):not(#w3) body .wm-rail-toggle svg{transform:scaleX(-1)!important}
html:not(#w):not(#w2):not(#w3) body.mobile-device .wm-rail-toggle{display:none!important}
@media (max-width:1199px){html:not(#w):not(#w2):not(#w3) body .wm-rail-toggle{display:none!important}}
@media (min-width:701px){html:not(#w):not(#w2):not(#w3) body.wm-rail:not(.mobile-device) .sidebar{width:var(--wm-rail-w)!important;overflow:visible!important}}
@media (min-width:701px){html[dir=rtl]:not(#w):not(#w2):not(#w3) body.wm-rail:not(.mobile-device) .main{margin-right:var(--wm-rail-w)!important;margin-left:0!important}}
@media (min-width:701px){html[dir=ltr]:not(#w):not(#w2):not(#w3) body.wm-rail:not(.mobile-device) .main,html:not([dir]):not(#w):not(#w2):not(#w3) body.wm-rail:not(.mobile-device) .main{margin-left:var(--wm-rail-w)!important;margin-right:0!important}}
@media (min-width:701px){html:not(#w):not(#w2):not(#w3) body.wm-rail:not(.mobile-device) .sidebar-brand{flex-direction:column!important;justify-content:center!important;padding:14px 0 8px!important}}
@media (min-width:701px){html:not(#w):not(#w2):not(#w3) body.wm-rail:not(.mobile-device) .sidebar-brand .brand-fallback,html:not(#w):not(#w2):not(#w3) body.wm-rail:not(.mobile-device) .sidebar-brand b,html:not(#w):not(#w2):not(#w3) body.wm-rail:not(.mobile-device) .sidebar-brand img{display:none!important}}
@media (min-width:701px){html:not(#w):not(#w2):not(#w3) body.wm-rail:not(.mobile-device) .wm-rail-toggle svg{transform:scaleX(-1)!important}}
@media (min-width:701px){html[dir=rtl]:not(#w):not(#w2):not(#w3) body.wm-rail:not(.mobile-device) .wm-rail-toggle svg{transform:none!important}}
@media (min-width:701px){html:not(#w):not(#w2):not(#w3) body.wm-rail:not(.mobile-device) .sidebar-scroll{padding:4px 12px!important}}
@media (min-width:701px){html:not(#w):not(#w2):not(#w3) body.wm-rail:not(.mobile-device) .nav-group-toggle{font-size:0!important;min-height:0!important;height:1px!important;margin:8px 6px!important;padding:0!important;pointer-events:none!important;background:var(--wm-border)!important;overflow:hidden!important}}
@media (min-width:701px){html:not(#w):not(#w2):not(#w3) body.wm-rail:not(.mobile-device) .nav-group-toggle>span{display:none!important}}
@media (min-width:701px){html:not(#w):not(#w2):not(#w3) body.wm-rail:not(.mobile-device) .nav-group-content{display:block!important}}
@media (min-width:701px){html:not(#w):not(#w2):not(#w3) body.wm-rail:not(.mobile-device) .sidebar .nav{justify-content:center!important;padding:0!important;width:48px!important;min-height:40px!important;font-size:0!important;gap:0!important}}
@media (min-width:701px){html:not(#w):not(#w2):not(#w3) body.wm-rail:not(.mobile-device) .sidebar .nav>span:not(.nav-icon){display:none!important}}
@media (min-width:701px){html:not(#w):not(#w2):not(#w3) body.wm-rail:not(.mobile-device) .account-menu-btn{width:48px!important;justify-content:center!important;padding:0!important}}
@media (min-width:701px){html:not(#w):not(#w2):not(#w3) body.wm-rail:not(.mobile-device) .account-menu-btn>span:not(.nav-icon){display:none!important}}
@media (min-width:701px){html:not(#w):not(#w2):not(#w3) body.wm-rail:not(.mobile-device) .account-menu{inset-inline-start:8px!important;width:240px!important}}
html:not(#w):not(#w2):not(#w3) body .wm-cmdk__input,html:not(#w):not(#w2):not(#w3) body .wm-cmdk__input:focus,html:not(#w):not(#w2):not(#w3) body .wm-cmdk__input:focus-visible{border:0!important;box-shadow:none!important;outline:0!important;background:transparent!important;min-height:44px!important;padding:0!important}
html:not(#w):not(#w2):not(#w3) body .wm-keys__panel:focus,html:not(#w):not(#w2):not(#w3) body .wm-keys__panel:focus-visible{outline:0!important}
html:not(#w):not(#w2):not(#w3) body .topbar{min-height:56px!important;background:rgba(245,245,245,.86)!important;border-bottom:1px solid var(--wm-border)!important}
html:not(#w):not(#w2):not(#w3) body .topbar-context{display:flex!important;align-items:center!important;gap:8px!important;min-width:0!important;flex-wrap:nowrap!important}
html:not(#w):not(#w2):not(#w3) body .topbar-eyebrow{font-size:13px!important;font-weight:500!important;color:var(--wm-text-muted)!important;white-space:nowrap!important;margin:0!important}
html:not(#w):not(#w2):not(#w3) body .topbar-eyebrow:after{content:"/"!important;margin-inline-start:8px!important;color:var(--wm-border-strong)!important}
html:not(#w):not(#w2):not(#w3) body .page-title{font-size:14px!important;font-weight:600!important;color:var(--wm-text)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;margin:0!important}
html:not(#w):not(#w2):not(#w3) body .page-subtitle{display:none!important}
html:not(#w):not(#w2):not(#w3) body .global-search-wrap{min-height:36px!important;border-radius:var(--wm-radius-control)!important;cursor:text!important;width:min(380px,34vw)!important;transition:border-color var(--wm-motion-fast) var(--wm-ease-standard),box-shadow var(--wm-motion-fast) var(--wm-ease-standard),width var(--wm-motion-panel) var(--wm-ease-standard)!important}
html:not(#w):not(#w2):not(#w3) body .global-search-wrap:hover{border-color:var(--wm-border-strong)!important}
html:not(#w):not(#w2):not(#w3) body .global-search-wrap input{min-height:34px!important;font-size:13px!important;cursor:pointer!important}
html:not(#w):not(#w2):not(#w3) body .global-search-wrap kbd{font-family:inherit!important;font-size:11px!important;font-weight:600!important;letter-spacing:.02em!important}
html:not(#w):not(#w2):not(#w3) body .top-actions{gap:8px!important}
html:not(#w):not(#w2):not(#w3) body .top-new-sale{min-height:36px!important}
html:not(#w):not(#w2):not(#w3) body:not(.mobile-device) .user-pill{min-height:36px!important;font-size:13px!important}
html:not(#w):not(#w2):not(#w3) body.a90-view-dashboard:not(.mobile-device) .top-new-sale{display:none!important}
html:not(#w):not(#w2):not(#w3) body.mobile-device .topbar-eyebrow{display:none!important}
html:not(#w):not(#w2):not(#w3) body .content{padding:24px 32px 48px!important}
/* A123: .content is already capped (max-width) and centred, so the old calc() padding squeezed every page to ~730px on 2560px screens. */
@media (min-width:1800px){html:not(#w):not(#w2):not(#w3) body .content{max-width:1744px!important;padding-inline:32px!important;margin-inline:auto!important}}
@media (max-width:1199px){html:not(#w):not(#w2):not(#w3) body .content{padding:20px 24px 40px!important}}
html:not(#w):not(#w2):not(#w3) body .btn{transition:background var(--wm-motion-fast) var(--wm-ease-standard),border-color var(--wm-motion-fast) var(--wm-ease-standard),box-shadow var(--wm-motion-fast) var(--wm-ease-standard),transform var(--wm-motion-instant) var(--wm-ease-standard),opacity var(--wm-motion-fast) var(--wm-ease-standard)!important}
html:not(#w):not(#w2):not(#w3) body .btn.primary,html:not(#w):not(#w2):not(#w3) body .btn.dark{box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 1px 2px rgba(0,0,0,.18)!important}
html:not(#w):not(#w2):not(#w3) body .btn.primary:active,html:not(#w):not(#w2):not(#w3) body .btn.dark:active{box-shadow:none!important}
html:not(#w):not(#w2):not(#w3) body .btn:active{transform:scale(.97)!important}
html:not(#w):not(#w2):not(#w3) body .btn[aria-busy=true]{cursor:progress!important}
html:not(#w):not(#w2):not(#w3) body #view input::placeholder,html:not(#w):not(#w2):not(#w3) body #view textarea::placeholder,html:not(#w):not(#w2):not(#w3) body .modal-card input::placeholder,html:not(#w):not(#w2):not(#w3) body .modal-card textarea::placeholder{color:var(--wm-text-disabled)!important}
html:not(#w):not(#w2):not(#w3) body #view label,html:not(#w):not(#w2):not(#w3) body .modal-card label{font-weight:550!important}
html:not(#w):not(#w2):not(#w3) body #view input[type=tel],html:not(#w):not(#w2):not(#w3) body #view input[type=email],html:not(#w):not(#w2):not(#w3) body #view input[type=url],html:not(#w):not(#w2):not(#w3) body .modal-card input[type=tel],html:not(#w):not(#w2):not(#w3) body .modal-card input[type=email],html:not(#w):not(#w2):not(#w3) body .modal-card input[type=url]{direction:ltr!important;text-align:start!important}
html[dir=rtl]:not(#w):not(#w2):not(#w3) body #view input[type=tel],html[dir=rtl]:not(#w):not(#w2):not(#w3) body #view input[type=email],html[dir=rtl]:not(#w):not(#w2):not(#w3) body #view input[type=url],html[dir=rtl]:not(#w):not(#w2):not(#w3) body .modal-card input[type=tel],html[dir=rtl]:not(#w):not(#w2):not(#w3) body .modal-card input[type=email],html[dir=rtl]:not(#w):not(#w2):not(#w3) body .modal-card input[type=url]{text-align:right!important}
html:not(#w):not(#w2):not(#w3) body #view input[type=checkbox],html:not(#w):not(#w2):not(#w3) body #view input[type=radio],html:not(#w):not(#w2):not(#w3) body .modal-card input[type=checkbox],html:not(#w):not(#w2):not(#w3) body .modal-card input[type=radio]{accent-color:var(--wm-black)!important}
html:not(#w):not(#w2):not(#w3) body .table-wrap{border-radius:var(--wm-radius-card)!important;border:1px solid var(--wm-border)!important;background:var(--wm-surface)!important;overflow:auto!important}
html:not(#w):not(#w2):not(#w3) body .table thead th,html:not(#w):not(#w2):not(#w3) body .ops-table thead th{position:sticky!important;top:0!important;z-index:2!important;background:var(--wm-surface-subtle)!important;font-size:12px!important;font-weight:600!important;color:var(--wm-text-secondary)!important;border-bottom:1px solid var(--wm-border)!important;white-space:nowrap!important}
html:not(#w):not(#w2):not(#w3) body .table td,html:not(#w):not(#w2):not(#w3) body .ops-table td{font-variant-numeric:tabular-nums!important}
html:not(#w):not(#w2):not(#w3) body .table tbody tr,html:not(#w):not(#w2):not(#w3) body .ops-table tbody tr{transition:background var(--wm-motion-fast) var(--wm-ease-standard)!important}
html:not(#w):not(#w2):not(#w3) body .table tbody tr:hover td,html:not(#w):not(#w2):not(#w3) body .ops-table tbody tr:hover td{background:var(--wm-surface-subtle)!important}
html:not(#w):not(#w2):not(#w3) body .table tbody tr:last-child td,html:not(#w):not(#w2):not(#w3) body .ops-table tbody tr:last-child td{border-bottom:0!important}
html:not(#w):not(#w2):not(#w3) body.wm-density-compact .table td,html:not(#w):not(#w2):not(#w3) body.wm-density-compact .ops-table td{padding-top:6px!important;padding-bottom:6px!important}
html:not(#w):not(#w2):not(#w3) body.wm-density-compact .table th,html:not(#w):not(#w2):not(#w3) body.wm-density-compact .ops-table th{padding-top:7px!important;padding-bottom:7px!important}
html:not(#w):not(#w2):not(#w3) body.wm-density-compact .sidebar .nav{min-height:30px!important}
html:not(#w):not(#w2):not(#w3) body .collections-tabs,html:not(#w):not(#w2):not(#w3) body .payments-tabs,html:not(#w):not(#w2):not(#w3) body .opscmd-tabs,html:not(#w):not(#w2):not(#w3) body .report-group-tabs{display:flex!important;gap:2px!important;border:0!important;border-bottom:1px solid var(--wm-border)!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;padding:0!important;overflow-x:auto!important;scrollbar-width:none!important}
html:not(#w):not(#w2):not(#w3) body .collections-tabs>.btn,html:not(#w):not(#w2):not(#w3) body .collections-tabs>.btn.primary,html:not(#w):not(#w2):not(#w3) body .payments-tabs>.payments-tab,html:not(#w):not(#w2):not(#w3) body .opscmd-tabs>button,html:not(#w):not(#w2):not(#w3) body .report-group-tabs>.report-group-tab{position:relative!important;min-height:40px!important;padding:0 12px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:var(--wm-text-secondary)!important;font-size:13.5px!important;font-weight:500!important;white-space:nowrap!important;transform:none!important;transition:color var(--wm-motion-fast) var(--wm-ease-standard),box-shadow var(--wm-motion-base) var(--wm-ease-standard)!important}
html:not(#w):not(#w2):not(#w3) body .collections-tabs>.btn:hover,html:not(#w):not(#w2):not(#w3) body .collections-tabs>.btn.primary:hover,html:not(#w):not(#w2):not(#w3) body .payments-tabs>.payments-tab:hover,html:not(#w):not(#w2):not(#w3) body .opscmd-tabs>button:hover,html:not(#w):not(#w2):not(#w3) body .report-group-tabs>.report-group-tab:hover{color:var(--wm-text)!important;background:transparent!important;box-shadow:inset 0 -2px 0 var(--wm-border-strong)!important}
html:not(#w):not(#w2):not(#w3) body .collections-tabs>.btn[aria-current=page],html:not(#w):not(#w2):not(#w3) body .payments-tabs>.payments-tab.active,html:not(#w):not(#w2):not(#w3) body .opscmd-tabs>button.active,html:not(#w):not(#w2):not(#w3) body .report-group-tabs>.report-group-tab.active{color:var(--wm-text)!important;font-weight:600!important;background:transparent!important;box-shadow:inset 0 -2px 0 var(--wm-black)!important}
html:not(#w):not(#w2):not(#w3) body .collections-tabs>.btn svg,html:not(#w):not(#w2):not(#w3) body .payments-tabs>.payments-tab svg,html:not(#w):not(#w2):not(#w3) body .opscmd-tabs>button svg,html:not(#w):not(#w2):not(#w3) body .report-group-tabs>.report-group-tab svg{color:currentColor!important}
html:not(#w):not(#w2):not(#w3) body .pos-smart-brand{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:2px!important}
html:not(#w):not(#w2):not(#w3) body .pos-smart-brand span{font-size:12px!important;font-weight:500!important;color:var(--wm-text-muted)!important}
html:not(#w):not(#w2):not(#w3) body .pos-smart-brand b{font-size:22px!important;font-weight:650!important;line-height:1.2!important;color:var(--wm-text)!important}
html:not(#w):not(#w2):not(#w3) body .pos-smart-brand small{display:none!important}
html:not(#w):not(#w2):not(#w3) body #modal:not(.hidden) .modal-backdrop{animation:x103-fade var(--wm-motion-panel) var(--wm-ease-enter) both!important}
html:not(#w):not(#w2):not(#w3) body #modal:not(.hidden) .modal-card{animation:x103-pop var(--wm-motion-panel) var(--wm-ease-enter) both!important}
html:not(#w):not(#w2):not(#w3) body .account-menu:not(.hidden),html:not(#w):not(#w2):not(#w3) body .global-search-results:not(.hidden){animation:x103-drop var(--wm-motion-base) var(--wm-ease-enter) both!important}
@media (max-width:760px){html:not(#w):not(#w2):not(#w3) body #modal:not(.hidden) .modal-card{animation:x103-sheet var(--wm-motion-emphasis) var(--wm-ease-enter) both!important}}
@media (min-width:900px){html:not(#w):not(#w2):not(#w3) body.login-body{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;place-items:stretch!important;min-height:100vh!important;padding:0!important;margin:0!important;background:var(--wm-surface)!important}}
@media (min-width:900px){html:not(#w):not(#w2):not(#w3) body.login-body:before{content:"WOMARK"!important;display:flex!important;align-self:stretch!important;justify-self:stretch!important;width:100%!important;height:100%!important;min-height:100vh!important;box-sizing:border-box!important;align-items:flex-end!important;padding:56px!important;background:radial-gradient(120% 90% at 20% 10%,#2a2a2a 0%,#111111 55%,#000000 100%)!important;color:#ffffff!important;font-size:clamp(44px,6vw,88px)!important;font-weight:800!important;letter-spacing:-.04em!important;line-height:.9!important}}
@media (min-width:900px){html[lang=ar]:not(#w):not(#w2):not(#w3) body.login-body{direction:rtl!important}}
@media (min-width:900px){html:not(#w):not(#w2):not(#w3) body.login-body .login-card{align-self:center!important;justify-self:center!important;width:min(400px,calc(100% - 64px))!important;box-shadow:none!important;border:0!important;background:transparent!important;padding:0!important;animation:x103-rise var(--wm-motion-emphasis) var(--wm-ease-enter) both!important}}
html:not(#w):not(#w2):not(#w3) body.login-body .login-card input{min-height:44px!important}
html:not(#w):not(#w2):not(#w3) body.login-body .btn.primary.wide{min-height:46px!important;font-size:14.5px!important}
@media (prefers-reduced-motion:reduce){html:not(#w):not(#w2):not(#w3) body:not(.mobile-device) .sidebar,html:not(#w):not(#w2):not(#w3) body:not(.mobile-device) .main,html:not(#w):not(#w2):not(#w3) body .sidebar .nav,html:not(#w):not(#w2):not(#w3) body .btn,html:not(#w):not(#w2):not(#w3) body .table tbody tr,html:not(#w):not(#w2):not(#w3) body .global-search-wrap{transition:none!important}}
@media (prefers-reduced-motion:reduce){html:not(#w):not(#w2):not(#w3) body #modal:not(.hidden) .modal-card,html:not(#w):not(#w2):not(#w3) body #modal:not(.hidden) .modal-backdrop,html:not(#w):not(#w2):not(#w3) body .account-menu:not(.hidden),html:not(#w):not(#w2):not(#w3) body .global-search-results:not(.hidden),html:not(#w):not(#w2):not(#w3) body.login-body .login-card{animation:none!important}}
@keyframes x103-fade{from{opacity:0}to{opacity:1}}
@keyframes x103-pop{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}
@keyframes x103-drop{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
@keyframes x103-sheet{from{transform:translateY(48px);opacity:.3}to{transform:none;opacity:1}}
@keyframes x103-rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

/* A124 (owner request 2026-10-11): POS pending exchange cases, one compact row per case */
.pending-case-results{gap:10px}
.pcx-card{display:grid;grid-template-columns:minmax(150px,200px) minmax(0,1fr) auto;align-items:center;gap:18px;padding:14px 16px;border:1px solid #E4E4E7;border-radius:14px;background:#fff;transition:border-color .15s,box-shadow .15s}
.pcx-card:hover{border-color:#A1A1AA;box-shadow:0 2px 10px rgba(9,9,11,.06)}
.pcx-who{display:grid;gap:3px;min-width:0}
.pcx-who b{font-size:15px;font-weight:650;color:#09090B;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pcx-who span{font-size:12.5px;color:#52525B}
.pcx-who small{font-size:11px;color:#A1A1AA;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pcx-swap{display:grid;grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr);align-items:center;gap:8px;min-width:0}
.pcx-swap>section{display:grid;gap:6px;min-width:0;padding:8px 10px;border-radius:11px;background:#F4F4F5}
.pcx-swap>section.is-out{background:#ECFDF3}
.pcx-swap>section>.muted{font-size:12px}
.pcx-lab{font-size:10.5px;font-weight:650;letter-spacing:.02em;text-transform:uppercase;color:#71717A}
.pcx-swap>section.is-out .pcx-lab{color:#067647}
.pcx-arrow{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#09090B;color:#fff;font-size:14px}
.pcx-arrow:dir(rtl){transform:scaleX(-1)}
.pcx-item{display:grid;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:10px;min-width:0}
.pcx-item img,.pcx-thumb{width:40px;height:50px;border-radius:8px;object-fit:cover;background:#fff;box-shadow:inset 0 0 0 1px #E4E4E7}
.pcx-thumb{display:grid;place-items:center;color:#A1A1AA}
.pcx-txt{display:grid;gap:4px;min-width:0}
.pcx-txt b{font-size:13px;font-weight:600;color:#09090B;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pcx-chips{display:flex;flex-wrap:wrap;gap:4px}
.pcx-chips em{font-style:normal;font-size:12px;font-weight:600;color:#09090B;background:#fff;padding:1px 8px;border-radius:999px;box-shadow:inset 0 0 0 1px #E4E4E7}
.pcx-chips em.pcx-qty{background:#09090B;color:#fff;box-shadow:none}
.pcx-load{min-height:42px;padding-inline:18px;white-space:nowrap}
@media (max-width:900px){.pcx-card{grid-template-columns:minmax(0,1fr);gap:12px}.pcx-load{width:100%}}
@media (max-width:560px){.pcx-swap{grid-template-columns:minmax(0,1fr)}.pcx-arrow{justify-self:center;transform:rotate(90deg)}.pcx-arrow:dir(rtl){transform:rotate(90deg)}}