/* Mobile card workspace v4 · 2026-09-07 */
.mobile-orders-toolbar,.mobile-order-toggle{display:none!important}
/* Normal phone viewport: touch-first order cards. */
@media (max-width:900px){
  html,body{width:100%!important;max-width:100%!important;overflow-x:hidden!important}
  body{min-width:0!important;-webkit-text-size-adjust:100%;text-size-adjust:100%}
  button,a,input,select,textarea{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
  input,select,textarea{font-size:16px!important}
  #appView,.app,.page,main{box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important}
  #appView>main{padding:10px max(8px,env(safe-area-inset-right)) calc(24px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))!important}
  #appView>.topbar{position:sticky!important;inset:0 0 auto!important;z-index:90!important;display:grid!important;grid-template-columns:minmax(0,1fr) 48px!important;grid-template-rows:52px 50px!important;grid-template-areas:"logo user" "nav nav"!important;align-items:center!important;box-sizing:border-box!important;width:100%!important;height:calc(102px + env(safe-area-inset-top))!important;min-height:calc(102px + env(safe-area-inset-top))!important;padding:max(0px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) 0 max(8px,env(safe-area-inset-left))!important;overflow:visible!important;background:rgba(255,255,255,.98)!important;border-bottom:1px solid #d8e1ee!important;box-shadow:0 5px 16px rgba(29,48,77,.08)!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important}
  #appView>.topbar .logo{grid-area:logo!important;display:flex!important;align-items:center!important;width:auto!important;min-width:0!important;height:52px!important;padding:0!important;border:0!important;gap:9px!important}
  #appView>.topbar .logo img{width:32px!important;height:32px!important;flex:0 0 32px!important;margin:0!important}
  #appView>.topbar .logo>span{display:flex!important;min-width:0!important;flex-direction:column!important;line-height:1.15!important}
  #appView>.topbar .logo b{overflow:hidden!important;color:#17253a!important;font-size:15px!important;white-space:nowrap!important;text-overflow:ellipsis!important}
  #appView>.topbar .logo small,#appView>.topbar .nav-label{display:none!important}
  #appView>.topbar #mainNav{grid-area:nav!important;display:flex!important;align-items:stretch!important;box-sizing:border-box!important;width:calc(100% + 16px)!important;min-width:0!important;height:50px!important;margin-left:-8px!important;padding:0 max(8px,env(safe-area-inset-right)) 0 max(8px,env(safe-area-inset-left))!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important;overscroll-behavior-x:contain!important;-webkit-overflow-scrolling:touch!important}
  #appView>.topbar #mainNav::-webkit-scrollbar{display:none!important}
  #appView>.topbar #mainNav button,#appView>.topbar #mainNav button:nth-child(n){display:inline-flex!important;flex:0 0 auto!important;align-items:center!important;justify-content:center!important;width:auto!important;min-width:78px!important;height:50px!important;min-height:50px!important;padding:0 10px!important;gap:6px!important;border-radius:0!important;font-size:12px!important;white-space:nowrap!important}
  #appView>.topbar #mainNav button i{display:grid!important;width:25px!important;height:25px!important;flex:0 0 25px!important}
  #appView>.topbar #mainNav button span{display:inline!important;font-size:12px!important}
  #appView>.topbar .user-menu{grid-area:user!important;justify-self:end!important;display:flex!important;width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;margin:0!important;padding:5px!important;justify-content:center!important}
  #appView>.topbar .user-menu>span:not(.avatar),#appView>.topbar .user-menu>em{display:none!important}
  #appView>.topbar .user-menu .avatar{width:32px!important;height:32px!important;margin:0!important}
  .account-menu-popover{position:fixed!important;top:calc(50px + env(safe-area-inset-top))!important;right:max(8px,env(safe-area-inset-right))!important;left:auto!important;width:min(280px,calc(100vw - 16px))!important;padding:7px!important}
  .account-menu-popover button{height:44px!important;min-height:44px!important;font-size:14px!important}
  #ordersPage>.order-overview-row{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:7px!important;width:100%!important;min-width:0!important;max-width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0 0 8px!important;overflow:visible!important}
  #ordersPage>.order-overview-row>.greeting-band{display:block!important;width:100%!important;min-width:0!important;height:60px!important;min-height:60px!important;max-height:60px!important;padding:0!important}
  #ordersPage>.order-overview-row>.greeting-band .daily-greeting{grid-template-columns:minmax(0,1fr) 94px!important;width:100%!important;min-width:0!important;height:60px!important;min-height:60px!important;max-height:60px!important}
  #ordersPage>.order-overview-row>.greeting-band .greeting-main{min-width:0!important;padding:6px 9px!important}
  #ordersPage>.order-overview-row>.greeting-band .greeting-copy b{font-size:13px!important}
  #ordersPage>.order-overview-row>.greeting-band .greeting-copy small{font-size:9px!important}
  #ordersPage>.order-overview-row>.greeting-band .greeting-datetime{display:grid!important;min-width:0!important;padding:6px!important}
  #ordersPage>.order-overview-row>.greeting-band .greeting-datetime strong{font-size:14px!important}
  #ordersPage>.order-overview-row>.metrics{display:flex!important;grid-template-columns:none!important;width:100%!important;min-width:0!important;max-width:100%!important;height:auto!important;min-height:66px!important;max-height:none!important;margin:0!important;padding:1px 1px 4px!important;gap:7px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x proximity!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important}
  #ordersPage>.order-overview-row>.metrics::-webkit-scrollbar{display:none!important}
  #ordersPage>.order-overview-row>.metrics .metric{flex:0 0 142px!important;width:142px!important;min-width:142px!important;min-height:62px!important;height:62px!important;padding:7px 9px!important;scroll-snap-align:start!important;border-radius:9px!important}
  #ordersPage>.order-overview-row>.metrics .metric-copy>span{font-size:10px!important}
  #ordersPage>.order-overview-row>.metrics .metric-copy>b{font-size:16px!important}
  .mobile-orders-toolbar{position:sticky!important;top:calc(102px + env(safe-area-inset-top))!important;z-index:48!important;display:grid!important;grid-template-columns:.8fr 1fr 1fr!important;gap:7px!important;box-sizing:border-box!important;width:100%!important;margin:0 0 7px!important;padding:7px!important;border:1px solid #d8e2ef!important;border-radius:11px!important;background:rgba(248,251,255,.96)!important;box-shadow:0 5px 14px rgba(35,58,88,.08)!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important}
  .mobile-orders-toolbar button{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;width:100%!important;min-width:0!important;height:44px!important;min-height:44px!important;padding:0 8px!important;border-radius:8px!important;font-size:13px!important;font-weight:720!important}
  .mobile-orders-toolbar button .ui-icon{width:16px!important;height:16px!important}
  .mobile-orders-toolbar .smart-mobile-action{border-color:#8176eb!important;background:linear-gradient(135deg,#4d5dde,#7046d8)!important;color:#fff!important;box-shadow:0 5px 13px rgba(80,71,202,.22)!important}
  #mobileFilterToggle.is-active{border-color:#7695e8!important;background:#edf3ff!important;color:#244fc8!important}
  #ordersPage>#filters{display:none!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;box-sizing:border-box!important;width:100%!important;margin:0 0 7px!important;padding:10px!important;border-radius:11px!important}
  #ordersPage>#filters.is-mobile-open{display:grid!important;animation:mobileFilterReveal .18s ease-out both}
  #ordersPage>#filters>input[name="keyword"],#ordersPage>#filters>.shop-multi-filter{grid-column:1/-1!important}
  #ordersPage>#filters input,#ordersPage>#filters select,#ordersPage>#filters .shop-multi-toggle{box-sizing:border-box!important;width:100%!important;min-width:0!important;height:44px!important;min-height:44px!important;font-size:16px!important}
  #ordersPage>#filters .shop-multi-menu{right:0!important;left:auto!important;width:100%!important;min-width:0!important;max-width:calc(100vw - 36px)!important;max-height:48dvh!important;overflow-y:auto!important}
  #ordersPage>#filters .shop-filter-option,#ordersPage>#filters .shop-filter-all{min-height:44px!important;font-size:15px!important}
  #ordersPage>#filters .filter-actions{grid-column:1/-1!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;width:100%!important;margin:0!important}
  #ordersPage>#filters .filter-actions .add-order-btn,#ordersPage>#filters .filter-actions .smart-order-btn{display:none!important}
  #ordersPage>#filters .filter-actions button{width:100%!important;min-width:0!important;height:44px!important;min-height:44px!important;font-size:14px!important}
  @keyframes mobileFilterReveal{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
  .quick-filters,.report-quick{display:flex!important;flex-wrap:nowrap!important;width:100%!important;min-width:0!important;max-width:100%!important;gap:5px!important;margin:0 0 8px!important;padding:4px 5px!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important}
  .quick-filters::-webkit-scrollbar,.report-quick::-webkit-scrollbar{display:none!important}
  .quick-filters button,.report-quick button{flex:0 0 auto!important;min-height:36px!important;padding:0 10px!important;font-size:12px!important;white-space:nowrap!important}
  .quick-filters::before,.report-quick>span{display:inline-flex!important;flex:0 0 auto!important;width:auto!important;align-items:center!important;white-space:nowrap!important;writing-mode:horizontal-tb!important}  #ordersPage>.sheet-wrap{box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;padding:0!important;overflow:visible!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
  #ordersPage .orders-sheet{display:block!important;box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important;height:auto!important;table-layout:auto!important;border:0!important;background:transparent!important}
  #ordersPage .orders-sheet>thead{display:none!important}
  #ordersPage .orders-sheet>#ordersBody{display:block!important;width:100%!important;min-width:0!important}
  #ordersPage .orders-sheet #ordersBody>tr:not(.after-sales-row){position:relative!important;display:grid!important;grid-template-columns:58px minmax(0,1fr) 70px 70px!important;grid-template-areas:"seq shop shop date" "image orderno orderno qty" "image spec spec spec" "code code status status" "address address address address" "sale sale profit profit" "actions actions actions actions"!important;box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important;height:auto!important;min-height:0!important;margin:0 0 12px!important;padding:7px!important;gap:6px 7px!important;overflow:hidden!important;border:1px solid #d4deeb!important;border-left:4px solid #7695d8!important;border-radius:12px!important;background:linear-gradient(145deg,#fff 0%,#fbfdff 100%)!important;box-shadow:0 5px 15px rgba(30,53,83,.07)!important}
  #ordersPage .orders-sheet #ordersBody>tr.order-group:not(.after-sales-row){border-left-color:rgb(var(--order-group-rgb))!important;background:linear-gradient(145deg,rgba(var(--order-group-rgb),.055),#fff 62%)!important}
  #ordersPage .orders-sheet #ordersBody>tr.has-after:not(.after-sales-row){border-left-color:#e34d62!important}
  #ordersPage .orders-sheet #ordersBody>tr.mobile-has-after-sales:not(.after-sales-row),#ordersPage .orders-sheet #ordersBody>tr.mobile-expanded:not(.after-sales-row){margin-bottom:12px!important;border-radius:12px 12px 8px 8px!important}
  #ordersPage .orders-sheet #ordersBody>tr:not(.after-sales-row)>td{position:static!important;inset:auto!important;z-index:auto!important;display:flex!important;box-sizing:border-box!important;width:auto!important;min-width:0!important;max-width:none!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;padding:6px 7px!important;align-items:center!important;overflow:visible!important;border:1px solid #e4eaf2!important;border-radius:7px!important;background:rgba(255,255,255,.78)!important;box-shadow:none!important;color:#243650!important;font-size:13px!important;line-height:1.45!important;text-align:left!important}
  #ordersPage .orders-sheet #ordersBody>tr:not(.after-sales-row)>td[data-label]::before{content:attr(data-label);display:block;flex:0 0 auto;margin:0 8px 0 0;color:#7a899e;font-size:10px;font-weight:700;line-height:1.2;white-space:nowrap}
  #ordersPage .orders-sheet #ordersBody>tr:not(.after-sales-row)>td:nth-child(1)::before,#ordersPage .orders-sheet #ordersBody>tr:not(.after-sales-row)>td:nth-child(2)::before,#ordersPage .orders-sheet #ordersBody>tr:not(.after-sales-row)>td:nth-child(3)::before,#ordersPage .orders-sheet #ordersBody>tr:not(.after-sales-row)>td:nth-child(7)::before{display:none!important}
  #ordersPage .orders-sheet #ordersBody>tr:not(.after-sales-row)>td:nth-child(1){grid-area:seq!important;justify-content:center!important;padding:4px!important;border-color:transparent!important;background:transparent!important}
  #ordersPage .orders-sheet #ordersBody>tr:not(.after-sales-row)>td:nth-child(2){grid-area:actions!important;padding:0!important;border:0!important;background:transparent!important}
  #ordersPage .orders-sheet #ordersBody>tr:not(.after-sales-row)>td:nth-child(3){grid-area:shop!important;padding:4px 6px!important;border:0!important;background:transparent!important}
  #ordersPage .orders-sheet #ordersBody>tr:not(.after-sales-row)>td:nth-child(4){grid-area:date!important;flex-direction:column!important;align-items:flex-end!important;justify-content:center!important;padding:4px!important;border:0!important;background:transparent!important;font-size:11px!important;text-align:right!important}
  #ordersPage .orders-sheet #ordersBody>tr:not(.after-sales-row)>td:nth-child(4)::before{margin:0 0 2px!important;font-size:9px!important}
  #ordersPage .orders-sheet #ordersBody>tr:not(.after-sales-row)>td:nth-child(4) .row-display{width:auto!important;font-size:10px!important;white-space:nowrap!important;word-break:normal!important}
  #ordersPage .orders-sheet #ordersBody>tr:not(.after-sales-row)>td:nth-child(5){grid-area:reported!important}
  #ordersPage .orders-sheet #ordersBody>tr:not(.after-sales-row)>td:nth-child(6){grid-area:orderno!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important}
  #ordersPage .orders-sheet #ordersBody>tr:not(.after-sales-row)>td:nth-child(6)::before{margin:0 0 3px!important}
  #ordersPage .orders-sheet #ordersBody>tr:not(.after-sales-row)>td:nth-child(7){grid-area:image!important;justify-content:center!important;padding:0!important;border:0!important;background:transparent!important}
  #ordersPage .orders-sheet #ordersBody>tr:not(.after-sales-row)>td:nth-child(8){grid-area:code!important}
  #ordersPage .orders-sheet #ordersBody>tr:not(.after-sales-row)>td:nth-child(9){grid-area:spec!important;align-items:flex-start!important}
  #ordersPage .orders-sheet #ordersBody>tr:not(.after-sales-row)>td:nth-child(10){grid-area:qty!important;justify-content:center!important}
  #ordersPage .orders-sheet #ordersBody>tr:not(.after-sales-row)>td:nth-child(11){grid-area:address!important;align-items:flex-start!important}
  #ordersPage .orders-sheet #ordersBody>tr:not(.after-sales-row)>td:nth-child(12){grid-area:tracking!important}
  #ordersPage .orders-sheet #ordersBody>tr:not(.after-sales-row)>td:nth-child(13){grid-area:source!important}
  #ordersPage .orders-sheet #ordersBody>tr:not(.after-sales-row)>td:nth-child(14){grid-area:link!important}
  #ordersPage .orders-sheet #ordersBody>tr:not(.after-sales-row)>td:nth-child(15){grid-area:status!important}
  #ordersPage .orders-sheet #ordersBody>tr:not(.after-sales-row)>td:nth-child(16){grid-area:sale!important}
  #ordersPage .orders-sheet #ordersBody>tr:not(.after-sales-row)>td:nth-child(17){grid-area:purchase!important}
  #ordersPage .orders-sheet #ordersBody>tr:not(.after-sales-row)>td:nth-child(18){grid-area:freight!important}
  #ordersPage .orders-sheet #ordersBody>tr:not(.after-sales-row)>td:nth-child(19){grid-area:total!important}
  #ordersPage .orders-sheet #ordersBody>tr:not(.after-sales-row)>td:nth-child(20){grid-area:profit!important}
  #ordersPage .orders-sheet #ordersBody>tr:not(.after-sales-row)>td:nth-child(5),#ordersPage .orders-sheet #ordersBody>tr:not(.after-sales-row)>td:nth-child(12),#ordersPage .orders-sheet #ordersBody>tr:not(.after-sales-row)>td:nth-child(13),#ordersPage .orders-sheet #ordersBody>tr:not(.after-sales-row)>td:nth-child(14),#ordersPage .orders-sheet #ordersBody>tr:not(.after-sales-row)>td:nth-child(17),#ordersPage .orders-sheet #ordersBody>tr:not(.after-sales-row)>td:nth-child(18),#ordersPage .orders-sheet #ordersBody>tr:not(.after-sales-row)>td:nth-child(19){display:none!important}
  #ordersPage .orders-sheet #ordersBody>tr.mobile-expanded:not(.after-sales-row){grid-template-areas:"seq shop shop date" "image orderno orderno qty" "image spec spec spec" "code code status status" "address address address address" "reported reported tracking tracking" "source source link link" "sale sale purchase purchase" "freight freight total total" "profit profit profit profit" "actions actions actions actions"!important}
  #ordersPage .orders-sheet #ordersBody>tr.mobile-expanded:not(.after-sales-row)>td:nth-child(5),#ordersPage .orders-sheet #ordersBody>tr.mobile-expanded:not(.after-sales-row)>td:nth-child(12),#ordersPage .orders-sheet #ordersBody>tr.mobile-expanded:not(.after-sales-row)>td:nth-child(13),#ordersPage .orders-sheet #ordersBody>tr.mobile-expanded:not(.after-sales-row)>td:nth-child(14),#ordersPage .orders-sheet #ordersBody>tr.mobile-expanded:not(.after-sales-row)>td:nth-child(17),#ordersPage .orders-sheet #ordersBody>tr.mobile-expanded:not(.after-sales-row)>td:nth-child(18),#ordersPage .orders-sheet #ordersBody>tr.mobile-expanded:not(.after-sales-row)>td:nth-child(19){display:flex!important}  #ordersPage .daily-order-sequence{display:grid!important;width:34px!important;height:34px!important;place-items:center!important;border-radius:9px!important;background:#edf3ff!important;color:#3159c8!important;font-size:15px!important;font-weight:800!important}
  #ordersPage .shop-identity{display:flex!important;min-width:0!important;flex-direction:row!important;align-items:center!important;gap:8px!important}
  #ordersPage .shop-identity .shop-logo,#ordersPage .shop-cell-editor .shop-logo{width:34px!important;height:34px!important;flex:0 0 34px!important;border-radius:8px!important}
  #ordersPage .shop-identity .shop-name{overflow:hidden!important;font-size:13px!important;white-space:nowrap!important;text-overflow:ellipsis!important}
  #ordersPage .shop-cell-editor{display:flex!important;width:100%!important;min-width:0!important;flex-direction:row!important;align-items:center!important;gap:7px!important}
  #ordersPage .shop-cell-editor .inline-select{width:100%!important;min-width:0!important}
  #ordersPage .orders-sheet .product-image-frame,#ordersPage .orders-sheet .row-image-paste-zone{display:grid!important;width:56px!important;height:64px!important;min-width:56px!important;min-height:64px!important;place-items:center!important;border-radius:8px!important}
  #ordersPage .orders-sheet .product-img,#ordersPage .orders-sheet .product-image-frame .product-img{width:54px!important;height:62px!important;object-fit:contain!important;border-radius:7px!important}
  #ordersPage .orders-sheet .row-image-editor{width:58px!important;min-width:58px!important}
  #ordersPage .orders-sheet .row-image-paste-zone span b,#ordersPage .orders-sheet .row-image-paste-zone span small{display:none!important}
  #ordersPage .orders-sheet #ordersBody>tr:not(.after-sales-row) :is(input.inline-input,select.inline-select,textarea.inline-textarea){box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important;height:42px!important;min-height:42px!important;padding:7px 9px!important;font-size:16px!important;line-height:1.35!important}
  #ordersPage .orders-sheet #ordersBody>tr:not(.after-sales-row) textarea.inline-textarea{height:auto!important;min-height:66px!important;max-height:128px!important;resize:vertical!important}
  #ordersPage .orders-sheet #ordersBody>tr:not(.after-sales-row) .row-display{width:100%!important;min-width:0!important;max-width:100%!important;max-height:none!important;overflow:visible!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:break-word!important;font-size:13px!important;line-height:1.45!important}
  #ordersPage .orders-sheet #ordersBody>tr:not(.after-sales-row) .order-number-value{font-size:13px!important;font-weight:780!important;overflow-wrap:anywhere!important}
  #ordersPage .orders-sheet #ordersBody>tr:not(.after-sales-row) .order-group-badge,#ordersPage .orders-sheet #ordersBody>tr:not(.after-sales-row) .order-exception-badge{margin-top:4px!important}
  #ordersPage .orders-sheet #ordersBody>tr:not(.after-sales-row) .address-copy-wrap{width:100%!important;min-width:0!important;height:auto!important;min-height:0!important;padding-right:28px!important}
  #ordersPage .orders-sheet #ordersBody>tr:not(.after-sales-row) .address-cell .row-display{height:auto!important;min-height:0!important}
  #ordersPage .orders-sheet #ordersBody>tr:not(.after-sales-row) .address-copy-button{top:0!important;right:0!important;width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;opacity:.88!important}
  #ordersPage .orders-sheet #ordersBody>tr:not(.after-sales-row) .source-link{display:block!important;width:100%!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
  #ordersPage .orders-sheet #ordersBody>tr:not(.after-sales-row) .readonly-text-value{width:100%!important;min-width:0!important;font-size:13px!important}
  #ordersPage .orders-sheet #ordersBody>tr:not(.after-sales-row) .row-status{width:100%!important;min-height:34px!important;justify-content:center!important;text-align:center!important;white-space:normal!important}
  #ordersPage .orders-sheet #ordersBody>tr:not(.after-sales-row)>td:nth-child(16),#ordersPage .orders-sheet #ordersBody>tr:not(.after-sales-row)>td:nth-child(17),#ordersPage .orders-sheet #ordersBody>tr:not(.after-sales-row)>td:nth-child(18),#ordersPage .orders-sheet #ordersBody>tr:not(.after-sales-row)>td:nth-child(19),#ordersPage .orders-sheet #ordersBody>tr:not(.after-sales-row)>td:nth-child(20){justify-content:space-between!important;font-variant-numeric:tabular-nums!important;font-weight:750!important}
  #ordersPage .orders-sheet #ordersBody>tr:not(.after-sales-row)>td:nth-child(20){border-color:#cae9df!important;background:#f0fbf7!important;color:#08745c!important}
  #ordersPage .orders-sheet .actions{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;align-items:center!important;width:100%!important;min-width:0!important;gap:7px!important;padding:2px 0 0!important}
  #ordersPage .orders-sheet .actions button{display:inline-flex!important;flex:1 1 72px!important;align-items:center!important;justify-content:center!important;width:auto!important;min-width:68px!important;height:42px!important;min-height:42px!important;padding:0 8px!important;border-radius:8px!important;font-size:12px!important}
  #ordersPage .orders-sheet .actions .auto-save-status{flex:0 0 auto!important;min-height:30px!important}
  #ordersPage .orders-sheet .mobile-order-toggle{display:inline-flex!important;border-color:#bdcce1!important;background:#f7f9fc!important;color:#455a76!important}
  #ordersPage .orders-sheet .mobile-order-toggle i{display:block;width:7px;height:7px;margin:-3px 0 0 2px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .18s ease}
  #ordersPage .orders-sheet .mobile-order-toggle[aria-expanded="true"] i{margin-top:3px;transform:rotate(225deg)}
  #ordersPage .orders-sheet #ordersBody>.after-sales-row{display:none!important;box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important;height:auto!important;margin:-12px 0 12px!important;padding:0!important}
  #ordersPage .orders-sheet #ordersBody>.after-sales-row.mobile-expanded,#ordersPage .orders-sheet #ordersBody>.after-sales-row.mobile-has-after-sales{display:block!important}
  #ordersPage .orders-sheet #ordersBody>.after-sales-row>td{display:block!important;box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important;height:auto!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important}
  #ordersPage .orders-sheet .after-sales-details{box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important;overflow:visible!important;border:1px solid #e6c3ca!important;border-top:0!important;border-radius:0 0 12px 12px!important;background:#fff!important;box-shadow:0 5px 15px rgba(30,53,83,.06)!important}
  #ordersPage .orders-sheet .after-sales-details>summary{display:flex!important;box-sizing:border-box!important;width:100%!important;min-height:44px!important;padding:8px 10px!important;align-items:center!important;gap:7px!important;font-size:12px!important}
  #ordersPage .orders-sheet .after-sales-details>summary>span{flex:0 0 auto!important}
  #ordersPage .orders-sheet .after-sales-badge{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
  #ordersPage .orders-sheet .after-sales-details[open] .after-sales-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important;height:auto!important;min-height:0!important;gap:10px!important;padding:10px!important;overflow:visible!important}
  #ordersPage .orders-sheet .after-sales-fields{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important;min-width:0!important;gap:9px!important}
  #ordersPage .orders-sheet .after-sales-fields label{display:block!important;width:100%!important;min-width:0!important}
  #ordersPage .orders-sheet .after-sales-fields label:nth-child(n+4){grid-column:1/-1!important}
  #ordersPage .orders-sheet .after-sales-fields :is(.inline-input,.inline-select,.inline-textarea,.row-display){box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important;height:auto!important;min-height:42px!important;max-height:none!important;padding:8px 9px!important;font-size:16px!important;line-height:1.4!important;white-space:normal!important;overflow-wrap:anywhere!important}
  #ordersPage .orders-sheet .after-sales-fields .inline-textarea{min-height:72px!important;resize:vertical!important}
  #ordersPage .orders-sheet .refund-image-field{display:grid!important;grid-template-columns:1fr!important;width:100%!important;min-width:0!important;max-width:100%!important;gap:5px!important}
  #ordersPage .orders-sheet .refund-paste-zone{box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important;height:104px!important;min-height:104px!important}
  #ordersPage .orders-sheet .refund-paste-zone img{width:100%!important;height:100%!important;object-fit:contain!important}
  #ordersPage .orders-sheet .refund-remove{top:26px!important;right:7px!important;width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important}
  #ordersPagination,.logs-pagination{box-sizing:border-box!important;width:100%!important;min-width:0!important;gap:8px!important;padding:9px!important;flex-wrap:wrap!important}
  #ordersPagination>#ordersTotal{flex:1 1 100%!important}
  #ordersPagination>#ordersPages{display:flex!important;max-width:100%!important;gap:5px!important;overflow-x:auto!important;scrollbar-width:none!important}
  #ordersPagination>#ordersPages::-webkit-scrollbar{display:none!important}
  #ordersPagination>#ordersPages button,.logs-pagination button{min-width:40px!important;height:40px!important;min-height:40px!important}
  #ordersPagination>span{display:none!important}
  .empty{box-sizing:border-box!important;width:100%!important;min-height:190px!important;padding:28px 14px!important}  .inventory-table-wrap,.hot-table-wrap,.report-table-wrap,.logs-table-wrap,.admin-table-wrap{box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;overflow-x:auto!important;overflow-y:hidden!important;overscroll-behavior-x:contain!important;overscroll-behavior-y:auto!important;-webkit-overflow-scrolling:touch!important}
  .inventory-table{min-width:1040px!important}.hot-table{min-width:700px!important}.report-table{min-width:1020px!important}.logs-table{min-width:860px!important}.admin-table{min-width:820px!important}
  .inventory-filters,.hot-filters,.report-filters,.logs-filters{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;box-sizing:border-box!important;width:100%!important;gap:8px!important;padding:10px!important}
  .inventory-filters>input:first-child,.hot-filters>input:first-child,.logs-filters>input:first-child{grid-column:1/-1!important}
  .inventory-filters input,.inventory-filters select,.hot-filters input,.hot-filters select,.report-filters input,.report-filters select,.logs-filters input,.logs-filters select{box-sizing:border-box!important;width:100%!important;min-width:0!important;height:44px!important;min-height:44px!important;font-size:16px!important}
  .module-filter-actions{grid-column:1/-1!important;display:grid!important;grid-template-columns:1fr 1fr!important;width:100%!important;gap:8px!important}
  .module-filter-actions button{width:100%!important;height:44px!important;min-height:44px!important;font-size:14px!important}
  .stock-toolbar>button,.admin-module-toolbar>.primary{min-height:44px!important}
  #settingsPage .settings-layout,#settingsPage .settings-layout.settings-focused,#settingsPage .member-settings-panel,#usersPage .user-page-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-areas:none!important;width:100%!important;min-width:0!important;gap:10px!important}
  #settingsPage .settings-layout>*,#settingsPage .member-settings-panel>*{grid-area:auto!important;width:100%!important;min-width:0!important}
  #settingsPage .settings-card,#settingsPage .member-settings-card,#usersPage .admin-card{box-sizing:border-box!important;width:100%!important;min-width:0!important;padding:12px!important;border-radius:11px!important}
  #settingsPage .settings-card>header,#settingsPage .member-settings-card>header{display:flex!important;align-items:flex-start!important;flex-wrap:wrap!important;gap:8px!important}
  #settingsPage .settings-card>header>div{min-width:0!important;flex:1 1 190px!important}
  #settingsPage .settings-card>header button{min-height:40px!important}
  #settingsPage .settings-shop-list{grid-template-columns:minmax(0,1fr)!important;gap:8px!important}
  #settingsPage .settings-shop-row{grid-template-columns:18px 52px minmax(0,1fr)!important;gap:7px!important;min-height:76px!important;padding:9px!important}
  #settingsPage .settings-shop-logo{width:52px!important;height:52px!important}
  #settingsPage .settings-shop-row>label input,#settingsPage .settings-default-shop select{height:42px!important;min-height:42px!important;font-size:16px!important}
  #settingsPage .settings-assignment-list,#settingsPage .settings-assignment-row{width:100%!important;min-width:0!important}
  #settingsPage .settings-assignment-row{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
  #settingsPage .settings-personal-grid,#settingsPage .safety-columns{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:10px!important}
  #settingsPage .settings-greetings-field{grid-column:auto!important}
  #settingsPage .settings-personal-grid input,#settingsPage .settings-personal-grid textarea{font-size:16px!important}
  #settingsPage .settings-greetings-field textarea{min-height:132px!important;max-height:200px!important}
  #settingsPage .settings-header-actions{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%!important;gap:8px!important}
  #settingsPage .settings-header-actions button{width:100%!important;min-height:44px!important}
  #settingsPage .qwen-settings-form,#settingsPage.member-settings-mode .qwen-settings-form{display:grid!important;grid-template-columns:minmax(0,1fr)!important;width:100%!important;gap:12px!important;padding:12px!important}
  #settingsPage .qwen-side-controls,#settingsPage.member-settings-mode .qwen-side-controls{display:grid!important;grid-template-columns:minmax(0,1fr)!important;width:100%!important;min-width:0!important;gap:10px!important;padding:10px!important}
  #settingsPage .qwen-settings-actions,#settingsPage.member-settings-mode .qwen-settings-actions{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%!important;gap:8px!important}
  #settingsPage .qwen-settings-actions button,#settingsPage.member-settings-mode .qwen-settings-actions button{min-height:44px!important;font-size:13px!important}
  #settingsPage .qwen-model-control select,#settingsPage .qwen-key-input-wrap input{height:44px!important;min-height:44px!important;font-size:16px!important}
  #settingsPage .safety-list article,#settingsPage .safety-list>div{min-width:0!important;gap:8px!important}
  .permission-options{grid-template-columns:1fr!important}
  dialog#orderDialog,dialog#inventoryDialog,dialog#userDialog,dialog#smartOrderDialog,dialog#restorePasswordDialog,dialog#profileDialog{inset:0!important;box-sizing:border-box!important;width:100vw!important;max-width:100vw!important;height:100dvh!important;max-height:100dvh!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important}
  dialog#orderDialog>form,dialog#inventoryDialog>form,dialog#userDialog>form,dialog#smartOrderDialog>form,dialog#restorePasswordDialog>form,dialog#profileDialog>form{box-sizing:border-box!important;width:100%!important;max-width:100%!important;height:100%!important;max-height:100%!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}
  dialog form>header{flex:0 0 auto!important;box-sizing:border-box!important;min-height:58px!important;padding:max(12px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) 10px max(14px,env(safe-area-inset-left))!important}
  dialog form>header button{width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important}
  #orderForm>.form-grid,.inventory-dialog .inventory-form-grid,.user-dialog .user-form-body,.restore-password-dialog .restore-password-body,.profile-dialog .profile-form-body{flex:1 1 auto!important;box-sizing:border-box!important;width:100%!important;min-height:0!important;overflow-y:auto!important;padding:12px max(12px,env(safe-area-inset-right)) 12px max(12px,env(safe-area-inset-left))!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:10px!important;-webkit-overflow-scrolling:touch!important}
  #orderForm>.form-grid>.wide,.inventory-dialog .inventory-form-grid>.wide{grid-column:auto!important}
  dialog form>footer{position:sticky!important;bottom:0!important;z-index:5!important;flex:0 0 auto!important;display:grid!important;grid-template-columns:1fr 1.2fr!important;gap:8px!important;box-sizing:border-box!important;width:100%!important;padding:10px max(12px,env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))!important;background:#fff!important;border-top:1px solid #dce4ef!important}
  dialog form>footer button{width:100%!important;min-width:0!important;height:46px!important;min-height:46px!important;font-size:14px!important}
  .smart-order-dialog .smart-order-body{flex:1 1 auto!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;box-sizing:border-box!important;width:100%!important;min-height:0!important;gap:10px!important;padding:10px max(10px,env(safe-area-inset-right)) 10px max(10px,env(safe-area-inset-left))!important;overflow-y:auto!important}
  .smart-order-dialog .smart-order-capture{position:static!important;width:100%!important;min-width:0!important}
  .smart-order-dialog .smart-order-preview{box-sizing:border-box!important;width:100%!important;min-width:0!important;min-height:260px!important}
  .smart-order-dialog .smart-shared-grid{grid-template-columns:1fr!important}
  .smart-order-dialog .smart-shared-grid .wide{grid-column:auto!important}
  .smart-order-dialog .smart-products-wrap{width:100%!important;max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}
  .smart-order-dialog .smart-products-table{min-width:680px!important}
  .smart-order-dialog .smart-order-capture-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
  .smart-order-dialog .smart-order-capture-actions button{min-height:44px!important}
  .smart-order-paste .paste-empty b,#imagePasteZone .paste-empty b,#inventoryImagePasteZone .paste-empty b,.refund-paste-zone:not(.has-image)>span>b{font-size:0!important}
  .smart-order-paste .paste-empty b::after{content:"选择订单截图";font-size:14px!important}
  #imagePasteZone .paste-empty b::after{content:"选择产品图片";font-size:14px!important}
  #inventoryImagePasteZone .paste-empty b::after{content:"选择库存图片";font-size:14px!important}
  .refund-paste-zone:not(.has-image)>span>b::after{content:"选择退款截图";font-size:13px!important}
  .smart-order-paste .paste-empty small,#imagePasteZone .paste-empty small,#inventoryImagePasteZone .paste-empty small,.refund-paste-zone:not(.has-image)>span>small{font-size:0!important}
  .smart-order-paste .paste-empty small::after,#imagePasteZone .paste-empty small::after,#inventoryImagePasteZone .paste-empty small::after,.refund-paste-zone:not(.has-image)>span>small::after{content:"点按打开相册或相机";font-size:12px!important}
  #settingsPage .settings-shop-logo>span{font-size:0!important}
  #settingsPage .settings-shop-logo>span::after{content:"点按选择";font-size:10px!important}
  .action-confirm-dialog{inset:0!important;width:min(92vw,420px)!important;max-width:92vw!important;margin:auto!important}
  .image-dialog{inset:0!important;width:100vw!important;max-width:100vw!important;height:100dvh!important;max-height:100dvh!important;margin:0!important;padding:52px max(10px,env(safe-area-inset-right)) calc(20px + env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))!important;border:0!important;border-radius:0!important;background:rgba(8,15,27,.94)!important}
  .image-dialog img{width:100%!important;max-width:100%!important;height:calc(100dvh - 100px)!important;max-height:calc(100dvh - 100px)!important;object-fit:contain!important}
  .image-dialog>#closeImageDialog{top:max(10px,env(safe-area-inset-top))!important;right:max(10px,env(safe-area-inset-right))!important;width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important}
  .toast{right:10px!important;bottom:calc(12px + env(safe-area-inset-bottom))!important;left:10px!important;width:auto!important;max-width:none!important;text-align:center!important}
  .login-view{box-sizing:border-box!important;width:100%!important;min-height:100dvh!important;padding:max(18px,env(safe-area-inset-top)) 12px max(18px,env(safe-area-inset-bottom))!important;overflow-y:auto!important}
  .login-card{box-sizing:border-box!important;width:min(100%,390px)!important;max-width:100%!important;margin:auto!important;padding:24px 18px!important;border-radius:15px!important}
  .login-card input,.login-card button{height:48px!important;min-height:48px!important;font-size:16px!important}
}
@media (max-width:420px){
  #ordersPage .orders-sheet #ordersBody>tr:not(.after-sales-row){grid-template-columns:54px minmax(0,1fr) 64px 64px!important;padding:6px!important;gap:6px!important}
  .mobile-orders-toolbar{grid-template-columns:.72fr 1fr 1fr!important;padding:6px!important;gap:6px!important}
  .mobile-orders-toolbar button{padding:0 5px!important;font-size:12px!important}
  #settingsPage .settings-header-actions{grid-template-columns:1fr!important}
  #settingsPage .qwen-settings-actions,#settingsPage.member-settings-mode .qwen-settings-actions{grid-template-columns:1fr!important}
}
@media (max-width:900px) and (orientation:landscape) and (max-height:560px){
  #appView>.topbar{grid-template-columns:44px minmax(0,1fr) 44px!important;grid-template-rows:54px!important;grid-template-areas:"logo nav user"!important;height:calc(54px + env(safe-area-inset-top))!important;min-height:calc(54px + env(safe-area-inset-top))!important}
  #appView>.topbar .logo{width:44px!important;min-width:44px!important;height:54px!important}
  #appView>.topbar .logo>span{display:none!important}
  #appView>.topbar #mainNav{width:100%!important;height:54px!important;margin:0!important;padding:0!important}
  #appView>.topbar #mainNav button,#appView>.topbar #mainNav button:nth-child(n){height:54px!important;min-height:54px!important;min-width:72px!important;padding:0 8px!important}
  .mobile-orders-toolbar{top:calc(54px + env(safe-area-inset-top))!important}
  #ordersPage>.order-overview-row>.greeting-band{display:none!important}
  #ordersPage>.order-overview-row>.metrics{min-height:58px!important}
  #ordersPage>.order-overview-row>.metrics .metric{height:54px!important;min-height:54px!important}
}
@media (max-width:900px) and (prefers-reduced-motion:reduce){
  #ordersPage>#filters.is-mobile-open{animation:none!important}
  #ordersPage .orders-sheet .mobile-order-toggle i{transition:none!important}
  .mobile-orders-toolbar,#appView>.topbar{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
}
@media (pointer:coarse) and (min-width:901px){
  .smart-order-paste .paste-empty b,#imagePasteZone .paste-empty b,#inventoryImagePasteZone .paste-empty b,.refund-paste-zone:not(.has-image)>span>b{font-size:0!important}
  .smart-order-paste .paste-empty b::after{content:"选择订单截图";font-size:14px!important}
  #imagePasteZone .paste-empty b::after{content:"选择产品图片";font-size:14px!important}
  #inventoryImagePasteZone .paste-empty b::after{content:"选择库存图片";font-size:14px!important}
  .refund-paste-zone:not(.has-image)>span>b::after{content:"选择退款截图";font-size:13px!important}
  .smart-order-paste .paste-empty small,#imagePasteZone .paste-empty small,#inventoryImagePasteZone .paste-empty small,.refund-paste-zone:not(.has-image)>span>small{font-size:0!important}
  .smart-order-paste .paste-empty small::after,#imagePasteZone .paste-empty small::after,#inventoryImagePasteZone .paste-empty small::after,.refund-paste-zone:not(.has-image)>span>small::after{content:"点按打开相册或相机";font-size:12px!important}
  #settingsPage .settings-shop-logo>span{font-size:0!important}
  #settingsPage .settings-shop-logo>span::after{content:"点按选择";font-size:10px!important}
}

/*
 * A phone using the browser's “desktop site” option normally reports a viewport
 * around 980px. Keep the complete desktop worksheet in that mode and make the
 * table itself scroll in both directions instead of squeezing twenty columns.
 * The class is applied by app.js from touch capability + viewport width, while
 * Windows touch PCs deliberately keep the regular desktop layout.
 */
@media (min-width:901px) and (max-width:1200px){
  html.phone-desktop-layout,html.phone-desktop-layout body{width:100%!important;max-width:100%!important;overflow-x:hidden!important;-webkit-text-size-adjust:100%;text-size-adjust:100%}
  html.phone-desktop-layout #appView,html.phone-desktop-layout #appView>main,html.phone-desktop-layout #appView .page{box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important}
  html.phone-desktop-layout #appView>main{padding:7px 8px 12px!important}

  html.phone-desktop-layout #appView>.topbar{position:sticky!important;inset:0 0 auto!important;z-index:90!important;display:flex!important;box-sizing:border-box!important;width:100%!important;height:48px!important;min-height:48px!important;padding:0 6px!important;overflow:visible!important}
  html.phone-desktop-layout #appView>.topbar .logo{display:flex!important;width:122px!important;min-width:122px!important;height:48px!important;padding:0 5px!important;gap:7px!important}
  html.phone-desktop-layout #appView>.topbar .logo img{width:29px!important;height:29px!important;flex:0 0 29px!important}
  html.phone-desktop-layout #appView>.topbar .logo b{font-size:13px!important;white-space:nowrap!important}
  html.phone-desktop-layout #appView>.topbar .logo small,html.phone-desktop-layout #appView>.topbar .nav-label{display:none!important}
  html.phone-desktop-layout #appView>.topbar #mainNav{display:flex!important;flex:1 1 auto!important;align-items:stretch!important;width:auto!important;min-width:0!important;height:48px!important;gap:0!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important}
  html.phone-desktop-layout #appView>.topbar #mainNav::-webkit-scrollbar{display:none!important}
  html.phone-desktop-layout #appView>.topbar #mainNav button,html.phone-desktop-layout #appView>.topbar #mainNav button:nth-child(n){display:inline-flex!important;flex:0 0 auto!important;align-items:center!important;width:auto!important;min-width:68px!important;height:48px!important;min-height:48px!important;padding:0 5px!important;gap:4px!important;font-size:10.5px!important;white-space:nowrap!important}
  html.phone-desktop-layout #appView>.topbar #mainNav button i{display:grid!important;width:20px!important;height:20px!important;flex:0 0 20px!important}
  html.phone-desktop-layout #appView>.topbar #mainNav button span{display:inline!important;font-size:10.5px!important}
  html.phone-desktop-layout #appView>.topbar .user-menu{display:flex!important;flex:0 0 auto!important;width:auto!important;min-width:54px!important;height:36px!important;min-height:36px!important;margin-left:4px!important;padding:3px 5px!important;gap:4px!important}
  html.phone-desktop-layout #appView>.topbar .user-menu .avatar{width:26px!important;height:26px!important;flex:0 0 26px!important}
  html.phone-desktop-layout #appView>.topbar .user-menu>span:not(.avatar){display:block!important;max-width:48px!important;overflow:hidden!important;font-size:10px!important;text-overflow:ellipsis!important;white-space:nowrap!important}
  html.phone-desktop-layout #appView>.topbar .user-menu small,html.phone-desktop-layout #appView>.topbar .user-menu em{display:none!important}
  html.phone-desktop-layout .account-menu-popover{position:fixed!important;top:45px!important;right:7px!important;left:auto!important}

  html.phone-desktop-layout #ordersPage{gap:6px!important}
  html.phone-desktop-layout #ordersPage>.order-overview-row{display:grid!important;grid-template-columns:260px minmax(0,1fr)!important;gap:6px!important;width:100%!important;min-width:0!important;height:58px!important;margin:0!important;overflow:hidden!important}
  html.phone-desktop-layout #ordersPage>.order-overview-row>.greeting-band{width:100%!important;min-width:0!important;height:58px!important;min-height:58px!important;padding:0!important}
  html.phone-desktop-layout #ordersPage>.order-overview-row>.greeting-band .daily-greeting{grid-template-columns:minmax(0,1fr) 84px!important;width:100%!important;height:58px!important;min-height:58px!important}
  html.phone-desktop-layout #ordersPage>.order-overview-row>.greeting-band .greeting-main{height:58px!important;padding:5px 7px!important;gap:6px!important}
  html.phone-desktop-layout #ordersPage>.order-overview-row>.greeting-band .greeting-smile{width:31px!important;height:31px!important;flex:0 0 31px!important}
  html.phone-desktop-layout #ordersPage>.order-overview-row>.greeting-band .greeting-copy b{font-size:11px!important}
  html.phone-desktop-layout #ordersPage>.order-overview-row>.greeting-band .greeting-copy small{font-size:8px!important}
  html.phone-desktop-layout #ordersPage>.order-overview-row>.greeting-band .greeting-datetime{height:58px!important;padding:5px 6px!important}
  html.phone-desktop-layout #ordersPage>.order-overview-row>.greeting-band .greeting-datetime strong{font-size:13px!important}
  html.phone-desktop-layout #ordersPage>.order-overview-row>.greeting-band .greeting-datetime span{font-size:8px!important}
  html.phone-desktop-layout #ordersPage>.order-overview-row>.metrics{display:flex!important;grid-template-columns:none!important;width:100%!important;min-width:0!important;height:58px!important;min-height:58px!important;margin:0!important;padding:0!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important}
  html.phone-desktop-layout #ordersPage>.order-overview-row>.metrics::-webkit-scrollbar{display:none!important}
  html.phone-desktop-layout #ordersPage>.order-overview-row>.metrics .metric{flex:0 0 108px!important;width:108px!important;min-width:108px!important;height:58px!important;min-height:58px!important;padding:6px 7px!important}
  html.phone-desktop-layout #ordersPage>.order-overview-row>.metrics .metric-copy>span{font-size:8px!important}
  html.phone-desktop-layout #ordersPage>.order-overview-row>.metrics .metric-copy>b{font-size:12px!important}

  html.phone-desktop-layout .mobile-orders-toolbar,html.phone-desktop-layout .mobile-order-toggle{display:none!important}
  html.phone-desktop-layout #ordersPage>#filters{display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr))!important;box-sizing:border-box!important;width:100%!important;min-width:0!important;gap:4px!important;margin:0!important;padding:5px!important;border-radius:7px 7px 0 0!important}
  html.phone-desktop-layout #ordersPage>#filters>input[name="from"],html.phone-desktop-layout #ordersPage>#filters>input[name="to"]{grid-column:span 2!important}
  html.phone-desktop-layout #ordersPage>#filters>input[name="keyword"]{grid-column:span 4!important}
  html.phone-desktop-layout #ordersPage>#filters>.shop-multi-filter,html.phone-desktop-layout #ordersPage>#filters>select[name="source"]{grid-column:span 2!important}
  html.phone-desktop-layout #ordersPage>#filters>select[name="status"],html.phone-desktop-layout #ordersPage>#filters>select[name="afterSalesType"]{grid-column:span 3!important}
  html.phone-desktop-layout #ordersPage>#filters>.filter-actions{grid-column:span 6!important;display:flex!important;justify-content:flex-end!important;width:100%!important;min-width:0!important;gap:4px!important}
  html.phone-desktop-layout #ordersPage>#filters input,html.phone-desktop-layout #ordersPage>#filters select,html.phone-desktop-layout #ordersPage>#filters .shop-multi-toggle,html.phone-desktop-layout #ordersPage>#filters .filter-actions button{box-sizing:border-box!important;width:100%!important;min-width:0!important;height:31px!important;min-height:31px!important;padding:0 6px!important;font-size:10px!important}
  html.phone-desktop-layout #ordersPage>#filters .filter-actions button{flex:1 1 0!important;white-space:nowrap!important}
  html.phone-desktop-layout #ordersPage>#filters .shop-multi-menu{max-height:52dvh!important;overflow-y:auto!important}
  html.phone-desktop-layout #ordersPage>.quick-filters{display:flex!important;flex-wrap:nowrap!important;width:100%!important;min-width:0!important;height:32px!important;min-height:32px!important;margin:0!important;padding:2px 5px!important;gap:2px!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important}
  html.phone-desktop-layout #ordersPage>.quick-filters::-webkit-scrollbar{display:none!important}
  html.phone-desktop-layout #ordersPage>.quick-filters::before{flex:0 0 auto!important;width:auto!important;font-size:9px!important;white-space:nowrap!important}
  html.phone-desktop-layout #ordersPage>.quick-filters button{flex:0 0 auto!important;width:auto!important;height:27px!important;min-height:27px!important;padding:0 5px!important;gap:2px!important;font-size:9px!important;white-space:nowrap!important}

  html.phone-desktop-layout #ordersPage>.sheet-wrap{box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important;height:calc(100dvh - 211px)!important;min-height:320px!important;max-height:none!important;margin:0!important;overflow:auto!important;overscroll-behavior:contain!important;touch-action:pan-x pan-y pinch-zoom!important;scrollbar-width:thin!important;-webkit-overflow-scrolling:touch!important}
  html.phone-desktop-layout #ordersPage .orders-sheet{display:table!important;width:2034px!important;min-width:2034px!important;max-width:2034px!important;table-layout:fixed!important;border-collapse:separate!important}
  html.phone-desktop-layout #ordersPage .orders-sheet>thead{display:table-header-group!important}
  html.phone-desktop-layout #ordersPage .orders-sheet>#ordersBody{display:table-row-group!important}
  html.phone-desktop-layout #ordersPage .orders-sheet #ordersBody>tr:not(.after-sales-row){display:table-row!important;width:auto!important;height:112px!important;min-height:112px!important;margin:0!important;padding:0!important}
  html.phone-desktop-layout #ordersPage .orders-sheet #ordersBody>tr:not(.after-sales-row)>td{display:table-cell!important;height:112px!important;min-height:112px!important;padding:6px!important;font-size:11px!important;line-height:1.35!important;vertical-align:middle!important}
  html.phone-desktop-layout #ordersPage .orders-sheet #ordersBody>tr:not(.after-sales-row)>td::before{display:none!important;content:none!important}
  html.phone-desktop-layout #ordersPage .orders-sheet tbody td.pin{position:static!important;left:auto!important}
  html.phone-desktop-layout #ordersPage .orders-sheet thead th,html.phone-desktop-layout #ordersPage .orders-sheet thead th.pin{position:sticky!important;top:0!important;left:auto!important;z-index:12!important;height:34px!important;padding:5px 6px!important;font-size:10px!important;white-space:nowrap!important}
  html.phone-desktop-layout #ordersPage .orders-sheet .product-image-frame,html.phone-desktop-layout #ordersPage .orders-sheet .row-image-editor{width:68px!important;height:68px!important}
  html.phone-desktop-layout #ordersPage .orders-sheet .product-img{width:64px!important;height:64px!important}
  html.phone-desktop-layout #ordersPage .orders-sheet .inline-input,html.phone-desktop-layout #ordersPage .orders-sheet .inline-select{font-size:10px!important}
  html.phone-desktop-layout #ordersPage .orders-sheet #ordersBody>.after-sales-row{display:table-row!important}
  html.phone-desktop-layout #ordersPage .orders-sheet #ordersBody>.after-sales-row>td{display:table-cell!important;width:auto!important;max-width:none!important}

  html.phone-desktop-layout :is(.inventory-table-wrap,.hot-table-wrap,.report-table-wrap,.logs-table-wrap,.admin-table-wrap){box-sizing:border-box!important;width:100%!important;max-width:100%!important;overflow:auto!important;overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important}
  html.phone-desktop-layout .inventory-table{min-width:1240px!important}
  html.phone-desktop-layout .hot-table{min-width:900px!important}
  html.phone-desktop-layout .report-table{min-width:1280px!important}
  html.phone-desktop-layout .logs-table{min-width:1120px!important}
  html.phone-desktop-layout .admin-table{min-width:980px!important}
}

@media (min-width:901px) and (max-width:1200px) and (orientation:landscape) and (max-height:560px){
  html.phone-desktop-layout #ordersPage>.order-overview-row{display:none!important}
  html.phone-desktop-layout #ordersPage>.sheet-wrap{height:calc(100dvh - 137px)!important;min-height:200px!important}
}

@media (min-width:901px) and (max-width:1200px) and (prefers-reduced-motion:reduce){
  html.phone-desktop-layout #appView>.topbar{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
}