/* Presentation only: all existing Vue controls keep their original handlers. */
@media (min-width:701px) {
  body.bw-workbench, body.bw-workbench #app { min-width:0!important; width:100%; overflow:hidden!important; }
  body.bw-workbench { --bw-shop-width:182px; --bw-customer-width:250px; font-family: "Microsoft YaHei", "Segoe UI", sans-serif; }
  body.bw-workbench .app-wrapper { height:100dvh; overflow:hidden; }
  body.bw-workbench .main-container { min-width:0!important; height:calc(100dvh - 52px)!important; }
  body.bw-workbench .header-page { height:52px!important; padding:0 16px!important; background:#fff; border-bottom:1px solid #e8ebf0; }
  body.bw-workbench .bowen-brand { font-size:17px; margin:0 14px 0 0; }
  body.bw-workbench .bowen-brand img { width:38px; height:38px; }
  body.bw-workbench .header-page .nav-ul { margin-left:0; }
  body.bw-workbench .header-page .nav-li { font-size:14px; padding:0 14px; margin-right:4px; }
  body.bw-workbench .header-page .nav-imgage { font-size:16px; }
  body.bw-workbench .header-page .nick-name { font-size:13px!important; }
  body.bw-workbench .app-main { height:100%!important; min-width:0; min-height:0; padding:10px!important; gap:10px; border-radius:0; background:#f2f4f8; }
  body.bw-workbench .aside-page-container { width:var(--bw-shop-width)!important; flex:0 0 var(--bw-shop-width); margin:0!important; border:1px solid #e7ebf1; border-radius:10px; overflow:hidden; }
  body.bw-workbench .aside-page { width:100%!important; }
  body.bw-workbench .wechats-state { font-size:12px; height:42px!important; min-height:42px!important; padding:0 8px!important; }
  body.bw-workbench .aside-page .wechat-item { height:auto!important; min-height:52px!important; padding:8px 10px!important; gap:6px; }
  body.bw-workbench .aside-page .wechat-nick { font-size:12px; line-height:19px!important; text-align:left!important; margin-left:0!important; overflow-wrap:anywhere; }
  body.bw-workbench .aside-page .wechat-item > .center-text:first-child { flex:1 1 0; min-width:0; }
  body.bw-workbench .aside-page .wechat-item > .center-text:not(:first-child) { flex:0 0 auto; min-width:0; }
  body.bw-workbench .aside-page .wechat-nick { flex:1 1 0; width:auto!important; min-width:0; max-height:38px; display:-webkit-box!important; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
  body.bw-workbench .aside-page .wechat-item img { flex:none; margin-right:6px; }
  body.bw-workbench .wechat-item[data-bw-shop-code]::before { content:attr(data-bw-shop-code); display:grid; place-items:center; width:26px; height:26px; flex:0 0 26px; border-radius:7px; color:#9c2a2a; background:#fff0ef; font-size:14px; font-weight:700; }
  body.bw-workbench .wechat-item[data-bw-shop-code] .wechatImg { display:none; }
  body.bw-workbench .wechat-item.wechat-chose[data-bw-shop-code]::before { color:white; background:#be0808; }
  body.bw-workbench .aside-page .wechat-chose { border-radius:6px; background:#fff1f1!important; }
  body.bw-workbench .conversation-page { min-width:0!important; min-height:0; height:100%; border:1px solid #e7ebf1; border-radius:10px; overflow:hidden; }
  body.bw-workbench .conversation-page .frist-part { width:var(--bw-customer-width)!important; flex:0 0 var(--bw-customer-width)!important; min-width:0; border-right:1px solid #e7ebf1; background:#fff; }
  body.bw-workbench .convers-list-all .all-convs-tabs { display:flex; flex-wrap:wrap; flex:0 0 auto; height:auto!important; min-height:0!important; gap:6px; padding:8px 10px; }
  body.bw-workbench .all-convs-tabs > .el-button { flex:1 1 0; margin:0!important; padding:8px; font-size:12px; }
  body.bw-workbench .all-convs-tabs > .el-select { flex:0 0 100%; width:100%!important; margin:0!important; }
  body.bw-workbench .friend-info { border-radius:7px; margin:2px 6px; }
  /* Keep the time/action column visible when the customer list is narrow. */
  body.bw-workbench .convers-list-all .friend-info,
  body.bw-workbench .conversation-friends .friend-info { position:relative; display:flex!important; min-width:0!important; overflow:hidden; }
  body.bw-workbench .convers-list-all .friend-info .avatar-tip,
  body.bw-workbench .conversation-friends .friend-info .avatar-tip { flex:0 0 51px!important; width:51px!important; min-width:51px!important; padding-left:3px!important; box-sizing:border-box; }
  body.bw-workbench .convers-list-all .friend-info .nick-content,
  body.bw-workbench .conversation-friends .friend-info .nick-content { flex:1 1 0!important; width:auto!important; min-width:0!important; max-width:none!important; padding-left:6px!important; overflow:hidden; }
  body.bw-workbench .convers-list-all .friend-info .showDialogWrap,
  body.bw-workbench .conversation-friends .friend-info .showDialogWrap { display:flex!important; flex:0 0 44px!important; width:44px!important; min-width:44px!important; max-width:44px!important; margin-left:auto; box-sizing:border-box; overflow:visible; }
  body.bw-workbench .friend-info .bowen-last-time { display:block!important; max-width:44px; overflow:hidden; color:#8e98a7!important; font-size:11px!important; line-height:16px!important; white-space:nowrap; text-overflow:clip; }
  body.bw-workbench .friend-info .juliao-reply-countdown { position:absolute!important; right:48px!important; bottom:2px!important; z-index:2; max-width:72px!important; overflow:hidden; padding:1px 3px!important; font-size:9px!important; line-height:14px!important; white-space:nowrap; text-overflow:ellipsis; pointer-events:none; }
  body.bw-workbench .friend-info:has(.juliao-reply-countdown) { height:74px!important; min-height:74px!important; padding-bottom:14px!important; box-sizing:border-box; }
  body.bw-workbench .friend-info.selected { background:#fff0ef!important; box-shadow:inset 3px 0 #be0808; }
  body.bw-workbench .conversation-chats { flex:1 1 0!important; min-width:0; min-height:0; }
  body.bw-workbench .conversation-chats .chats-title { flex:0 0 12px; min-height:48px!important; height:48px!important; padding:0 14px; border-bottom:1px solid #e7ebf1; }
  body.bw-workbench .conversation-chats .chats-content { flex:1 1 0!important; min-height:0!important; overflow:hidden!important; }
  body.bw-workbench .conversation-chats .show-chats { flex:1 1 0!important; height:auto!important; min-height:0!important; padding:12px 8px; background:#f7f8fa; overflow-y:auto!important; }
  body.bw-workbench .show-chats .chat-item .chat-content .content-content { max-width:72%; border-radius:8px; }
  body.bw-workbench .show-chats .send-state { font-size:11px; opacity:.65; }
  body.bw-workbench .show-chats .chat-item:hover .send-state { opacity:1; }
  body.bw-workbench .bw-ai-slot { flex:0 0 auto; min-height:0; background:#fff; border-top:1px solid #e7ebf1; }
  body.bw-workbench .tool_bar { height:38px!important; min-height:38px!important; align-items:center; padding:0 12px; border:0; background:#fff; gap:8px; }
  body.bw-workbench .tool_bar .right { margin-left:auto; }
  body.bw-workbench .button-new-tag { display:none!important; }
  body.bw-workbench .bw-ai-open { margin:0; border:0; background:#fff0ef; color:#be0808; font-size:12px; border-radius:6px; padding:6px 10px; }
  body.bw-workbench .bw-ai-assist-panel { max-height:180px; overflow-y:auto; margin:0; padding:8px 12px; border:0; border-top:1px solid #f2dcdc; border-radius:0; background:#fffafa; }
  body.bw-workbench .bw-ai-assist-head { gap:10px; }
  body.bw-workbench .bw-ai-assist-head span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  body.bw-workbench .bw-ai-assist-panel textarea { min-height:48px; max-height:70px; height:52px; resize:none; font-family:inherit; font-size:13px; line-height:20px; }
  body.bw-workbench .bw-ai-assist-actions button { font-size:12px; border-radius:5px; }
  body.bw-workbench .conversation-chats .input-window { flex:0 0 auto!important; min-height:0!important; height:clamp(176px,24vh,218px)!important; overflow:hidden; border-top:1px solid #e7ebf1; }
  body.bw-workbench .input-window > .tool-bar { flex:0 0 auto; height:auto!important; min-height:38px!important; padding:5px 10px; gap:4px; flex-wrap:wrap; background:#fff; font-size:12px; }
  body.bw-workbench .input-window .tool-bar button { font-size:12px; }
  body.bw-workbench .anwser-window { flex:1 1 0!important; min-height:0!important; background:#fff; }
  body.bw-workbench .anwser-window .show-content { flex:1 1 0!important; min-height:0!important; border-radius:0; overflow-y:auto; }
  body.bw-workbench .show-content-textarea { min-width:0; min-height:0; width:100%; margin:0!important; padding:10px 14px!important; font-size:14px!important; line-height:22px!important; background:#fff!important; }
  body.bw-workbench .anwser-window .opration-btn { flex:0 0 48px!important; min-height:48px!important; height:48px!important; width:100%; box-sizing:border-box; display:flex!important; flex-wrap:nowrap!important; padding:0 10px!important; gap:8px; border-top:1px solid #f2f4f7; background:#fff; }
  body.bw-workbench .opration-btn .right-btns-wrap { flex:0 0 auto!important; margin-left:auto; min-width:0; }
  body.bw-workbench .opration-btn .right-btns { flex:none; }
  body.bw-workbench .opration-btn .right-btns .el-button { width:76px!important; height:32px; margin:0 0 0 8px!important; border-radius:6px; }
  body.bw-workbench .opration-btn .quote-msg { flex:1 1 0; min-width:0; margin-right:0!important; }
  body.bw-workbench .juliao-reply-banner { position:fixed!important; top:9px!important; bottom:auto!important; left:auto!important; right:160px!important; transform:none!important; z-index:20; font-size:11px!important; padding:4px 8px!important; height:32px; box-sizing:border-box; }
  body.bw-workbench .juliao-reply-banner button { font-size:11px!important; }
  .bw-layout-toggle { border:1px solid #e0e4eb; background:#fff; color:#647084; padding:6px 9px; margin-right:10px; font-size:12px; border-radius:6px; cursor:pointer; white-space:nowrap; }
  .bw-layout-toggle[aria-pressed=true] { color:#be0808; background:#fff0ef; border-color:#efcccc; }
  .bw-cache-settings { border:1px solid #e0e4eb; background:#fff; color:#647084; padding:6px 9px; margin-right:10px; font-size:12px; border-radius:6px; cursor:pointer; white-space:nowrap; }
  .bw-cache-settings:hover { background:#f5f8fb; }
  .bw-cache-mask { position:fixed; inset:0; z-index:2147483000; display:flex; align-items:center; justify-content:center; background:rgba(16,30,48,.32); }
  .bw-cache-dialog { width:min(560px,calc(100vw - 32px)); background:#fff; border-radius:12px; box-shadow:0 18px 60px rgba(11,30,50,.24); padding:20px; color:#24384d; }
  .bw-cache-title { display:flex; align-items:center; justify-content:space-between; font-size:16px; }
  .bw-cache-close { border:0; background:transparent; color:#64778c; font-size:24px; line-height:1; cursor:pointer; padding:0 3px; }
  .bw-cache-help { color:#64778c; line-height:1.6; font-size:13px; margin:12px 0; }
  .bw-cache-path { background:#f4f7fa; border:1px solid #e1e8ef; border-radius:7px; padding:10px; font-size:12px; word-break:break-all; }
  .bw-cache-stats { color:#63788e; font-size:12px; margin:8px 0 12px; }
  .bw-cache-actions { display:flex; gap:8px; flex-wrap:wrap; }
  .bw-cache-actions button { border:0; border-radius:7px; background:#1677ff; color:#fff; padding:8px 14px; cursor:pointer; }
  .bw-cache-actions button.ghost { background:#edf2f7; color:#345; }
  .bw-cache-actions button:disabled { opacity:.55; cursor:wait; }
  .bw-cache-note { min-height:20px; margin-top:12px; color:#397255; font-size:12px; }
  .bw-orders-entry { border:0; background:transparent; color:inherit; padding:0 12px; margin:0; font-size:inherit; border-radius:0; cursor:pointer; white-space:nowrap; display:flex; align-items:center; gap:5px; height:50px; }
  .bw-orders-entry:hover { background:rgba(255,255,255,.08); color:#be0808; }
  .bw-orders-entry .nav-icon { font-size:20px; }
  .bw-update-notice { position:fixed; top:12px; right:18px; z-index:2147483000; display:flex; align-items:center; gap:10px; padding:9px 12px; border:1px solid #b9d8ff; border-radius:9px; background:#f2f8ff; color:#174d85; box-shadow:0 8px 24px rgba(25,75,130,.18); font-size:12px; }
  .bw-update-notice button { border:0; border-radius:5px; padding:5px 9px; background:#1677ff; color:#fff; cursor:pointer; font-size:12px; }
  .bw-update-notice .bw-update-later { background:transparent; color:#5f7690; }
  .bw-update-nav { cursor:pointer; user-select:none; }
  .bw-update-nav span { display:block; }
  .bw-update-nav:focus-visible { outline:2px solid #1677ff; outline-offset:-2px; }
  .app-main { position:relative; }
  .bw-update-center-card { position:absolute; top:10px; left:calc(var(--bw-shop-width, 160px) + var(--bw-customer-width, 216px) + 20px); right:10px; bottom:10px; z-index:40; box-sizing:border-box; border:1px solid #d9e7f7; border-radius:10px; background:#fff; color:#24384d; box-shadow:0 8px 26px rgba(25,75,130,.12); overflow:auto; }
  .bw-update-center-head { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:14px 18px 10px; border-bottom:1px solid #edf2f7; }
  .bw-update-center-head b { display:block; font-size:15px; color:#173b63; }
  .bw-update-center-head small { display:block; margin-top:4px; color:#7a8da1; font-size:12px; }
  .bw-update-auto { color:#39815a; background:#edf8f0; border-radius:12px; padding:4px 9px; font-size:11px; white-space:nowrap; }
  .bw-update-center-body { display:flex; flex-wrap:wrap; align-items:center; gap:8px; padding:12px 18px 4px; font-size:13px; color:#34536f; }
  .bw-update-center-body [data-update-detail] { color:#8a9aab; font-size:12px; }
  .bw-update-progress-wrap { display:flex; flex:1 0 100%; align-items:center; gap:10px; min-height:24px; margin-top:4px; }
  .bw-update-progress-track { flex:1; height:8px; overflow:hidden; border-radius:99px; background:#e9eef5; }
  .bw-update-progress-track i { display:block; width:0; height:100%; border-radius:99px; background:#2f80ed; transition:width .18s ease; }
  .bw-update-progress-wrap b { min-width:38px; color:#2f67a1; font-size:12px; text-align:right; }
  .bw-update-center-actions { display:flex; justify-content:flex-end; gap:8px; padding:10px 18px 14px; }
  .bw-update-center-actions button { border:0; border-radius:6px; padding:7px 13px; background:#1677ff; color:#fff; cursor:pointer; font-size:12px; }
  .bw-update-center-actions .bw-update-check { background:#eef4fb; color:#2e5b86; }
  .bw-update-center-actions .bw-update-later { background:transparent; color:#708398; }
  .bw-update-center-actions button:disabled { opacity:.55; cursor:wait; }
  @media (max-width:760px) { .bw-update-center-card { left:12px; right:12px; top:12px; bottom:12px; } .bw-update-center-head { align-items:flex-start; flex-direction:column; gap:8px; } }
  /* Orders are a primary workspace page. Keep the existing close action, but
     use the whole viewport instead of a centered modal window. */
  .bw-orders-mask { position:fixed; inset:0; z-index:2147482990; display:flex; align-items:stretch; justify-content:stretch; background:#fff; }
  .bw-orders-panel { width:100%; height:100%; min-width:0; min-height:0; display:flex; flex-direction:column; background:#fff; border-radius:0; box-shadow:none; overflow:hidden; color:#24384d; }
  .bw-orders-head { display:flex; align-items:center; gap:14px; padding:16px 20px; border-bottom:1px solid #e7ebf1; font-size:16px; }
  .bw-orders-head span { color:#8795a5; font-size:12px; font-weight:400; }
  .bw-orders-head button { margin-left:auto; border:0; background:transparent; font-size:24px; color:#64778c; cursor:pointer; }
  .bw-orders-toolbar { display:flex; gap:8px; flex-wrap:wrap; padding:12px 16px; background:#fafbfd; border-bottom:1px solid #eef1f4; }
  .bw-orders-toolbar input,.bw-orders-toolbar select { height:34px; min-width:110px; border:1px solid #dce4ec; border-radius:6px; padding:0 9px; font-size:12px; }
  .bw-orders-toolbar input[data-orders-q] { min-width:250px; flex:1; }
  .bw-orders-toolbar button,.bw-order-form button { border:0; border-radius:6px; background:#1677ff; color:#fff; padding:7px 13px; cursor:pointer; }
  .bw-orders-toolbar button.ghost,.bw-order-form button.ghost { background:#edf2f7; color:#345; }
  .bw-order-row-color-tools { display:flex; align-items:center; gap:6px; min-height:34px; padding-left:8px; margin-left:auto; color:#52657a; font-size:12px; white-space:nowrap; }
  .bw-order-row-color-tools select { width:72px; min-width:72px; height:28px; padding:2px 4px; border:1px solid #dce4ec; border-radius:5px; cursor:pointer; }
  .bw-order-row-color-tools > button { padding:6px 9px; }
  .bw-order-row-color-tools > button:disabled { opacity:.55; cursor:wait; }
  .bw-color-palette { display:inline-flex; align-items:center; gap:6px; }
  .bw-color-swatch { width:22px!important; height:22px!important; min-width:22px; padding:0!important; border:2px solid #fff!important; border-radius:50%!important; background:var(--bw-swatch)!important; box-shadow:0 0 0 1px #cbd5e1; cursor:pointer; }
  .bw-color-swatch:hover { transform:scale(1.08); }
  .bw-color-swatch.is-selected { box-shadow:0 0 0 2px #fff,0 0 0 4px #1677ff; }
  .bw-orders-tip { min-height:18px; padding:8px 16px 0; color:#718398; font-size:12px; }
  .bw-orders-table-wrap { flex:1; overflow:auto; padding:8px 16px 18px; }
  .bw-orders-table { width:max-content; min-width:0; border-collapse:collapse; border-spacing:0; table-layout:fixed; font-size:12px; }
  .bw-orders-table th,.bw-orders-table td { padding:10px 8px; border:1px solid #1d1d1d; text-align:center; vertical-align:middle; white-space:normal; overflow-wrap:anywhere; word-break:break-word; min-width:0; max-width:100%; position:relative; }
  .bw-orders-table th[data-col="orderDetail"],.bw-orders-table td[data-col-value="orderDetail"],.bw-orders-table th[data-col="receiverInfo"],.bw-orders-table td[data-col-value="receiverInfo"],.bw-orders-table th[data-col="remark"],.bw-orders-table td[data-col-value="remark"] { text-align:left; vertical-align:middle; }
  .bw-orders-table th { color:#202b38; font-weight:600; background:#fff; position:sticky; top:0; z-index:3; }
  .bw-orders-table .bw-orders-filter-row th { top:38px; z-index:2; padding:4px; background:#f8fafc; }
  .bw-orders-filter-row input { width:100%; min-width:62px; box-sizing:border-box; height:25px; border:1px solid #b7c0ca; border-radius:3px; padding:0 5px; font-size:11px; }
  .bw-orders-filter-row select { width:100%; min-width:0; max-width:100%; box-sizing:border-box; height:25px; padding:0 5px; font-size:11px; }
  .bw-orders-table .bw-select-col { width:auto; min-width:0; text-align:center; padding:4px; }
  .bw-col-resizer { position:absolute; top:-2px; right:-8px; width:17px; height:calc(100% + 4px); cursor:col-resize; z-index:5; background:transparent; }
  .bw-col-resizer:hover,.bw-col-resizer:active { background:#1f6feb; opacity:.35; }
  .bw-col-drag { display:inline-block; margin-left:7px; color:#8a98a8; cursor:grab; font-size:13px; letter-spacing:-3px; user-select:none; }
  .bw-col-drag:active { cursor:grabbing; }
  .bw-col-drop-target { outline:2px solid #1f6feb!important; outline-offset:-2px; background:#eaf3ff!important; }
  .bw-row-resizer { position:absolute; left:-3px; right:-3px; bottom:-8px; height:15px; cursor:row-resize; z-index:6; background:transparent; }
  .bw-row-resizer:hover,.bw-row-resizer:active { background:#1f6feb; opacity:.3; }
  .bw-account-cell { vertical-align:middle!important; }
  .bw-account-select { max-width:100%; }
  .bw-account-chip { display:inline-flex; align-items:center; gap:8px; max-width:100%; vertical-align:middle; white-space:nowrap; }
  .bw-account-avatar, .bw-orders-table img.bw-account-avatar { width:12px!important; height:12px!important; max-width:12px!important; max-height:12px!important; min-width:12px!important; min-height:12px!important; border-radius:50%!important; object-fit:contain!important; object-position:center!important; display:inline-grid; place-items:center; flex:0 0 12px; overflow:hidden; background:#fff; border:1px solid #edf1f5; color:#53657a; font-size:15px; font-weight:600; box-sizing:border-box; }
  .bw-account-avatar-text { background:#fff!important; color:#c2410c; }
  .bw-wechat-cell { min-width:0; }
  .bw-wechat-select { border:0; background:transparent; color:#1769aa; cursor:pointer; padding:0; font-size:12px; text-align:left; }
  .bw-wechat-select:hover { text-decoration:underline; }
  .bw-wechat-cell small { display:block; color:#8795a5; margin-top:4px; }
  .bw-payment-cell { display:flex; gap:5px; min-width:42px; min-height:42px; flex-wrap:wrap; }
  .bw-orders-table tr.bw-order-today { background:#fff8e8; }
  .bw-orders-table tr.bw-order-overdue { background:#fff0f0; }
  .bw-orders-table tr[data-row-color] > td { background-color:var(--bw-order-row-color)!important; }
  .bw-orders-table td small { display:block; color:#94a1af; margin-top:3px; font-size:11px; }
  .bw-order-status { display:inline-block; padding:3px 7px; border-radius:12px; background:#eef4ff; color:#3b68aa; }
  .bw-status-已完成 { background:#ecf8f0; color:#27804c; }.bw-status-已关闭 { background:#f3f4f6; color:#7a8491; }.bw-status-待处理 { background:#fff7e8; color:#ae701a; }
  .bw-order-form { position:fixed; inset:0; z-index:2147483001; display:flex; align-items:center; justify-content:center; background:rgba(16,30,48,.3); }
  .bw-order-form-inner { width:min(760px,calc(100vw - 48px)); max-height:calc(100vh - 28px); overflow:auto; display:grid; grid-template-columns:1fr 1fr; gap:9px; padding:20px; border-radius:12px; background:#fff; box-shadow:0 18px 60px rgba(11,30,50,.24); }
  .bw-order-form-inner>b,.bw-order-form-inner textarea,.bw-order-form-inner>div { grid-column:1 / -1; }
  .bw-order-form-title { display:flex; align-items:center; justify-content:space-between; gap:10px; }
  .bw-order-form-title button { border:0; border-radius:6px; padding:6px 10px; cursor:pointer; background:#edf2f7; color:#345; }
  .bw-order-form-inner input,.bw-order-form-inner select,.bw-order-form-inner textarea { border:1px solid #dce4ec; border-radius:6px; padding:9px; font:inherit; font-size:12px; }
  .bw-order-form-inner input[data-of="receiverInfo"] { grid-column:1 / -1; min-height:92px; height:92px; }
  .bw-order-form-inner label:has([data-of="receiverInfo"]) { grid-column:1 / -1; }
  .bw-order-form-inner [data-of="receiverInfo"] { grid-column:1 / -1; min-height:92px; height:92px; resize:vertical; box-sizing:border-box; width:100%; }
  .bw-order-form-inner .bw-receiver-field { grid-column:1 / -1; }
  .bw-order-form-inner .bw-large-text-field textarea { min-height:150px; height:150px; width:100%; box-sizing:border-box; resize:vertical; line-height:1.5; }
  .bw-order-form-inner .bw-follow-template-field { grid-column:1 / -1; }
  .bw-follow-template-field select { width:100%; }
  .bw-follow-template-field small { color:#8795a5; font-size:11px; }

  .bw-shipping-alert-mask { position:fixed; inset:0; z-index:10050; display:flex; align-items:center; justify-content:center; background:rgba(15,23,42,.42); }
  .bw-shipping-alert { width:min(560px,calc(100vw - 32px)); max-height:min(640px,calc(100vh - 32px)); overflow:auto; background:#fff; border-radius:10px; box-shadow:0 18px 60px rgba(15,23,42,.28); color:#1f2937; }
  .bw-shipping-alert-head { display:flex; align-items:center; justify-content:space-between; padding:16px 18px 10px; border-bottom:1px solid #e5e7eb; }
  .bw-shipping-alert-head button { border:0; background:transparent; font-size:22px; line-height:1; color:#64748b; cursor:pointer; }
  .bw-shipping-alert-title { padding:14px 18px 8px; font-weight:600; color:#b45309; }
  .bw-shipping-alert-list { padding:0 18px 8px; }
  .bw-shipping-alert-row { display:grid; grid-template-columns:minmax(100px,1fr) minmax(150px,1.4fr); gap:4px 12px; padding:10px 0; border-bottom:1px solid #f1f5f9; }
  .bw-shipping-alert-row span { color:#475569; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  .bw-shipping-alert-row em { grid-column:1 / -1; color:#dc2626; font-size:12px; font-style:normal; }
  .bw-shipping-alert-actions { display:flex; justify-content:flex-end; gap:8px; padding:14px 18px 18px; }
  .bw-shipping-alert-actions button { border:1px solid #2563eb; border-radius:6px; padding:7px 14px; background:#2563eb; color:#fff; cursor:pointer; }
  .bw-shipping-alert-actions button.ghost { border-color:#cbd5e1; background:#fff; color:#475569; }
  .bw-order-form-inner .bw-event-date-field { grid-column:1 / -1; }
  .bw-event-date-controls { display:flex; gap:6px; align-items:center; }
  .bw-event-date-controls [data-of="eventDate"] { flex:1; min-width:0; }
  .bw-event-date-controls [data-event-date-picker] { width:44px; padding:8px 4px; }
  .bw-event-date-controls [data-event-date-add] { white-space:nowrap; padding:8px 9px; }
  .bw-event-date-controls .bw-event-date-choose,.bw-event-date-controls .bw-event-date-clear { white-space:nowrap; padding:8px 9px; }
  .bw-event-date-controls [data-of="eventDate"] { cursor:pointer; background:#f8fbff; }
  .bw-order-form-inner textarea { min-height:70px; resize:vertical; }
  .bw-orders-head-actions { margin-left:auto; display:flex; align-items:center; gap:8px; }
  .bw-orders-head-actions button { border:0; border-radius:6px; padding:6px 10px; cursor:pointer; background:#edf2f7; color:#345; }
  .bw-orders-head-actions button[data-orders-close] { background:transparent; font-size:22px; padding:0 4px; }
  .bw-order-form-inner label { display:flex; flex-direction:column; gap:4px; color:#6b7d91; font-size:11px; }
  .bw-order-edit,.bw-order-delete { border:0; border-radius:5px; padding:4px 7px; cursor:pointer; color:#fff; background:#1677ff; font-size:11px; }
  .bw-order-delete { background:#ef6b6b; }
  .bw-order-context { position:fixed; z-index:2147483010; padding:4px; border:1px solid #dce4ec; border-radius:7px; background:#fff; box-shadow:0 8px 24px rgba(11,30,50,.2); }
  .bw-order-context button { border:0; background:transparent; padding:7px 13px; cursor:pointer; color:#24384d; font-size:12px; }
  .bw-order-context button:hover { background:#f0f6ff; color:#1677ff; }
  .bw-payment-images { grid-column:1 / -1; }
.bw-row-color-field { grid-column:1 / -1; display:flex!important; flex-direction:row!important; align-items:center; justify-content:space-between; gap:10px; padding:8px 10px; border:1px solid #e1e8ef; border-radius:6px; background:#fafbfd; }
.bw-row-color-control { display:flex; align-items:center; gap:8px; }
.bw-row-color-control .bw-color-swatch { width:24px!important; height:24px!important; min-width:24px; }
.bw-row-color-control input[type=color] { width:34px; min-width:34px; height:28px; padding:2px; border:1px solid #dce4ec; border-radius:5px; cursor:pointer; }
.bw-row-color-control small { color:#7c8b9c; font-size:11px; }
  .bw-payment-images input[type=file] { padding:7px; }
  [data-payment-preview] { display:flex; flex-wrap:wrap; gap:6px; margin-top:5px; min-height:24px; }
  .bw-payment-thumb { width:54px; height:54px; object-fit:cover; border-radius:5px; border:1px solid #dce4ec; }
  .bw-payment-thumb { cursor:zoom-in; background:#f4f6f8; }
  .bw-payment-thumb-wrap { position:relative; display:inline-flex; width:54px; height:54px; }
  .bw-payment-remove { position:absolute; top:-6px; right:-6px; width:18px; height:18px; padding:0; border:1px solid #fff; border-radius:50%; background:#d9485f; color:#fff; font-size:14px; line-height:15px; cursor:pointer; z-index:2; }
  .bw-payment-remove:hover { background:#b4233c; }
  .bw-order-id-field input[readonly] { color:#526274; background:#f5f7fa; }
  .bw-row-color-controls { display:flex; align-items:center; gap:8px; }
  .bw-row-color-controls .bw-color-swatch { width:24px!important; height:24px!important; min-width:24px; }
  .bw-row-color-controls input[type=color] { width:42px; height:30px; padding:2px; cursor:pointer; }
  .bw-payment-thumb.bw-image-error { object-fit:contain; cursor:default; }
  .bw-image-lightbox,.bw-wechat-picker-mask { position:fixed; inset:0; z-index:2147483030; display:flex; align-items:center; justify-content:center; background:rgba(7,14,24,.78); }
  .bw-image-lightbox img { max-width:92vw; max-height:92vh; object-fit:contain; box-shadow:0 8px 36px rgba(0,0,0,.35); cursor:zoom-out; }
  .bw-wechat-picker { width:min(520px,calc(100vw - 32px)); max-height:min(680px,calc(100vh - 40px)); display:flex; flex-direction:column; overflow:hidden; background:#fff; border-radius:10px; box-shadow:0 18px 60px rgba(0,0,0,.3); }
  .bw-wechat-picker-head { display:flex; align-items:center; gap:10px; padding:14px 16px; border-bottom:1px solid #e4e9ef; }
  .bw-wechat-picker-head button { margin-left:auto; border:0; background:transparent; font-size:22px; color:#718096; cursor:pointer; }
  .bw-picker-head-actions { margin-left:auto; display:flex; align-items:center; gap:8px; }
  .bw-picker-head-actions button { margin-left:0; border:1px solid #d7e0ea; border-radius:5px; background:#f7faff; padding:4px 8px; font-size:12px; color:#3c6fa8; cursor:pointer; }
  .bw-picker-head-actions button[data-picker-close] { border:0; background:transparent; font-size:22px; padding:0 4px; color:#718096; }
  .bw-picker-status { min-height:18px; padding:0 12px; color:#8393a5; font-size:11px; }

  .bw-wechat-picker > input { margin:12px; height:36px; border:1px solid #cbd5e1; border-radius:6px; padding:0 10px; }
  .bw-wechat-picker [data-picker-list] { overflow:auto; padding:0 10px 12px; }
  .bw-picker-item { width:100%; display:flex; align-items:center; gap:10px; border:0; border-radius:7px; background:#fff; padding:8px; text-align:left; cursor:pointer; }
  .bw-picker-item:hover { background:#eef5ff; }
  .bw-picker-item > span:last-child { display:flex; flex-direction:column; gap:3px; }
  .bw-picker-item small { color:#8a98a8; }
  .bw-picker-avatar { width:34px; height:34px; border-radius:50%; display:grid; place-items:center; overflow:hidden; color:#fff; background:#7695c5; flex:0 0 34px; }
  .bw-picker-avatar img { width:100%; height:100%; object-fit:contain; object-position:center; border-radius:50%; background:#fff; }
  .bw-picker-empty { padding:20px; color:#8795a5; text-align:center; }
  .bw-order-has-order { background:#e8f7e9!important; box-shadow:inset 3px 0 0 #36a653; }
  .bw-column-resizer { position:fixed; display:block; width:11px; min-width:11px; padding:0; margin:0; border:0; outline:0; background:transparent; cursor:col-resize; touch-action:none; user-select:none; z-index:1000; transform:translateX(-50%); }
  .bw-column-resizer[hidden] { display:none!important; }
  .bw-column-resizer::after { content:""; position:absolute; top:8px; bottom:8px; left:5px; width:1px; border-radius:2px; background:#d9dee7; transition:width .12s,background .12s,left .12s; }
  .bw-column-resizer:hover::after,.bw-column-resizer:focus-visible::after,.bw-column-resizer.bw-dragging::after { left:4px; width:3px; background:#be0808; }
  body.bw-resizing-columns,body.bw-resizing-columns * { cursor:col-resize!important; user-select:none!important; }
  body.bw-workbench.bw-eyy-side { --bw-shop-width:160px; --bw-customer-width:216px; }
  body.bw-workbench.bw-eyy-side .juliao-reply-banner { top:56px!important; right:22px!important; font-size:10px!important; }
  body.bw-workbench.bw-eyy-side .conversation-chats .chats-title { padding-right:260px; }
}
@media (min-width:701px) and (max-width:1200px) {
  body.bw-workbench { --bw-shop-width:158px; --bw-customer-width:216px; }
  body.bw-workbench .juliao-reply-banner { top:56px!important; right:22px!important; font-size:10px!important; }
  body.bw-workbench .conversation-chats .chats-title { padding-right:260px; }
}
@media (min-width:701px) and (max-width:1000px) {
  body.bw-workbench, body.bw-workbench.bw-eyy-side { --bw-shop-width:132px; --bw-customer-width:192px; }
  body.bw-workbench .app-main { padding:6px!important; gap:6px; }
  body.bw-workbench .bowen-brand { margin-right:8px; }
  body.bw-workbench .header-page .nav-li { padding:0 9px; }
  body.bw-workbench .conversation-chats .chats-title { padding-right:12px; }
  body.bw-workbench .conversation-chats .input-window { height:204px!important; }
  body.bw-workbench .juliao-reply-banner { top:auto!important; bottom:8px!important; right:auto!important; left:16px!important; max-width:300px; }
  body.bw-workbench .bw-ai-assist-head span { display:none; }
}
@media (max-width:700px) { .bw-layout-toggle,.bw-column-resizer { display:none!important; } .bw-ai-assist-panel { max-height:150px; overflow:auto; } }

/* Order workspace polish: preserve the dense table while making each layer
   easier to scan and reducing visual jumps during repeated filtering. */
.bw-orders-mask { animation:bw-orders-in .16s ease-out; }
.bw-orders-panel { background:#f5f7fa; }
.bw-orders-head { min-height:58px; box-sizing:border-box; background:#fff; box-shadow:0 1px 0 rgba(31,45,61,.06); }
.bw-orders-head b { color:#172b3f; font-size:17px; font-weight:700; }
.bw-orders-head [data-orders-total] { padding:3px 8px; border:1px solid #e3e8ef; border-radius:999px; background:#f7f9fc; color:#6c7c8e; }
.bw-orders-head-actions button { transition:background-color .15s ease,color .15s ease,transform .15s ease; }
.bw-orders-head-actions button:hover { background:#eaf2ff; color:#145dcc; transform:translateY(-1px); }
.bw-orders-toolbar { position:sticky; top:0; z-index:8; align-items:center; padding:10px 16px; background:rgba(250,252,255,.96); box-shadow:0 2px 8px rgba(34,54,78,.06); backdrop-filter:blur(8px); }
.bw-orders-toolbar input,.bw-orders-toolbar select { background:#fff; transition:border-color .15s ease,box-shadow .15s ease; }
.bw-orders-toolbar input:focus,.bw-orders-toolbar select:focus,.bw-orders-filter-row select:focus { border-color:#6ca1e8; outline:0; box-shadow:0 0 0 3px rgba(44,123,229,.12); }
.bw-orders-toolbar button { transition:background-color .15s ease,color .15s ease,box-shadow .15s ease,transform .15s ease; }
.bw-orders-toolbar button:hover { box-shadow:0 3px 9px rgba(27,83,153,.16); transform:translateY(-1px); }
.bw-orders-toolbar button.ghost:hover { background:#e7eef7; color:#1d5ea8; }
.bw-orders-tip { min-height:20px; box-sizing:border-box; padding:8px 18px 2px; background:#f5f7fa; }
.bw-orders-table-wrap { padding:10px 18px 22px; background:#f5f7fa; overscroll-behavior:contain; scrollbar-color:#bdc9d8 transparent; }
.bw-orders-table th { background:#fbfcfe; box-shadow:0 1px 0 #1d1d1d; }
.bw-orders-table .bw-orders-filter-row th { background:#f1f5f9; box-shadow:0 1px 0 #9aa6b2; }
.bw-orders-table tbody tr { transition:background-color .12s ease,box-shadow .12s ease; }
.bw-orders-table tbody tr:hover td { background:#edf5ff; }
.bw-orders-table tbody tr:hover { box-shadow:inset 3px 0 #5b93dc; }
.bw-orders-table td button { transition:background-color .12s ease,color .12s ease,transform .12s ease; }
.bw-orders-table td button:hover { transform:translateY(-1px); }
.bw-order-edit,.bw-order-delete { min-height:26px; }
.bw-order-form { animation:bw-orders-in .14s ease-out; backdrop-filter:blur(2px); }
.bw-order-form-inner { border:1px solid #e0e7ef; box-shadow:0 20px 70px rgba(18,42,68,.22); }
.bw-order-form-inner input:focus,.bw-order-form-inner select:focus,.bw-order-form-inner textarea:focus { border-color:#6ca1e8; outline:0; box-shadow:0 0 0 3px rgba(44,123,229,.12); }
.bw-payment-thumb { transition:transform .12s ease,box-shadow .12s ease; }
.bw-payment-thumb:hover { transform:scale(1.04); box-shadow:0 3px 12px rgba(21,52,87,.2); }
@keyframes bw-orders-in { from { opacity:0; transform:translateY(4px); } to { opacity:1; transform:translateY(0); } }
@media (max-width:700px) {
  .bw-orders-head { padding:12px 14px; }
  .bw-orders-head b { font-size:15px; }
  .bw-orders-toolbar { padding:9px 10px; gap:6px; }
  .bw-orders-toolbar input[data-orders-q] { min-width:100%; flex-basis:100%; }
  .bw-orders-toolbar input,.bw-orders-toolbar select { min-width:92px; max-width:calc(50% - 4px); }
  .bw-orders-table-wrap { padding:8px 8px 16px; }
  .bw-order-form-inner { width:calc(100vw - 20px); grid-template-columns:1fr; padding:14px; gap:8px; }
  .bw-order-form-inner .bw-event-date-field,.bw-order-form-inner .bw-receiver-field,.bw-payment-images,.bw-follow-template-field { grid-column:1; }
}