/* ============================================================
   NM Portal — 客户门户
   美学方向：德国账册 × 珠宝暖金（Kontor meets Atelier）
   暖纸底 · 墨松绿书脊 · 黄铜金点缀 · 印章红警示 · Didot 数字
   ============================================================ */

:root{
  /* 纸与线 */
  --canvas:#f3f0e8;
  --canvas-2:#efebe1;
  --card:#fffdf8;
  --card-2:#faf7ef;
  --line:#e5dfce;
  --line-strong:#d3cbb2;

  /* 墨色文字 */
  --ink:#1b231d;
  --ink-2:#525a4d;
  /* Secondary copy is still visually quiet, but remains AA on canvas/card. */
  --ink-3:#626a5e;

  /* 品牌 */
  --pine:#1c3529;
  --pine-2:#26463607;
  --pine-grad-a:#20392c;
  --pine-grad-b:#182c22;
  --brass:#a07c2e;
  --brass-2:#b78f39;
  --brass-soft:#c9a45c;
  --brass-pale:#efe3c4;
  /* Brand brass may be decorative; this stable tone is for text/focus. */
  --brass-fg:#755715;
  --brass-deep:#64480f;
  --focus-ring:#755715;
  --focus-halo:rgba(117,87,21,.22);
  --focus-on-dark:#f0d38d;
  /* RGB 通道（供 rgba() 透明度混合；白标时由 brand.js 覆盖，整站黄铜/松绿点缀随之换肤） */
  --brass-rgb:160,124,46;
  --brass-soft-rgb:201,164,92;
  --pine-rgb:28,53,41;
  --seal:#aa3826;
  --seal-2:#8f2f21;

  /* 合规红绿灯三态 */
  --lt-green:#1e8a4e; --lt-green-glow:rgba(30,138,78,.28);
  --lt-amber:#c8892a; --lt-amber-glow:rgba(200,137,42,.30);
  --lt-red:#c23b26;   --lt-red-glow:rgba(194,59,38,.28);

  /* 图表分类色（已过 CVD 验证：金↔绿 6.5ΔE，配直接数字标签二次编码） */
  --c-etsy:#b0801f;
  --c-shopify:#218c5b;
  --c-tiktok:#4f74b8;

  /* 语义底/字 */
  --ok-bg:#e5f1e9;    --ok-fg:#1e6b40;
  --warn-bg:#f9efd6;  --warn-fg:#8a6413;
  --info-bg:#e7edf7;  --info-fg:#3a5c94;
  --mut-bg:#edeadf;   --mut-fg:#5e6659;
  --seal-bg:#f6e4de;
  --danger-fg:#aa3826;

  /* 字体 */
  --font-display:"Didot","Bodoni 72","GFS Didot","Hoefler Text","Songti SC",Georgia,serif;
  --font-serif:"Songti SC","Noto Serif SC","Source Han Serif SC","STSong",Georgia,serif;
  --font-sans:"PingFang SC","Hiragino Sans GB","Source Han Sans SC","Microsoft YaHei","Segoe UI",system-ui,sans-serif;
  --font-mono:"IBM Plex Mono","SF Mono","Menlo",ui-monospace,monospace;

  --shadow-sm:0 1px 2px rgba(40,50,35,.05), 0 1px 0 rgba(255,255,255,.6) inset;
  --shadow-md:0 4px 16px -8px rgba(30,45,30,.22), 0 1px 0 rgba(255,255,255,.55) inset;
  --radius:13px;
}
.password-field{position:relative;display:block}.password-field input{width:100%;padding-right:48px}.password-field button{position:absolute;right:7px;top:50%;transform:translateY(-50%);width:36px;height:36px;border:0;border-radius:8px;background:transparent;color:var(--ink-2);font-size:18px;cursor:pointer}.password-field button:hover,.password-field button:focus-visible{background:var(--card-2);color:var(--pine)}

*{margin:0;padding:0;box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%}
body{
  font-family:var(--font-sans);
  background:var(--canvas);
  color:var(--ink);
  font-size:14px;line-height:1.6;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
body::before{ /* 暖色渐晕，避免死板纯色 */
  content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;
  background:
    radial-gradient(1100px 620px at 82% -8%, rgba(var(--brass-rgb),.10), transparent 60%),
    radial-gradient(900px 700px at -6% 108%, rgba(var(--pine-rgb),.09), transparent 62%),
    var(--canvas);
}
.grain{
  position:fixed;inset:0;z-index:9999;pointer-events:none;opacity:.035;mix-blend-mode:multiply;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}
a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer;color:inherit}
svg{display:block}
::selection{background:var(--brass-soft);color:#1b231d}
:focus-visible{outline:2px solid var(--brass);outline-offset:2px;border-radius:4px}

/* ===== 数据来源提示带 ===== */
.ribbon{
  display:flex;align-items:center;justify-content:center;gap:9px;
  font-family:var(--font-mono);font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;
  padding:6px 8px;border-bottom:1px solid var(--line);
  background:repeating-linear-gradient(-45deg,#f0e6cf 0 15px,#ece0c2 15px 30px);
  color:#7a5a12;transition:.3s;
}
.ribbon.live{
  background:linear-gradient(90deg,#eaf3ec,#e2eee6);color:#1e6b40;border-bottom-color:#cfe4d6;
}
.ribbon-dot{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 0 0 currentColor}
.ribbon.live .ribbon-dot{animation:pulse 2s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(30,107,64,.5)}70%{box-shadow:0 0 0 6px rgba(30,107,64,0)}100%{box-shadow:0 0 0 0 rgba(30,107,64,0)}}

/* ===== 布局骨架 ===== */
.shell{display:grid;grid-template-columns:246px 1fr;min-height:calc(100vh - 29px)}

/* ---- 侧栏：账册书脊 ---- */
.side{
  background:linear-gradient(178deg,var(--pine-grad-a),var(--pine-grad-b));
  color:#e9e4d5;display:flex;flex-direction:column;padding:24px 0 16px;
  position:sticky;top:0;height:100vh;
  border-right:1px solid rgba(0,0,0,.25);
  box-shadow:2px 0 0 rgba(var(--brass-soft-rgb),.32) inset, -1px 0 20px rgba(20,35,25,.12);
}
.brand{display:flex;align-items:center;gap:12px;padding:0 22px 20px;margin-bottom:6px;
  border-bottom:1px solid rgba(233,228,213,.13)}
.seal{
  width:40px;height:40px;flex:none;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  font-family:var(--font-display);font-size:15px;font-weight:700;letter-spacing:.02em;
  color:var(--brass-soft);
  background:radial-gradient(circle at 35% 30%, rgba(var(--brass-soft-rgb),.22), rgba(var(--brass-soft-rgb),.04));
  border:1.5px solid rgba(var(--brass-soft-rgb),.55);
  box-shadow:0 0 0 3px rgba(var(--brass-soft-rgb),.08), 0 2px 6px rgba(0,0,0,.25) inset;
}
.brand-t .t{font-family:var(--font-serif);font-weight:700;font-size:18px;letter-spacing:.04em;color:#fff;line-height:1.1}
.brand-t .t em{font-style:normal;color:var(--brass-soft)}
.brand-t .s{font-family:var(--font-mono);font-size:9px;letter-spacing:.26em;text-transform:uppercase;color:rgba(233,228,213,.5);margin-top:3px}

.client-chip{
  margin:14px 16px 6px;padding:11px 14px;border-radius:10px;
  background:rgba(0,0,0,.16);border:1px solid rgba(233,228,213,.14);
}
.client-chip b{display:block;color:#fff;font-size:13.5px;line-height:1.3}
.client-chip span{color:var(--brass-soft);font-size:10px;font-family:var(--font-mono);letter-spacing:.1em;opacity:.85}

.nv{margin-top:12px;flex:1;overflow-y:auto}
.nv a{
  display:flex;align-items:center;gap:12px;padding:11px 22px;font-size:13.5px;
  color:rgba(233,228,213,.74);border-left:3px solid transparent;transition:.16s;position:relative;
}
.nv a svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.7;flex:none;stroke-linecap:round;stroke-linejoin:round}
.nv a:hover{color:#fff;background:rgba(233,228,213,.05)}
.nv a.on{color:#fff;background:linear-gradient(90deg,rgba(var(--brass-soft-rgb),.14),transparent);border-left-color:var(--brass-soft)}
.nv a.on svg{color:var(--brass-soft)}

.foot{padding:14px 22px 0;margin-top:8px;border-top:1px solid rgba(233,228,213,.11);
  font-size:10px;line-height:1.85;color:rgba(233,228,213,.42);font-family:var(--font-mono);letter-spacing:.02em}
.foot b{color:var(--brass-soft);font-weight:600;font-family:var(--font-sans)}
.foot .legal-links{display:inline-block;margin-top:5px}.foot .legal-links a{color:rgba(233,228,213,.74);text-decoration:underline;text-underline-offset:2px}.foot .legal-links a:hover{color:#fff}
.lg-legal{display:inline-block;margin-top:5px}.lg-legal a{color:var(--ink-3);text-decoration:underline;text-underline-offset:2px}.lg-legal a:hover{color:var(--pine)}

/* ---- 主区 ---- */
.main{display:flex;flex-direction:column;min-width:0}
.topbar{
  display:flex;align-items:center;gap:16px;background:rgba(255,253,248,.86);
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  padding:0 26px;height:58px;position:sticky;top:0;z-index:30;
  border-bottom:1px solid var(--line);
  box-shadow:0 1px 0 var(--brass-soft), 0 6px 16px -12px rgba(30,45,30,.3);
}
.menu-btn{display:none;border:none;background:none;padding:4px}
.menu-btn svg{width:22px;height:22px;stroke:var(--ink);fill:none;stroke-width:1.8;stroke-linecap:round}
.topbar h1{font-family:var(--font-serif);font-size:18px;font-weight:700;letter-spacing:.03em;white-space:nowrap}
.search{
  flex:1;max-width:340px;display:flex;align-items:center;gap:8px;
  background:var(--canvas);border:1px solid var(--line);border-radius:9px;
  padding:7px 13px;color:var(--ink-3);font-size:12.5px;
}
.search svg{width:15px;height:15px;stroke:var(--ink-3);fill:none;stroke-width:1.8;stroke-linecap:round}
.top-right{margin-left:auto;display:flex;align-items:center;gap:13px}

.datasrc{
  display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);
  font-size:10px;letter-spacing:.12em;text-transform:uppercase;font-weight:600;
  padding:5px 10px;border-radius:20px;border:1px solid var(--warn-fg);color:var(--warn-fg);background:var(--warn-bg);
}
.datasrc.live{color:var(--ok-fg);background:var(--ok-bg);border-color:var(--ok-fg)}
.ds-dot{width:6px;height:6px;border-radius:50%;background:currentColor}
.datasrc.live .ds-dot{animation:pulse 2s infinite}

.lang{display:flex;border:1px solid var(--line-strong);border-radius:8px;overflow:hidden}
.lang button{background:var(--card);border:none;padding:5px 12px;font-size:12px;color:var(--ink-2);transition:.15s}
.lang button.on{background:var(--pine);color:#fff}
.user{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--ink-2);border:0;background:transparent;padding:0;cursor:pointer;font-family:inherit}
.user:focus-visible{outline:2px solid var(--brass);outline-offset:4px;border-radius:8px}
.av{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--brass-2),var(--brass));
  color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;font-family:var(--font-serif);
  box-shadow:0 1px 3px rgba(0,0,0,.2)}

.views{padding:26px}
.page{display:none}
.page.on{display:block}
.page.on .reveal{animation:rise .5s cubic-bezier(.2,.8,.25,1) both}
.page.on .reveal:nth-child(1){animation-delay:.02s}
.page.on .reveal:nth-child(2){animation-delay:.09s}
.page.on .reveal:nth-child(3){animation-delay:.16s}
.page.on .reveal:nth-child(4){animation-delay:.23s}
@keyframes rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}

/* ===== 卡片 ===== */
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:box-shadow .2s,transform .2s}
.card:hover{box-shadow:var(--shadow-md)}
.hd{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px 19px;border-bottom:1px solid var(--line)}
.hd h3{font-family:var(--font-serif);font-size:14.5px;font-weight:700;letter-spacing:.02em}
.hd .sub{font-family:var(--font-mono);font-size:10px;color:var(--ink-3);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}
.hd .link{color:var(--brass);transition:.15s}
.hd .link:hover{color:var(--seal)}
.bd{padding:17px 19px}
.grid{display:grid;gap:16px;margin-bottom:16px}
.grid-2{grid-template-columns:1.55fr 1fr}

.tag-sample{color:var(--seal)!important;border:1px dashed var(--seal);padding:2px 8px;border-radius:20px;background:var(--seal-bg)}

/* ===== KPI ===== */
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:16px}
.kpi{
  background:var(--card);border:1px solid var(--line);border-radius:var(--radius);
  padding:16px 19px 15px;position:relative;overflow:hidden;box-shadow:var(--shadow-sm);
  animation:rise .5s cubic-bezier(.2,.8,.25,1) both;
}
.kpi::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--line-strong)}
.kpi.gold::before{background:linear-gradient(90deg,var(--brass),var(--brass-soft))}
.kpi.pine::before{background:var(--pine)}
.kpi:nth-child(1){animation-delay:.02s}
.kpi:nth-child(2){animation-delay:.08s}
.kpi:nth-child(3){animation-delay:.14s}
.kpi:nth-child(4){animation-delay:.20s}
.kpi .l{font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}
.kpi .v{font-family:var(--font-display);font-size:34px;line-height:1.1;margin-top:6px;letter-spacing:.01em;font-weight:400}
.kpi .v small{font-size:17px;color:var(--ink-2)}
.kpi .d{font-size:11.5px;margin-top:5px;color:var(--ink-3)}
.kpi .d.up{color:var(--ok-fg);font-weight:600}
.kpi.gold .v{color:var(--brass)}

