.desktop-content-with-widget{flex:1;align-items:flex-start;gap:12px;min-width:0;min-height:0;display:flex}.desktop-content-with-widget>.desktop-viewport{align-self:stretch}.order-widget-rail{color:#fff;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#163e694a;border:1px solid #ffffff45;border-radius:18px;flex-direction:column;flex:none;align-items:center;min-height:0;max-height:100%;padding:4px 0 16px;display:flex;position:relative;box-shadow:inset 0 1px #ffffff20,0 4px 20px #001d4315}.order-widget-rail button{cursor:pointer;flex:none}.order-widget-rail button:disabled{opacity:.4;cursor:default}.order-widget-rail button:focus-visible{outline-offset:2px;outline:2px solid #fff}.order-widget-summary,.order-widget-rail-footer>button{border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:relative}.order-widget-summary:hover,.order-widget-rail-footer>button:hover{background:#ffffff20}.order-widget-summary svg,.order-widget-rail-footer svg{width:22px;height:22px}.order-widget-dot{background:#ff5570;border-radius:50%;width:8px;height:8px;position:absolute;top:7px;right:6px;box-shadow:0 0 0 2px #346ca5}.order-widget-rail-caption{text-align:center;padding:0 3px;font-size:10px;line-height:1.2}.order-widget-summary.has-error{color:#ffe4a9}.order-widget-all-clear{color:#c2ffd4}.order-widget-list{overscroll-behavior:contain;scrollbar-width:none;touch-action:pan-y;flex-direction:column;flex:1;align-items:center;gap:16px;width:100%;min-height:0;padding:8px 6px 12px;display:flex;overflow:hidden auto}.order-widget-list::-webkit-scrollbar{display:none}.order-widget-avatar{color:#fff;background:linear-gradient(145deg,#2296fb,#0663bc);border:1px solid #b6dfffaa;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;font-size:16px;font-weight:600;display:flex;position:relative;box-shadow:0 2px 6px #001b5530}.order-widget-avatar:nth-child(3n+2){background:linear-gradient(145deg,#18aa9b,#007669)}.order-widget-avatar:nth-child(3n){background:linear-gradient(145deg,#7876ed,#493cb2)}.order-widget-avatar[data-state=open]{outline-offset:2px;outline:2px solid #fff}.order-widget-badges{grid-template-rows:20px;grid-template-columns:20px 20px;place-content:space-between;display:grid;position:absolute;bottom:-3px;left:-3px;right:-3px}.order-widget-badge{border:1px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:relative;box-shadow:0 1px 3px #001f4733}.order-widget-badge svg{width:14px;height:14px}.order-widget-badge.state-done{color:#fff;box-shadow:none;background:#15803d;border-color:#bbf7d0}.order-widget-badge .order-widget-badge-done-mark{background:#15803d;border-radius:50%;width:10px;height:10px;position:absolute;bottom:-3px;right:-3px}.order-widget-badge.state-pending{color:#523700;background:#ffd04f}.order-widget-badge.state-partial,.order-widget-badge.state-in_progress{color:#fff;background:#176bc6}.order-widget-badge.state-overdue{color:#fff;background:#c91c3d}.order-widget-badge.state-not_applicable,.order-widget-badge.state-unknown{color:#fff;background:#647180}.order-widget-badge-question{color:#374151;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:10px;height:10px;font-size:9px;font-weight:800;line-height:1;display:flex;position:absolute;bottom:-3px;right:-3px}.order-widget-stage-cell{align-items:center;gap:8px;display:inline-flex}.order-widget-rail-footer{border-top:1px solid #ffffff30;flex:none;margin-top:2px}.order-widget-pager{align-items:center;gap:4px;font-size:12px;display:flex}.order-widget-pager button,.order-widget-tools button{border-radius:6px;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.order-widget-pager button:disabled{opacity:.4}.order-widget-pager svg,.order-widget-tools svg{width:18px;height:18px}.order-widget-pager.compact{flex-direction:column;gap:0}.order-widget-pager.compact button{width:44px;height:28px}.order-widget-resize{touch-action:none;color:#ffffffa0;justify-content:center;align-items:center;width:44px;height:16px;display:flex;position:absolute;bottom:0;right:9px;cursor:ns-resize!important}.order-widget-resize svg{width:16px;height:12px}.order-widget-popover{width:360px;max-width:calc(100vw - 88px);max-height:min(70dvh, var(--radix-popover-content-available-height));z-index:60;border-radius:14px;padding:12px;overflow-y:auto}.order-widget-popover-heading{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.order-widget-popover-heading strong{overflow-wrap:anywhere;font-size:15px}.order-widget-popover-heading button{flex:none;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.order-widget-popover-heading svg{width:18px;height:18px}.order-widget-popover p{color:var(--muted-foreground);margin:0 0 10px;font-size:12px}.order-widget-view-client{color:#fff;background:#096fd0;border-radius:8px;width:100%;min-height:44px;margin-top:10px;padding:8px;font-size:13px;display:block}.order-widget-overdue-payment{color:var(--lightningcss-light,#b8193d)var(--lightningcss-dark,#ff9fb2);font-weight:600}.order-widget-overdue-pickup{color:var(--lightningcss-light,#885300)var(--lightningcss-dark,#ffd17e);font-weight:600}.order-widget-dialog{min-width:0;max-height:calc(100dvh - 32px);overflow-y:auto;width:calc(100vw - 24px)!important;max-width:1400px!important}.order-widget-tabs{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:4px;display:flex}.order-widget-tabs>button{border-bottom:2px solid #0000;min-height:44px;padding:7px 8px;font-size:13px}.order-widget-tabs>button[aria-pressed=true]{border-color:var(--primary);color:var(--primary);font-weight:600}.order-widget-tabs small{opacity:.8;font-size:11px}.order-widget-history{align-items:center;gap:6px;margin-left:auto;font-size:12px;display:flex}.order-widget-expanded-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;font-size:12px;display:flex}.order-widget-tools{display:flex}.order-widget-legend{color:var(--muted-foreground);flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;display:flex}.order-widget-legend svg{width:16px;height:16px}@media (width<=767px){.desktop-content-with-widget{gap:8px}.order-widget-dialog{padding:16px}.order-widget-history{width:100%;min-height:44px;margin-left:0}.order-widget-popover{padding:10px}}.order-widget-status-wrap{align-items:center;gap:8px;display:inline-flex}.order-widget-status{background:var(--muted);width:24px;height:24px;color:var(--muted-foreground);border-radius:5px;flex:none;justify-content:center;align-items:center;display:inline-flex;position:relative}.order-widget-status svg{width:15px;height:15px}.order-widget-status .order-widget-status-mark{background:var(--card);border-radius:50%;width:10px;height:10px;position:absolute;bottom:-2px;right:-3px}.order-widget-status.state-done{color:var(--lightningcss-light,#166534)var(--lightningcss-dark,#86efac);background:var(--lightningcss-light,#dcfce7)var(--lightningcss-dark,#163c28)}.order-widget-status.state-partial,.order-widget-status.state-in_progress{color:var(--lightningcss-light,#35629b)var(--lightningcss-dark,#aed0ff);background:var(--lightningcss-light,#edf3fe)var(--lightningcss-dark,#26364b)}.order-widget-status.state-overdue{color:var(--lightningcss-light,#a42d37)var(--lightningcss-dark,#ffabb4);background:var(--lightningcss-light,#fff0f1)var(--lightningcss-dark,#4b282d)}.order-widget-status.state-pending{color:var(--lightningcss-light,#785300)var(--lightningcss-dark,#ffe89a);background:var(--lightningcss-light,#fff1b6)var(--lightningcss-dark,#493c17)}.order-widget-status.state-unknown{background:var(--muted);color:var(--muted-foreground)}.order-widget-stage-guide{flex-wrap:wrap;gap:6px 16px;display:flex}.order-widget-stage-guide span{align-items:center;gap:5px;display:inline-flex}.order-widget-stage-guide svg{flex-shrink:0;width:18px;height:18px}
