/* 我的订单页 */
.mo-tabs { display: flex; overflow-x: auto; background: #fff; border-bottom: 1px solid #eee; padding: 0 8px; gap: 0; }
.mo-tab { border: none; background: none; padding: 12px 14px; font-size: 13px; color: #666; cursor: pointer; white-space: nowrap; border-bottom: 2px solid transparent; }
.mo-tab.active { color: #e4393c; border-bottom-color: #e4393c; font-weight: bold; }

.mo-summary { padding: 10px 16px; background: #fff8f8; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #f0f0f0; }
.mo-check-all { display: flex; align-items: center; gap: 6px; font-size: 13px; color: #333; cursor: pointer; }
.mo-total-wrap { display: flex; flex-direction: column; align-items: flex-end; }
.mo-total-wrap strong { font-size: 16px; color: #e4393c; }
.mo-freight-note { font-size: 11px; color: #999; }

.mo-checkout-bar { position: fixed; bottom: 0; left: 0; right: 0; background: #fff; border-top: 1px solid #eee; padding: 10px 16px; display: flex; align-items: center; justify-content: space-between; z-index: 50; box-shadow: 0 -2px 8px rgba(0,0,0,.08); }
.mo-checkout-info { font-size: 13px; color: #666; display: flex; flex-direction: column; gap: 2px; }
.mo-checkout-info strong { color: #e4393c; }
.btn-checkout { background: #e4393c; color: #fff; border: none; border-radius: 6px; padding: 10px 24px; font-size: 15px; cursor: pointer; }

.mo-order-card { background: #fff; margin: 8px 0; }
.mo-card-hd { display: flex; align-items: center; gap: 8px; padding: 10px 16px; border-bottom: 1px solid #f5f5f5; }
.mo-check { width: 18px; height: 18px; cursor: pointer; flex-shrink: 0; }
.mo-status { font-size: 12px; padding: 2px 8px; border-radius: 10px; background: #f0f0f0; color: #666; }
.mo-status--pending     { background: #fff3e0; color: #f57c00; }
.mo-status--confirmed   { background: #e8f5e9; color: #388e3c; }
.mo-status--purchasing  { background: #e3f2fd; color: #1565c0; }
.mo-status--warehoused  { background: #f3e5f5; color: #7b1fa2; }
.mo-status--shipping    { background: #e0f7fa; color: #00695c; }
.mo-status--signed      { background: #f5f5f5; color: #9e9e9e; }
.mo-status--refunding        { background: #fce4ec; color: #c62828; }
.mo-status--return_requested { background: #fff3e0; color: #e65100; }
.mo-order-no { font-size: 12px; color: #999; flex: 1; cursor: pointer; }
.mo-order-no:active { color: #4caf50; }
.mo-time { font-size: 11px; color: #bbb; }

.mo-card-ft { padding: 10px 16px; display: flex; flex-wrap: wrap; align-items: center; gap: 8px; border-top: 1px solid #f5f5f5; }
.mo-totals { width: 100%; display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.mo-total-label { font-size: 13px; color: #666; }
.mo-order-total { font-size: 15px; color: #e4393c; font-weight: bold; }
.mo-total-usd { width: 100%; font-size: 11px; color: #999; margin-top: -4px; }
.mo-tracking-bar { padding: 8px 16px; font-size: 14px; color: #333; background: #fff; border-bottom: 1px solid #f5f5f5; cursor: pointer; display: flex; align-items: center; gap: 6px; }
.mo-tracking-bar:active { background: #f5f5f5; }
.mo-tracking-bar strong { color: #333; }
.mo-copy-hint { font-size: 12px; color: #bbb; }
.mo-tracking { font-size: 12px; color: #666; }
.mo-real-pics { display: flex; gap: 6px; flex-wrap: wrap; width: 100%; }
.mo-real-pics img { width: 80px; height: 80px; object-fit: cover; border-radius: 4px; }

#img-preview-mask {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.85);
    z-index: 999;
    align-items: center;
    justify-content: center;
}
#img-preview-img {
    max-width: 92vw;
    max-height: 88vh;
    object-fit: contain;
    border-radius: 4px;
}
.mo-weight { font-size: 12px; color: #666; width: 100%; }
.mo-freight { font-size: 15px; color: #e4393c; font-weight: bold; width: 100%; }
.mo-actions { width: 100%; display: flex; gap: 10px; margin-top: 4px; }
.mo-btn-ship { flex: 1; background: #e4393c; color: #fff; border: none; border-radius: 6px; padding: 9px; font-size: 14px; cursor: pointer; }
.mo-btn-ship:hover { background: #c9282b; }
.mo-btn-refund { flex: 1; background: #fff; color: #e4393c; border: 1px solid #e4393c; border-radius: 6px; padding: 9px; font-size: 14px; cursor: pointer; }
.mo-btn-refund:hover { background: #fff5f5; }

/* 下单弹窗 */
.mo-checkout-modal { display: none; position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%); background: #fff; border-radius: 10px; padding: 24px 20px; width: 90%; max-width: 340px; z-index: 101; box-shadow: 0 8px 32px rgba(0,0,0,.18); }
.mo-order-summary { font-size: 13px; color: #666; margin-bottom: 14px; }
.mo-checkout-modal input, .mo-checkout-modal textarea { width: 100%; border: 1px solid #ddd; border-radius: 6px; padding: 10px 12px; font-size: 14px; outline: none; margin-bottom: 10px; display: block; font-family: inherit; resize: vertical; }
.mo-checkout-modal input:focus, .mo-checkout-modal textarea:focus { border-color: #e4393c; }
.mo-total-row { font-size: 14px; color: #333; margin-bottom: 14px; }
.mo-total-row strong { color: #e4393c; font-size: 16px; }
.mo-total-row small { font-size: 11px; color: #999; margin-left: 6px; }
.mo-checkout-modal button { width: 100%; background: #e4393c; color: #fff; border: none; border-radius: 6px; padding: 11px; font-size: 15px; cursor: pointer; margin-bottom: 8px; }
.mo-cancel-btn { background: #fff !important; color: #999 !important; border: 1px solid #ddd !important; }

/* 底部留空，避免被 checkout bar 遮住 */
#mo-list { padding-bottom: 20px; }

/* 发货时效 */
.o-ship { font-size: 12px; color: #666; margin-top: 3px; }
.o-ship .ship-updating { color: #f90; font-style: italic; }
.mo-ship-days { font-size: 13px; color: #666; padding: 4px 0 6px; width: 100%; }
.mo-ship-days.ship-updating { color: #f90; font-style: italic; }
.mo-btn-delete { background: none; border: 1px solid #ddd; border-radius: 4px; color: #999; font-size: 13px; padding: 6px 14px; cursor: pointer; }
.mo-btn-delete:hover { border-color: #e4393c; color: #e4393c; }

/* RTL overrides for Arabic */
[dir="rtl"] .mo-tabs { direction: rtl; }
[dir="rtl"] .mo-card-hd { direction: rtl; }
[dir="rtl"] .mo-actions { direction: rtl; }
[dir="rtl"] .mo-ship-days,
[dir="rtl"] .mo-delivery,
[dir="rtl"] .mo-totals,
[dir="rtl"] .mo-freight { text-align: right; }
[dir="rtl"] .mo-total-row small { margin-left: 0; margin-right: 6px; }
[dir="rtl"] .mo-checkout-modal input,
[dir="rtl"] .mo-checkout-modal textarea { text-align: right; direction: rtl; }

/* 收货信息 */
.mo-delivery { font-size: 13px; color: #666; padding: 4px 0 2px; width: 100%; }
.mo-delivery-phone { margin-bottom: 2px; }
.mo-delivery-addr  { line-height: 1.4; }

/* 费用 Summary */
.mo-cost-summary { background: #fafafa; border-top: 1px solid #eee; border-radius: 0 0 8px 8px; padding: 10px 14px 6px; margin-top: 6px; width: 100%; box-sizing: border-box; }
.mo-cost-summary .mo-summary-row { display: flex; justify-content: space-between; align-items: center; font-size: 13px; color: #555; padding: 4px 0; border-bottom: 1px dashed #efefef; }
.mo-cost-summary .mo-summary-row:last-child { border-bottom: none; }
.mo-cost-summary .mo-summary-freight span:last-child { color: #999; font-size: 12px; }
.mo-cost-summary .mo-summary-total { font-weight: 700; font-size: 14px; color: #e4393c; border-top: 1px solid #eee; margin-top: 4px; padding-top: 6px; }
.mo-cost-summary .mo-summary-est-freight { border-top: 1px dashed #dbeafe; margin-top: 6px; padding-top: 6px; }
.mo-cost-summary .mo-summary-est-total { font-weight: 700; font-size: 14px; padding-top: 4px; }
.mo-cost-summary .mo-summary-est-usd { font-size: 11px; color: #93c5fd; text-align: right; padding-bottom: 4px; }