/* 每日订单（/#daily-orders，2026-10-08）：每天三栏（B2B 订单 · B2C 订单 · 备货），一款一格（产品图 + 品名 + 型号 + 几台）；
 * 点一款右边出「这款怎么卖」。 */
[hidden] { display: none !important; }
html, body { margin: 0; background: var(--canvas); color: var(--text-primary); font: 13px/1.5 -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif; }
.do-app { padding: 16px 20px 40px; max-width: 1800px; }
.do-head h1 { margin: 0 0 4px; font-size: 20px; }
.do-head p { margin: 0 0 12px; color: var(--text-secondary); max-width: 900px; }
.do-bar { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; margin-bottom: 12px; }
.do-seg { display: inline-flex; border: 1px solid var(--border); border-radius: 8px; overflow: hidden; background: var(--surface); }
.do-seg button { border: 0; border-left: 1px solid var(--border); background: var(--surface); color: var(--text-secondary); padding: 6px 12px; font: inherit; cursor: pointer; white-space: nowrap; }
.do-seg button:first-child { border-left: 0; }
.do-seg button.on { background: var(--accent); color: var(--text-on-accent); }
#do-q { border: 1px solid var(--border-control); border-radius: 8px; padding: 6px 10px; font: inherit; min-width: 170px; background: var(--surface); }
.do-fresh { color: var(--text-muted); font-size: 12px; }
.do-msg { color: var(--text-muted); padding: 16px 4px; }

.do-day { margin: 0 0 20px; }
.do-day > h2 { font-size: 15px; margin: 0 0 8px; display: flex; gap: 10px; align-items: baseline; flex-wrap: wrap; position: sticky; top: 0; z-index: 2; background: var(--canvas); padding: 6px 0; }
.do-day > h2 small { font-weight: 400; color: var(--text-secondary); font-size: 12px; }
.do-day.empty > h2 { color: var(--text-muted); font-weight: 400; font-size: 13px; position: static; }
.do-today { display: inline-block; font-size: 11px; padding: 0 7px; border-radius: 9px; background: var(--accent-soft-bg); color: var(--accent-soft-fg); border: 1px solid var(--accent-soft-border); font-weight: 400; }

/* 三栏 B2B · B2C · 备货：B2B 单多、给宽一点；窄窗口一栏一栏往下排 */
.do-cols { display: grid; grid-template-columns: minmax(0, 1.7fr) minmax(0, 1fr) minmax(0, 1fr); gap: 12px; align-items: start; }
.do-cols.one { grid-template-columns: minmax(0, 1fr); }
.do-col { min-width: 0; }
.do-col-h { display: flex; justify-content: space-between; align-items: center; gap: 8px; margin: 0 0 6px; padding: 0 2px; font-size: 12px; color: var(--text-secondary); white-space: nowrap; }
.do-none { margin: 0; padding: 10px; color: var(--text-muted); font-size: 12px; border: 1px dashed var(--border); border-radius: 10px; }
.do-kind { display: inline-block; padding: 1px 8px; border-radius: 9px; font-size: 12px; font-weight: 600; border: 1px solid var(--border); white-space: nowrap; }
.do-kind.b2c { background: var(--success-bg); color: var(--success-fg); border-color: var(--success-border); }
.do-kind.b2b { background: var(--info-bg); color: var(--info-fg); border-color: var(--info-border); }
.do-kind.stock { background: var(--warning-bg); color: var(--warning-fg); border-color: var(--warning-border); }