/* ===== 柱状图（单序列 · 主色松绿 · 直接数字标签） ===== */
.chart{display:flex;align-items:flex-end;gap:10px;height:168px;padding-top:22px}
.bar{flex:1;display:flex;flex-direction:column;align-items:center;gap:7px;height:100%;justify-content:flex-end;position:relative}
.bar .val{font-family:var(--font-mono);font-size:11px;color:var(--ink-2);position:absolute;top:-18px;font-weight:600}
.bar i{
  width:100%;max-width:36px;border-radius:5px 5px 0 0;min-height:4px;
  background:linear-gradient(180deg,#2f5842,#1c3529); /* 旧浏览器兜底 */
  background:linear-gradient(180deg,color-mix(in srgb,var(--pine) 72%,#fff),var(--pine));
  height:0;transition:height .85s cubic-bezier(.2,.8,.2,1);
  box-shadow:0 1px 0 rgba(255,255,255,.12) inset;
}
.bar:hover i{background:linear-gradient(180deg,color-mix(in srgb,var(--pine) 60%,#fff),color-mix(in srgb,var(--pine) 84%,#fff))}
.bar em{font-style:normal;font-size:11px;color:var(--ink-3)}
.chart.is-empty{background:repeating-linear-gradient(to bottom,transparent 0,transparent calc(25% - 1px),rgba(var(--pine-rgb),.055) calc(25% - 1px),rgba(var(--pine-rgb),.055) 25%)}
.bar.zero .val{top:auto;bottom:35px;color:var(--ink-3);font-weight:500}
.bar.zero i{background:var(--line-strong);box-shadow:none;opacity:.9}
.bar.zero:hover i{background:var(--line-strong)}

/* ===== 平台占比 ===== */
.share{display:flex;height:30px;border-radius:8px;overflow:hidden;gap:2px;background:var(--canvas);border:1px solid var(--line)}
.share i{display:block;height:100%;min-width:2px;transition:width .8s cubic-bezier(.2,.8,.2,1)}
.legend{display:flex;flex-direction:column;gap:11px;margin-top:16px}
.legend .li{display:flex;align-items:center;gap:10px;font-size:13px}
.legend .dot{width:10px;height:10px;border-radius:3px;flex:none}
.legend .li .nm{color:var(--ink)}
.legend .li b{margin-left:auto;font-family:var(--font-mono);font-size:12px;color:var(--ink-2);font-weight:600}
.share.is-empty{gap:3px;background:var(--canvas-2)}
.share.is-empty i{flex:1;min-width:0;background:rgba(var(--pine-rgb),.065)}
.share.is-empty i:nth-child(2){background:rgba(var(--brass-rgb),.07)}
.share-zero{display:flex;align-items:center;gap:12px;padding:28px 4px 17px;color:var(--ink-2)}
.share-zero-ic{display:grid;place-items:center;width:38px;height:38px;flex:none;border:1px dashed var(--line-strong);border-radius:10px;color:var(--ink-3);font-size:18px}
.share-zero div{display:flex;flex-direction:column;line-height:1.45}
.share-zero b{font-size:13px;color:var(--ink-2)}
.share-zero small{font-size:11.5px;color:var(--ink-3)}
.share-zero strong{margin-left:auto;font:600 12px var(--font-mono);color:var(--ink-3);white-space:nowrap}

/* ===== SLA ===== */
.sla{display:flex;flex-direction:column;gap:14px}
.sla .row{display:flex;align-items:baseline;justify-content:space-between;gap:12px;border-bottom:1px dashed var(--line);padding-bottom:13px}
.sla .row:last-child{border-bottom:none;padding-bottom:0}
.sla .k{font-size:13px;color:var(--ink-2)}
.sla .n{font-family:var(--font-display);font-size:25px;color:var(--ink);white-space:nowrap}
.sla .n.gold{color:var(--brass)}
.sla .n small{font-size:13px;font-family:var(--font-sans);color:var(--ink-2)}

/* ===== 事件流 ===== */
.feed .ev{display:grid;grid-template-columns:112px 1fr auto;gap:12px;padding:11px 0;border-bottom:1px dashed var(--line);font-size:12.5px;align-items:baseline}
.feed .ev:last-child{border-bottom:none;padding-bottom:0}
.feed .ts{font-family:var(--font-mono);font-size:11px;color:var(--ink-3)}
.feed .desc{color:var(--ink)}
.feed .amt{font-family:var(--font-mono);font-size:12.5px;text-align:right;white-space:nowrap}
.feed .amt.pos{color:var(--ok-fg)}
.feed .amt.neg{color:var(--ink-2)}

/* ===== 表格 ===== */
.table-wrap{overflow-x:auto}
table{width:100%;border-collapse:collapse;font-size:13px}
th{text-align:left;font-family:var(--font-mono);font-size:10px;color:var(--ink-3);font-weight:600;
  letter-spacing:.1em;text-transform:uppercase;padding:11px 15px;border-bottom:1px solid var(--line-strong);
  background:var(--card-2);white-space:nowrap}
td{padding:12px 15px;border-bottom:1px solid var(--line);vertical-align:middle}
tbody tr:last-child td{border-bottom:none}
tbody tr{transition:background .12s}
tbody tr:hover td{background:var(--card-2)}
tfoot td{border-top:2px solid var(--line-strong);border-bottom:none;font-weight:700;background:var(--card-2)}
.mono{font-family:var(--font-mono);font-size:12px}
.num{text-align:right;font-family:var(--font-mono);font-size:12.5px;white-space:nowrap}
.sku-cell{display:flex;align-items:center;gap:15px;min-width:190px}
.sku-img{width:76px;height:76px;padding:0;border-radius:12px;flex:none;display:flex;align-items:center;justify-content:center;font-size:22px;
  background:linear-gradient(135deg,#efe8d7,#e2dbc6);border:1px solid var(--line);overflow:hidden;color:var(--ink-3)}
.sku-img.loaded{cursor:zoom-in}.sku-img:disabled{cursor:default;opacity:1}
.sku-cell b{font-size:16px;white-space:nowrap}
.sku-cell small{color:var(--ink-3);font-size:13px}

/* ===== 徽章 ===== */
.pill{display:inline-flex;align-items:center;gap:5px;font-size:11px;padding:3px 10px;border-radius:20px;font-weight:600;white-space:nowrap}
.pill::before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor;flex:none}
.p-ok{background:var(--ok-bg);color:var(--ok-fg)}
.p-warn{background:var(--warn-bg);color:var(--warn-fg)}
.p-info{background:var(--info-bg);color:var(--info-fg)}
.p-mut{background:var(--mut-bg);color:var(--mut-fg)}
.p-seal{background:var(--seal-bg);color:var(--seal)}
.plat{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600}
.plat i{width:8px;height:8px;border-radius:3px;flex:none}

/* ===== 提示条 ===== */
.banner{display:flex;gap:11px;align-items:center;border-radius:11px;padding:12px 16px;font-size:12.5px;margin-bottom:16px;border:1px solid}
.banner svg{width:19px;height:19px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.banner-info{background:var(--info-bg);border-color:#d1dcef;color:var(--info-fg)}
.banner-warn{background:var(--warn-bg);border-color:#ecd9a8;color:var(--warn-fg)}

/* ===== 退货工作台：以德国仓扫码流程为结构 ===== */
.return-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:26px 28px;
  margin-bottom:14px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(110deg,var(--pine) 0 58%,#294b3b 100%);color:#fff}
.return-eyebrow{display:block;margin-bottom:8px;font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#d8bd82}
.return-hero h2{margin:0;font-family:var(--font-display);font-size:clamp(24px,3vw,38px);line-height:1.12;font-weight:650;max-width:800px}
.return-hero p{max-width:740px;margin:10px 0 0;color:rgba(255,255,255,.75);font-size:14px}
.return-time-badge{flex:none;padding:8px 12px;border:1px solid rgba(255,255,255,.25);border-radius:999px;background:rgba(255,255,255,.08);font-size:12px;font-weight:650}
.return-flow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin:0 0 18px;padding:0;list-style:none;border:1px solid var(--line);border-radius:14px;background:var(--card);overflow:hidden}
.return-flow li{position:relative;display:flex;gap:10px;min-height:92px;padding:17px 15px;align-items:flex-start}
.return-flow li+li{border-left:1px solid var(--line)}
.return-flow li+li::before{content:"";position:absolute;left:-5px;top:28px;width:9px;height:9px;border-top:1px solid var(--brass);border-right:1px solid var(--brass);transform:rotate(45deg);background:var(--card)}
.return-flow i,.return-section-kicker,.return-product-index{display:grid;place-items:center;flex:none;width:25px;height:25px;border-radius:7px;background:var(--pine);color:#fff;font:700 11px var(--font-mono);font-style:normal}
.return-flow b{display:block;font-size:13px;line-height:1.35}.return-flow span{display:block;margin-top:5px;color:var(--ink-3);font-size:11.5px;line-height:1.45}
.return-workspace-grid{display:grid;gap:18px}.return-section-head>div,.return-warehouse-head>div{display:flex;align-items:center;gap:10px}
.return-section-head h3,.return-warehouse-head h3{margin:0}.return-section-kicker{background:var(--brass)}
.return-warehouse-panel{padding:20px;border:1px solid var(--line);border-radius:16px;background:color-mix(in srgb,var(--card) 86%,var(--canvas))}
.return-warehouse-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}
.return-warehouse-head h3{font-family:var(--font-serif);font-size:20px}.return-warehouse-head p{margin:4px 0 0;color:var(--ink-3);font-size:12.5px}

.return-policy-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--card-2)}
.return-policy-summary>div{padding:13px 15px;min-width:0}.return-policy-summary>div+div{border-left:1px solid var(--line)}
.return-policy-summary small,.return-request-card small{display:block;color:var(--ink-3);font-size:11px}.return-policy-summary b{display:block;margin-top:5px;font-size:13px;overflow-wrap:anywhere}
.return-center-split{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:16px;margin-top:16px}
.return-center-group{min-width:0;padding:15px;border:1px solid var(--line);border-radius:12px}.return-center-group h4{margin:0 0 10px;font-family:var(--font-serif);font-size:16px}
.return-center-list{display:grid;gap:8px}.return-center-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid var(--line)}
.return-center-row:first-child{border-top:0}.return-center-row>span{min-width:0}.return-center-row b,.return-center-row small{overflow-wrap:anywhere}
.return-request-card{padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--card-2)}
.return-request-card+.return-request-card{margin-top:9px}.return-request-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.return-request-ids{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:9px;padding:8px 10px;border-radius:8px;background:var(--card);font-size:11px;color:var(--ink-3)}.return-request-ids b{color:var(--ink-2);overflow-wrap:anywhere}
.return-request-meta{display:flex;flex-wrap:wrap;gap:6px 12px;margin-top:9px;font-size:12px}.return-request-next{margin-top:9px;padding-top:9px;border-top:1px dashed var(--line);font-size:12px;color:var(--ink-2)}
.return-request-lines{display:grid;gap:6px;margin:10px 0 0;padding:0;list-style:none}.return-request-lines li{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:var(--card)}.return-request-lines span,.return-request-lines b,.return-request-lines small{display:block;overflow-wrap:anywhere}.return-request-lines small{margin-top:2px;color:var(--ink-3);font-size:10.5px}.return-request-lines strong{flex:none;font-size:11px;color:var(--ink-2)}
.return-request-actions{display:flex;gap:7px;margin-top:10px}.return-capability-note{margin-top:14px;padding:10px 12px;border-left:3px solid var(--brass);background:var(--warn-bg);color:var(--warn-fg);font-size:12px}

.ret-grid{display:grid;grid-template-columns:1fr;gap:12px}.return-ticket{overflow:hidden}.return-ticket-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 17px;border-bottom:1px solid var(--line);background:var(--card)}
.return-ticket-head>div:first-child{display:flex;align-items:baseline;gap:10px;min-width:0}.return-ticket-head small{color:var(--ink-3);font-size:11px}.return-ticket-head b{font-size:15px}.return-ticket-head span{font-size:12px;color:var(--ink-2)}
.return-ticket-state{display:flex;align-items:center;gap:10px;flex:none}.return-evidence{display:flex;align-items:center;gap:7px;min-height:42px;padding:7px 17px;border-bottom:1px solid var(--line);background:var(--card-2);color:var(--ink-3);font-size:12px}
.return-lines{display:grid}.return-line{display:grid;grid-template-columns:minmax(210px,1.1fr) minmax(270px,1fr) minmax(220px,.9fr);align-items:center;gap:16px;padding:15px 17px;background:var(--card)}
.return-line+.return-line{border-top:1px solid var(--line)}.return-product{display:flex;align-items:flex-start;gap:10px;min-width:0}.return-product-index{background:var(--mut-bg);color:var(--mut-fg)}
.return-product>div{min-width:0}.return-product b,.return-product strong,.return-product small{display:block;overflow-wrap:anywhere}.return-product strong{margin-top:3px;font-size:13px}.return-product small{margin-top:4px;color:var(--ink-3);font-size:11px}
.return-line-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--line);border-radius:9px;overflow:hidden}.return-line-facts span{padding:8px 10px;min-width:0}.return-line-facts span+span{border-left:1px solid var(--line)}
.return-line-facts small,.return-line-facts b{display:block;overflow-wrap:anywhere}.return-line-facts small{color:var(--ink-3);font-size:10px}.return-line-facts b{margin-top:3px;font-size:12px}
.return-action-zone{min-width:0}.return-line-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}.return-next-step{display:block;text-align:right;color:var(--ink-3);font-size:12px}
.return-line-feedback{display:block;margin-top:6px;text-align:right;color:var(--ink-3);font-size:11px;min-height:1em}.return-line-feedback.success{color:var(--ok-fg)}.return-line-feedback.error{color:var(--seal)}
.return-load-state{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;min-height:98px;padding:20px;border:1px dashed var(--line-strong);border-radius:12px;background:var(--card);grid-column:1/-1}
.return-load-state b{display:block;font-size:14px}.return-load-state p{margin:4px 0 0;color:var(--ink-3);font-size:12.5px}.return-load-error{border-color:#d8a6a2;background:var(--seal-bg)}
.return-state-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--mut-bg);color:var(--mut-fg);font-weight:800}.return-load-error .return-state-mark{background:var(--seal);color:#fff}

.btn{border:1px solid var(--line-strong);background:var(--card);border-radius:9px;padding:7px 14px;font-size:12.5px;color:var(--ink);transition:.15s;white-space:nowrap}
.btn:hover{border-color:var(--pine);background:var(--card-2);transform:translateY(-1px)}
.btn.sm{padding:5px 11px;font-size:11.5px}
.btn.pri{background:var(--pine);border-color:var(--pine);color:#fff}
.btn.pri:hover{background:color-mix(in srgb,var(--pine) 86%,#fff)}
.btn.gold{background:linear-gradient(135deg,var(--brass-2),var(--brass));border-color:var(--brass);color:#fff}
.btn.gold:hover{filter:brightness(1.06)}

/* ===== 账单余额卡 ===== */
.bal-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:16px}
.bal{padding:18px 21px;animation:rise .5s cubic-bezier(.2,.8,.25,1) both}
.bal:nth-child(2){animation-delay:.08s}.bal:nth-child(3){animation-delay:.15s}
.bal .l{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}
.bal .v{font-family:var(--font-display);font-size:36px;margin:6px 0 12px;line-height:1.05}
.bal.gold .v{color:var(--brass)}
.bal .sub2{font-size:12px;color:var(--ink-2)}
.bal .inv-list{display:flex;flex-direction:column;gap:9px;margin-top:8px;font-size:12.5px}
.bal .inv-list a{color:var(--info-fg)}
.vat-note{font-family:var(--font-mono);font-size:10px;color:var(--ink-3);letter-spacing:.02em;border-top:1px dashed var(--line);margin-top:14px;padding-top:11px}

/* ===== ASN 时间线 ===== */
.tl{position:relative;padding-left:24px}
.tl::before{content:"";position:absolute;left:6px;top:6px;bottom:6px;width:1.5px;background:var(--line-strong)}
.tl .st{position:relative;padding-bottom:18px}
.tl .st:last-child{padding-bottom:0}
.tl .st::before{content:"";position:absolute;left:-24px;top:4px;width:12px;height:12px;border-radius:50%;background:var(--card);border:2.5px solid var(--line-strong)}
.tl .st.done::before{border-color:var(--c-shopify);background:var(--c-shopify)}
.tl .st.now::before{border-color:var(--brass);background:#fff;box-shadow:0 0 0 4px rgba(var(--brass-rgb),.14)}
.tl b{font-size:13px}
.tl .m{font-size:12px;color:var(--ink-2);margin-top:1px}
.chips{display:flex;gap:7px;flex-wrap:wrap;margin-top:7px}
.chip{font-family:var(--font-mono);font-size:10px;background:var(--mut-bg);border-radius:6px;padding:3px 8px;color:var(--mut-fg)}
.asn-foot{border-top:1px solid var(--line);padding:15px 19px}

/* ===== ASN 工作流：紧凑单列，明确状态/责任/动作 ===== */
.asn-toolbar{display:flex;flex-direction:column;gap:12px;margin:0 0 16px}
.asn-toolbar-top{display:flex;align-items:center;justify-content:space-between;gap:14px}
.asn-filter-tabs{display:flex;align-items:center;gap:7px;min-width:0;overflow-x:auto;padding:2px}
.asn-filter-tabs button{display:flex;align-items:center;gap:7px;min-height:38px;padding:7px 13px;border:1px solid var(--line-strong);border-radius:999px;background:var(--card);color:var(--ink-2);font:600 13px var(--font-sans);white-space:nowrap;cursor:pointer}
.asn-filter-tabs button b{display:grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:var(--canvas-2);font:700 11px var(--font-mono)}
.asn-filter-tabs button.on{border-color:var(--pine);background:var(--pine);color:#fff}.asn-filter-tabs button.on b{background:rgba(255,255,255,.17);color:#fff}
.asn-search-row{display:grid;grid-template-columns:minmax(280px,1fr) minmax(150px,.25fr) auto auto auto;gap:9px;align-items:end;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--card);box-shadow:var(--shadow-sm)}
.asn-search{display:flex;align-items:center;gap:8px;min-width:0;padding:0 12px;border:1px solid var(--line-strong);border-radius:9px;background:var(--canvas-2)}
.asn-search>span{font-size:20px;color:var(--ink-3)}.asn-search input{width:100%;min-width:0;height:40px;border:0;outline:0;background:transparent;color:var(--ink);font:14px var(--font-sans)}
.asn-search-row select,.asn-date input{height:42px;border:1px solid var(--line-strong);border-radius:9px;background:var(--card);color:var(--ink);font:13px var(--font-sans)}
.asn-search-row select{padding:0 32px 0 10px}.asn-date{display:flex;flex-direction:column;gap:3px}.asn-date span{font-size:10.5px;color:var(--ink-3)}.asn-date input{padding:0 8px}
.asn-search-note{font-size:12px;color:var(--ink-3)}
.asn-list{grid-template-columns:repeat(auto-fill,minmax(min(100%,760px),1fr));gap:16px;align-items:start}
.asn-card{overflow:hidden}
.asn-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:17px 20px 13px}
.asn-ref{display:flex;align-items:center;gap:8px;font:700 17px var(--font-mono);color:var(--ink)}
.asn-title{margin:5px 0 0 28px;font-size:14px;color:var(--ink-2)}
.asn-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.asn-facts>span{display:flex;min-width:0;flex-direction:column;gap:4px;padding:10px 14px;background:var(--card)}
.asn-facts small{font-size:13px;color:var(--ink-3)}
.asn-facts b{overflow:hidden;font-size:16px;text-overflow:ellipsis;white-space:nowrap}
.asn-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;padding:20px 20px 14px}
.asn-step{position:relative;display:grid;grid-template-rows:24px auto;justify-items:center;min-width:0;color:var(--ink-3);text-align:center}
.asn-step:not(:last-child)::after{content:"";position:absolute;z-index:0;top:11px;left:calc(50% + 12px);right:calc(-50% + 12px);height:2px;background:var(--line-strong)}
.asn-step i{position:relative;z-index:1;display:grid;place-items:center;width:23px;height:23px;flex:none;border:2px solid var(--line-strong);border-radius:50%;background:var(--card);font:700 10px var(--font-mono);font-style:normal}
.asn-step>div{min-width:0;width:100%;padding:7px 5px 0}
.asn-step b,.asn-step small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.asn-step b{font-size:14px;color:var(--ink-2)}
.asn-step small{margin-top:3px;font-size:12.5px}
.asn-step.done i{border-color:var(--c-shopify);background:var(--c-shopify);color:#fff}
.asn-step.done:not(:last-child)::after{background:var(--c-shopify)}
.asn-step.now i{border-color:var(--brass);color:var(--brass);box-shadow:0 0 0 3px rgba(var(--brass-rgb),.13)}
.asn-step.now b{color:var(--ink)}
.asn-next,.asn-cancel-note{margin:0 20px 12px;padding:8px 11px;border-radius:8px;background:var(--warn-bg);color:var(--warn-fg);font-size:13px}
.asn-next,.asn-cancel-note{display:inline-flex;align-items:center;gap:7px;width:auto;max-width:calc(100% - 40px)}.asn-next span{font-size:16px;line-height:1}.asn-next b,.asn-cancel-note b{font-weight:700}
.asn-cancel-note{background:var(--mut-bg);color:var(--mut-fg)}
.asn-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 20px 16px}
.asn-actions-main,.asn-actions-side{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.asn-actions-side{justify-content:flex-end}
.asn-more{position:relative}.asn-more summary{list-style:none;user-select:none}.asn-more summary::-webkit-details-marker{display:none}.asn-more summary:after{content:"···";margin-left:7px;letter-spacing:1px}.asn-more[open] summary{border-color:var(--pine);background:var(--card-2)}
.asn-more>div{position:absolute;z-index:20;right:0;bottom:calc(100% + 7px);width:max-content;min-width:150px;padding:6px;border:1px solid var(--line-strong);border-radius:10px;background:var(--card);box-shadow:0 12px 30px rgba(20,34,27,.16)}
.asn-more>div .btn{display:block;width:100%;border:0;text-align:left;background:transparent}.asn-more>div .btn:hover{background:var(--card-2)}
.asn-card-terminal{display:flex;flex-direction:column;min-height:0}
.asn-terminal-main{display:grid;grid-template-columns:minmax(280px,1.7fr) minmax(80px,.35fr) minmax(150px,.65fr) minmax(145px,.6fr) auto;align-items:center;gap:16px;padding:16px 20px}
.asn-terminal-id{min-width:0}.asn-terminal-id .asn-ref b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asn-terminal-id>span{display:block;overflow:hidden;margin:5px 0 0 28px;color:var(--ink-3);font-size:12.5px;text-overflow:ellipsis;white-space:nowrap}
.asn-terminal-stat{display:flex;min-width:0;flex-direction:column;gap:3px}.asn-terminal-stat small{font-size:11px;color:var(--ink-3)}.asn-terminal-stat b{overflow:hidden;font-size:14px;text-overflow:ellipsis;white-space:nowrap}
.asn-terminal-reason{display:flex;align-items:center;gap:9px;margin:0 20px 11px;padding:7px 10px;border-radius:8px;background:var(--mut-bg);color:var(--mut-fg);font-size:12.5px}.asn-terminal-reason b{flex:none}.asn-terminal-reason span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.asn-terminal-actions{display:flex;justify-content:flex-end;gap:7px;padding:0 20px 14px}
.asn-card-terminal.is-completed{border-left:3px solid var(--ok-fg)}.asn-card-terminal.is-cancelled{border-left:3px solid var(--ink-3)}
.asn-pager{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:2px 0 16px;color:var(--ink-3);font-size:12px}.asn-pager>div{display:flex;align-items:center;gap:9px}.asn-pager>div>b{font:700 11px var(--font-mono);color:var(--ink-2)}
.asn-detail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:15px}
.asn-detail-grid>div{display:flex;min-width:0;flex-direction:column;gap:4px;padding:11px 12px;border:1px solid var(--line);border-radius:8px;background:var(--canvas-2)}
.asn-detail-grid small{font-size:10px;color:var(--ink-3)}
.asn-detail-grid b{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.asn-detail-steps{padding:10px 0 16px}
.asn-detail-title{margin:16px 0 9px;font-size:13px}
.asn-history{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin:0;padding:0;list-style:none}
.asn-history li{display:flex;min-width:0;gap:9px;padding:10px;border:1px solid var(--line);border-radius:9px;background:var(--canvas-2)}
.asn-history li>i{display:grid;place-items:center;width:23px;height:23px;flex:none;border:2px solid var(--line-strong);border-radius:50%;color:var(--ink-3);font:700 10px var(--font-mono);font-style:normal}.asn-history li.current>i{border-color:var(--pine);background:var(--pine);color:#fff}
.asn-history li>div{display:flex;min-width:0;flex-direction:column;gap:3px}.asn-history b{font-size:12.5px}.asn-history small{font-size:10.5px;color:var(--ink-3);line-height:1.4}.asn-history span{font-size:11px;color:var(--mut-fg);overflow-wrap:anywhere}
.asn-diff-bad{color:var(--seal)}.asn-diff-ok{color:var(--ok-fg)}
.asn-photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.asn-photo-grid figure{overflow:hidden;margin:0;border:1px solid var(--line);border-radius:9px;background:var(--canvas-2)}
.asn-photo-grid img,.asn-photo-loading{display:block;width:100%;height:150px;object-fit:cover}
.asn-photo-loading{display:grid;place-items:center;color:var(--ink-3)}
.asn-photo-grid figcaption{padding:8px 10px;font-size:11px;color:var(--ink-2)}
.asn-photo-grid figcaption small{display:block;margin-top:3px;color:var(--ink-3)}

@media(max-width:1000px){
  .asn-list{grid-template-columns:1fr}
  .asn-search-row{grid-template-columns:minmax(240px,1fr) minmax(150px,.35fr) auto}.asn-date{display:none}
  .asn-terminal-main{grid-template-columns:minmax(260px,1fr) repeat(2,minmax(100px,.35fr)) auto}.asn-terminal-stat:nth-of-type(3){display:none}
}
@media(max-width:600px){
  .asn-toolbar-top{align-items:flex-start;flex-direction:column-reverse}.asn-toolbar-top>.btn{align-self:flex-end}.asn-filter-tabs{width:100%}
  .asn-search-row{grid-template-columns:1fr}.asn-search-row select{width:100%}.asn-search-row>.btn{display:none}
  .asn-terminal-main{grid-template-columns:1fr auto;gap:9px;padding:14px}.asn-terminal-main>.asn-terminal-stat{display:none}.asn-terminal-id>span{margin-left:0}.asn-terminal-actions{justify-content:flex-start;padding:0 14px 13px;overflow-x:auto}.asn-terminal-reason{margin:0 14px 10px}
  .asn-pager{align-items:flex-start;flex-direction:column}.asn-pager>div{width:100%;justify-content:space-between}
  .asn-card-head{padding:15px 14px 11px}.asn-title{margin-left:0}
  .asn-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .asn-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.asn-photo-grid{grid-template-columns:1fr}
  .asn-steps{grid-template-columns:1fr;gap:0;padding:14px}
  .asn-step{grid-template-columns:24px 1fr;grid-template-rows:auto;justify-items:start;text-align:left;min-height:53px}
  .asn-step>div{padding:1px 0 10px 9px}.asn-step:not(:last-child)::after{top:23px;bottom:0;left:11px;right:auto;width:2px;height:auto}
  .asn-next,.asn-cancel-note{margin:0 14px 11px}.asn-actions{align-items:flex-start;padding:0 14px 14px}.asn-actions-main,.asn-actions-side{align-items:flex-start}.asn-actions-side{margin-left:auto}
}

/* ===== 对接卡 ===== */
.conn-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:18px;padding:4px 3px}
.conn-intro .eyebrow{display:block;color:var(--brass);font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin-bottom:7px}
.conn-intro h2{font-family:var(--font-serif);font-size:24px;line-height:1.25;margin:0 0 7px;color:var(--ink)}
.conn-intro p{max-width:760px;color:var(--ink-2);font-size:13px;line-height:1.65;margin:0}
.conn-summary{display:flex;gap:8px;flex:none}.conn-summary>div{min-width:92px;padding:11px 14px;border:1px solid var(--line);border-radius:12px;background:var(--card);text-align:center}
.conn-summary b{display:block;font-size:20px;color:var(--pine)}.conn-summary span{display:block;color:var(--ink-2);font-size:11px;margin-top:2px}
.conns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px}
.conn{padding:18px 19px;display:flex;flex-direction:column;min-height:246px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.conn:hover{transform:translateY(-2px);border-color:var(--line-strong);box-shadow:0 12px 30px -24px rgba(23,56,45,.55)}
.conn .top{display:flex;align-items:center;gap:12px;margin-bottom:13px}
.conn .mark{width:42px;height:42px;border-radius:11px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:16px;font-family:var(--font-serif);box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}
.conn-heading{min-width:0}.conn h4{font-family:var(--font-serif);font-size:16px;font-weight:700;margin:0 0 5px}
.conn .conn-desc{font-size:12.5px;color:var(--ink-2);margin:0 0 13px;line-height:1.55;min-height:39px}
.conn-meta{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:12px}.conn-meta span{font-size:11px;color:var(--ink-2);padding:4px 8px;border:1px solid var(--line);border-radius:999px;background:var(--canvas)}
.conn-state-note{margin:-2px 0 12px;padding:9px 10px;border-left:3px solid var(--line-strong);border-radius:0 8px 8px 0;background:var(--canvas);color:var(--ink-2);font-size:11.5px;line-height:1.5}
.conn-caps{display:flex;gap:6px;flex-wrap:wrap}.conn-caps span{font-size:11px;color:var(--pine);background:rgba(23,73,54,.07);border-radius:6px;padding:4px 7px}
.conn-caps .cap-ok{color:#18734f;background:#e9f5ef}.conn-caps .cap-warn{color:#8b6415;background:#fbf2dc}.conn-caps .cap-off{color:var(--ink-2);background:var(--canvas-2);text-decoration:none}
.conn-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:15px}.conn-foot>span{font-size:10.5px;color:var(--ink-3)}
.conn-manage-state{display:flex;flex-direction:column;gap:4px;margin-bottom:14px;padding:13px 15px;border:1px solid var(--line);border-left-width:4px;border-radius:11px;background:var(--card-2)}.conn-manage-state b{font-size:14px}.conn-manage-state span{color:var(--ink-2);font-size:11.5px;line-height:1.5}.conn-manage-state.is-ok{border-left-color:#23805b;background:#edf7f2}.conn-manage-state.is-pending{border-left-color:#b38322;background:#fff8e8}.conn-manage-state.is-paused{border-left-color:#718078;background:#f1f3f1}.conn-manage-state.is-failed{border-left-color:#b34b3f;background:#fff0ed}
.conn-manage-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:13px 0 18px}.conn-manage-grid>div{min-width:0;padding:10px 11px;border:1px solid var(--line);border-radius:9px;background:var(--canvas)}.conn-manage-grid span,.conn-manage-grid b{display:block}.conn-manage-grid span{color:var(--ink-3);font-size:10px;margin-bottom:4px}.conn-manage-grid b{font-size:11.5px;overflow-wrap:anywhere}
.conn-section-title{margin:17px 0 9px;color:var(--ink);font-size:13px}.conn-check-list{list-style:none;margin:0;padding:0;border:1px solid var(--line);border-radius:10px;overflow:hidden}.conn-check-list li{display:grid;grid-template-columns:22px 1fr auto;gap:8px;align-items:center;padding:9px 11px;border-bottom:1px solid var(--line);font-size:11.5px}.conn-check-list li:last-child{border-bottom:0}.conn-check-list i{width:18px;height:18px;display:grid;place-items:center;border-radius:50%;font-style:normal;font-weight:900}.conn-check-list b{font-size:10.5px}.conn-check-list .is-ok i{color:#fff;background:#23805b}.conn-check-list .is-ok b{color:#18734f}.conn-check-list .is-pending i{color:#8b6415;background:#fbf2dc}.conn-check-list .is-pending b{color:#8b6415}
.conn-validation-note{margin:8px 0 0;padding:9px 11px;border-radius:8px;background:var(--canvas);color:var(--ink-2);font-size:10.5px;line-height:1.5}
.conn-cap-table{border:1px solid var(--line);border-radius:10px;overflow:hidden;font-size:11px}.conn-cap-head,.conn-cap-row{display:grid;grid-template-columns:1.2fr repeat(3,1fr);gap:8px;align-items:center;padding:9px 11px}.conn-cap-head{background:var(--pine);color:#fff;font-size:10px}.conn-cap-row{border-top:1px solid var(--line)}.conn-cap-row:nth-child(odd){background:var(--canvas)}.conn-cap-row>span{color:var(--ink-2)}
.conn-manage-actions{display:flex;gap:8px;flex-wrap:wrap;margin:-2px 0 14px;padding-bottom:14px;border-bottom:1px solid var(--line)}
.api-shell{overflow:hidden}.api-head{align-items:flex-start}.api-head h3{margin-bottom:5px}.api-head p{font-size:12px;color:var(--ink-2);font-weight:400;margin:0 0 0 25px}
.api-box{display:flex;flex-direction:column;gap:14px;font-size:13px}
.api-box .muted{color:var(--ink-2)}
.api-quickstart{display:grid;grid-template-columns:minmax(280px,.75fr) minmax(480px,1.25fr);gap:18px;align-items:stretch}
.api-endpoint{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;padding:15px;border-radius:12px;background:var(--pine);color:#fff}.api-endpoint>span{grid-column:1/-1;font-size:11px;opacity:.72;text-transform:uppercase;letter-spacing:.08em}.api-endpoint code{min-width:0;overflow-wrap:anywhere;font-size:13px}.api-endpoint .btn{background:#fff;border-color:#fff;color:var(--pine)}
.api-quickstart ol{list-style:none;counter-reset:api-step;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0;padding:0}.api-quickstart li{counter-increment:api-step;position:relative;padding:14px 12px 12px 42px;border:1px solid var(--line);border-radius:12px;background:var(--card-2)}.api-quickstart li::before{content:counter(api-step);position:absolute;left:12px;top:13px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:rgba(var(--brass-soft-rgb),.14);color:var(--brass);font-weight:800;font-size:11px}.api-quickstart li b,.api-quickstart li span{display:block}.api-quickstart li b{font-size:12px}.api-quickstart li span{font-size:10.5px;color:var(--ink-2);margin-top:3px;line-height:1.35}
.api-actions{display:flex;gap:8px;flex-wrap:wrap}.api-panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.api-panel{min-height:92px;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--card-2)}.api-panel .ln-hd{margin:0 0 10px;font-size:12px;color:var(--ink)}.api-panel>.muted{padding:8px 0;font-size:12px}.api-panel .tu-row:first-of-type{border-top:0}
.sdk-tools{border:1px solid var(--line);border-radius:10px;background:var(--canvas)}.sdk-tools summary{cursor:pointer;padding:11px 13px;font-weight:700;font-size:12px}.sdk-tools-body{display:grid;grid-template-columns:auto auto 1fr;gap:8px;align-items:center;padding:0 13px 13px}.sdk-tools-body .sdk-hash{grid-column:1/-1;font-size:10px}
.api-security{display:flex;align-items:flex-start;gap:8px;font-size:11.5px;color:var(--ink-2)}.api-security>span:first-child{display:grid;place-items:center;flex:none;width:18px;height:18px;border-radius:50%;background:rgba(23,73,54,.08);color:var(--pine);font-weight:900}
.conn-wizard-head{display:flex;align-items:center;gap:12px;margin-bottom:16px}.conn-wizard-head .mark{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;color:#fff;font-family:var(--font-serif);font-weight:800}.conn-wizard-head b,.conn-wizard-head span{display:block}.conn-wizard-head b{font-size:18px}.conn-wizard-head span{font-size:12px;color:var(--ink-2);margin-top:3px}
.conn-wizard-steps{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0 0 14px;padding:0}.conn-wizard-steps li{display:flex;align-items:flex-start;gap:9px;padding:13px;border:1px solid var(--line);border-radius:11px;background:var(--card-2)}.conn-wizard-steps i{width:23px;height:23px;display:grid;place-items:center;flex:none;border-radius:50%;background:var(--pine);color:#fff;font-style:normal;font-size:11px;font-weight:800}.conn-wizard-steps b,.conn-wizard-steps span{display:block}.conn-wizard-steps b{font-size:12px}.conn-wizard-steps span{font-size:10.5px;color:var(--ink-2);line-height:1.45;margin-top:3px}
.conn-guide-link{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:10px 12px;margin-bottom:14px;background:var(--canvas);border-radius:9px;font-size:11.5px}.conn-guide-link a{color:var(--brass);font-weight:800}.conn-guide-link span{color:var(--ink-2);text-align:right}
.conn-credential-box{padding:15px;border:1px solid var(--line);border-radius:12px;background:var(--card)}.conn-credential-box .acct-f:first-child{margin-top:0}.conn-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.conn-security{display:flex;gap:8px;align-items:flex-start;margin-top:12px;color:var(--ink-2);font-size:11.5px}.conn-security>span:first-child{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:rgba(23,73,54,.08);color:var(--pine);font-weight:900;flex:none}
.token-row{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.token{background:var(--canvas);padding:6px 11px;border-radius:8px;border:1px solid var(--line)}

@media(max-width:1050px){.conns{grid-template-columns:repeat(2,minmax(0,1fr))}.api-quickstart{grid-template-columns:1fr}.api-quickstart ol{min-width:0}}
@media(max-width:680px){.conn-intro{align-items:flex-start;flex-direction:column}.conn-summary{width:100%}.conn-summary>div{flex:1}.conns{grid-template-columns:1fr}.conn{min-height:0}.api-quickstart ol,.api-panels,.conn-wizard-steps,.conn-form-grid{grid-template-columns:1fr}.api-quickstart{gap:10px}.api-head .sub{display:none}.sdk-tools-body{grid-template-columns:1fr}.sdk-tools-body .btn{justify-content:center}.conn-guide-link{align-items:flex-start;flex-direction:column}.conn-guide-link span{text-align:left}.conn-manage-grid{grid-template-columns:1fr}.conn-cap-head{display:none}.conn-cap-row{grid-template-columns:1fr 1fr;gap:5px 10px}.conn-cap-row>b{grid-column:1/-1;font-size:12px}.conn-cap-row>span{font-size:10.5px}.conn-manage-actions .btn{flex:1 1 46%;justify-content:center}}

/* ===== 骨架屏 ===== */
.skel{background:linear-gradient(90deg,var(--canvas-2) 25%,#f6f2e8 50%,var(--canvas-2) 75%);
  background-size:200% 100%;animation:shimmer 1.3s infinite;border-radius:6px;color:transparent!important}
@keyframes shimmer{to{background-position:-200% 0}}

/* ===== toast ===== */
#toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,20px);opacity:0;
  background:var(--ink);color:#fff;font-size:12.5px;padding:10px 20px;border-radius:10px;
  transition:.25s;pointer-events:none;z-index:9998;box-shadow:0 8px 24px -8px rgba(0,0,0,.4);max-width:90vw;text-align:center}
#toast.on{opacity:1;transform:translate(-50%,0)}

.scrim{display:none}

/* ============================================================
   图标体系 · 表头图标 + 顶栏图标按钮
   ============================================================ */
.hd-ic{width:16px;height:16px;display:inline-block;vertical-align:-3px;margin-right:8px;
  stroke:var(--brass);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;flex:none;
  border:1px solid var(--line-strong);background:var(--card);border-radius:9px;transition:.15s}
.icon-btn:hover{border-color:var(--pine);background:var(--card-2);transform:translateY(-1px)}
.icon-btn svg{width:18px;height:18px;stroke:var(--ink-2);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.icon-btn:hover svg{stroke:var(--pine)}

/* ============================================================
   合规红绿灯（R4 差异化）
   ============================================================ */
.light{width:9px;height:9px;border-radius:50%;flex:none;display:inline-block}
.light.green{background:var(--lt-green);box-shadow:0 0 0 3px var(--lt-green-glow)}
.light.amber{background:var(--lt-amber);box-shadow:0 0 0 3px var(--lt-amber-glow)}
.light.red{background:var(--lt-red);box-shadow:0 0 0 3px var(--lt-red-glow)}

.cmp-verdict{white-space:nowrap}
.v-pill{font-size:11px}
.v-pill .light{width:7px;height:7px;box-shadow:none}
.cmp-head-actions{display:flex;align-items:center;gap:10px}

.cmp-bd{display:grid;grid-template-columns:repeat(3,1fr);gap:0;padding:0}
.cmp-item{display:flex;gap:13px;padding:16px 19px;position:relative;align-items:flex-start}
.cmp-item + .cmp-item{border-left:1px solid var(--line)}
.cmp-item::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px}
.cmp-item.is-green::before{background:var(--lt-green)}
.cmp-item.is-amber::before{background:var(--lt-amber)}
.cmp-item.is-red::before{background:var(--lt-red)}
.cmp-ic{width:38px;height:38px;flex:none;border-radius:10px;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,#efe8d7,#e4ddc9);border:1px solid var(--line)}
.cmp-svg{width:20px;height:20px;stroke:var(--pine);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.cmp-info{min-width:0}
.cmp-k{font-size:13px;font-weight:600;color:var(--ink);line-height:1.3}
.cmp-v{display:flex;align-items:center;gap:7px;margin-top:5px;font-size:12.5px;color:var(--ink-2)}
.cmp-d{font-size:11px;color:var(--ink-3);margin-top:5px;word-break:break-all}
.cmp-foot{border-top:1px solid var(--line);padding:11px 19px;font-size:11.5px;color:var(--ink-3);
  font-family:var(--font-mono);letter-spacing:.01em;line-height:1.55}
.cmp-meta{margin-top:8px;font-size:12px;font-weight:700;color:var(--ink-2)}
.cmp-rule{margin-top:3px;font-size:11.5px;line-height:1.45;color:var(--ink-3);max-width:360px}
.cmp-hard{display:inline-flex;margin-top:7px;padding:2px 8px;border-radius:12px;
  background:var(--seal-bg);color:var(--seal);font-size:11px;font-weight:800}
.cmp-editor{border-top:1px solid var(--line);padding:17px 19px;background:var(--card-2)}
.cmp-edit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.cmp-edit-grid label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:700;color:var(--ink-2)}
.cmp-edit-grid input{width:100%;height:40px;padding:0 11px;border:1px solid var(--line-strong);border-radius:9px;
  background:var(--card);color:var(--ink);font:13px var(--font-mono);outline:none}
.cmp-edit-grid input:focus{border-color:var(--brass);box-shadow:0 0 0 3px rgba(var(--brass-rgb),.12)}
.cmp-edit-hint{margin-top:11px;font-size:11.5px;color:var(--ink-3)}
.cmp-edit-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:13px}

/* 书脊迷你合规灯 */
.cmp-strip{display:flex;gap:9px;margin:6px 16px 2px;padding:9px 12px;border-radius:9px;flex-wrap:wrap;
  background:rgba(0,0,0,.14);border:1px solid rgba(233,228,213,.12)}
.cmp-strip .cl{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);
  font-size:9.5px;letter-spacing:.05em;color:rgba(233,228,213,.72)}
.cmp-strip .light{width:8px;height:8px;box-shadow:none}

/* 页面级示例数据标 */
.sec-tag{display:flex;justify-content:flex-end;margin-bottom:12px}

/* ============================================================
   GoBD 不可篡改信任徽章（账单事件明细头部）
   讲结果不讲技术：一枚克制的盾牌角标 + 悬浮/聚焦提示卡
   ============================================================ */
.hd-trust{flex-wrap:wrap;row-gap:9px}
.trust-badge{
  position:relative;display:inline-flex;align-items:center;gap:6px;margin-left:auto;
  font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;
  padding:4px 11px 4px 9px;border-radius:20px;white-space:nowrap;color:var(--pine);
  background:linear-gradient(135deg,rgba(var(--pine-rgb),.06),rgba(var(--brass-soft-rgb),.16));
  border:1px solid rgba(var(--pine-rgb),.24);
  box-shadow:0 1px 0 rgba(255,255,255,.5) inset;
  cursor:help;transition:.15s;
}
.trust-badge:hover,.trust-badge:focus-visible{
  border-color:var(--brass);box-shadow:0 3px 10px -4px rgba(var(--pine-rgb),.45);outline:none;
}
.trust-badge .tb-ic{width:13px;height:13px;flex:none;stroke:var(--brass);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.trust-badge>span:not(.trust-tip){line-height:1}

.trust-tip{
  position:absolute;top:calc(100% + 10px);right:0;z-index:45;
  width:min(320px,80vw);display:block;padding:13px 15px;border-radius:12px;
  text-align:left;text-transform:none;letter-spacing:0;white-space:normal;font-family:var(--font-sans);
  background:linear-gradient(180deg,var(--pine-grad-a),var(--pine-grad-b));
  color:#ece7d8;border:1px solid rgba(var(--brass-soft-rgb),.34);
  box-shadow:0 18px 44px -18px rgba(20,35,25,.72);
  opacity:0;visibility:hidden;transform:translateY(-5px);pointer-events:none;
  transition:opacity .18s ease,transform .18s ease,visibility .18s;
}
.trust-tip::before{
  content:"";position:absolute;top:-6px;right:24px;width:11px;height:11px;
  background:var(--pine-grad-a);border-left:1px solid rgba(var(--brass-soft-rgb),.34);
  border-top:1px solid rgba(var(--brass-soft-rgb),.34);transform:rotate(45deg);
}
.trust-tip b{display:block;font-family:var(--font-serif);font-size:13px;font-weight:700;
  color:var(--brass-soft);margin-bottom:5px;letter-spacing:.01em}
.trust-tip>span{display:block;font-size:12px;line-height:1.62;color:rgba(236,231,216,.92)}
.trust-badge:hover .trust-tip,
.trust-badge:focus .trust-tip,
.trust-badge:focus-visible .trust-tip,
.trust-badge:focus-within .trust-tip{opacity:1;visibility:visible;transform:none}

/* ============================================================
   白标 · 品牌设置面板
   ============================================================ */
.brand-modal{position:fixed;inset:0;z-index:200;display:none}
.brand-modal.on{display:block}
.brand-backdrop{position:absolute;inset:0;background:rgba(20,30,22,.46);
  backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);animation:fade .2s ease both}
@keyframes fade{from{opacity:0}to{opacity:1}}
.brand-dialog{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  width:min(460px,calc(100vw - 30px));max-height:calc(100dvh - 40px);overflow-y:auto;
  background:var(--card);border:1px solid var(--line-strong);border-radius:16px;
  box-shadow:0 24px 60px -20px rgba(20,35,25,.5);animation:pop .26s cubic-bezier(.2,.8,.25,1) both}
@keyframes pop{from{opacity:0;transform:translate(-50%,-46%) scale(.97)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}
.bf-hd{display:flex;align-items:center;gap:13px;padding:18px 20px;border-bottom:1px solid var(--line);
  background:linear-gradient(180deg,var(--card-2),var(--card))}
.bf-swatch{width:38px;height:38px;border-radius:10px;flex:none;border:1px solid var(--line-strong);
  box-shadow:0 1px 3px rgba(0,0,0,.12)}
.bf-hd-t{flex:1;min-width:0}
.bf-hd-t h3{font-family:var(--font-serif);font-size:16px;font-weight:700}
.bf-hd-t p{font-size:11.5px;color:var(--ink-3);margin-top:2px}
.bf-bd{padding:18px 20px;display:flex;flex-direction:column;gap:14px}
.bf-field{display:flex;flex-direction:column;gap:6px}
.bf-field>span{font-family:var(--font-mono);font-size:10px;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-3)}
.bf-field input[type=text]{border:1px solid var(--line-strong);background:var(--canvas);border-radius:9px;
  padding:9px 12px;font-family:var(--font-sans);font-size:13.5px;color:var(--ink);transition:.15s}
.bf-field input[type=text]:focus{outline:none;border-color:var(--brass);background:var(--card)}
.bf-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.bf-color input[type=color]{width:100%;height:40px;border:1px solid var(--line-strong);border-radius:9px;
  background:var(--canvas);padding:3px;cursor:pointer}
.bf-presets-wrap{border-top:1px dashed var(--line);padding-top:14px}
.bf-lbl{font-family:var(--font-mono);font-size:10px;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-3);margin-bottom:9px}
.bf-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}
.preset{display:flex;flex-direction:column;align-items:center;gap:5px;padding:9px 4px;border:1px solid var(--line);
  border-radius:10px;background:var(--card-2);transition:.15s}
.preset:hover{border-color:var(--brass);transform:translateY(-1px)}
.preset .pv{width:100%;height:11px;border-radius:4px;border:1px solid rgba(0,0,0,.06)}
.preset em{font-style:normal;font-size:9.5px;color:var(--ink-2);text-align:center;line-height:1.2}
.bf-note{font-size:11px;color:var(--ink-3);text-align:center}
.bf-ft{display:flex;gap:10px;padding:15px 20px;border-top:1px solid var(--line);
  background:var(--card-2);position:sticky;bottom:0}
.bf-ft .btn{flex:1;text-align:center}

/* ============================================================
   响应式
   ============================================================ */
/* 底部标签栏：默认隐藏，仅手机显示 */
.botnav{display:none}

@media (max-width:1140px){
  .grid-2{grid-template-columns:1fr}
  .kpis{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:1040px){
  .shell{grid-template-columns:66px 1fr}
  .side{padding-top:18px}
  .brand{justify-content:center;padding:0 0 16px}
  .brand-t,.client-chip,.cmp-strip,.nv a span,.foot{display:none}
  .nv a{justify-content:center;padding:14px 0;border-left-width:0;border-left:3px solid transparent}
  .nv a.on{border-left-width:3px}
  .conns{grid-template-columns:repeat(2,1fr)}
  .return-flow{grid-template-columns:repeat(3,1fr)}
  .return-flow li+li{border-left:0}.return-flow li{border-top:1px solid var(--line)}.return-flow li:nth-child(-n+3){border-top:0}.return-flow li::before{display:none}
  .return-line{grid-template-columns:minmax(190px,1fr) minmax(250px,1fr)}
  .return-action-zone{grid-column:1/-1}.return-line-actions{justify-content:flex-start}.return-line-feedback,.return-next-step{text-align:left}
  .bal-row{grid-template-columns:1fr}
}
@media (max-width:720px){
  .shell{display:block}
  .views{padding:16px}
  /* 侧栏 → 抽屉 */
  .side{
    position:fixed;top:0;left:0;bottom:0;width:250px;height:100dvh;z-index:60;
    transform:translateX(-100%);transition:transform .28s cubic-bezier(.3,.8,.3,1);padding-top:22px;
    grid-template-columns:none;
  }
  .side.open{transform:none}
  .brand{justify-content:flex-start;padding:0 22px 20px}
  .brand-t,.client-chip,.nv a span,.foot{display:revert}
  .cmp-strip{display:flex}
  .nv a{justify-content:flex-start;padding:12px 22px;border-left:3px solid transparent}
  /* 合规灯三项在手机上纵向堆叠 */
  .cmp-bd{grid-template-columns:1fr}
  .cmp-item + .cmp-item{border-left:none;border-top:1px solid var(--line)}
  .cmp-edit-grid{grid-template-columns:1fr}
  .compliance-card>.hd{align-items:flex-start;gap:10px}
  .cmp-head-actions{align-items:flex-end;flex-direction:column-reverse}
  .menu-btn{display:block}
  .search{display:none}
  .topbar{padding:0 16px;gap:12px;height:56px}
  .topbar h1{font-size:16px}
  .user-mail{display:none}
  /* 实时/演示状态由顶部提示带承载，手机上隐藏冗余的角标以给三语按钮腾地 */
  .datasrc{display:none}
  .lang{flex:none}
  .lang button{padding:5px 10px}
  .kpis{gap:12px}
  .kpi .v{font-size:30px}
  .conns{grid-template-columns:1fr}
  .return-hero{align-items:flex-start;flex-direction:column;padding:21px 19px}.return-hero h2{font-size:27px}.return-time-badge{align-self:flex-start}
  .return-flow{grid-template-columns:1fr}.return-flow li,.return-flow li:nth-child(-n+3){min-height:0;border-top:1px solid var(--line)}.return-flow li:first-child{border-top:0}
  .return-center-split{grid-template-columns:1fr}.return-policy-summary{grid-template-columns:repeat(2,1fr)}.return-policy-summary>div:nth-child(3){border-left:0;border-top:1px solid var(--line)}.return-policy-summary>div:nth-child(4){border-top:1px solid var(--line)}
  .return-warehouse-panel{padding:14px}.return-warehouse-head{align-items:flex-start}.return-warehouse-head>div{align-items:flex-start}.return-ticket-head{align-items:flex-start;flex-direction:column}.return-ticket-head>div:first-child{align-items:flex-start;flex-direction:column;gap:3px}.return-ticket-state{width:100%;justify-content:space-between}
  .return-line{grid-template-columns:1fr;padding:14px}.return-action-zone{grid-column:auto}.return-line-facts{grid-template-columns:1fr}.return-line-facts span+span{border-left:0;border-top:1px solid var(--line)}
  .return-line-actions{display:grid;grid-template-columns:1fr}.return-line-actions .btn{width:100%;min-height:44px}.return-load-state{grid-template-columns:auto 1fr}.return-load-state .btn{grid-column:1/-1;width:100%;min-height:44px}
  .return-center-row,.return-request-top{align-items:flex-start;flex-direction:column}.return-request-actions{display:grid;grid-template-columns:1fr 1fr}.return-request-actions .btn{min-height:44px}
  .grid{margin-bottom:12px}
  .scrim.show{display:block;position:fixed;inset:0;background:rgba(20,30,22,.4);z-index:55;backdrop-filter:blur(1px)}
  .feed .ev{grid-template-columns:92px 1fr auto;gap:8px;font-size:12px}
  .chart{height:150px}

  /* ===== 表格 → 堆叠卡片（每行一张卡，标签:值），彻底告别横向滚动 ===== */
  .table-wrap{overflow:visible;border:none;background:transparent;border-radius:0}
  .table-wrap table{min-width:0;display:block}
  .table-wrap thead{display:none}
  .table-wrap tbody,.table-wrap tfoot{display:block}
  .table-wrap tr{
    display:block;background:var(--card);border:1px solid var(--line);
    border-radius:12px;margin-bottom:10px;padding:2px 2px;box-shadow:0 1px 2px rgba(0,0,0,.03);
  }
  .table-wrap td{
    display:flex;justify-content:space-between;align-items:center;gap:14px;
    padding:11px 15px;border:none;border-top:1px solid var(--line);
    text-align:right;min-height:44px;font-size:14px;
  }
  .table-wrap td::before{
    content:attr(data-label);color:var(--ink-3);font-size:12.5px;font-weight:600;
    text-align:left;flex:0 0 auto;letter-spacing:.02em;white-space:nowrap;
  }
  /* 卡片标题格：整行、无标签、加粗，作为卡片头 */
  .table-wrap td.td-head{
    border-top:none;justify-content:flex-start;padding:13px 15px 9px;font-weight:700;font-size:15px;
  }
  .table-wrap td.td-head::before{content:none}
  .table-wrap td.td-head .sku-cell{width:100%}
  .table-wrap td.td-head .sku-cell small{font-size:12.5px}
  .table-wrap tfoot tr{background:var(--card-2);font-weight:700}
  .table-wrap tfoot td[colspan],.table-wrap td[colspan]{justify-content:center}
  .table-wrap tfoot td::before{content:none}

  /* ===== 底部标签栏（拇指可达，替代只靠汉堡菜单）===== */
  .botnav{
    display:flex;position:fixed;left:0;right:0;bottom:0;z-index:50;
    background:var(--card);border-top:1px solid var(--line);
    padding:5px 4px calc(5px + env(safe-area-inset-bottom,0px));
    box-shadow:0 -3px 12px rgba(20,30,22,.06);
  }
  .botnav a{
    flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;justify-content:center;
    padding:5px 2px;color:var(--ink-3);font-size:11px;text-decoration:none;min-height:52px;
  }
  .botnav a svg{width:23px;height:23px;stroke:currentColor;fill:none;stroke-width:1.7;
    stroke-linecap:round;stroke-linejoin:round}
  .botnav a.on{color:var(--brass)}
  .views{padding-bottom:80px}        /* 给底栏留出空间 */

  /* ===== 触控放大（手机操作友好）===== */
  .btn,.icon-btn,.lang button{min-height:40px}
  .menu-btn{width:42px;height:42px}
  .pill{font-size:12px;padding:4px 10px}
}
@media (max-width:420px){
  .kpis{grid-template-columns:1fr}
  .views{padding:13px 13px calc(82px + env(safe-area-inset-bottom,0px))}
  .topbar{padding:0 9px;gap:6px}
  .topbar h1{min-width:0;overflow:hidden;text-overflow:ellipsis}
  .lang button{padding-left:7px;padding-right:7px}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  *,*::before,*::after{
    animation:none!important;
    scroll-behavior:auto!important;
    transition:none!important;
  }
}

/* ---------- 通知设置（#ntf） ---------- */
.ntf-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 2px;border-bottom:1px dashed var(--line)}
.ntf-row:last-child{border-bottom:none}
.ntf-cell{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
@media (max-width:720px){
  .ntf-row{flex-direction:column;align-items:flex-start;gap:8px}
  .ntf-cell{justify-content:flex-start}
}

/* ==================================================================== */
/* 门户升级层（10 号计划书，2026-08-09）                                   */
/* ==================================================================== */
/* 币种切换 */
.cur-toggle{display:inline-flex;border:1px solid var(--line-strong);border-radius:20px;overflow:hidden;background:var(--card)}
.cur-toggle button{border:none;background:transparent;padding:5px 12px;font-size:14px;font-weight:700;color:var(--ink-3);cursor:pointer;min-width:34px}
.cur-toggle button.on{background:var(--pine);color:#f3ecd8}

/* 可点 KPI（在途件数） */
.kpi.clickable{cursor:pointer;transition:transform .12s,box-shadow .12s}
.kpi.clickable:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(var(--pine-rgb),.12)}

/* 在途件数弹窗分组 */
.tp-grp{margin-bottom:14px}
.tp-grp-t{font-size:12.5px;font-weight:800;color:var(--brass);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px}
.tp-row{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px dashed var(--line);font-size:13.5px}
.tp-row:last-child{border-bottom:none}
.tp-row .muted{font-size:12px}

/* 库存合计行 */
.tot-row td{border-top:2px solid var(--line-strong);font-weight:700;background:var(--card-2)}
.sku-img img{width:100%;height:100%;object-fit:cover;border-radius:11px;display:block}

/* 账号中心 */
.account-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(340px,1fr);gap:16px;align-items:stretch;margin-bottom:16px}.account-profile-card,.account-points-card{min-width:0;height:100%}.account-identity{display:flex;align-items:center;gap:13px;margin-bottom:18px}.account-identity>div:last-child{display:flex;flex-direction:column;gap:3px}.account-identity b{font-size:17px}.account-identity span{font:12px var(--font-mono);color:var(--ink-3)}
.acct-av{width:58px;height:58px;flex:none;border-radius:50%;background:var(--pine);color:#f3ecd8;display:flex;align-items:center;justify-content:center;font-size:25px;font-weight:800}
.acct-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.acct-fields .acct-wide{grid-column:1/-1}
.acct-f{display:flex;flex-direction:column;gap:5px;font-size:13px;color:var(--ink-2)}
.acct-f span{font-weight:600}
.acct-f input,.acct-f select,.acct-f textarea{padding:9px 11px;border:1px solid var(--line-strong);border-radius:9px;font-size:14px;background:var(--card);color:var(--ink);font-family:inherit}
.acct-f input:disabled{background:var(--card-2);color:var(--ink-3)}
.acct-actions{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap}
.pts-big{font-size:34px;font-weight:800;color:var(--brass)}
.pts-big small{font-size:13px;font-weight:600;color:var(--ink-3)}
.pts-bal{margin:10px 0 16px;font-size:14px;color:var(--ink-2)}
.points-hero{padding:2px 0 18px}.points-hero>span{display:block;font-size:12px;color:var(--ink-3);margin-bottom:5px}.points-hero .pts-big{font-size:42px;line-height:1.1}.points-hero p{margin:9px 0 15px;color:var(--ink-2);font-size:12px}.points-recent{border-top:1px solid var(--line);padding-top:15px}.points-recent-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.points-recent-head b{font-size:13px}.points-recent-head a{font-size:11px;color:var(--brass)}.points-event{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}.points-event:last-child{border-bottom:0}.points-event>div{display:flex;min-width:0;flex-direction:column;gap:2px}.points-event b{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.points-event span{overflow:hidden;font-size:10.5px;color:var(--ink-3);text-overflow:ellipsis;white-space:nowrap}.points-event strong{font:700 12px var(--font-mono);white-space:nowrap}.points-event strong.pos{color:var(--ok-fg)}.points-event strong.neg{color:var(--seal)}.points-empty{padding:18px 0;color:var(--ink-3);font-size:12px;text-align:center}
.gold-fg{color:var(--brass)}

/* 退仓 / 通用行编辑 */
.ln-hd{font-size:12.5px;font-weight:700;color:var(--ink-3);margin:12px 0 6px}
.ln-row{display:flex;gap:8px;align-items:center;margin-bottom:8px}
.ln-row select,.ln-row input{padding:8px 10px;border:1px solid var(--line-strong);border-radius:8px;font-size:13.5px;background:var(--card);color:var(--ink);font-family:inherit}
.ln-row .ln-sku,.ln-row .al-sku{flex:1;min-width:0}

/* 充值 / 追踪弹窗行 */
.tu-calc{margin-top:12px;border-top:1px dashed var(--line);padding-top:10px}
.tu-row,.trk-row{display:flex;justify-content:space-between;gap:12px;padding:6px 0;font-size:14px}
.api-box .tu-row>div:first-child{min-width:0;overflow-wrap:anywhere}
.api-box .sdk-hash{overflow-wrap:anywhere;word-break:break-all}
.asn-print{display:flex;gap:10px;flex-wrap:wrap}
.asn-confirm-grid{display:grid;grid-template-columns:minmax(150px,.65fr) minmax(0,1.35fr);gap:12px;margin:16px 0}
.asn-confirm-grid>div{display:flex;min-width:0;flex-direction:column;gap:7px;padding:14px 15px;border:1px solid var(--line);border-radius:10px;background:var(--canvas-2)}
.asn-confirm-grid small{font-size:12px;color:var(--ink-3)}
.asn-confirm-grid b{font-size:16px;line-height:1.45;overflow-wrap:anywhere;word-break:break-word;white-space:normal}
.asn-confirm-check{display:flex;align-items:flex-start;gap:10px;padding:13px 14px;border:1px solid var(--line-strong);border-radius:10px;background:var(--card)}
.asn-confirm-check input{width:18px;height:18px;flex:none;margin-top:2px;accent-color:var(--pine)}
.asn-confirm-check span{font-size:14px;line-height:1.55;color:var(--ink-2)}
@media(max-width:560px){.asn-confirm-grid{grid-template-columns:1fr}}

/* 通用模态框 */
.pm-modal{position:fixed;inset:0;z-index:120;display:none}
.pm-modal.show{display:block}
.pm-backdrop{position:absolute;inset:0;background:rgba(24,30,25,.5);backdrop-filter:blur(2px)}
.pm-dialog{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(480px,92vw);max-height:88vh;overflow:auto;background:var(--card);border:1px solid var(--line-strong);border-radius:16px;box-shadow:0 24px 60px rgba(0,0,0,.28)}
.pm-hd{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--line)}
.pm-hd h3{font-size:16px}
.pm-bd{padding:18px}
.pm-ft{padding:14px 18px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:10px}
.pm-ft:empty{display:none}
.pm-bd textarea{width:100%;resize:vertical}

/* SKU 工作流：导入、图片、标签和安全删除 */
.pm-dialog{display:flex;flex-direction:column;overflow:hidden;width:min(540px,92vw)}
.pm-dialog.pm-wide{width:min(860px,94vw)}
.pm-dialog .pm-bd{overflow:auto;min-height:0}
.pm-dialog .pm-ft{flex:0 0 auto;background:color-mix(in srgb,var(--card) 94%,var(--card-2));align-items:center}
.foot-spacer{flex:1}.foot-message{margin-right:auto;color:var(--ink-3);font-size:13px}
.btn.danger{background:#a63f32;border-color:#a63f32;color:#fff}.btn.danger:hover{background:#8f3329}
.btn.danger-ghost{color:#9c3c31;border-color:rgba(156,60,49,.3);background:transparent}
.flow-intro{padding:18px 20px;border-radius:14px;background:linear-gradient(135deg,#173d31,#285848);color:#fff;margin-bottom:18px;position:relative;overflow:hidden}
.flow-intro:after{content:"";position:absolute;width:150px;height:150px;border:1px solid rgba(218,185,109,.22);border-radius:50%;right:-45px;top:-70px}
.flow-intro.compact{margin-bottom:16px;padding:15px 18px}.flow-intro h4{font-size:20px;margin:3px 0 5px}.flow-intro p{font-size:13.5px;line-height:1.65;color:rgba(255,255,255,.78);max-width:680px}
.flow-kicker{font-size:10px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:#d8ba73}
.import-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:0 8px 18px}.import-steps>div{display:flex;align-items:center;gap:8px;color:var(--ink-3);font-size:12px;position:relative}.import-steps>div:not(:last-child):after{content:"";height:1px;background:var(--line-strong);position:absolute;left:35px;right:8px;bottom:-6px}.import-steps b{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:var(--card-2);border:1px solid var(--line-strong);color:var(--ink-3)}.import-steps .active{color:var(--pine);font-weight:700}.import-steps .active b{background:var(--pine);color:#fff;border-color:var(--pine)}
.import-section{border:1px solid var(--line);border-radius:14px;padding:16px;margin-top:12px;background:color-mix(in srgb,var(--card) 96%,var(--card-2))}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:13px}.section-heading>div{display:flex;align-items:center;gap:9px}.section-heading>div>span{font:700 11px/1 ui-monospace,monospace;color:var(--brass);border:1px solid rgba(160,124,46,.28);background:rgba(160,124,46,.08);padding:5px;border-radius:6px}.section-heading h5{font-size:15px}.section-heading small{font-size:11.5px;color:var(--ink-3);text-align:right;line-height:1.5}
.order-service-card{display:flex;align-items:center;gap:12px;border:1px solid rgba(35,105,75,.24);background:rgba(35,105,75,.07);border-radius:13px;padding:12px 14px;margin:12px 0}.order-service-card>span{display:grid;place-items:center;width:46px;height:34px;border-radius:8px;background:#fc0;color:#b30812;font-weight:900;letter-spacing:-1px}.order-service-card div{display:flex;flex-direction:column;gap:3px}.order-service-card small{color:var(--ink-3);line-height:1.45}.order-dhl{display:flex;align-items:flex-start;flex-direction:column;gap:5px}.order-dhl .pill{font-size:10px}.order-ref-link{text-align:left}.order-note-mark{color:var(--brass);margin-left:6px;font-size:9px}.order-platform{display:block;color:var(--ink-3);margin-top:3px}.order-detail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:12px 0}.order-detail-grid>div{border:1px solid var(--line);border-radius:10px;padding:10px;display:flex;flex-direction:column;gap:5px}.order-detail-grid small,.order-note-box small{color:var(--ink-3)}.order-note-box{border-left:3px solid var(--brass);background:var(--card-2);padding:11px 13px;margin:12px 0;border-radius:4px 10px 10px 4px}.order-note-box p{margin:5px 0 0;white-space:pre-wrap;line-height:1.55}
.template-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.template-card{border:1px solid var(--line-strong);border-radius:12px;background:var(--card);padding:12px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;text-align:left;color:var(--ink)}.template-card:hover{border-color:var(--brass);transform:translateY(-1px)}.template-card.primary{border-color:rgba(23,61,49,.45);background:rgba(23,61,49,.035)}.template-card>span:nth-child(2){display:flex;flex-direction:column;gap:2px}.template-card b{font-size:13px}.template-card small{font-size:11px;color:var(--ink-3);white-space:normal;line-height:1.45}.template-card i{font-style:normal;color:var(--brass);font-size:18px}.file-mark{display:grid;place-items:center;min-width:43px;height:34px;border-radius:8px;background:var(--pine);color:#fff;font:800 10px/1 ui-monospace,monospace;letter-spacing:.04em}
.field-guide{display:grid;grid-template-columns:1fr 2.2fr;gap:10px;margin-top:12px}.field-guide>div{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:9px 10px;border-radius:10px;background:var(--card-2)}.field-guide b{font-size:11px;color:var(--ink-3);margin-right:3px}.field-guide span{font-size:11px;background:var(--card);border:1px solid var(--line);padding:3px 7px;border-radius:20px}.required-dot{display:inline-block;width:5px;height:5px;background:#b54a3a;border-radius:50%;margin-right:5px;vertical-align:middle}
.file-drop{min-height:112px;border:1.5px dashed var(--line-strong);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:var(--card);cursor:pointer;transition:.16s}.file-drop:hover,.file-drop.dragging{border-color:var(--brass);background:rgba(160,124,46,.045)}.file-drop input{position:absolute;opacity:0;pointer-events:none}.file-drop b{font-size:14px}.file-drop small{color:var(--ink-3);font-size:11.5px}.upload-icon{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--pine);color:#fff;font-size:17px;margin-bottom:2px}.selected-file{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;border:1px solid rgba(43,126,87,.25);background:rgba(43,126,87,.06);padding:9px 11px;border-radius:10px;margin-top:9px}.selected-file>span:nth-child(2){display:flex;flex-direction:column}.selected-file b{font-size:12.5px}.selected-file small{font-size:11px;color:var(--ink-3)}.selected-file>i{font-style:normal;color:#2b7e57;font-weight:800}
.image-rule{display:flex;gap:10px;padding:10px 12px;background:#f5f0e4;border-radius:10px;margin-top:10px;color:#625943}.image-rule>span{font-size:18px;color:var(--brass)}.image-rule b{font-size:12px}.image-rule p{font-size:11.5px;line-height:1.55;margin-top:1px}
.inline-status{border-radius:10px;padding:10px 12px;margin-top:10px;font-size:12.5px;line-height:1.55}.inline-status.error{background:#fbe9e5;color:#963c31;border:1px solid #efc5bc}.inline-status.warning{background:#fff6df;color:#795c18;border:1px solid #e9d598}.inline-status.success{background:#e8f5ee;color:#256a4b;border:1px solid #bcdcca}.inline-status.loading{background:#eef2ef;color:var(--pine);border:1px solid #d5dfd9}
.operation-progress{position:fixed;inset:0;z-index:500;display:grid;place-items:center;padding:20px;background:rgba(17,28,23,.48);backdrop-filter:blur(3px)}.operation-card{width:min(520px,94vw);border:1px solid var(--line-strong);border-radius:18px;background:var(--card);padding:22px;box-shadow:0 24px 70px rgba(10,20,15,.3)}.operation-head{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center}.operation-head>div{display:flex;flex-direction:column;gap:3px}.operation-head b{font-size:17px;color:var(--ink)}.operation-head small{font-size:11px;color:var(--ink-3)}.operation-head strong{font:800 17px/1 var(--font-mono);color:var(--pine)}.operation-spinner{width:32px;height:32px;border:3px solid var(--line-strong);border-top-color:var(--brass);border-radius:50%;animation:sku-spin .8s linear infinite}.operation-track{height:9px;border-radius:20px;background:var(--card-2);overflow:hidden;margin:18px 0}.operation-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--pine),var(--brass));transition:width .24s ease}.operation-card ol{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.operation-card li{display:flex;align-items:center;gap:7px;padding:8px;border-radius:9px;color:var(--ink-3);background:var(--card-2);font-size:10.5px;line-height:1.35}.operation-card li i{font-style:normal;flex:none;width:19px;height:19px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line-strong);font:700 10px/1 var(--font-mono)}.operation-card li.active{color:var(--pine);background:rgba(23,61,49,.08);font-weight:700}.operation-card li.active i{background:var(--pine);border-color:var(--pine);color:#fff}.operation-card li.done i{background:#2b7e57;border-color:#2b7e57;color:#fff}.operation-card>p{margin:14px 0 0;padding:10px 12px;border-radius:9px;background:var(--card-2);color:var(--ink-2);font-size:12px;line-height:1.5}.operation-progress.complete .operation-spinner{animation:none;border-color:#2b7e57;position:relative}.operation-progress.complete .operation-spinner:after{content:"✓";position:absolute;inset:0;display:grid;place-items:center;color:#2b7e57;font-weight:900}.operation-progress.failed .operation-spinner{animation:none;border-color:#a63f32}.operation-progress.failed .operation-track i{background:#a63f32}.operation-progress.failed .operation-card>p{background:#fbe9e5;color:#963c31}

/* 即时操作回执：像仓库扫码枪的确认灯，按下任何按钮立即出现，不再让客户猜测是否生效。 */
.action-feedback{position:fixed;z-index:620;top:22px;right:24px;display:grid;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:10px;width:min(360px,calc(100vw - 32px));padding:11px 14px;border:1px solid color-mix(in srgb,var(--brass) 55%,var(--line));border-radius:12px;background:color-mix(in srgb,var(--card) 96%,var(--brass));box-shadow:0 16px 40px rgba(16,33,25,.2);opacity:0;transform:translateY(-14px);pointer-events:none;transition:opacity .18s ease,transform .18s ease}.action-feedback.show{opacity:1;transform:translateY(0)}.action-feedback>i{width:30px;height:30px;border-radius:8px;background:var(--pine);position:relative;overflow:hidden}.action-feedback>i:before{content:"";position:absolute;left:6px;right:6px;top:6px;height:2px;background:#f3ecd8;box-shadow:0 5px 0 rgba(243,236,216,.72),0 10px 0 rgba(243,236,216,.42)}.action-feedback.is-waiting>i:after{content:"";position:absolute;inset:-8px auto -8px -35%;width:8px;background:rgba(255,255,255,.82);transform:skewX(-18deg);animation:action-scan 1s ease-in-out infinite}.action-feedback div{min-width:0;display:flex;flex-direction:column;gap:2px}.action-feedback b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;color:var(--ink)}.action-feedback span{font-size:11px;color:var(--ink-2)}.btn.action-confirmed,button.action-confirmed{box-shadow:0 0 0 3px color-mix(in srgb,var(--brass) 30%,transparent);transform:translateY(1px) scale(.985)}
@keyframes action-scan{0%{left:-35%}100%{left:125%}}

.inventory-load-state{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:13px;align-items:center;padding:20px;border:1px solid #d8c7a0;border-radius:12px;background:#fff8e8;text-align:left}.inventory-load-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:10px;background:#f1dfb2;color:#74571c;font-size:24px;font-weight:700}.inventory-load-state b{display:block;color:#5f481a;font-size:13px;line-height:1.55}.inventory-load-state small{display:block;margin-top:4px;color:#806f4b}.tiktok-auth-link{display:grid;gap:14px}.tiktok-auth-link>code{display:block;max-height:180px;overflow:auto;padding:15px;border:1px dashed var(--brass);border-radius:11px;background:var(--card-2);color:var(--pine);font:600 12px/1.65 var(--font-mono);overflow-wrap:anywhere;user-select:all}
.tiktok-auth-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:0;padding:0;list-style:none;border:1px solid var(--line);border-radius:13px;overflow:hidden;background:var(--card)}.tiktok-auth-flow li{position:relative;display:grid;grid-template-columns:31px 1fr;gap:10px;min-height:94px;padding:15px 13px;border-right:1px solid var(--line)}.tiktok-auth-flow li:last-child{border-right:0}.tiktok-auth-flow li>i{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--card-2);border:1px solid var(--line-strong);color:var(--ink-3);font:800 12px/1 var(--font-mono)}.tiktok-auth-flow b,.tiktok-auth-flow span{display:block}.tiktok-auth-flow b{color:var(--pine);font-size:13px}.tiktok-auth-flow span{margin-top:4px;color:var(--ink-3);font-size:11px;line-height:1.45}.tiktok-auth-flow li.is-done{background:rgba(var(--pine-rgb),.055)}.tiktok-auth-flow li.is-done>i{background:var(--pine);border-color:var(--pine);color:#fff}.tiktok-auth-flow li.is-done>i:before{content:"✓"}.tiktok-auth-flow li.is-done>i{font-size:0}.tiktok-auth-flow li.is-done>i:before{font-size:13px}.tiktok-auth-flow li.is-error{background:var(--warn-bg)}.tiktok-auth-flow li.is-error>i{border-color:var(--warn-fg);color:var(--warn-fg)}
.tiktok-auth-status{display:grid;grid-template-columns:32px minmax(0,1fr);gap:11px;align-items:center;padding:13px 14px;border-radius:11px;border:1px solid var(--line);background:var(--card-2)}.tiktok-auth-status>i{width:13px;height:13px;margin:auto;border:2px solid var(--brass);border-top-color:transparent;border-radius:50%;animation:sku-spin .9s linear infinite}.tiktok-auth-status b,.tiktok-auth-status span{display:block}.tiktok-auth-status b{color:var(--pine);font-size:13px}.tiktok-auth-status span{margin-top:2px;color:var(--ink-3);font-size:11.5px}.tiktok-auth-status.is-connected{border-color:rgba(var(--pine-rgb),.3);background:rgba(var(--pine-rgb),.07)}.tiktok-auth-status.is-connected>i{display:grid;place-items:center;width:22px;height:22px;border:0;background:var(--pine);color:#fff;animation:none}.tiktok-auth-status.is-connected>i:before{content:"✓"}.tiktok-auth-status.is-failed,.tiktok-auth-status.is-expired{border-color:rgba(166,63,50,.35);background:var(--warn-bg)}.tiktok-auth-status.is-failed>i,.tiktok-auth-status.is-expired>i{width:22px;height:22px;border:0;animation:none;color:var(--warn-fg)}.tiktok-auth-status.is-failed>i:before,.tiktok-auth-status.is-expired>i:before{content:"!";font-style:normal;font-weight:900}.tiktok-auth-expiry{color:var(--ink-3);text-align:right}.conn-state-error{margin:-1px 0 12px;padding:9px 11px;border-left:3px solid #a63f32;border-radius:7px;background:var(--warn-bg);color:var(--warn-fg);font-size:11.5px;line-height:1.5}
@media(max-width:720px){.tiktok-auth-flow{grid-template-columns:1fr}.tiktok-auth-flow li{min-height:0;border-right:0;border-bottom:1px solid var(--line)}.tiktok-auth-flow li:last-child{border-bottom:0}}
@media(max-width:680px){.action-feedback{top:12px;right:16px}.inventory-load-state{grid-template-columns:38px 1fr}.inventory-load-state .btn{grid-column:1/-1;width:100%}.inventory-load-mark{width:38px;height:38px}}
.preview-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px}.preview-kpis>div{border:1px solid var(--line);background:var(--card);border-radius:10px;padding:9px 11px;display:flex;justify-content:space-between;align-items:center}.preview-kpis span{font-size:11px;color:var(--ink-3)}.preview-kpis b{font-size:18px}.preview-kpis .ok b{color:#2b7e57}.preview-kpis .bad b{color:#a63f32}.preview-table{border:1px solid var(--line);border-radius:10px;overflow:hidden;margin-top:10px;max-height:260px;overflow-y:auto}.preview-table>div{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;padding:8px 11px;border-bottom:1px solid var(--line)}.preview-table>div:last-child{border:0}.preview-table>div>span:first-child{display:flex;flex-direction:column}.preview-table small{color:var(--ink-3)}.order-preview-table>div{align-items:start}.preview-order-source{margin-top:2px;text-transform:capitalize}.preview-order-lines{margin:5px 0;padding:5px 7px;border-left:2px solid rgba(35,105,75,.32);background:rgba(35,105,75,.05);border-radius:0 6px 6px 0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;line-height:1.5}.preview-head{position:sticky;top:0;background:var(--card-2);font-size:11px;font-weight:700;color:var(--ink-3);z-index:1}.error-panel{border:1px solid #efc5bc;border-radius:10px;margin-top:10px;overflow:hidden}.error-panel>div{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;background:#fbe9e5;color:#963c31}.error-panel p{display:grid;grid-template-columns:45px 100px 1fr;gap:8px;padding:6px 10px;border-top:1px solid #f1d5ce;font-size:11.5px}.error-panel p>span{color:var(--ink-3)}
.label-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(220px,.75fr);gap:18px}.field-title{font-size:12px;font-weight:800;color:var(--ink-2);margin-bottom:8px}.field-title.with-count{display:flex;justify-content:space-between;margin-top:16px}.field-title.with-count span:last-child{color:var(--brass)}.format-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:8px}.print-format-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.format-card{border:1px solid var(--line-strong);border-radius:11px;padding:11px;display:flex;flex-direction:column;gap:3px;cursor:pointer;position:relative;background:var(--card)}.format-card input{position:absolute;opacity:0}.format-card b{font-size:13px}.format-card span{font-size:10.5px;line-height:1.4;color:var(--ink-3)}.format-card.selected{border-color:var(--pine);box-shadow:0 0 0 2px rgba(23,61,49,.1);background:rgba(23,61,49,.035)}.format-card.selected:after{content:"✓";position:absolute;right:8px;top:7px;color:var(--pine);font-weight:800}.label-sku-list{border:1px solid var(--line);border-radius:11px;overflow:hidden;max-height:290px;overflow-y:auto}.label-sku-row{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:10px 11px;border-bottom:1px solid var(--line)}.label-sku-row:last-child{border:0}.label-sku-row>div{display:flex;flex-direction:column;min-width:0}.label-sku-row b{font-size:13px}.label-sku-row .mono{font-size:10.5px;color:var(--ink-3)}.label-sku-row small{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.label-sku-row label{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--ink-3)}.label-sku-row input{width:68px;padding:7px;border:1px solid var(--line-strong);border-radius:8px;background:var(--card);color:var(--ink)}
.label-preview-panel{border:1px solid var(--line);border-radius:12px;background:var(--card-2);padding:13px;display:flex;flex-direction:column;align-items:center}.label-preview-panel>span{align-self:flex-start;font-size:11px;font-weight:800;color:var(--ink-3);margin-bottom:16px}.label-preview-panel>p{font-size:10.5px;color:var(--ink-3);margin-top:12px}.mini-label{width:200px;height:120px;background:#fff;border-radius:4px;box-shadow:0 7px 20px rgba(0,0,0,.12);padding:10px;color:#15231c;display:flex;flex-direction:column}.mini-label.thermal_60x40{height:133px}.mini-label.thermal_100x60{width:215px;height:129px}.mini-label.a4_24{width:205px;height:110px}.mini-brand{display:flex;justify-content:space-between;align-items:center;font-size:8px;color:#52635a}.mini-brand b{color:#173d31;border:1px solid #173d31;border-radius:50%;width:18px;height:18px;display:grid;place-items:center}.mini-product{font-size:12px;font-weight:800;margin:5px 0 2px}.mini-bars{height:34px;background:repeating-linear-gradient(90deg,#111 0 2px,transparent 2px 4px,#111 4px 5px,transparent 5px 8px);margin:3px 0}.mini-code{font:700 9px/1.2 ui-monospace,monospace;text-align:center;letter-spacing:.04em}.mini-foot{font-size:8px;color:#68756e;margin-top:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.editor-grid{display:grid;grid-template-columns:minmax(0,1fr) 235px;gap:18px}.editor-fields{display:flex;flex-direction:column;gap:11px}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.acct-f small{font-size:10.5px;color:var(--ink-3);line-height:1.45}.required-badge,.optional-badge{font-style:normal;font-size:9px;border-radius:4px;padding:2px 5px;margin-left:4px}.required-badge{color:#a63f32;background:#fbe9e5}.optional-badge{color:var(--ink-3);background:var(--card-2)}.image-editor{border:1px solid var(--line);background:var(--card-2);border-radius:12px;padding:11px}.image-preview{aspect-ratio:1/1;border-radius:9px;background:var(--card);border:1px dashed var(--line-strong);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--ink-3);overflow:hidden}.image-preview img{width:100%;height:100%;object-fit:cover}.image-preview>span{font-size:28px}.image-preview small{font-size:11px}.image-upload{display:flex;flex-direction:column;align-items:center;border:1px solid var(--line-strong);border-radius:9px;padding:8px;margin-top:9px;background:var(--card);cursor:pointer}.image-upload input{position:absolute;opacity:0;pointer-events:none}.image-upload b{font-size:12px}.image-upload small,.image-editor>p{font-size:10px;color:var(--ink-3);line-height:1.45}.image-editor>p{margin-top:8px}.barcode-banner{display:grid;grid-template-columns:auto 1fr;gap:2px 12px;background:var(--card-2);border-radius:10px;padding:10px 12px;margin-bottom:14px}.barcode-banner span{font-size:11px;color:var(--ink-3)}.barcode-banner b{font-size:12px}.barcode-banner small{grid-column:2;font-size:10px;color:var(--ink-3)}
.inv-stock{display:grid;grid-template-columns:repeat(3,minmax(58px,1fr));gap:7px;min-width:205px;white-space:nowrap}.inv-stock>div{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:58px;padding:7px 8px;border:1px solid var(--line);border-radius:9px;background:var(--card-2)}.inv-stock>div.primary{background:rgba(43,126,87,.08);border-color:rgba(43,126,87,.22)}.inv-stock span{font:700 10px/1.2 var(--font-sans);color:var(--ink-3)}.inv-stock b{font:700 20px/1.2 var(--font-mono);color:var(--ink)}.inv-stock .primary b{color:var(--ok-fg)}
.stock-readonly{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:-3px 0 14px}.stock-readonly>div{border:1px solid var(--line);border-radius:10px;background:var(--card-2);padding:9px 11px;display:flex;justify-content:space-between;align-items:center}.stock-readonly span{font-size:11px;color:var(--ink-3)}.stock-readonly b{font-size:17px;color:var(--pine)}.stock-readonly p{grid-column:1/-1;margin:0;padding:8px 10px;border-left:3px solid var(--brass);border-radius:5px;background:rgba(160,124,46,.07);font-size:11.5px;color:var(--ink-2);line-height:1.55}
.delete-confirm{text-align:center}.delete-icon{display:grid;place-items:center;margin:0 auto 10px;width:42px;height:42px;border-radius:50%;background:#fbe9e5;color:#a63f32;font-size:22px;font-weight:800}.delete-confirm h4{font-size:18px}.delete-confirm>p{font-size:12.5px;color:var(--ink-3);line-height:1.6;margin:6px 0 13px}.delete-confirm>div:not(.inline-status){display:flex;flex-direction:column;background:var(--card-2);border-radius:10px;padding:10px;margin-bottom:12px}.delete-confirm>div span{font-size:10px;color:var(--ink-3)}.delete-confirm>div b{font-size:15px}.delete-confirm>div small{font-size:10.5px;color:var(--ink-3)}.delete-confirm .acct-f{text-align:left}
.delete-target-list{list-style:none;margin:0 0 13px;padding:0;border:1px solid var(--line);border-radius:10px;max-height:190px;overflow:auto;text-align:left}.delete-target-list li{display:grid;grid-template-columns:minmax(80px,.7fr) minmax(150px,1.3fr) auto;gap:10px;align-items:center;padding:9px 11px;border-bottom:1px solid var(--line)}.delete-target-list li:last-child{border-bottom:0}.delete-target-list b{font-size:12.5px}.delete-target-list span{font-size:10.5px;color:var(--ink-3);overflow:hidden;text-overflow:ellipsis}.delete-target-list small{font-size:10.5px;color:var(--ink-3);white-space:nowrap}.delete-target-list .delete-more{background:var(--card-2);color:var(--ink-3)}.delete-atomic{display:block;text-align:left;margin-top:7px;color:var(--ink-3);font-size:10.5px;line-height:1.5}
.sku-img-loading{display:grid;place-items:center;color:var(--ink-3)}.sku-img-loading i{width:22px;height:22px;border:2px solid var(--line-strong);border-top-color:var(--pine);border-radius:50%;animation:sku-spin .75s linear infinite}@keyframes sku-spin{to{transform:rotate(360deg)}}
.image-lightbox{min-height:440px;display:flex;align-items:center;justify-content:center;background:var(--card-2);border-radius:12px;overflow:hidden}.image-lightbox img{display:block;max-width:100%;max-height:68vh;object-fit:contain}
.asn-builder{display:flex;flex-direction:column;gap:14px}.asn-section{border:1px solid var(--line);border-radius:13px;padding:15px;background:color-mix(in srgb,var(--card) 96%,var(--card-2))}.asn-section h5{font-size:14px;color:var(--pine);margin:0 0 12px}.asn-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.asn-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.asn-mode{display:flex;border:1px solid var(--line-strong);border-radius:9px;overflow:hidden}.asn-mode button{border:0;border-right:1px solid var(--line-strong);background:var(--card);color:var(--ink-2);padding:8px 12px;font:700 12px/1 var(--font-sans)}.asn-mode button:last-child{border-right:0}.asn-mode button.on{background:var(--pine);color:#fff}.asn-upload-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.asn-upload-actions+.muted{font-size:11.5px;margin:9px 0}.asn-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:12px}.asn-check-grid label{display:flex;align-items:center;gap:7px;padding:9px 10px;border-radius:9px;background:var(--card);border:1px solid var(--line);font-size:12.5px}.asn-check-grid input{width:16px;height:16px;accent-color:var(--pine)}
.order-fill-guide{margin-top:12px;padding:12px 14px;border:1px solid var(--line);border-left:4px solid var(--brass);border-radius:10px;background:var(--card-2)}
.order-fill-guide>b{font-size:13px;color:var(--pine)}.order-fill-guide ul{margin:7px 0 0;padding-left:19px;color:var(--ink-2);font-size:12px;line-height:1.65}
.order-sync-summary{margin-bottom:16px;padding:17px 18px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(135deg,rgba(23,61,49,.055),rgba(var(--brass-rgb),.055)),var(--card);box-shadow:var(--shadow-sm)}
.order-sync-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:14px}.order-sync-head h3{margin:0;color:var(--pine);font-size:17px}.order-sync-head p{margin:3px 0 0;color:var(--ink-3);font-size:12px}.order-sync-title{flex:1;min-width:280px}.order-refresh-state{display:flex;align-items:center;gap:8px;margin-top:8px}.order-refresh-state span{max-width:440px;color:var(--ink-3);font-size:11px;line-height:1.4}.order-refresh-state .btn{flex:none}.order-sync-filter{display:flex;flex:0 0 auto;gap:8px;flex-wrap:nowrap;justify-content:flex-end}.order-sync-filter label{display:flex;flex-direction:column;gap:3px;color:var(--ink-3);font-size:10.5px}.order-sync-filter select{min-width:126px;height:38px;padding:0 30px 0 10px;border:1px solid var(--line-strong);border-radius:8px;background:var(--card);color:var(--ink)}
.order-sync-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.order-sync-kpis>div{display:flex;min-width:0;flex-direction:column;gap:4px;padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.62)}.order-sync-kpis span{color:var(--ink-3);font-size:11px;line-height:1.35}.order-sync-kpis b{color:var(--ink);font:800 23px/1.15 var(--font-mono)}.order-sync-kpis>div:nth-child(4) b,.order-sync-kpis>div:nth-child(5) b,.order-sync-kpis>div:nth-child(6) b{color:var(--warn-fg)}
.order-kpi-attention .link{align-self:flex-start;margin-top:auto;padding:2px 0;color:var(--pine);font-size:10.5px;text-align:left}.order-kpi-attention .link:disabled{color:var(--ink-3);cursor:default;opacity:.65}
.order-sync-tech{margin-top:10px;border-top:1px solid var(--line)}.order-sync-tech summary{display:flex;align-items:center;gap:8px;padding:10px 2px 0;color:var(--pine);cursor:pointer;font-size:12px;font-weight:700}.order-sync-tech summary small{color:var(--ink-3);font-size:10.5px;font-weight:400}.order-sync-tech-grid{display:grid;grid-template-columns:180px 180px minmax(0,1fr);gap:8px;margin-top:10px}.order-sync-tech-grid>div{display:flex;flex-direction:column;gap:3px;padding:9px 11px;border-radius:9px;background:var(--paper)}.order-sync-tech-grid span{color:var(--ink-3);font-size:10.5px}.order-sync-tech-grid b{font:700 18px/1.2 var(--font-mono)}.order-sync-tech-grid p{align-self:center;margin:0;color:var(--ink-3);font-size:11px;line-height:1.55}
.order-attention-panel{margin-bottom:16px}.order-attention-panel[hidden]{display:none}.order-attention-panel .hd{align-items:flex-start}.order-attention-panel .hd h3{margin-bottom:4px}.order-attention-panel .hd p{max-width:780px;margin:0}.order-attention-table{min-width:1040px}.order-attention-message{display:block;max-width:340px;margin-top:5px;color:var(--ink-3);line-height:1.45}.order-detail-technical{margin-top:10px;border:1px solid var(--line);border-radius:9px;background:var(--paper)}.order-detail-technical summary{padding:10px 12px;color:var(--pine);cursor:pointer;font-weight:700}.order-detail-technical>div{padding:0 12px 12px}.order-detail-technical p{margin:5px 0;color:var(--ink-3);line-height:1.5}.order-detail-technical small{color:var(--ink-3)}
.order-attention-panel>summary{cursor:pointer;list-style:none;min-height:76px}
.order-attention-panel>summary::-webkit-details-marker{display:none}
.order-attention-panel>summary:focus-visible{outline:3px solid var(--brass);outline-offset:-4px;border-radius:var(--radius)}
.order-attention-panel>summary>div{flex:1;min-width:0}
.order-attention-panel .hd .sub{white-space:normal;overflow-wrap:anywhere;line-height:1.45}
.order-attention-panel:not([open])>summary{border-bottom:0}
.order-attention-controls{display:flex;align-items:center;gap:16px;flex:none}
.order-attention-toggle{display:inline-flex;align-items:center;gap:9px;color:var(--pine);font-size:13px;font-weight:700;white-space:nowrap}
.order-attention-chevron{width:9px;height:9px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .2s}
.order-attention-panel[open] .order-attention-chevron{transform:rotate(225deg)}
.order-attention-collapse,.order-attention-panel[open] .order-attention-expand{display:none}
.order-attention-panel[open] .order-attention-collapse{display:inline}
.order-attention-panel .order-attention-scroll{max-height:min(480px,60vh);overflow:auto;overscroll-behavior:contain}
.order-attention-panel .order-attention-table th{position:sticky;top:0;z-index:1}
.order-attention-truncated{padding:10px 19px;border-top:1px solid var(--line);color:var(--ink-3);font-size:12px;line-height:1.5}
.order-attention-truncated[hidden]{display:none}
@media(max-width:720px){
  .order-attention-panel>summary{align-items:flex-start;gap:12px}
  .order-attention-controls{width:100%;justify-content:space-between}
  .order-attention-panel .order-attention-scroll{max-height:min(520px,60vh);overflow-y:auto;overflow-x:hidden}
}
.order-state-stack{display:flex;flex-direction:column;align-items:flex-start;gap:5px}.order-state-stack>span{display:grid;grid-template-columns:52px auto;gap:6px;align-items:center}.order-state-stack small{color:var(--ink-3);font-size:10px}.order-state-stack .pill{font-size:10.5px;padding:2px 8px}
.order-platform-meta,.order-time-meta{display:flex;flex-direction:column;gap:2px}.order-platform-meta small,.order-time-meta small{color:var(--ink-3);font-size:10.5px;overflow-wrap:anywhere}.order-time-meta b{font-weight:600;white-space:nowrap}.integration-timeline{list-style:none;margin:13px 0 0;padding:0;border-left:2px solid var(--line)}.integration-timeline li{position:relative;margin-left:14px;padding:0 0 13px 12px}.integration-timeline li:before{content:"";position:absolute;left:-19px;top:5px;width:8px;height:8px;border-radius:50%;background:var(--pine);box-shadow:0 0 0 3px var(--card)}.integration-timeline b,.integration-timeline span{display:block}.integration-timeline span{color:var(--ink-3);font-size:11px}.integration-timeline .sync-error:before{background:#a63f32}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.order-search input{width:min(330px,28vw);height:38px;padding:0 12px 0 36px;border:1px solid var(--line-strong);border-radius:10px;background:linear-gradient(90deg,rgba(35,105,75,.07) 0 32px,var(--card) 32px);color:var(--ink);font:500 12px/1 var(--font-sans)}.order-search input:focus{outline:2px solid rgba(35,105,75,.3);outline-offset:2px}.order-identity{min-width:270px}.order-id-label{display:block;margin-bottom:4px;color:var(--ink-3);font:650 9px/1.2 var(--font-sans);letter-spacing:.08em;text-transform:uppercase}.order-ref-link{font-weight:760;letter-spacing:.01em}.order-source-number{display:flex;align-items:baseline;gap:7px;margin-top:6px;color:var(--ink-3);font-size:10px}.order-source-number i{font-style:normal;white-space:nowrap}.order-source-number b{max-width:230px;overflow-wrap:anywhere;color:var(--ink-2);font-weight:560}.order-identity-card{display:grid;grid-template-columns:1fr auto;gap:5px 18px;padding:15px 17px;border:1px solid rgba(35,105,75,.24);border-left:5px solid var(--pine);border-radius:5px 13px 13px 5px;background:linear-gradient(100deg,rgba(35,105,75,.09),rgba(255,255,255,.7))}.order-identity-card>small{grid-column:1/-1;color:var(--ink-3);font-size:10px;letter-spacing:.08em;text-transform:uppercase}.order-identity-card>strong{grid-column:1/-1;color:var(--pine);font-size:18px;overflow-wrap:anywhere}.order-identity-card>span{display:flex;flex-direction:column;gap:2px}.order-identity-card i{color:var(--ink-3);font-size:9px;font-style:normal}.order-identity-card b{overflow-wrap:anywhere;font-size:11px}.order-sync-event{grid-column:1/-1;max-width:270px;padding-left:58px;color:var(--warn-fg);font:500 9.5px/1.35 var(--font-sans);font-style:normal}
@media (min-width:1051px) and (max-width:1500px){#p-ord .order-identity{min-width:210px}#p-ord .order-source-number b{max-width:175px}#p-ord th,#p-ord td{padding-left:9px;padding-right:9px}}
.order-empty-state{text-align:center!important;padding:34px 18px!important}.order-empty-state b,.order-empty-state span{display:block}.order-empty-state b{color:var(--ink);font-size:14px}.order-empty-state span{margin-top:5px;color:var(--ink-3);font-size:11px}
.copy-config{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:var(--card-2);margin-bottom:11px}
.copy-config>div{min-width:0;display:flex;flex-direction:column;gap:4px}.copy-config b{font-size:11px;color:var(--ink-3)}.copy-config code{font:11px/1.5 var(--font-mono);color:var(--pine);overflow-wrap:anywhere}
#p-inv .table-wrap table{min-width:1180px}#p-inv #invBody>tr:not(.tot-row)>td{padding-top:16px;padding-bottom:16px}#p-inv .stock-td{min-width:225px}#p-inv td:last-child{white-space:nowrap}#p-inv .sku-cell b{font-size:17px}#p-inv .sku-cell small{font-size:13px}#p-inv .barcode-primary b{font-size:13px;letter-spacing:.035em;color:var(--pine);white-space:nowrap}
#p-inv>.card>.hd .acts{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}
@media(max-width:980px){.account-layout{grid-template-columns:1fr}.account-points-card{width:100%}.order-sync-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.order-sync-head{align-items:flex-start;flex-direction:column}.order-sync-filter{justify-content:flex-start}.order-sync-tech-grid{grid-template-columns:1fr 1fr}.order-sync-tech-grid p{grid-column:1/-1}}
@media(max-width:720px){.pm-dialog.pm-wide{width:min(96vw,860px);max-height:94vh}.pm-hd{padding:13px 15px}.pm-bd{padding:14px}.flow-intro{padding:14px}.flow-intro h4{font-size:17px}.import-steps span{display:none}.template-actions,.field-guide,.label-layout,.editor-grid,.asn-form-grid,.asn-check-grid{grid-template-columns:1fr}.asn-section-head{align-items:flex-start;flex-direction:column}.format-grid{grid-template-columns:1fr 1fr}.template-card{padding:10px}.section-heading{flex-direction:column}.section-heading small{text-align:left}.preview-kpis{grid-template-columns:1fr 1fr}.label-preview-panel{display:none}.two-fields{grid-template-columns:1fr}.image-editor{display:grid;grid-template-columns:100px 1fr;gap:9px}.image-preview{grid-row:1/3}.image-editor>p{margin:0}.error-panel p{grid-template-columns:38px 75px 1fr}.pm-ft{flex-wrap:wrap}.foot-message{width:100%;order:-1}.stock-readonly{grid-template-columns:1fr}.delete-target-list li{grid-template-columns:1fr}.inv-stock{width:100%;min-width:0}.sku-img{width:84px;height:84px}.image-lightbox{min-height:300px}.order-detail-grid{grid-template-columns:1fr 1fr}.order-sync-title{min-width:0;width:100%}.order-refresh-state{align-items:flex-start;flex-direction:column}.order-sync-filter{display:grid;width:100%;grid-template-columns:1fr}.order-sync-filter select{width:100%}.order-sync-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}#p-inv .table-wrap table{min-width:0}}
@media(max-width:600px){.acct-fields{grid-template-columns:1fr}.acct-fields .acct-wide{grid-column:auto}.points-hero .pts-big{font-size:34px}}

/* ---------- 登录闸门（客户级账号，10 号计划书 模块E） ---------- */
.loginwrap{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;
  padding:24px;background:
    radial-gradient(900px 700px at 12% -8%, rgba(var(--pine-rgb),.14), transparent 60%),
    var(--bg,#f6f2e8)}
.loginwrap[hidden]{display:none}
.bootwrap{z-index:210}
.bootcard p{margin:0;color:var(--ink-2);font-size:15px;line-height:1.65}
.bootcard>small{color:var(--ink-3);font-size:12px;line-height:1.55}
.boot-progress{height:7px;border-radius:20px;background:var(--card-2);overflow:hidden}
.boot-progress i{display:block;width:42%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--pine),var(--brass));animation:boot-slide 1.25s ease-in-out infinite}
@keyframes boot-slide{0%{transform:translateX(-110%)}50%{transform:translateX(135%)}100%{transform:translateX(350%)}}
.logincard{width:min(380px,100%);background:var(--card);border:1px solid var(--line-strong);
  border-radius:16px;padding:28px 26px;box-shadow:0 22px 60px rgba(0,0,0,.14);
  display:flex;flex-direction:column;gap:14px}
.lg-brand{display:flex;align-items:center;gap:12px;margin-bottom:4px}
.lg-brand .seal{width:44px;height:44px;border-radius:12px;background:var(--pine);color:#e8d9ae;
  display:flex;align-items:center;justify-content:center;font-weight:800;font-size:15px;flex:none}
.lg-bt b{display:block;font-size:17px;color:var(--ink)}
.lg-bt b em{font-style:italic;color:var(--brass)}
.lg-bt span{font-size:12px;color:var(--ink-3);letter-spacing:.04em}
.lg-field{display:flex;flex-direction:column;gap:5px;font-size:13px;color:var(--ink-2)}
.lg-field>span{font-weight:600}
.lg-field input{padding:10px 12px;border:1px solid var(--line-strong);border-radius:9px;
  font-size:14px;background:var(--card);color:var(--ink);font-family:inherit}
.lg-field input:focus{outline:none;border-color:var(--brass);box-shadow:0 0 0 3px rgba(160,124,46,.14)}
.lg-submit{justify-content:center;padding:11px;margin-top:6px}
.lg-note{padding:9px 11px;border-radius:9px;font-size:12.5px;line-height:1.5;
  background:var(--warn-bg);color:var(--warn-fg);border:1px solid var(--warn-fg)}
.lg-note[hidden]{display:none}
.lg-foot{text-align:center;font-size:11px;color:var(--ink-3);margin-top:2px}

/* ============================================================
   Readability pass 2026-08-21 — customer portal + login
   ============================================================ */
body{font-size:15px;line-height:1.65}
.brand-t .t{font-size:19px}
.brand-t .s,.foot,.datasrc,.ribbon,.hd .sub,.kpi .l,th,
.bal .l,.vat-note,.chip,.bf-field>span,.bf-lbl,.cmp-label{font-size:12px}
.client-chip b{font-size:14.5px}
.client-chip span{font-size:12.5px}
.nv a{font-size:14.5px}
.topbar h1{font-size:19px}
.search,.user,.lang button{font-size:14px}
.hd h3{font-size:16px}
.kpi .d,.bar .val,.bar em,.feed .ts,.sku-cell small,.ret .rid,
.bal .sub2,.tl .m,.conn p,.cmp-d,.cmp-foot,.bf-hd-t p,.preset em,
.bf-note,.lg-foot{font-size:13px}
.legend .li,.sla .k,.feed .ev,.feed .amt,.ret h4,.api-box,
.tl b,.conn h4,.cmp-k,.cmp-v,.tp-grp-t,.tp-row,.tp-row .muted,
.acct-f,.pts-big small,.ln-hd{font-size:14px}
table{font-size:14px}
th{font-size:12px}
.mono,.num{font-size:13.5px}
.sku-cell b{font-size:14px}
.pill,.v-pill{font-size:12.5px;padding:4px 10px}
.plat,.banner{font-size:14px}
.btn{font-size:14px;min-height:38px}
.btn.sm{font-size:14px;min-height:36px}
button,input,select,textarea{font-size:14px!important}
.trust-badge{font-size:12px}
.bf-field input,.bf-field select,.bf-field textarea,
.acct-f input,.acct-f select,.acct-f textarea,
.ln-row select,.ln-row input,.lg-field input{font-size:15px;padding:11px 12px}
.lg-bt b{font-size:19px}
.lg-bt span{font-size:13px}
.lg-field{font-size:14px}
.lg-note{font-size:14px;line-height:1.6}
.lg-submit{font-size:15px!important;min-height:46px}
.lg-field input{font-size:15px!important}
small{font-size:12.5px}

@media (max-width:720px){
  body{font-size:15.5px;line-height:1.68}
  .topbar h1{font-size:17px}
  .hd{min-width:0;flex-wrap:wrap;align-items:flex-start}
  .hd .sub{min-width:0;white-space:normal;overflow-wrap:anywhere;line-height:1.45}
  .table-wrap td{font-size:14.5px;min-height:46px}
  .table-wrap td::before{font-size:13px}
  .bf-field input,.bf-field select,.bf-field textarea,
  .acct-f input,.acct-f select,.acct-f textarea,
  .ln-row select,.ln-row input,.lg-field input{font-size:16px!important}
  .btn,.icon-btn,.lang button{font-size:14px;min-height:42px}
  .botnav a{font-size:12.5px;min-height:56px}
}

/* Operational data must remain readable without browser zoom.  These compact
   metadata elements escaped the general readability pass above because they
   carry their own component-specific font declarations. */
.cmp-rule,.cmp-hard,
.inv-stock span,
.asn-filter-tabs button b,.asn-date span,.asn-step i,.asn-pager>div>b,
.conn-summary span,.conn-meta span,.conn-caps span,.conn-foot>span,
.api-endpoint>span,.api-quickstart li span,.sdk-tools-body .sdk-hash,.api-security,
.points-recent-head a,.points-event span{font-size:12px}

@media(max-width:720px){.order-search{width:100%}.order-search input{width:100%}.order-identity{display:block!important;min-width:0}.order-identity .order-ref-link{display:block;max-width:100%;font-size:11px;white-space:nowrap}.order-source-number{justify-content:flex-start}.order-source-number b{max-width:none}.order-sync-event{max-width:230px;padding-left:0}.order-identity-card{grid-template-columns:1fr}.order-identity-card>span{grid-column:1}}

/* ============================================================
   Accessibility + tablet resilience gate, 2026-08-30
   Keeps the Kontor/Atelier palette while separating decorative
   brass from AA text and focus colors.
   ============================================================ */

/* Text uses the stable AA brass; decorative borders/fills keep --brass. */
.hd .link,.kpi.gold .v,.sla .n.gold,.bal.gold .v,
.conn-intro .eyebrow,.conn-guide-link a,.api-quickstart li::before,
.asn-step.now i,.tp-grp-t,.pts-big,.points-recent-head a,.gold-fg,
.section-heading>div>span,.order-note-mark,.template-card i,
.image-rule>span,.field-title.with-count span:last-child,
.botnav a.on,.lg-bt b em{color:var(--brass-fg)}
.p-seal,.points-event strong.neg,.return-line-feedback.error{color:var(--danger-fg)}
.btn.gold{background:linear-gradient(135deg,var(--brass-fg),var(--brass-deep));border-color:var(--brass-deep);color:#fff}
.av{background:linear-gradient(135deg,var(--brass-fg),var(--brass-deep))}
.return-section-kicker{background:var(--brass-fg)}

/* A visible, brand-independent keyboard focus ring on both light and dark UI. */
:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{
  outline:3px solid var(--focus-ring);
  outline-offset:3px;
  box-shadow:0 0 0 2px var(--focus-halo);
}
.side :where(a,button,input,select,textarea,summary,[tabindex]):focus-visible,
.return-hero :where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{
  outline-color:var(--focus-on-dark);
  box-shadow:0 0 0 2px rgba(20,34,26,.82);
}
.brand-dialog :where(button,input,select,textarea):focus-visible,
.lg-field input:focus-visible,.cmp-edit-grid input:focus-visible,
.order-search input:focus-visible{
  outline:3px solid var(--focus-ring)!important;
  outline-offset:3px;
  border-color:var(--focus-ring);
  box-shadow:0 0 0 2px var(--focus-halo);
}

/* Connection cards may contain long German states, shops and footnotes. */
.conns,.conn,.conn .top,.conn-heading,.conn-foot{min-width:0}
.conn .top{align-items:flex-start}
.conn-heading{flex:1}
.conn-heading .pill{
  max-width:100%;
  line-height:1.35;
  overflow-wrap:anywhere;
  white-space:normal;
}
.conn h4,.conn .conn-desc,.conn-state-note,.conn-foot>span{
  overflow-wrap:anywhere;
  word-break:normal;
}
.conn-foot{align-items:flex-start;flex-wrap:wrap}
.conn-foot .btn{max-width:100%;white-space:normal}
@media (min-width:721px) and (max-width:900px){
  .conns{grid-template-columns:minmax(0,1fr)}
}

/* DOM supplies the localized hint; CSS only exposes it where tables scroll. */
.table-scroll-hint{display:none}
@media (min-width:721px) and (max-width:1040px){
  .table-scroll-hint{
    display:flex;
    align-items:center;
    gap:8px;
    margin:0;
    padding:8px 12px;
    border-bottom:1px solid var(--line);
    background:var(--card-2);
    color:var(--ink-2);
    font-size:12px;
    line-height:1.45;
  }
  .table-scroll-hint::before{
    content:"\2194";
    display:grid;
    place-items:center;
    width:24px;
    height:24px;
    flex:none;
    border:1px solid var(--line-strong);
    border-radius:7px;
    color:var(--brass-fg);
    font-weight:800;
  }
  .table-wrap[tabindex],.table-wrap.has-scroll-hint{
    overscroll-behavior-inline:contain;
    scrollbar-color:var(--brass-fg) var(--canvas-2);
    scrollbar-gutter:stable;
    -webkit-overflow-scrolling:touch;
    box-shadow:inset -18px 0 16px -18px rgba(27,35,29,.34);
  }
}

/* A real 44px label hit target around a 24px native inventory checkbox. */
.sku-select-hit{
  display:inline-grid;
  place-items:center;
  width:44px;
  height:44px;
  min-width:44px;
  margin:-10px;
  border-radius:9px;
  cursor:pointer;
}
.sku-select,#invSelectAll{
  width:24px;
  height:24px;
  min-width:24px;
  margin:0;
  accent-color:var(--pine);
  cursor:pointer;
}
#invBody td:has(.sku-select-hit),#p-inv th:has(>#invSelectAll){min-width:52px;text-align:center}

@media (forced-colors:active){
  .grain,body::before{display:none}
  :where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{
    outline:3px solid Highlight!important;
    box-shadow:none!important;
  }
  .pill,.datasrc,.conn-meta span,.conn-caps span,.table-scroll-hint,
  .card,.btn,.table-wrap{border-color:CanvasText}
  .pill::before,.ds-dot{background:CanvasText}
  .conn .mark,.seal,.av,.return-section-kicker,.return-product-index{
    border:1px solid CanvasText;
    forced-color-adjust:auto;
  }
  .sku-select,#invSelectAll{
    width:24px;
    height:24px;
    min-width:24px;
    accent-color:Highlight;
    forced-color-adjust:auto;
  }
}

/* ABOUT YOU connection ledger: configuration intent, verification and business
   acceptance stay visually separate so an API-key check cannot look like go-live. */
.conn-production-gate{margin:10px 0 14px}
.conn-production-gate[hidden]{display:none}
.conn-feature-fieldset{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px;
  min-width:0;
  margin:14px 0;
  padding:12px;
  border:1px solid var(--line);
  border-radius:11px;
}
.conn-feature-fieldset legend{padding:0 6px;color:var(--ink);font-size:12px;font-weight:800}
.conn-feature-fieldset label{
  display:grid;
  grid-template-columns:24px minmax(0,1fr);
  gap:9px;
  align-items:start;
  min-height:48px;
  padding:10px;
  border:1px solid var(--line);
  border-radius:9px;
  background:var(--canvas);
  cursor:pointer;
}
.conn-feature-fieldset input{width:22px;height:22px;margin:0;accent-color:var(--pine)}
.conn-feature-fieldset b,.conn-feature-fieldset small{display:block}
.conn-feature-fieldset b{font-size:11.5px}
.conn-feature-fieldset small{margin-top:3px;color:var(--ink-3);font-size:10px;line-height:1.45}
.conn-action-status{
  display:grid;
  grid-template-columns:28px minmax(0,1fr);
  gap:10px;
  align-items:center;
  margin-top:14px;
  padding:12px 13px;
  border:1px solid var(--line);
  border-radius:10px;
  background:var(--card-2);
}
.conn-action-status[hidden]{display:none}
.conn-action-status>i{width:18px;height:18px;margin:auto;border:2px solid var(--brass);border-top-color:transparent;border-radius:50%;animation:sku-spin .8s linear infinite}
.conn-action-status b,.conn-action-status span{display:block}
.conn-action-status b{font-size:12px}.conn-action-status span{margin-top:2px;color:var(--ink-2);font-size:10.5px;line-height:1.5}
.conn-action-status.is-succeeded,.conn-action-status.is-final{border-color:rgba(var(--pine-rgb),.28);background:rgba(var(--pine-rgb),.06)}
.conn-action-status.is-failed{border-color:rgba(166,63,50,.35);background:var(--warn-bg)}
.conn-action-status.is-succeeded>i,.conn-action-status.is-final>i,.conn-action-status.is-failed>i{display:grid;place-items:center;border:0;animation:none;font-style:normal;font-weight:900}
.conn-action-status.is-succeeded>i::before,.conn-action-status.is-final>i::before{content:"\2713";color:var(--pine)}
.conn-action-status.is-failed>i::before{content:"!";color:var(--warn-fg)}
.aboutyou-workflow{display:grid;gap:1px;margin:15px 0;border:1px solid var(--line);border-radius:11px;overflow:hidden;background:var(--line)}
.aboutyou-workflow-row{display:grid;grid-template-columns:9px minmax(105px,.72fr) minmax(0,1.5fr);gap:9px;align-items:center;min-height:42px;padding:8px 11px;background:var(--card)}
.aboutyou-workflow-row>i{width:8px;height:8px;border-radius:50%;background:var(--ink-3)}
.aboutyou-workflow-row>span{color:var(--ink-3);font-size:10px;font-weight:800;letter-spacing:.02em}
.aboutyou-workflow-row>b{min-width:0;color:var(--ink-2);font-size:10.5px;line-height:1.45;overflow-wrap:anywhere}
.aboutyou-workflow-row.is-ok>i{background:#23805b}.aboutyou-workflow-row.is-failed>i{background:#b34b3f}.aboutyou-workflow-row.is-next>i{background:var(--brass)}
.aboutyou-workflow.is-compact{margin:0 0 12px}.aboutyou-workflow.is-compact .aboutyou-workflow-row{grid-template-columns:8px minmax(82px,.62fr) minmax(0,1.38fr);min-height:36px;padding:6px 8px}.aboutyou-workflow.is-compact .aboutyou-workflow-row>span,.aboutyou-workflow.is-compact .aboutyou-workflow-row>b{font-size:9.5px}

@media(max-width:680px){
  .conn-feature-fieldset{grid-template-columns:1fr}
  .aboutyou-workflow-row,.aboutyou-workflow.is-compact .aboutyou-workflow-row{grid-template-columns:8px minmax(0,1fr)}
  .aboutyou-workflow-row>b{grid-column:2}
}
@media (prefers-reduced-motion:reduce){.conn-action-status>i{animation:none}}
@media (forced-colors:active){
  .conn-feature-fieldset,.conn-feature-fieldset label,.conn-action-status,.aboutyou-workflow,.aboutyou-workflow-row{border-color:CanvasText}
  .aboutyou-workflow-row>i{background:CanvasText}
}

/* 订单页：突出待匹配队列，让来源筛选和德国时间一眼可读。 */
.order-sync-kpis>div.order-kpi-attention{padding:10px 11px 11px;border-color:rgba(var(--brass-rgb),.52);border-top:3px solid var(--brass);background:var(--card-2);box-shadow:0 2px 8px rgba(60,49,22,.06)}
.order-kpi-attention>span{color:var(--brass-deep);font-weight:650}
.order-sync-kpis>div.order-kpi-attention>b{color:var(--brass-deep);font:700 31px/1.1 var(--font-display);font-variant-numeric:lining-nums tabular-nums}
.order-kpi-attention button{display:flex;align-items:center;justify-content:space-between;gap:5px;width:100%;min-height:40px;margin-top:auto;padding:8px 10px;border:1px solid var(--pine);border-radius:8px;background:var(--pine);color:#fff;font:650 12px/1.25 var(--font-sans);text-align:left;cursor:pointer;transition:background .18s,transform .18s}
.order-kpi-attention button:hover{background:#315440;transform:translateY(-1px)}
.order-kpi-attention button:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}
.order-kpi-attention button:disabled{background:var(--mut-bg);border-color:var(--line-strong);color:var(--ink-3);cursor:default;transform:none}
.order-sync-kpis .order-kpi-attention button span{color:inherit}
.order-kpi-arrow{flex:none;font-size:17px;line-height:1}
#p-ord>.card .hd .acts{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;min-width:0}
.order-source-control{display:flex;align-items:center;gap:7px;color:var(--ink-2);font:650 12px/1.3 var(--font-sans);white-space:nowrap}
.order-source-control select{min-width:128px;height:38px;padding:0 31px 0 11px;border:1px solid var(--line-strong);border-radius:8px;background:var(--card);color:var(--ink);font:600 12px var(--font-sans);cursor:pointer}
.order-source-control select:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}
.order-time-meta b{font:650 12px/1.45 var(--font-sans);color:var(--ink);white-space:normal;overflow-wrap:anywhere}
@media(max-width:720px){#p-ord>.card .hd .acts{width:100%;justify-content:flex-start}.order-source-control{width:100%;justify-content:space-between}.order-source-control select{min-width:0;width:min(205px,62%);min-height:44px}.order-kpi-attention button{min-height:44px}#p-ord .order-state-stack{flex:1;min-width:0;max-width:100%}#p-ord .order-state-stack>span{grid-template-columns:minmax(0,52px) minmax(0,1fr);min-width:0}#p-ord .order-state-stack .pill{max-width:100%;white-space:normal;overflow-wrap:anywhere}}
@media(forced-colors:active){.order-sync-kpis>div.order-kpi-attention,.order-kpi-attention button,.order-source-control select{border-color:CanvasText}}
#p-ord .order-list-table thead th{height:56px;text-align:left;vertical-align:middle;color:var(--ink-2);font:650 12px/1.35 var(--font-mono);letter-spacing:.08em}
#p-ord .order-list-table thead th.num{text-align:left}
#p-ord .order-list-table tbody td{vertical-align:top;padding-top:17px;padding-bottom:17px}
@media(min-width:721px) and (max-width:1100px){#p-ord .order-list-table{min-width:1120px}}
@media(min-width:721px){
  #p-ord .order-list-table tbody td.num{text-align:left}
  #p-ord .order-list-table th:nth-child(4){min-width:235px}
  #p-ord .order-list-table th:nth-child(6){min-width:215px}
  #p-ord .order-list-table .order-state-stack{width:100%;min-width:0}
  #p-ord .order-list-table .order-state-stack>span{width:100%;grid-template-columns:90px minmax(0,1fr)}
  #p-ord .order-list-table .order-state-stack .pill{max-width:100%;white-space:normal;overflow-wrap:anywhere;line-height:1.3}
}
.order-source-th{min-width:176px}
.order-source-trigger{display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:0;border:0;border-radius:3px;background:transparent;color:inherit;font:inherit!important;letter-spacing:inherit;text-align:left;white-space:nowrap;cursor:pointer}
.order-source-trigger:hover,.order-source-trigger[aria-expanded="true"],.order-source-trigger.is-filtered{color:var(--pine)}
.order-source-trigger:focus-visible{outline:3px solid var(--focus-ring);outline-offset:4px}
.order-source-trigger:disabled{opacity:.55;cursor:wait}
.order-source-current{display:inline-block;max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;margin-left:9px;padding-left:10px;border-left:1px solid var(--line-strong);color:var(--pine);font:650 12px/1.25 var(--font-sans);letter-spacing:0;text-transform:none}
.order-source-current[hidden]{display:none}
.order-source-chevron{width:7px;height:7px;flex:none;margin:-3px 1px 0 2px;border-right:1.8px solid currentColor;border-bottom:1.8px solid currentColor;transform:rotate(45deg)}
.order-source-trigger.is-filtered .order-source-chevron{border-color:var(--brass)}
.order-source-trigger[aria-expanded="true"] .order-source-chevron{margin-top:3px;transform:rotate(225deg)}
.order-source-menu{position:fixed;z-index:1200;overflow-y:auto;overscroll-behavior:contain;padding:7px;background:var(--card);border:1px solid var(--line-strong);border-radius:12px;box-shadow:0 16px 40px rgba(23,34,28,.17),0 2px 8px rgba(23,34,28,.07)}
.order-source-menu[hidden]{display:none}
.order-source-menu button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:40px;padding:9px 12px;border:0;border-radius:7px;background:transparent;color:var(--ink);font:600 13px/1.35 var(--font-sans)!important;text-align:left;cursor:pointer}
.order-source-menu button:hover,.order-source-menu button:focus-visible{background:var(--card-2);color:var(--pine)}
.order-source-menu button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}
.order-source-menu button[aria-pressed="true"]{background:var(--brass-pale);color:var(--pine);font-weight:750}
.order-source-menu button[aria-pressed="true"]::after{content:"✓";flex:none;color:var(--pine);font-size:15px}
.order-source-menu button[data-source-value="type:manual"]{margin-top:5px;border-top:1px solid var(--line);border-radius:0 0 7px 7px;padding-top:12px}
@media(min-width:721px){#p-ord>.card .hd .order-source-control{display:none}}
@media(forced-colors:active){.order-source-trigger,.order-source-menu{border-color:CanvasText}.order-source-menu button[aria-pressed="true"]{outline:2px solid Highlight}}