.do-list { background: var(--surface); border: 1px solid var(--border); border-radius: 10px; padding: 4px 10px; }
.do-list.wide { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); column-gap: 18px; }
.do-list.wide .do-item:first-of-type { border-top: 1px solid var(--border-subtle); }
.do-orders { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 10px; }
.do-order { background: var(--surface); border: 1px solid var(--border); border-radius: 10px; padding: 6px 10px; }
.do-order-h { display: flex; justify-content: flex-end; font-size: 12px; color: var(--text-muted); }
.do-item { display: grid; grid-template-columns: 44px minmax(0, 1fr) auto; gap: 8px; align-items: center; padding: 4px 0; border-top: 1px solid var(--border-subtle); }
.do-item:first-of-type { border-top: 0; }
.do-click { cursor: pointer; border-radius: 6px; }
.do-click:hover { background: var(--surface-hover); }
.do-click.on { background: var(--surface-selected); }
.do-item img, .do-noimg { width: 44px; height: 44px; object-fit: contain; border-radius: 6px; background: var(--surface-sunken); display: block; }
.do-item b { display: block; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.do-item small { color: var(--text-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; }
.do-item small i { font-style: normal; color: var(--warning-fg); }
/* 10-22 没认出的平台单：系统猜的那款的图淡一点、右下角问号（不是认定的）；「认一下」去 B2C 全部订单的认产品 */
.do-maybe { position: relative; display: block; width: 44px; height: 44px; }
.do-maybe img, .do-maybe .do-noimg { opacity: .5; outline: 1px dashed var(--border); outline-offset: -1px; }
.do-maybe::after { content: "?"; position: absolute; right: -3px; bottom: -3px; width: 16px; height: 16px; border-radius: 50%;
  background: var(--warning-fg); color: var(--surface); font-size: 11px; font-weight: 700; line-height: 16px; text-align: center; }
.do-item small .do-fix { color: var(--accent); text-decoration: none; }
.do-item small .do-fix:hover { text-decoration: underline; }
.do-qty { font-size: 13px; color: var(--text-secondary); white-space: nowrap; }
.do-qty b { display: inline; font-size: 16px; color: var(--text-primary); }
.do-qty em { font-style: normal; font-size: 12px; color: var(--success-fg); margin-right: 2px; }
/* 采购金额（只给看得到工厂的人，老板 10-08「是我们采购价」）：几台底下一行 */
.do-qty .do-amt, .do-n .do-amt { display: block; text-align: right; font-size: 12px; color: var(--text-secondary); font-variant-numeric: tabular-nums; }
/* 10-26 B2C 每款的通途库存牌子（app/daily_stock.py）：几台底下一行，颜色 = 要不要动手 */
.do-right { display: flex; flex-direction: column; align-items: flex-end; gap: 3px; }
.do-stk { font-size: 11px; line-height: 16px; padding: 0 6px; border-radius: 8px; white-space: nowrap; border: 1px solid var(--border); color: var(--text-secondary); background: var(--surface-sunken); cursor: help; }
.do-stk.stock { color: var(--success-fg); background: var(--success-bg); border-color: var(--success-border); }
.do-stk.coming { color: var(--warning-fg); background: var(--warning-bg); border-color: var(--warning-border); }
.do-stk.buy { color: var(--danger-fg); background: var(--danger-bg); border-color: var(--danger-border); font-weight: 600; }
.do-stk.allocated { color: var(--info-fg); background: var(--info-bg); border-color: var(--info-border); }
.do-amt-o, .do-amt-t { color: var(--text-primary); font-weight: 600; font-variant-numeric: tabular-nums; }

.do-sum { display: flex; flex-direction: column; gap: 4px; }
.do-sum .do-item { background: var(--surface); border: 1px solid var(--border); border-radius: 8px; padding: 6px 10px; grid-template-columns: 44px minmax(0, 1fr) auto auto; }
.do-n { font-size: 12px; color: var(--text-secondary); white-space: nowrap; text-align: right; }
.do-n b { font-size: 15px; color: var(--text-primary); }
.do-cols.one .do-sum { max-width: 900px; }

.do-how { margin-top: 16px; color: var(--text-secondary); }
.do-how summary { cursor: pointer; }
.do-how li { margin: 3px 0; }

/* 右边「这款怎么卖」 */
.do-panel { position: fixed; top: 0; right: 0; bottom: 0; width: min(460px, 100vw); z-index: 30; background: var(--surface);
            border-left: 1px solid var(--border-strong); box-shadow: var(--shadow-3); overflow-y: auto; }
@media (min-width: 1100px) { :root.do-panel-on .do-app { margin-right: 470px; } }
.do-panel-top { position: sticky; top: 0; z-index: 1; display: flex; justify-content: space-between; align-items: flex-start; gap: 8px;
                padding: 12px 16px; background: var(--surface); border-bottom: 1px solid var(--border); }
.do-panel-top b { font-size: 15px; color: var(--ink); }
.do-x { border: 0; background: none; font-size: 22px; line-height: 1; color: var(--text-muted); cursor: pointer; padding: 0 4px; }
.do-x:hover { color: var(--text-primary); }
.do-panel-body { padding: 8px 16px 28px; line-height: 1.65; }
.do-panel-body h3 { margin: 16px 0 4px; font-size: 13px; color: var(--ink); font-weight: 600; }
.do-panel-body p { margin: 0 0 4px; }
.do-panel a { color: var(--accent); }
.do-p-sub { color: var(--text-muted); font-size: 12px; }
.do-p-wait { padding: 12px 0; }
.do-p-bad { color: var(--danger-fg); }
.do-p-prod { display: flex; gap: 12px; align-items: flex-start; margin-top: 10px; }
.do-p-prod img, .do-p-prod .do-noimg { width: 96px; height: 96px; object-fit: contain; border-radius: 8px; background: var(--surface-sunken); display: block; flex: none; }
.do-p-prod b { font-size: 14px; }
.do-p-btns { display: flex; gap: 6px; flex-wrap: wrap; margin-top: 6px; }
.do-panel a.do-p-btn { display: inline-block; padding: 3px 10px; border: 1px solid var(--accent-soft-border); border-radius: 6px; background: var(--accent-soft-bg);
                       color: var(--accent-soft-fg); text-decoration: none; font-size: 12px; white-space: nowrap; }
.do-panel a.do-p-btn:hover { background: var(--surface-hover); }
.do-p-warn { margin-top: 10px !important; font-size: 12px; color: var(--warning-fg); background: var(--warning-bg); border-radius: 6px; padding: 4px 8px; }
.do-p-head { font-size: 15px; font-weight: 600; color: var(--ink); }
.do-p-ul { margin: 2px 0 4px; padding-left: 18px; }
.do-p-ul li { margin: 1px 0; }
.do-p-en { color: var(--text-secondary); font-size: 12px; font-style: italic; }
.do-p-line .k, .do-p-facts .k { display: inline-block; min-width: 4.5em; color: var(--text-muted); font-size: 12px; margin-right: 6px; }
.do-p-qa > div { border-top: 1px solid var(--border-subtle); padding: 6px 0; }
.do-p-qa > div:first-child { border-top: 0; }
.do-p-qa .q { font-weight: 600; margin: 0; }
.do-p-qa .a { margin: 0; color: var(--text-secondary); }
.do-p-facts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2px 12px; }
.do-p-links { list-style: none; margin: 0; padding: 0; }
.do-p-links li { padding: 3px 0; }
.do-p-links a { margin-right: 6px; font-weight: 600; white-space: nowrap; }

@media (max-width: 1100px) {
  .do-cols { grid-template-columns: minmax(0, 1fr); }
  .do-col.none { display: none; }      /* 一栏一栏往下排时，没单的那栏不占地方（天的标题上写着 0 张） */
}
@media (max-width: 640px) {
  .do-app { padding: 10px 10px 30px; }
  .do-orders, .do-list.wide { grid-template-columns: minmax(0, 1fr); }
  #do-q { font-size: 16px; }
  .do-p-facts { grid-template-columns: minmax(0, 1fr); }
}

/* 10-08 晚：右边「¥单价 × 台数」下一行「= ¥金额」；品名能点的带 ›、悬停变色 */
.do-qty.do-calc { display: flex; flex-direction: column; align-items: flex-end; line-height: 1.3; }
.do-qty.do-calc small { font-size: 12px; color: var(--text-secondary); font-variant-numeric: tabular-nums; }
.do-qty.do-calc b { font-size: 15px; font-variant-numeric: tabular-nums; }
.do-sum .do-item { grid-template-columns: 44px minmax(0, 1fr) auto minmax(120px, auto); }
.do-click b .do-go { font-style: normal; margin-left: 4px; color: var(--text-muted); }
.do-click:hover b { color: var(--accent); }
.do-click:hover b .do-go { color: var(--accent); }
.do-p-recent { display: grid; gap: 4px; font-size: 13px; }

/* 10-09：介绍里的产品目录页（小图 + 同页几款 + 打开），点开铺满看大图 */
.do-p-pages { display: grid; gap: 10px; }
.do-p-page { display: grid; grid-template-columns: 96px minmax(0, 1fr); gap: 10px; align-items: start; }
.do-p-pg { border: 1px solid var(--border); border-radius: 6px; padding: 0; background: var(--surface-sunken); cursor: zoom-in; display: block; }
.do-p-pg img { width: 94px; height: 128px; object-fit: contain; display: block; border-radius: 6px; }
.do-p-page b { font-size: 13px; }
.do-lb { position: fixed; inset: 0; z-index: 40; background: var(--overlay); display: flex; flex-direction: column; align-items: center; padding: 12px; overflow: auto; }
.do-lb-top { display: flex; gap: 14px; align-items: center; width: min(1100px, 100%); color: var(--text-on-accent); font-size: 13px; margin-bottom: 8px; }
.do-lb-top span { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.do-lb-top a { color: var(--text-on-accent); white-space: nowrap; }
.do-lb-top button { border: 0; background: none; color: var(--text-on-accent); font-size: 26px; line-height: 1; cursor: pointer; }
.do-lb img { max-width: min(1100px, 100%); height: auto; background: var(--surface); border-radius: 6px; }