.product-list-cell.product-price{flex-direction:column-reverse}
.product-list-cell.product-price>small{display:block;line-height:1.45;color:var(--muted);white-space:nowrap}
.product-title-line{display:flex;align-items:center;gap:12px;white-space:nowrap;line-height:1.15}
.product-title-line h1{flex:0 0 auto;margin:0;line-height:1.15}.product-title-line+.subtitle{margin-top:7px}.product-inline-fx{display:inline-flex;align-items:center;gap:7px;line-height:1.2;color:#9e5a5c}.product-inline-fx b{font-size:11px;color:#783335}.product-inline-fx small{font-size:10px;color:#9e5a5c}

:root {
  --ink: #412324;
  --muted: #755b5c;
  --line: #efe1e1;
  --paper: #ffffff;
  --canvas: #fbf4f4;
  --green: #c14246;
  --green-2: #fae6e7;
  --lime: #f2bdbe;
  --orange: #ed9a5b;
  --red: #c95f56;
  --blue: #5488b5;
  --shadow: 0 16px 45px rgba(110,45,47, .1);
}

* { box-sizing: border-box; }
body { margin: 0; background: var(--canvas); color: var(--ink); font-family: "DM Sans", "Noto Sans SC", sans-serif; }
button, input, select, textarea { font: inherit; }
button { cursor: pointer; }
.app-shell { min-height: 100vh; display: grid; grid-template-columns: 232px 1fr; }
.sidebar { position: fixed; inset: 0 auto 0 0; width: 232px; background: #471718; color: white; padding: 28px 18px; display: flex; flex-direction: column; z-index: 20; }
.brand { width:100%; display:block; padding:0 6px 24px; border:0; background:transparent; color:inherit; text-align:left; border-radius:12px; }
.brand:hover { opacity:.88; }
.brand:focus-visible { outline:2px solid rgba(255,255,255,.9); outline-offset:3px; }
.brand-logo { display:block; width:min(100%,220px); height:auto; object-fit:contain; }
.nav-label { color: #d18b8d; font-size: 10px; padding: 12px 10px 8px; letter-spacing: .12em; }
.nav-item { width:100%; border:0; background:transparent; color:#e8c1c2; display:flex; align-items:center; gap:12px; padding:11px 12px; margin:2px 0; border-radius:10px; text-align:left; font-size:13px; }
.nav-item:hover { background:rgba(255,255,255,.06); color:white; }
.nav-item.active { background: var(--lime); color: var(--ink); font-weight: 600; }
.nav-item .nav-text{min-width:0}.nav-count-badge{margin-left:auto;min-width:20px;height:20px;padding:0 6px;border-radius:999px;display:grid;place-items:center;background:#e04f4f;color:#ffffff;font-size:10px;font-weight:800;line-height:1;box-shadow:0 0 0 2px rgba(255,255,255,.14)}
.nav-icon { width:18px; text-align:center; font-size:15px; }
.side-help { margin-top:auto; padding: 14px; border:1px solid rgba(255,255,255,.12); border-radius: 14px; color:#e6c7c8; font-size:11px; line-height:1.6; background:rgba(255,255,255,.035); }
.side-help strong { display:block; color:white; font-size:12px; margin-bottom:3px; }
.main { grid-column:2; min-width:0; }
.topbar { height:78px; display:flex; align-items:center; justify-content:space-between; padding: 0 34px; border-bottom:1px solid var(--line); background:rgba(251,244,244,.92); position:sticky; top:0; z-index:15; backdrop-filter: blur(12px); }
.crumb { font-size:12px; color:var(--muted); }
.top-actions { display:flex; align-items:center; gap:10px; }
.message-center{position:relative}.message-center-button{position:relative;font-size:16px}.message-badge{position:absolute;right:-4px;top:-5px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#d85750;color:#ffffff;border:2px solid #ffffff;display:grid;place-items:center;font-size:9px;font-weight:800;line-height:1}.message-center-panel{position:absolute;right:0;top:calc(100% + 12px);z-index:80;width:min(390px,calc(100vw - 28px));max-height:520px;overflow:hidden;border:1px solid #eed9da;border-radius:18px;background:#ffffff;box-shadow:0 18px 54px rgba(68,32,33,.2)}.message-center-panel[hidden]{display:none}.message-center-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--line)}.message-center-head b{font-size:15px}.message-center-head small{color:var(--muted)}.message-center-list{max-height:440px;overflow:auto}.seller-message-item{width:100%;border:0;border-bottom:1px solid var(--line);background:#ffffff;padding:14px 18px;text-align:left;display:grid;gap:5px;color:var(--ink);cursor:pointer}.seller-message-item:hover{background:#fdf8f8}.seller-message-item.unread{background:#fdf2f3}.seller-message-item.unread span:before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);margin-right:7px}.seller-message-item span{color:#c44246;font-size:12px;font-weight:800}.seller-message-item b{font-size:12px;line-height:1.6;font-weight:600}.seller-message-item small{font-size:10px;color:var(--muted)}.message-center-empty{padding:40px 20px;text-align:center;color:var(--muted)}.refund-order-option{border-color:#e6aaa4!important;background:#fff3f1!important;color:#c94f47!important;font-weight:800}
.message-badge[hidden]{display:none!important}
.role-switch { border:1px solid var(--line); background:white; padding:8px 12px; border-radius:10px; color:var(--ink); font-size:12px; }
.icon-btn { width:36px; height:36px; display:grid; place-items:center; border:1px solid var(--line); background:white; border-radius:10px; position:relative; }
.avatar { width:36px; height:36px; border-radius:11px; background:#e6c39a; display:grid; place-items:center; font-weight:700; color:#6b3d24; overflow:hidden; flex:0 0 36px; }
.avatar img{width:100%;height:100%;object-fit:cover}
.avatar-link{border:0;padding:0;cursor:pointer;transition:transform .18s,box-shadow .18s}.avatar-link:hover{transform:translateY(-1px);box-shadow:0 0 0 3px rgba(193,66,70,.14)}.avatar-link:focus-visible{outline:3px solid rgba(193,66,70,.25);outline-offset:2px}
.user-identity{display:flex;flex-direction:column;text-align:right;line-height:1.3}.user-identity b{font-size:10px}.user-identity small{font-size:8px;color:var(--muted)}
.content { padding: 34px; max-width: 1500px; margin:auto; }
.content.content-fullscreen{width:100%;max-width:none;margin:0}
.startup-data-warning{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 18px;padding:13px 16px;border:1px solid #ead6b5;border-radius:12px;background:#fff8ec;color:#805525}.startup-data-warning>span{display:flex;flex-direction:column;gap:4px}.startup-data-warning b{font-size:12px}.startup-data-warning small{font-size:10px;line-height:1.55}.startup-failure{min-height:100vh;display:grid;place-items:center;padding:24px;background:var(--bg)}.startup-failure>div{width:min(440px,100%);padding:34px;border:1px solid var(--line);border-radius:18px;background:#ffffff;text-align:center;box-shadow:0 18px 55px rgba(68,32,33,.12)}.startup-failure b{font-size:20px}.startup-failure p{margin:12px 0 22px;color:var(--muted);line-height:1.7}.startup-failure .btn{width:100%}
.startup-data-loading{display:flex;align-items:center;gap:11px;margin:0 0 14px;padding:10px 13px;border:1px solid #efd1d2;border-radius:11px;background:#fdf4f4;color:#7f3436}.startup-data-loading>span:last-child{display:flex;min-width:0;flex-direction:column;gap:1px}.startup-data-loading b{font-size:12px}.startup-data-loading small{color:#915f60;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.startup-data-spinner{width:18px;height:18px;flex:0 0 18px;border:2px solid #ebc5c6;border-top-color:#c14246;border-radius:50%;animation:startup-spin .7s linear infinite}@keyframes startup-spin{to{transform:rotate(360deg)}}
.headline { display:flex; justify-content:space-between; align-items:flex-end; gap:20px; margin-bottom:26px; }
h1 { font-size:27px; margin:0 0 7px; letter-spacing:-.03em; }
.subtitle { color:var(--muted); font-size:13px; }
.btn { border:0; border-radius:11px; padding:10px 16px; display:inline-flex; align-items:center; justify-content:center; gap:8px; font-size:13px; font-weight:600; }
.btn-primary { background:var(--green); color:white; box-shadow:0 8px 18px rgba(193,66,70,.2); }
.btn-primary:hover { background:#a33235; transform:translateY(-1px); }
.btn-light { background:white; border:1px solid var(--line); color:var(--ink); }
.btn-small { padding:7px 10px; font-size:11px; }
.metrics { display:grid; grid-template-columns:repeat(4,1fr); gap:15px; margin-bottom:24px; }
.metric { background:var(--paper); border:1px solid #e6ebe7; border-radius:16px; padding:18px; box-shadow:0 5px 24px rgba(43,67,58,.035); }
.metric-top { display:flex; justify-content:space-between; align-items:center; color:var(--muted); font-size:11px; }
.metric-icon { width:30px; height:30px; border-radius:9px; display:grid; place-items:center; background:var(--green-2); color:var(--green); font-size:14px; }
.metric-value { font-size:24px; font-weight:700; margin:11px 0 5px; letter-spacing:-.03em; }
.metric-link{width:100%;border:0;background:transparent;padding:0;color:var(--ink);display:flex;align-items:center;justify-content:flex-start;text-align:left;cursor:pointer;font-family:inherit}.metric-link:hover{color:var(--green)}.metric-link:focus-visible{outline:2px solid #cd787b;outline-offset:5px;border-radius:4px}
.metric-filter-card{transition:border-color .18s,box-shadow .18s,transform .18s}.metric-filter-card:hover{border-color:#e5afb1;transform:translateY(-2px);box-shadow:0 10px 28px rgba(110,45,47,.1)}.metric-filter-card.active{border-color:var(--green);box-shadow:0 0 0 3px rgba(193,66,70,.1)}.metric-filter-card.active .metric-icon{background:var(--green);color:white}
.metric-foot { font-size:10px; color:var(--muted); }
.metric-approx-rmb{font-size:.42em;font-weight:600;letter-spacing:0;color:var(--muted);margin-left:6px;vertical-align:middle;white-space:nowrap}
.inline-topup{border:0;background:none;color:var(--green);padding:0;font-size:10px;font-weight:700}
.up { color:var(--green); }
.down { color:var(--red); }
.grid-main { display:grid; grid-template-columns:minmax(0,1.65fr) minmax(280px,.75fr); gap:18px; }
.card { background:var(--paper); border:1px solid #e6ebe7; border-radius:17px; box-shadow:0 7px 28px rgba(43,67,58,.04); overflow:hidden; }
.card-head { padding:19px 20px 14px; display:flex; align-items:center; justify-content:space-between; gap:12px; }
.card-title { font-size:14px; font-weight:700; }
.card-note { color:var(--muted); font-size:10px; margin-top:4px; }
.link { border:0; background:transparent; color:var(--green); font-size:11px; font-weight:600; }
.chart-wrap { padding:4px 20px 18px; }
.sales-top-heading{display:flex;align-items:flex-start;gap:9px;min-width:0}
.sales-top-rank{flex:0 0 23px;height:23px;display:grid;place-items:center;border-radius:7px;background:#fae6e7;color:var(--green);font-size:11px;font-weight:700}
.sales-top-name{flex:1;min-width:0;overflow-wrap:anywhere;font-size:12px;line-height:1.6}
.sales-top-qty{flex:none;white-space:nowrap;font-size:13px;line-height:1.6;color:var(--green)}
.sales-top-qty small{font-size:10px;font-weight:400}
.sales-top-detail{margin:5px 0 8px 32px;color:var(--muted);font-size:10px;line-height:1.5;overflow-wrap:anywhere}
.chart { height:185px; width:100%; overflow:visible; }
.chart-grid { stroke:#e9eeea; stroke-width:1; }
.chart-area { fill:url(#area); }
.chart-line { fill:none; stroke:var(--green); stroke-width:3; stroke-linecap:round; stroke-linejoin:round; }
.chart-point { fill:white; stroke:var(--green); stroke-width:2; }
.chart-labels { display:flex; justify-content:space-between; color:#96a39f; font-size:9px; padding:0 4px; }
.daily-chart-hint,.daily-chart-note{color:var(--muted);font-size:11px;line-height:1.5;margin:0 0 10px}
.daily-chart-note{margin:8px 0 0}
.daily-chart-plot{position:relative;min-width:0}
.daily-sales-chart .chart{display:block;width:100%;height:210px;touch-action:pan-y;overflow:hidden}
.daily-chart-dates{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:0}
.daily-chart-dates button{min-width:0;min-height:40px;padding:5px 0;border:0;border-radius:8px;background:transparent;color:var(--muted);font:inherit;font-size:11px;cursor:pointer}
.daily-chart-dates button[aria-pressed="true"]{background:#fae6e7;color:var(--green);font-weight:700}
.daily-chart-dates button:focus-visible{outline:2px solid var(--green);outline-offset:-2px}
.daily-chart-guide{stroke:var(--green);stroke-width:1;stroke-dasharray:4 4;vector-effect:non-scaling-stroke;pointer-events:none}
.daily-sales-chart .chart-point.active{fill:var(--green)}
.daily-sales-chart .chart-line{vector-effect:non-scaling-stroke}
.daily-chart-tip{position:absolute;top:6px;z-index:2;box-sizing:border-box;width:210px;max-width:100%;padding:12px;border-radius:10px;background:#442021;color:white;box-shadow:0 4px 16px #44202130;pointer-events:none;font-size:12px;line-height:1.6}
.daily-chart-tip[hidden]{display:none}
.daily-chart-tip>b,.daily-chart-tip>span{display:flex;justify-content:space-between;gap:12px}
.daily-chart-tip>b{margin-bottom:4px;color:#f9dedf}
.daily-tip-channels{margin-top:7px;padding-top:7px;border-top:1px solid #ffffff35;font-size:11px}
.daily-tip-channels>span{display:flex;justify-content:space-between;gap:8px;line-height:1.7}
.daily-chart-tip:has(.daily-tip-channels){width:285px}
.daily-chart-line{stroke-dasharray:none;stroke-dashoffset:0;animation:daily-chart-appear .3s ease-out both}
@keyframes daily-chart-appear{from{opacity:.35}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.daily-chart-line{animation:none}}
.self-trend-wrap{padding:4px 20px 16px}
.self-trend-legend{display:flex;flex-wrap:wrap;gap:8px 18px;padding:2px 4px 10px}
.self-trend-legend span{display:inline-flex;align-items:center;gap:7px;font-size:11px;color:var(--muted)}
.self-trend-legend i{width:16px;height:3px;border-radius:3px;display:inline-block}
.self-trend-plot{position:relative}
.self-trend-plot svg{display:block;width:100%;height:auto;touch-action:pan-y;cursor:crosshair}
.self-trend-grid{stroke:#f2eded;stroke-width:1}
.self-trend-area{fill:url(#selfTrendArea)}
.self-trend-zero{stroke:#e6cfd0;stroke-width:1.2;stroke-dasharray:4 4}
.self-trend-axis{font-size:12px;fill:#9aa5a1}
.self-trend-guide{stroke:#d6a8a9;stroke-width:1.2;stroke-dasharray:3 3;pointer-events:none}
.self-trend-tip{position:absolute;top:6px;min-width:172px;background:#471718;color:#ffffff;border-radius:12px;padding:11px 13px;font-size:11px;line-height:1.75;box-shadow:var(--shadow);pointer-events:none;z-index:5;transform:translateX(12px);white-space:nowrap}
.self-trend-tip.flip{transform:translateX(calc(-100% - 12px))}
.self-trend-tip .tt-title{display:flex;justify-content:space-between;gap:14px;font-weight:700;margin-bottom:3px;color:#ffffff}
.self-trend-tip .tt-title span:last-child{color:#f2bdbe;font-weight:600}
.self-trend-tip .tt-row{display:flex;align-items:center;justify-content:space-between;gap:16px}
.self-trend-tip .tt-row>span{display:inline-flex;align-items:center;gap:7px;color:#eecdce}
.self-trend-tip .tt-dot{width:8px;height:8px;border-radius:50%;display:inline-block}
.self-trend-tip .tt-val{color:#ffffff;font-weight:700}
.quick-list { padding:4px 14px 15px; }
.quick-row { display:flex; gap:12px; align-items:center; padding:12px 7px; border-top:1px solid #eef1ef; }
.quick-icon { width:34px; height:34px; border-radius:10px; display:grid; place-items:center; background:#f0f5f1; color:var(--green); }
.quick-name { font-size:12px; font-weight:600; }
.quick-desc { font-size:9px; color:var(--muted); margin-top:3px; }
.arrow { margin-left:auto; color:#8b9a95; }
.lower-grid { display:grid; grid-template-columns:1.35fr .65fr; gap:18px; margin-top:18px; }
.toolbar { display:flex; gap:9px; align-items:center; flex-wrap:wrap; }
.search { border:1px solid var(--line); background:#f8faf8; border-radius:9px; padding:8px 11px; font-size:11px; min-width:180px; outline:none; }
.search:focus { border-color:#8cb4a7; background:white; }
table { width:100%; border-collapse:collapse; }
th { text-align:left; font-size:9px; color:#82908c; letter-spacing:.06em; font-weight:600; background:#fafbfa; padding:11px 16px; border-top:1px solid #edf0ee; border-bottom:1px solid #edf0ee; }
td { padding:13px 16px; font-size:11px; border-bottom:1px solid #eef1ef; white-space:nowrap; }
tr:last-child td { border-bottom:0; }
.order-check-cell{width:44px;min-width:44px;padding-left:16px!important;padding-right:4px!important;text-align:center}.order-check{width:16px;height:16px;accent-color:var(--green);cursor:pointer}.order-check:disabled{cursor:not-allowed;opacity:.35}.order-row-selected td{background:#fef8f8}.order-row-selected td:first-child{box-shadow:inset 3px 0 0 var(--green)}
.order-id { font-weight:700; color:var(--green); }
.order-id-link{appearance:none;border:0;background:transparent;padding:0;text-align:left;font:inherit;cursor:pointer}.order-id-link:hover{text-decoration:underline;text-underline-offset:3px}.order-id-link:focus-visible{outline:2px solid #d76366;outline-offset:3px;border-radius:3px}
.order-review-notice{margin-top:7px;display:flex;flex-direction:column;align-items:flex-start;gap:2px;font-size:9px;line-height:1.45}.order-review-notice.pending b{color:#9a651b;background:#fff4d9;border-radius:6px;padding:3px 7px}.order-review-notice.rejected{max-width:270px;color:#a8423a}.order-review-notice.rejected b{background:#fff0ef;border-radius:6px;padding:4px 7px}.order-review-notice span{color:var(--muted)}.review-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;width:100%}.review-actions .btn{white-space:nowrap}.reject-reason-modal{max-width:460px}.reject-reason-options{display:grid;gap:10px;padding:20px 24px 24px}.reject-reason-option{min-height:48px;border:1px solid #efd0cc;border-radius:12px;background:#fff8f7;color:var(--red);font:inherit;font-weight:700;text-align:left;padding:12px 15px;cursor:pointer;transition:background .18s,border-color .18s,transform .18s}.reject-reason-option:hover,.reject-reason-option:focus-visible{background:#fff0ef;border-color:#dda9a3;outline:0;transform:translateY(-1px)}.reject-reason-option:disabled{opacity:.55;cursor:wait;transform:none}
.customer { color:var(--muted); font-size:9px; margin-top:2px; }
.pill { display:inline-flex; align-items:center; gap:5px; padding:5px 8px; border-radius:20px; font-size:9px; font-weight:600; }
.pill:before { content:""; width:5px; height:5px; border-radius:50%; background:currentColor; }
.pill-green { background:#e4f2eb; color:#267159; }
.pill-orange { background:#fff0e4; color:#b66d35; }
.pill-blue { background:#e7f0f8; color:#48799f; }
.pill-red { background:#f9e8e7; color:#ae514a; }
.shipping-label{font-size:10px;font-weight:700;color:var(--ink)}
.refund-label{margin-top:5px;font-size:8px;font-weight:700;color:#267159}.refund-detail{margin-top:9px!important;padding-top:10px!important;border-top:1px dashed #dfc3c4}
.platform-mini{display:inline-block;background:#e8f1ec;color:var(--green);padding:2px 5px;border-radius:4px;font-size:8px;font-weight:700;margin-right:3px}
.inventory-list { padding:0 18px 16px; }
.inventory-row { padding:13px 2px; border-top:1px solid #edf0ee; }
.inv-top { display:flex; justify-content:space-between; font-size:11px; }
.inv-name { font-weight:600; max-width:70%; }
.inv-num { font-weight:700; }
.bar { height:5px; background:#edf1ee; border-radius:8px; margin-top:9px; overflow:hidden; }
.bar > i { display:block; height:100%; background:var(--green); border-radius:8px; }
.bar.low > i { background:var(--orange); }
.page-panel { display:none; }
.page-panel.active { display:block; animation:fade .25s ease; }
@keyframes fade { from {opacity:0; transform:translateY(3px)} }
.catalog-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.product-card { background:white; border:1px solid var(--line); border-radius:16px; overflow:hidden; transition:.2s; }
.product-card:hover { transform:translateY(-3px); box-shadow:var(--shadow); }
.product-card.product-disabled{opacity:.68}.product-card.product-disabled:hover{transform:none}.product-status{position:absolute;top:10px;right:10px;background:#e7f3ec;color:#267159;border-radius:6px;padding:4px 7px;font-size:8px;font-weight:700}.product-status.off{background:#f3e8e7;color:#ae514a}.product-actions{display:flex;gap:6px;align-items:center}.btn-danger{background:#fff0ef;color:var(--red);border:1px solid #f0cfcc}.btn-danger:hover{background:#fbe4e2}.product-modal{max-width:720px}.product-modal-actions{justify-content:flex-end;margin-top:18px}.product-modal-actions .btn{flex:0 0 auto;min-width:110px}
.product-visual { height:126px; display:grid; place-items:center; font-size:48px; background:linear-gradient(135deg,#edf4ef,#f9f5ec); position:relative; }
.type-tag { position:absolute; top:10px; left:10px; background:white; border-radius:6px; padding:4px 7px; font-size:9px; font-weight:700; }
.product-body { padding:15px; }
.product-name { font-size:13px; font-weight:700; }
.product-name-en{margin-top:2px;color:var(--muted);font-size:10px;line-height:1.35;font-weight:600;letter-spacing:.01em;overflow-wrap:anywhere}
.product-meta { font-size:10px; color:var(--muted); margin:6px 0 14px; }
.product-bottom { display:flex; justify-content:space-between; align-items:end; }
.price { font-size:17px; font-weight:700; }
.price small { font-size:9px; font-weight:500; color:var(--muted); }
.stock { font-size:9px; color:var(--green); }
.product-list{overflow:hidden}.product-list-head,.product-row{display:grid;grid-template-columns:minmax(220px,1.6fr) minmax(110px,.8fr) 165px 125px 70px 120px;gap:12px;align-items:center}.product-list.has-cost-col .product-list-head,.product-list.has-cost-col .product-row{grid-template-columns:minmax(220px,1.6fr) minmax(110px,.8fr) 130px 165px 125px 70px 120px}.product-list-head{min-height:44px;padding:0 18px;background:#fbf4f4;border-bottom:1px solid var(--line);color:var(--muted);font-size:9px;font-weight:700;letter-spacing:.04em}.product-row{min-height:102px;padding:13px 18px;border-bottom:1px solid #f3eaea;background:white;transition:background .18s}.product-row:last-child{border-bottom:0}.product-row:hover{background:#fefbfb}.product-row.product-disabled{opacity:.62}.product-main{display:flex;align-items:center;gap:14px;min-width:0}.product-thumb{width:72px;height:72px;flex:0 0 72px;border:1px solid #f1e2e2;border-radius:12px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(135deg,#f0f5f1,#faf6ee)}.product-thumb img{width:100%;height:100%;object-fit:contain;padding:4px}.product-thumb span{font-size:32px}.product-row .product-name{font-size:14px;line-height:1.45;font-weight:750;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-row .product-meta{font-size:9px;margin:5px 0 7px;color:var(--muted)}.product-tags{display:flex;gap:5px}.product-tags i{font-style:normal;font-size:8px;font-weight:700;color:var(--green);background:#fae9ea;border-radius:5px;padding:3px 6px}.product-list-cell{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:5px}.product-list-cell>small{display:none;font-size:8px;color:var(--muted)}.product-list-cell>b{font-size:11px;line-height:1.45;color:var(--ink);word-break:break-word}.product-price b{font-size:16px;color:var(--green);white-space:nowrap}.product-price>span{font-size:8px;color:var(--muted)}.tier-price-list{display:grid;gap:4px;width:100%}.tier-price-list span{display:flex;align-items:center;gap:6px}.tier-price-list i{width:20px;height:18px;border-radius:5px;background:var(--green-2);color:var(--green);display:grid;place-items:center;font-size:8px;font-style:normal;font-weight:800}.tier-price-list b{font-size:11px;color:var(--ink);white-space:nowrap}.product-stock b{font-size:15px}.product-stock b em{font-size:9px;font-style:normal;font-weight:500;color:var(--muted)}.product-stock>span{font-size:8px;color:#37826a}.product-stock>span:first-letter{}.product-row .product-actions{justify-content:flex-end;flex-wrap:wrap}.product-list-empty{border:0;border-radius:0}.product-image-upload{min-height:68px;border:1px dashed #d7a8a9;border-radius:10px;background:#fdf8f8;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;cursor:pointer;color:var(--green);font-size:10px;font-weight:700}.product-image-upload:hover{border-color:var(--green);background:#fbeeee}.product-image-upload small{font-size:8px;font-weight:400;color:var(--muted)}
.filters { background:white; padding:12px; border:1px solid var(--line); border-radius:13px; margin-bottom:17px; display:flex; flex-wrap:wrap; gap:8px; }
.product-catalog-page .filters{align-items:center}
.product-warehouse-filter{display:flex;align-items:center;gap:8px;min-width:0;margin-right:4px;font-size:14px;font-weight:700;white-space:nowrap}
.product-warehouse-filter .table-select{width:180px;max-width:100%;min-height:40px;font-weight:400}
.product-list-controls{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-left:auto;max-width:100%;min-width:0;flex-wrap:wrap}
.product-list-controls .search{flex:1;min-width:180px}
.product-list-controls #productSort{min-width:210px;min-height:40px}
@media(max-width:720px){.product-warehouse-filter{width:100%;margin-right:0}.product-warehouse-filter .table-select{flex:1;min-width:0;min-height:44px}.product-list-controls{width:100%}.product-list-controls .search{min-width:0;flex-basis:100%}.product-list-controls #productSort{max-width:100%;margin-left:auto}}
.filter-chip { border:1px solid var(--line); background:white; border-radius:8px; padding:7px 11px; font-size:10px; color:var(--muted); }
.filter-chip.active { background:var(--green); color:white; border-color:var(--green); }
.empty-state { background:white; border:1px dashed #ced8d2; border-radius:18px; padding:70px 20px; text-align:center; color:var(--muted); }
.empty-icon { font-size:38px; margin-bottom:14px; }
.import-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.import-step{background:white;border:1px solid var(--line);border-radius:13px;padding:15px;display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;column-gap:10px}.import-step i{grid-row:1/3;width:32px;height:32px;background:#edf2ef;color:var(--muted);display:grid;place-items:center;border-radius:9px;font-style:normal;font-weight:700}.import-step b{font-size:11px}.import-step span{font-size:9px;color:var(--muted);margin-top:3px}.import-step.active{border-color:#96b9ac}.import-step.active i{background:var(--green);color:white}.import-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.upload-card{text-align:center;padding:38px 22px;border-style:dashed}.upload-hero{font-size:32px;color:var(--green);margin-bottom:12px}.upload-card h3{font-size:14px;margin:0}.upload-card p{font-size:10px;color:var(--muted);margin:8px 0 20px}.selected-file{font-size:9px;color:var(--green);margin-top:12px}.import-note{margin-top:18px;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:20px}.import-rules{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px 28px;flex:1}.import-note b{font-size:11px}.import-note p{font-size:9px;color:var(--muted);margin:4px 0 0}.btn:disabled{opacity:.45;cursor:not-allowed}.account-modal{max-width:650px}.account-notice{background:#eef5f1;border:1px solid #dce9e2;padding:12px;border-radius:9px;font-size:9px;color:#647871;line-height:1.7;word-break:break-all}.account-actions{justify-content:flex-end;margin-top:17px}.account-actions .btn{flex:0 0 auto}.account-actions .btn-primary{min-width:140px}
.staff-card{margin-bottom:18px}.customer-account-card{margin-top:18px}.permission-tags{display:flex;flex-wrap:wrap;gap:5px;max-width:360px}.permission-tags span{font-size:8px;color:var(--green);background:var(--green-2);padding:4px 7px;border-radius:999px}.permission-tags i{font-size:9px;color:var(--red);font-style:normal}.locked-admin{font-size:9px;color:var(--muted);white-space:nowrap}.staff-modal{width:min(900px,100%)}.permission-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:20px 0 12px}.permission-heading b{font-size:12px}.permission-heading small{display:block;color:var(--muted);font-size:9px;margin-top:4px}.permission-presets{display:flex;gap:12px;flex-wrap:wrap}.permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:16px}.permission-grid>label{display:flex;align-items:flex-start;gap:10px;border:1px solid var(--line);border-radius:11px;padding:12px;cursor:pointer}.permission-grid>label:has(input:checked){border-color:#e7989a;background:#fef8f8}.permission-grid input{margin-top:3px;accent-color:var(--green)}.permission-grid span b{display:block;font-size:10px}.permission-grid span small{display:block;color:var(--muted);font-size:8px;line-height:1.55;margin-top:3px}
.zip-recognition{margin-top:18px}.zip-empty{border:1px dashed #cbd7d1;border-radius:14px;padding:20px;background:#f9fbfa;display:flex;flex-direction:column;gap:5px;color:var(--muted)}.zip-empty b{font-size:11px;color:var(--ink)}.zip-empty span{font-size:9px}.zip-result-head{padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:18px}.zip-summary{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.zip-summary span{background:#f3f6f4;border-radius:9px;padding:7px 9px;font-size:8px;color:var(--muted)}.zip-summary b{font-size:12px;color:var(--ink);margin-right:3px}.zip-summary .ok{background:#e7f3ec;color:#267159}.zip-summary .warn{background:#fff0e4;color:#aa6532}.file-state{font-size:9px;font-weight:600}.file-state.ok{color:#267159}.file-state.missing{color:var(--red)}.zip-ignored{padding:12px 20px;background:#fafbfa;color:var(--muted);font-size:9px;border-top:1px solid #edf0ee}.zip-no-row{text-align:center;color:var(--muted);padding:25px}.zip-error{border:1px solid #efc8c5;background:#fff4f3;color:var(--red);padding:15px;border-radius:12px;font-size:10px}.batch-preview-table td b,.batch-preview-table td small{display:block}.batch-preview-table td small{margin-top:4px;color:var(--muted)}.batch-preview-table td:nth-child(2){min-width:180px}.batch-preview-table td:nth-child(3){min-width:210px}.batch-preview-table td:last-child{white-space:normal;min-width:210px}
.wallet-hero{background:linear-gradient(125deg,#471718,#a54043);border-radius:18px;padding:28px 30px;color:white;display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;box-shadow:0 14px 35px rgba(100,37,39,.2)}.wallet-hero>div:first-child{display:flex;flex-direction:column}.wallet-hero span{font-size:10px;color:#edcacb}.wallet-hero strong{font-size:32px;margin:8px 0 4px}.wallet-hero small{font-size:9px;color:#deb2b3}.wallet-summary{display:flex;gap:34px}.wallet-summary span{display:flex;flex-direction:column;gap:7px}.wallet-summary b{font-size:13px;color:white}.payment-intro{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:18px}.payment-method{background:white;border:1px solid var(--line);border-radius:13px;padding:15px;display:flex;align-items:center;gap:11px}.payment-method i,.pay-option i{width:34px;height:34px;border-radius:10px;background:#fae9ea;color:var(--green);display:grid;place-items:center;font-style:normal;font-weight:700;font-size:11px;flex:0 0 34px}.payment-method i.alipay-mark,.pay-option i.alipay-mark,.alipay-payment-heading i.alipay-mark{background:#fbecec;color:#da3b40}.payment-method span,.pay-option span{display:flex;flex-direction:column;gap:3px}.payment-method b,.pay-option b{font-size:10px}.payment-method small,.pay-option small{font-size:8px;color:var(--muted)}.topup-modal{max-width:560px}.topup-balance{background:#faeaea;border-radius:11px;padding:12px 14px;display:flex;justify-content:space-between;margin-bottom:20px;font-size:10px}.topup-balance b{font-size:13px}.amount-options{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px}.amount-chip{border:1px solid var(--line);background:white;border-radius:9px;padding:9px 5px;font-size:9px;color:var(--ink)}.amount-chip.active{border-color:var(--green);background:#fae8e9;color:var(--green);font-weight:700}.topup-input{margin-bottom:21px}.pay-title{margin-top:4px}.pay-options{display:grid;gap:8px}.pay-option{border:1px solid var(--line);border-radius:11px;padding:11px;display:flex;align-items:center;gap:10px;cursor:pointer}.pay-option:has(input[value="银行卡 / 信用卡"]),.pay-option:has(input[value="银行转账"]){display:none}.pay-option.disabled,.pay-option:has(input:disabled){opacity:.52;cursor:not-allowed;background:#f5f5f5}.pay-option input{display:none}.pay-option em{font-style:normal;margin-left:auto;color:white;width:18px;height:18px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font-size:9px}.pay-option.active{border-color:#cd787b;background:#fdf9f9}.pay-option.active em{background:var(--green);border-color:var(--green)}.alipay-config-notice{margin:10px 0 0;border:1px solid #efd7b4;background:#fff8ed;color:#8d5c25;border-radius:9px;padding:9px 11px;font-size:9px;line-height:1.6}.topup-summary{margin:17px 0 9px;border-top:1px solid var(--line);padding-top:12px}.topup-summary>div{display:flex;justify-content:space-between;font-size:9px;padding:4px 0;color:var(--muted)}.topup-summary .credit-row{border-top:1px dashed var(--line);margin-top:6px;padding-top:10px;color:var(--ink)}.credit-row strong{font-size:15px}.topup-submit{width:100%;margin-top:15px;padding:12px}.alipay-payment-panel{padding:28px;text-align:center}.alipay-payment-heading{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;text-align:left;border-bottom:1px solid var(--line);padding-bottom:15px}.alipay-payment-heading i{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;font-style:normal;font-weight:800}.alipay-payment-heading span{display:flex;flex-direction:column;gap:4px;min-width:0}.alipay-payment-heading b{font-size:14px}.alipay-payment-heading small{font-size:8px;color:var(--muted);word-break:break-all}.alipay-payment-heading strong{font-size:17px;color:var(--green);white-space:nowrap}.alipay-payment-status{font-size:14px;font-weight:750;margin:24px 0 8px}.alipay-payment-status.pending{color:#9b6a2c}.alipay-payment-status.success{color:#26815e}.alipay-payment-status.error{color:var(--red)}.alipay-payment-panel p{font-size:9px;color:var(--muted);line-height:1.7;max-width:430px;margin:0 auto 18px}.alipay-payment-panel>.btn{display:block;width:100%;margin-top:9px}.insufficient{display:none;background:#fbedeb;color:var(--red);padding:8px;border-radius:8px;font-size:9px;margin:-7px 0 12px}.insufficient.show{display:block}
.topup-modal .amount-options{grid-template-columns:repeat(3,1fr)}
.topup-account,.topup-operator{display:block;margin-top:4px;color:var(--muted);font-size:11px;line-height:1.45}.topup-account{white-space:normal}.admin-topup-modal{max-width:590px}.admin-topup-account{display:flex;flex-direction:column;gap:4px;margin:14px 0 20px;padding:14px 16px;border:1px solid #eed2d3;border-radius:12px;background:#fdf7f7}.admin-topup-account span{font-size:11px;color:var(--muted)}.admin-topup-account b{font-size:14px}.admin-topup-account small{color:var(--muted)}.admin-topup-summary{margin-top:8px}.admin-topup-summary b{max-width:68%;text-align:right;overflow-wrap:anywhere}.admin-topup-actions{justify-content:flex-end;margin-top:17px}.admin-topup-actions .btn{flex:0 0 auto;min-width:130px}
.fps-transfer-panel{margin:8px 0 2px;padding:10px;border:1px solid #efc8c9;border-radius:11px;background:#fef9f9}.fps-transfer-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:7px}.fps-transfer-head>span{display:flex;flex-direction:column;gap:2px}.fps-transfer-head b{font-size:11px}.fps-transfer-head small{font-size:8px;color:var(--muted)}.fps-transfer-head>i{width:30px;height:30px;border-radius:9px;background:#bd4044;color:#ffffff;display:grid;place-items:center;font-style:normal;font-weight:800;flex:0 0 30px}.fps-details{display:grid;grid-template-columns:1fr 1fr;gap:5px}.fps-copy{min-height:36px;border:1px solid #f2d9da;background:#ffffff;border-radius:8px;padding:6px 8px;display:grid;grid-template-columns:minmax(70px,.8fr) minmax(0,1.2fr) auto;align-items:center;gap:6px;text-align:left;cursor:pointer;color:var(--ink)}.fps-copy span{color:var(--muted);font-size:7px;white-space:nowrap}.fps-copy b{font-size:9px;overflow-wrap:anywhere}.fps-copy em{font-size:7px;color:var(--green);font-style:normal;align-self:center}.fps-proof-upload{margin-top:7px;min-height:50px;border:1px dashed #ce8b8d;border-radius:9px;background:#ffffff;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2px;padding:7px 10px;cursor:pointer;color:var(--green);font-size:10px;font-weight:700}.fps-proof-upload small{color:var(--muted);font-size:7px;font-weight:400;text-align:center}.fps-transfer-panel>p{margin:6px 0 0;color:#825c5d;font-size:7px;line-height:1.4}.topup-proof-link{display:block;width:max-content;margin-top:5px;color:var(--green);font-size:9px;font-weight:700;text-decoration:none}.topup-proof-link:hover{text-decoration:underline}
@media (max-width:520px){.fps-details{grid-template-columns:1fr}.fps-copy{min-height:42px}.fps-transfer-panel{padding:9px}}
.settings-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);gap:18px}.fee-settings-card{overflow:visible}.settings-form{padding:2px 20px 20px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0;border-top:1px solid #edf0ee}.setting-row>span{display:flex;flex-direction:column;gap:5px}.setting-row b{font-size:12px}.setting-row small{font-size:9px;color:var(--muted)}.money-input{display:flex;align-items:center;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:white;min-width:170px}.money-input i{font-style:normal;font-size:10px;color:var(--green);font-weight:700;background:#eef5f1;padding:11px}.money-input input{border:0;outline:0;width:110px;padding:10px;font-size:12px;font-weight:700;text-align:right}.setting-preview{background:#f5f8f6;border-radius:11px;padding:14px;display:grid;grid-template-columns:1fr 1fr;gap:7px 16px;margin-top:4px}.setting-preview span{grid-column:1/-1;font-size:9px;color:var(--muted)}.setting-preview b{font-size:9px;font-weight:600}.settings-actions{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:18px}.settings-actions small{font-size:8px;color:var(--muted)}.settings-note{padding:25px}.settings-note-icon{width:46px;height:46px;border-radius:13px;background:var(--green);color:white;display:grid;place-items:center;font-size:12px;font-weight:700}.settings-note h3{font-size:14px;margin:18px 0 10px}.settings-note p{font-size:10px;line-height:1.8;color:var(--muted)}
.detail-modal{max-width:820px}.detail-status{background:#f5f8f6;padding:17px 22px;display:grid;grid-template-columns:110px 1fr 120px;align-items:center;border-bottom:1px solid var(--line)}.detail-status>div:first-child,.shipping-state{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.detail-status span,.shipping-state small{font-size:8px;color:var(--muted)}.shipping-state strong{font-size:13px}.status-route{display:flex;align-items:center;justify-content:center}.status-route i{width:21px;height:21px;border-radius:50%;display:grid;place-items:center;background:#dfe6e2;color:#83918c;font-style:normal;font-size:8px;font-weight:700}.status-route i.done{background:var(--green);color:white}.status-route span{font-size:8px;margin:0 5px;color:#71817c}.status-route span.done{color:var(--green)}.status-route em{width:22px;height:1px;background:#cdd8d2}.detail-body{padding:20px 23px;display:flex;flex-direction:column}.detail-body>section:has(.order-screenshot-card){order:1}.detail-body>section.fee-snapshot{order:2}.detail-body section{border-bottom:1px solid #edf0ee;padding:0 0 18px;margin-bottom:18px}.detail-body section:last-child{border:0;margin-bottom:0}.detail-body h3{font-size:11px;margin:0 0 13px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px 22px}.detail-grid span{font-size:8px;color:var(--muted);display:flex;flex-direction:column;gap:5px}.detail-grid span.wide{grid-column:1/-1}.detail-grid b{font-size:10px;color:var(--ink);font-weight:600}.section-heading{display:flex;justify-content:space-between;align-items:center}.section-heading small{font-size:8px;color:var(--red)}.document-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.document-card{border:1px solid var(--line);border-radius:11px;overflow:hidden}.document-visual{height:120px;background:linear-gradient(135deg,#dce9e5,#f2e7da);padding:13px}.document-visual img{width:100%;height:100%;object-fit:contain;border-radius:5px}.id-placeholder{height:100%;border:1px solid rgba(30,98,79,.18);border-radius:8px;padding:10px;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 1fr auto;color:#487064}.id-placeholder span{font-size:9px;letter-spacing:.12em}.id-placeholder b{font-size:24px;align-self:center;color:#759589}.id-placeholder small{font-size:7px;align-self:end}.document-meta{display:flex;justify-content:space-between;align-items:center;padding:10px}.document-meta>span{display:flex;flex-direction:column;gap:3px}.document-meta b{font-size:9px}.document-meta small{font-size:8px;color:var(--muted)}.fee-snapshot{background:#f7f9f7;border-radius:10px;padding:13px!important}.fee-snapshot>div{display:flex;justify-content:space-between;font-size:9px;color:var(--muted);padding:4px}.fee-snapshot b{color:var(--ink)}
.order-screenshot-upload{min-height:76px}.order-screenshot-card{border:1px solid var(--line);border-radius:12px;overflow:hidden}.order-screenshot-visual{min-height:210px;background:#faf3f3;display:grid;place-items:center;padding:14px}.order-screenshot-visual img{display:block;width:100%;max-height:360px;object-fit:contain;border-radius:8px}.order-screenshot-placeholder{text-align:center;display:flex;flex-direction:column;align-items:center;gap:7px;color:var(--muted)}.order-screenshot-placeholder>b{width:45px;height:45px;border-radius:12px;background:#f8e7e8;color:var(--green);display:grid;place-items:center;font-size:20px}.order-screenshot-placeholder strong{font-size:11px;color:var(--ink)}.order-screenshot-placeholder span{font-size:8px;max-width:360px;line-height:1.6}.order-screenshot-meta{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:11px 13px}.order-screenshot-meta>span{display:flex;flex-direction:column;gap:3px}.order-screenshot-meta b{font-size:9px}.order-screenshot-meta small{font-size:8px;color:var(--muted)}.order-screenshot-actions{display:flex;align-items:center;gap:7px}.order-screenshot-actions label{cursor:pointer}
.screenshot-ocr-status{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #edc9ca;background:#fcf2f2;color:#8f4446;border-radius:8px;padding:7px 9px;font-size:8px}.screenshot-ocr-status[hidden]{display:none}.screenshot-ocr-status b{font-size:9px}.screenshot-ocr-status span{color:var(--muted);text-align:right}.screenshot-ocr-status.success{border-color:#cde3d8;background:#eef7f2;color:#267159}.screenshot-ocr-status.loading{border-color:#edc9ca;background:#fcf2f2}.screenshot-ocr-status.warning{border-color:#efd7b4;background:#fff8ed;color:#9a6324}.screenshot-ocr-status.error{border-color:#efc8c5;background:#fff4f3;color:var(--red)}
.modal-backdrop { display:none; position:fixed; inset:0; z-index:50; background:rgba(15,35,30,.55); backdrop-filter:blur(5px); padding:28px; overflow:auto; }
.modal-backdrop.open { display:flex; justify-content:center; align-items:flex-start; }
.modal { width:min(920px,100%); background:white; border-radius:20px; box-shadow:0 30px 80px rgba(10,30,24,.25); overflow:hidden; animation:pop .2s ease; }
@keyframes pop { from {opacity:0; transform:translateY(10px) scale(.99)} }
.modal-head { display:flex; justify-content:space-between; align-items:center; padding:20px 24px; border-bottom:1px solid var(--line); }
.modal-head h2 { margin:0; font-size:17px; }
.close { border:0; background:#f0f3f1; width:30px; height:30px; border-radius:9px; }
.form-layout { display:grid; grid-template-columns:1fr 300px; }
.form-main { padding:22px 24px; }
.form-side { padding:22px; background:#f7f9f6; border-left:1px solid var(--line); }
.section-title { font-size:11px; font-weight:700; letter-spacing:.05em; margin:0 0 13px; }
.form-grid { display:grid; grid-template-columns:1fr 1fr; gap:13px; margin-bottom:23px; }
.field { display:flex; flex-direction:column; gap:6px; }
.field.full { grid-column:1/-1; }
.field label { font-size:10px; color:var(--muted); }
.field input,.field select,.field textarea { border:1px solid #dfe6e1; border-radius:9px; padding:9px 10px; font-size:11px; outline:none; background:white; width:100%; }
.field input:focus,.field select:focus,.field textarea:focus { border-color:#76a393; box-shadow:0 0 0 3px rgba(80,140,119,.08); }
.product-combobox{position:relative}.product-select-native{display:none!important}.product-combobox>#productSearchInput{padding-right:38px}.product-search-results{display:none;position:absolute;z-index:30;top:calc(100% + 6px);left:0;right:0;max-height:300px;overflow:auto;background:white;border:1px solid var(--line);border-radius:12px;box-shadow:0 14px 36px rgba(50,29,30,.16);padding:6px}.product-search-results.open{display:block}.product-search-option{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;border:0;background:white;border-radius:9px;padding:10px 12px;text-align:left;color:var(--ink);cursor:pointer}.product-search-option:hover,.product-search-option:focus{background:#fcefef;outline:none}.product-search-option>span{display:flex;flex-direction:column;gap:3px;min-width:0}.product-search-option>span:last-child{align-items:flex-end;flex:0 0 auto}.product-search-option b{font-size:11px}.product-search-option small{font-size:9px;color:var(--muted)}.product-search-empty{padding:18px 12px;text-align:center;color:var(--muted);font-size:10px}
@media (min-width:721px){#orderModal .modal-head{padding:11px 18px}#orderModal .modal-head h2{font-size:15px}#orderModal .form-main{padding:11px 18px}#orderModal .form-side{padding:12px 16px}#orderModal .section-title{margin-bottom:5px}#orderModal .form-grid{gap:6px 12px;margin-bottom:10px}#orderModal .field{gap:2px}#orderModal .field input,#orderModal .field select{height:32px;min-height:32px;padding:4px 8px}#orderModal .field textarea{height:44px;min-height:44px;padding:5px 8px}#orderModal .id-upload{min-height:40px;padding:5px 9px;gap:1px}#orderModal .naming-rule{padding:5px 8px}#orderModal .privacy{margin-top:5px;line-height:1.35}#orderModal .fee-title{margin-bottom:6px}#orderModal .fee-row{padding:3px 0}#orderModal .fee-total{margin-top:5px;padding-top:7px}#orderModal .balance-box{margin:7px 0;padding:6px 8px}#orderModal .hint{margin:5px 0;line-height:1.35}#orderModal .modal-actions .btn{min-height:36px}}
.rx-panel { display:none; padding:14px; border-radius:11px; background:#fff7ee; border:1px solid #f2dcc6; margin-top:-10px; margin-bottom:20px; }
.rx-panel.show { display:block; }
.upload-box { border:1px dashed #b9c9c1; background:#fbfcfb; padding:14px; text-align:center; border-radius:9px; font-size:10px; color:var(--muted); }
.id-upload{display:flex;flex-direction:column;gap:5px;cursor:pointer;min-height:63px;justify-content:center}.id-upload:hover{border-color:#7fa897;background:#f5faf7}.id-upload span{font-weight:700;color:var(--green)}.id-upload small{font-size:8px;color:var(--muted)}.naming-rule{background:#eef5f1;color:#60746d;border-radius:8px;padding:9px 11px;font-size:9px}.naming-rule b{color:var(--green)}
.order-archive-upload{background:#fcf2f2;border-color:#dca6a8}.order-archive-upload span{color:var(--purple)}.order-archive-upload:hover{background:#fbeaeb;border-color:#c97477}
.privacy { display:flex; gap:8px; font-size:9px; color:var(--muted); line-height:1.5; margin-top:13px; }
.privacy input { accent-color:var(--green); }
.fee-title { font-size:13px; font-weight:700; margin-bottom:15px; }
.fee-row { display:flex; justify-content:space-between; font-size:10px; color:var(--muted); padding:7px 0; }
.fee-row strong { color:var(--ink); font-weight:600; }
.fee-total { border-top:1px solid #dfe6e1; margin-top:9px; padding-top:14px; display:flex; justify-content:space-between; align-items:end; }
.fee-total span { font-size:10px; }
.fee-total strong { font-size:20px; }
.balance-box { background:white; border:1px solid var(--line); border-radius:10px; padding:11px; margin:16px 0; font-size:10px; }
.balance-line { display:flex; justify-content:space-between; margin:4px 0; }
.hint { color:var(--muted); font-size:9px; line-height:1.6; margin:11px 0; }
.modal-actions { display:flex; gap:8px; }
.modal-actions .btn { flex:1; }
.toast { position:fixed; right:24px; bottom:24px; background:#471718; color:white; border-radius:12px; padding:13px 16px; font-size:11px; box-shadow:var(--shadow); z-index:80; transform:translateY(90px); opacity:0; transition:.3s; }
.toast.show { transform:translateY(0); opacity:1; }
.table-empty{padding:36px!important;text-align:center;color:var(--muted)}
.table-input,.table-select{border:1px solid var(--line);background:white;border-radius:8px;padding:7px 8px;font-size:10px;color:var(--ink);outline:0}.table-input:focus,.table-select:focus{border-color:#cd787b;box-shadow:0 0 0 3px rgba(193,66,70,.08)}.shipping-fields{display:flex;align-items:center;gap:8px;min-width:330px}.courier-select{min-width:130px}.tracking-input{min-width:150px;flex:1}.stock-delta{width:90px}.safety-input{width:75px}.row-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.row-actions .link{padding:4px 2px}.inventory-list-controls{display:flex;align-items:center;gap:10px;flex-wrap:nowrap;min-width:min(100%,480px)}.inventory-list-controls .search{flex:1;min-width:140px}.inventory-list-controls #inventorySort{width:205px;max-width:48vw;flex:0 1 205px}.inventory-stock-actions{flex-wrap:nowrap;white-space:nowrap}.inventory-stock-actions .stock-target{width:76px;min-width:76px}.inventory-stock-actions .btn,.inventory-stock-actions .link{flex:0 0 auto}
.management-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.5fr);gap:18px}.management-form{overflow:visible}.compact-form{padding:0 20px 20px;display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.compact-form label{font-size:9px;color:var(--muted);display:flex;flex-direction:column;gap:6px}.compact-form input,.compact-form select{border:1px solid var(--line);border-radius:9px;background:white;padding:9px;color:var(--ink);outline:0}.compact-form .btn{align-self:end;min-height:36px}.management-note{padding:25px}.management-note-icon{width:46px;height:46px;border-radius:13px;background:var(--green-2);color:var(--green);display:grid;place-items:center;font-size:15px;font-weight:800}.management-note h3{font-size:14px;margin:18px 0 10px}.management-note p{font-size:10px;line-height:1.8;color:var(--muted)}.management-table{margin-top:18px}
.combined-profit-table{border-collapse:separate;border-spacing:0 8px}.combined-profit-table thead th{border-bottom:0}.combined-profit-day{box-shadow:0 0 0 1px #f2e2e2;border-radius:10px}.combined-profit-day td{background:#ffffff;border-top:1px solid #f5e8e8;border-bottom:1px solid #f5e8e8}.combined-profit-day tr:first-child td{border-top:1px solid #efd8d9}.combined-profit-day tr:last-child td{border-bottom:1px solid #efd8d9}.combined-profit-day td:first-child{border-left:1px solid #efd8d9;border-radius:10px 0 0 10px}.combined-profit-day td:last-child{border-right:1px solid #efd8d9;border-radius:0 10px 10px 0}.combined-profit-day small{display:block;margin-top:4px;color:var(--muted);font-size:9px;line-height:1.45}.combined-profit-date{min-width:135px;vertical-align:middle}.combined-profit-date b,.combined-profit-date strong{display:block}.combined-profit-date small{margin:5px 0 2px}.combined-profit-date strong{font-size:15px}.combined-profit-table td:nth-child(2) b{font-size:12px}.combined-profit-table td:nth-child(6) b{font-size:13px}
.purchase-control-banner{display:flex;align-items:center;gap:14px;padding:16px 20px;margin-bottom:18px}.purchase-control-banner .management-note-icon{width:38px;height:38px;border-radius:11px;flex:0 0 38px}.purchase-control-banner b{font-size:12px}.purchase-control-banner p{font-size:9px;color:var(--muted);margin:4px 0 0}.purchase-control-banner .link{margin-left:auto;white-space:nowrap}.purchase-modal{width:min(1080px,100%)}.purchase-modal-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px}.purchase-form-panel{padding:26px 4px 24px}.purchase-form-panel .compact-form{grid-template-columns:repeat(2,minmax(0,1fr));padding-bottom:24px}.purchase-modal-actions{padding:16px 20px 0;justify-content:flex-end;flex-wrap:wrap}.purchase-modal-actions .btn{flex:0 1 auto;min-width:150px;max-width:100%;white-space:normal}.purchase-modal-note{border-left:1px solid var(--line);background:#fcfafa;padding:32px 26px}.purchase-modal-note h3{font-size:16px;margin:22px 0 12px}.purchase-modal-note p{font-size:11px;line-height:1.85;color:var(--muted);margin:0 0 14px}
.purchase-supplier-row{grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(0,1fr))!important;padding-bottom:16px!important}.purchase-supplier-row label{min-width:0}.purchase-supplier-row input,.purchase-supplier-row select{width:100%;min-width:0;box-sizing:border-box}
.purchase-items-head{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:0 20px 10px}
.purchase-items-head .btn{flex:0 0 auto}
.purchase-lines{margin:0 20px;max-height:46vh;overflow:auto}
.purchase-items{padding:0;display:flex;flex-direction:column;gap:10px;overflow:visible}
.purchase-item-row{display:grid;grid-template-columns:minmax(0,2.3fr) minmax(70px,.7fr) minmax(95px,1fr) minmax(125px,1.05fr) 44px;gap:9px;align-items:center}
@media(max-width:900px){.purchase-supplier-row{grid-template-columns:1fr!important}}
.purchase-item-header{font-size:9px;color:var(--muted);padding:0 0 10px;background:#ffffff}
.purchase-item-header span{padding-left:9px}
.purchase-item-header span:last-child{text-align:center}
.purchase-item-row input,.purchase-item-row select{border:1px solid var(--line);border-radius:9px;background:#ffffff;padding:9px;color:var(--ink);outline:0;width:100%;min-width:0;font-size:13px}
.purchase-item-row input:focus,.purchase-item-row select:focus{border-color:var(--green)}
.purchase-item-row .pi-remove{padding:0;text-align:center;white-space:nowrap}
.purchase-total-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:16px 20px 0;padding:12px 16px;border-radius:10px;background:var(--green-2);font-size:12px;color:var(--muted)}
.purchase-total-bar b{font-size:15px;color:var(--ink)}
.purchase-total-bar em{font-style:normal;color:var(--green);font-weight:800}
.purchase-sub-row{padding:3px 0;border-bottom:1px dashed var(--line);line-height:1.45}
.purchase-sub-row:last-child{border-bottom:0}
.purchase-sub-total{padding-top:5px;margin-top:3px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}
.purchase-sub-total b{color:var(--ink)}
.purchase-records-wrap{position:relative;width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
.purchase-records-table{min-width:1224px;table-layout:fixed}
.purchase-records-table th,.purchase-records-table td{vertical-align:top}
.purchase-records-table td{white-space:normal;padding:7px 12px;font-size:13px;line-height:1.3}
.purchase-records-table th{padding:9px 12px}
.purchase-records-table .customer{font-size:11px!important;line-height:1.3;margin-top:2px}
.purchase-records-table .order-id{font-size:13px}
.purchase-records-table .purchase-sub-total{padding-top:3px;margin-top:3px;line-height:1.3}
.purchase-group-tone-0{--purchase-group-bg:#fcf3f3}
.purchase-group-tone-1{--purchase-group-bg:#f1f8f6}
.purchase-item-record>td{background:var(--purchase-group-bg);border-bottom-color:#eee2e2}
.purchase-group-start:not(:first-child)>td{border-top:3px solid #ffffff}
.purchase-records-table th:nth-child(2){width:245px}
.purchase-records-table th:nth-child(3){width:330px}
.purchase-records-table th:nth-child(4){width:85px}
.purchase-records-table th:nth-child(5){width:145px}
.purchase-records-table th:nth-child(6){width:205px}
.purchase-select-cell{vertical-align:middle!important}
.purchase-product-cell,.purchase-cost-cell{overflow-wrap:anywhere;word-break:break-word}
.purchase-quantity-cell{white-space:nowrap!important}
.purchase-item-record:not(.purchase-group-start) .purchase-product-cell,.purchase-item-record:not(.purchase-group-start) .purchase-quantity-cell,.purchase-item-record:not(.purchase-group-start) .purchase-batch-cell,.purchase-item-record:not(.purchase-group-start) .purchase-cost-cell{border-top:1px dashed var(--line)}
.purchase-action-head,.purchase-action-cell{position:sticky;right:0;width:170px;min-width:170px;box-shadow:-9px 0 14px rgba(60,31,32,.07)}
.purchase-action-head{z-index:4;background:#fafbfa}
.purchase-action-cell{z-index:3;background:#ffffff}
.purchase-action-cell>.pill{display:inline-flex;margin-bottom:4px}
.purchase-action-cell .row-actions{align-items:flex-start;flex-direction:column;gap:5px}
.purchase-action-cell .btn,.purchase-action-cell .link{white-space:nowrap}
.self-orders-card{min-width:0}
.self-orders-table-wrap{width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable}
.self-orders-table{min-width:1820px;table-layout:fixed}
.self-orders-table th,.self-orders-table td{padding-left:10px;padding-right:10px}
.self-orders-table th:nth-child(1){width:2%}
.self-orders-table th:nth-child(2){width:10%}
.self-orders-table th:nth-child(3){width:4%}
.self-orders-table th:nth-child(4){width:25%}
.self-orders-table th:nth-child(5){width:3%}
.self-orders-table th:nth-child(6){width:11%}
.self-orders-table th:nth-child(7){width:7%}
.self-orders-table th:nth-child(8){width:7%}
.self-orders-table th:nth-child(9){width:9%}
.self-orders-table th:nth-child(10){width:11%}
.self-orders-table th:nth-child(11){width:7%}
.self-orders-table th:nth-child(12){width:4%}
.self-orders-table .self-order-profit-cell>b{white-space:nowrap}
.self-orders-table td:nth-child(2){font-size:12px;letter-spacing:-.15px}
.self-orders-table th:nth-child(5),.self-orders-table td:nth-child(5){text-align:center}
.self-orders-table .self-order-product-cell{white-space:normal;line-height:1.55;overflow-wrap:anywhere;word-break:break-word}
.self-orders-table .self-order-product-cell>b{display:block;max-width:100%;white-space:normal;overflow-wrap:anywhere;word-break:break-word}
.self-orders-table th:last-child,.self-orders-table td:last-child{position:sticky;right:0;z-index:2;background:#ffffff;box-shadow:-10px 0 16px rgba(60,31,32,.07)}
.self-orders-table th:last-child{z-index:3;background:#fafbfa}
.self-orders-table td:last-child{display:table-cell}
.self-orders-table td:last-child .link{white-space:nowrap}
#selfPager{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}
.self-pager-summary{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.self-page-size{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:10px;white-space:nowrap}.self-page-size .table-select{min-width:82px;min-height:34px}
.self-pagination{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:6px;max-width:100%}
.self-pagination .btn{min-width:34px;min-height:34px;white-space:nowrap}
.self-pagination .self-page-number{padding:7px 10px}
.self-page-ellipsis{padding:0 3px;color:var(--muted)}
.report-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:18px}.platform-report{padding:4px 20px 20px}.platform-report-row{display:grid;grid-template-columns:115px 1fr 135px;gap:14px;align-items:center;padding:14px 0;border-top:1px solid var(--line)}.platform-report-row>span,.platform-report-row>strong{display:flex;flex-direction:column;gap:4px}.platform-report-row b{font-size:11px}.platform-report-row small{font-size:8px;color:var(--muted)}.platform-report-row>div{height:7px;background:#f7eaea;border-radius:10px;overflow:hidden}.platform-report-row i{display:block;height:100%;background:linear-gradient(90deg,var(--green),#dc878a);border-radius:10px}.platform-report-row strong{text-align:right;font-size:11px}.report-summary{padding:5px 20px 20px}.report-summary span{display:flex;justify-content:space-between;padding:14px 0;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}.report-summary b{color:var(--ink)}
.system-status-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:18px}.setting-switch{appearance:none;width:42px;height:23px;border-radius:20px;background:#e5d0d1;position:relative;transition:.2s}.setting-switch:before{content:"";position:absolute;width:17px;height:17px;border-radius:50%;background:white;top:3px;left:3px;box-shadow:0 2px 6px rgba(0,0,0,.15);transition:.2s}.setting-switch:checked{background:var(--green)}.setting-switch:checked:before{left:22px}
.courier-settings-launch{margin-top:18px;padding:17px 20px;display:flex;align-items:center;justify-content:space-between;gap:18px}.courier-settings-launch>div{display:flex;align-items:center;gap:13px}.courier-settings-launch>div>span:last-child{display:flex;flex-direction:column;gap:4px}.courier-settings-launch b{font-size:12px}.courier-settings-launch small{font-size:9px;color:var(--muted)}.courier-settings-modal{width:min(1000px,100%)}#courierSettingsBody{max-height:calc(100vh - 150px);overflow:auto}.courier-create-form{display:grid;grid-template-columns:minmax(220px,1fr) minmax(150px,.45fr) auto;gap:10px;padding:16px 20px;background:#fcfafa}.courier-create-form .btn{white-space:nowrap}.courier-table input{min-width:150px}.courier-table .courier-code-input{min-width:110px}.danger-link{color:var(--red)!important}.courier-settings-foot{padding:13px 20px;border-top:1px solid var(--line);font-size:8px;color:var(--muted);text-align:right}
.seller-account-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;width:100%}.account-settings-card{width:100%;overflow:hidden}.account-settings-body{padding:22px clamp(22px,3vw,42px)}.account-form-actions{display:flex;justify-content:flex-end;margin-top:18px}.account-form-actions .btn{min-width:130px}.security-fields{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}.security-tip{margin-top:17px;background:#f5f8f6;border-radius:10px;padding:12px;font-size:9px;line-height:1.7;color:var(--muted)}
@media (max-width:650px){.courier-create-form{grid-template-columns:1fr}}
.mobile-menu { display:none; }
@media (max-width:1050px) { .metrics {grid-template-columns:repeat(2,1fr)} .catalog-grid{grid-template-columns:repeat(2,1fr)} .product-list{overflow-x:auto}.product-list-head,.product-row{min-width:980px;grid-template-columns:minmax(250px,1.55fr) 145px 165px 145px 80px 140px}.grid-main,.lower-grid,.settings-layout,.management-grid,.report-grid,.seller-account-grid{grid-template-columns:1fr}.import-steps{grid-template-columns:repeat(2,1fr)} .system-status-grid{grid-template-columns:repeat(2,1fr)} }
@media (max-width:720px) {
  .startup-data-warning{align-items:flex-start;flex-direction:column}.startup-data-warning .btn{width:100%}
  .app-shell{display:block}.sidebar{transform:translateX(-100%);transition:.25s}.sidebar.open{transform:translateX(0)}.main{width:100%}.topbar{padding:0 16px;height:65px}.mobile-menu{display:grid}.content{padding:22px 15px}.headline{align-items:flex-start;flex-direction:column}.metrics{grid-template-columns:1fr 1fr;gap:9px}.metric{padding:14px}.metric-value{font-size:19px}.catalog-grid{grid-template-columns:1fr}.filters{flex-wrap:wrap}.filters .search{width:100%;margin-left:0!important}.product-list{overflow:visible}.product-list-head{display:none}.product-row{min-width:0;min-height:0;padding:14px;grid-template-columns:minmax(0,1fr) auto;gap:12px}.product-main{grid-column:1/-1}.product-thumb{width:64px;height:64px;flex-basis:64px}.product-row .product-name{white-space:normal}.product-list-cell{padding-left:78px}.product-list-cell>small{display:block}.product-price,.product-stock{padding-left:0}.product-price b,.product-stock b{font-size:14px}.product-row>.product-list-cell:nth-of-type(2){grid-column:1/-1}.product-row>.product-list-cell:nth-of-type(5){display:none}.product-row .product-actions{justify-content:flex-end;align-self:end}.form-layout{grid-template-columns:1fr}.form-side{border-left:0;border-top:1px solid var(--line)}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.modal-backdrop{padding:10px}.topbar .crumb,.user-identity{display:none}.table-wrap{overflow-x:auto}.import-steps,.import-grid,.payment-intro{grid-template-columns:1fr}.import-rules{grid-template-columns:1fr}.import-note{align-items:flex-start;flex-direction:column}.zip-result-head{align-items:flex-start;flex-direction:column}.zip-summary{justify-content:flex-start}.wallet-hero{align-items:flex-start;flex-direction:column;gap:24px}.wallet-summary{width:100%;justify-content:space-between;gap:10px}.wallet-hero strong{font-size:26px}.amount-options{grid-template-columns:1fr 1fr}.setting-row,.settings-actions{align-items:flex-start;flex-direction:column}.money-input{width:100%}.money-input input{width:100%}.setting-preview{grid-template-columns:1fr}.detail-status{grid-template-columns:1fr 1fr}.status-route{grid-column:1/-1;grid-row:2;margin-top:15px}.document-grid,.detail-grid{grid-template-columns:1fr}.management-grid,.report-grid,.system-status-grid{grid-template-columns:1fr}.compact-form{grid-template-columns:1fr}.purchase-modal-layout{grid-template-columns:1fr}.purchase-modal-note{border-left:0;border-top:1px solid var(--line)}.purchase-form-panel .compact-form{grid-template-columns:1fr}.purchase-items-head{flex-direction:column;align-items:stretch}.purchase-item-row{min-width:640px}.purchase-items{overflow:visible}.purchase-control-banner{align-items:flex-start;flex-wrap:wrap}.purchase-control-banner .link{margin-left:52px}.permission-heading{align-items:flex-start;flex-direction:column}.permission-grid{grid-template-columns:1fr}.platform-report-row{grid-template-columns:90px 1fr 110px}
}

/* High-clarity typography: keep dense management screens crisp and readable. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{font-family:"Noto Sans SC","PingFang SC","Microsoft YaHei",-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;line-height:1.55;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-synthesis:none}
button,input,select,textarea{font-family:inherit;text-rendering:optimizeLegibility}
::placeholder{color:#816a6b;opacity:1}
.nav-label{font-size:11px}.nav-item{font-size:14px;font-weight:500}.side-help{font-size:12px}.side-help strong{font-size:13px}
.crumb{font-size:13px}.user-identity b{font-size:13px}.user-identity small{font-size:11px}.role-switch{font-size:14px}
h1{font-size:32px;font-weight:750}.subtitle{font-size:15px}.btn{font-size:14px}.btn-small,.link{font-size:13px}
.metric-top{font-size:13px;font-weight:500}.metric-value{font-size:28px}.metric-foot,.inline-topup{font-size:12px}
.card-title{font-size:16px}.card-note,.quick-desc,.customer,.product-meta,.selected-file,.account-notice,.hint,.field label,.pill,.shipping-label{font-size:12px!important;line-height:1.5}
.quick-name,.product-name,.section-title{font-size:14px!important}.order-id{font-size:14px}.platform-mini{font-size:11px}
th{font-size:12px;font-weight:700;color:#6d7d77;padding-top:14px;padding-bottom:14px}td{font-size:14px;line-height:1.5;padding-top:15px;padding-bottom:15px}
.search,.field input,.field select,.field textarea,.table-input,.table-select,.compact-form input,.compact-form select{font-size:14px;line-height:1.4}
small{font-size:11px!important;line-height:1.5}.product-tags i,.permission-tags span,.tier-price-list i,.file-state{font-size:11px!important}
.import-step b,.import-note b,.zip-empty b,.setting-row b,.payment-method b,.pay-option b{font-size:13px!important}.import-step span,.import-note p,.zip-empty span,.setting-row small,.settings-actions small{font-size:12px!important}
@media (max-width:720px){h1{font-size:27px}.subtitle{font-size:14px}.metric-value{font-size:23px}th{font-size:11px}td{font-size:13px}}

/* Compact metric cards: preserve legibility while removing excess vertical space. */
.metrics{gap:12px;margin-bottom:18px}
.metric{padding:11px 16px;border-radius:14px}
.metric-top{min-height:28px;line-height:1.25}
.metric-icon{width:28px;height:28px;border-radius:8px;font-size:13px}
.metric-value{font-size:26px;line-height:1.08;margin:4px 0 2px}
.metric-foot{line-height:1.35;min-height:16px}
@media (max-width:720px){.metrics{gap:8px;margin-bottom:14px}.metric{padding:10px 12px}.metric-top{min-height:25px}.metric-icon{width:25px;height:25px}.metric-value{font-size:22px;margin:3px 0 1px}.metric-foot{font-size:11px;min-height:15px}}

/* Unified system settings: one full-width block with four setting units. */
.unified-settings-card{overflow:visible}.unified-settings-head{padding:20px 22px;border-bottom:1px solid var(--line)}
.unified-settings-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:0 6px}
.unified-setting-unit{min-width:0;padding:22px 18px 20px;border-left:1px solid var(--line)}.unified-setting-unit:first-child{border-left:0}
.unified-setting-title{display:flex;align-items:center;gap:10px;margin-bottom:20px}.unified-setting-title>i{width:34px;height:34px;border-radius:10px;background:var(--green-2);color:var(--green);display:grid;place-items:center;font-style:normal;font-size:11px;font-weight:800;flex:0 0 34px}.unified-setting-title>span{display:flex;flex-direction:column;gap:2px;min-width:0}.unified-setting-title b{font-size:14px}.unified-setting-title small{color:var(--muted)}
.unified-control{display:flex;flex-direction:column;gap:7px;margin-top:13px}.unified-control>span,.unified-single-control>span:first-child{font-size:12px;font-weight:650;color:var(--ink)}.unified-control .money-input{width:100%;min-width:0}.unified-control .money-input input{width:100%;min-width:0;text-align:right}
.unified-single-control{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px;border:1px solid var(--line);border-radius:11px;background:#fcfafa}.unified-single-control .role-switch{width:100%;background:white}.unified-setting-unit>p{margin:12px 2px 0;color:var(--muted);font-size:11px;line-height:1.65}.identity-control>span{display:flex;flex-direction:column;gap:4px}.identity-control>span small{font-weight:400;color:var(--muted)}
.unified-setting-unit:nth-child(3) .unified-single-control{min-height:0;margin-top:13px;padding:0;border:0;border-radius:0;background:transparent;align-items:stretch;flex-direction:column;justify-content:flex-start;gap:7px}.unified-setting-unit:nth-child(3) .unified-single-control>span{display:block;width:100%}.unified-setting-unit:nth-child(3) .role-switch{display:block;width:100%;min-height:42px;padding-left:12px;padding-right:12px;border-radius:10px}
.unified-settings-preview{border-top:1px solid var(--line);background:#fafbfa;padding:15px 22px;display:flex;align-items:center;justify-content:space-between;gap:20px}.unified-settings-preview>span{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.unified-settings-preview>span b{font-size:12px}.unified-settings-preview>span small{color:var(--muted)}.unified-settings-preview>div{display:flex;align-items:center;gap:16px}.unified-settings-preview>div>small{color:var(--muted);white-space:nowrap}.unified-settings-preview .btn{white-space:nowrap}
@media (max-width:1250px){.unified-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.unified-setting-unit{border-top:1px solid var(--line)}.unified-setting-unit:nth-child(odd){border-left:0}.unified-setting-unit:nth-child(-n+2){border-top:0}.unified-settings-preview{align-items:flex-start;flex-direction:column}.unified-settings-preview>div{width:100%;justify-content:space-between}}
@media (max-width:720px){.unified-settings-grid{grid-template-columns:1fr;padding:0}.unified-setting-unit{border-left:0!important;border-top:1px solid var(--line)!important;padding:18px 16px}.unified-setting-unit:first-child{border-top:0!important}.unified-settings-preview{padding:15px 16px}.unified-settings-preview>span,.unified-settings-preview>div{align-items:flex-start;flex-direction:column;gap:8px}.unified-settings-preview .btn{width:100%}}

/* Vertical settings list: eight settings in one column. */
.vertical-settings-card{overflow:visible}.vertical-settings-head{padding:20px 24px;border-bottom:1px solid var(--line)}.vertical-settings-list{padding:0 24px}
.vertical-setting-row{min-height:76px;display:grid;grid-template-columns:minmax(260px,1fr) minmax(220px,300px);align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid var(--line)}.vertical-setting-row:last-child{border-bottom:0}.vertical-setting-row>span{display:flex;flex-direction:column;gap:3px;min-width:0}.vertical-setting-row>span>b{font-size:14px}.vertical-setting-row>span>small{color:var(--muted)}.vertical-setting-row>.money-input{width:100%;min-width:0}.vertical-setting-row>.money-input input{width:100%;min-width:0}.vertical-setting-select{width:100%;min-height:42px;background:white}.vertical-setting-row>.setting-switch{justify-self:end}.vertical-setting-row>.btn{justify-self:end;min-width:120px}
.shipping-tier-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:18px 0;border-bottom:1px solid var(--line)}.shipping-tier-row .vertical-setting-row{min-height:0;border:1px solid var(--line);border-radius:14px;padding:16px;grid-template-columns:minmax(0,1fr);align-content:start}.shipping-tier-row .vertical-setting-row>span>b{font-size:13px}.shipping-tier-row .vertical-setting-row>.money-input{grid-column:1;margin-top:4px}.shipping-tier-row .vertical-setting-row:last-child{border-bottom:1px solid var(--line)}
.vertical-settings-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 24px;border-top:1px solid var(--line);background:#fafbfa}.vertical-settings-footer>span{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.vertical-settings-footer>span>b{font-size:12px}.vertical-settings-footer>span>small{color:var(--muted)}.vertical-settings-footer>div{display:flex;align-items:center;gap:16px}.vertical-settings-footer>div>small{color:var(--muted);white-space:nowrap}.vertical-settings-footer .btn{white-space:nowrap}
@media (min-width:901px){
  .compact-settings-page{min-height:calc(100dvh - 146px);display:flex;flex-direction:column}
  .compact-settings-page .vertical-settings-card{min-height:0;flex:1;display:flex;flex-direction:column}
  .compact-settings-page .vertical-settings-list{flex:1}
  .compact-settings-page .vertical-setting-row{min-height:56px;gap:12px;padding:7px 0}
  .compact-settings-page .vertical-setting-row>span{gap:2px}
  .compact-settings-page .vertical-setting-row>span>small{line-height:1.25}
  .compact-settings-page .shipping-tier-row{gap:10px;padding:10px 0}
  .compact-settings-page .shipping-tier-row .vertical-setting-row{grid-template-columns:minmax(0,1fr) minmax(130px,180px);align-content:initial;align-items:center;padding:8px 10px;border-radius:11px}
  .compact-settings-page .shipping-tier-row .vertical-setting-row>.money-input{grid-column:2;margin-top:0}
}
@media (max-width:850px){.vertical-setting-row{grid-template-columns:minmax(0,1fr);gap:10px}.vertical-setting-row>.money-input,.vertical-setting-row>.vertical-setting-select,.vertical-setting-row>.setting-switch,.vertical-setting-row>.btn{grid-column:1;justify-self:stretch}.vertical-setting-row>.setting-switch{justify-self:start}.vertical-setting-row>.btn{width:100%}.vertical-settings-footer{align-items:flex-start;flex-direction:column}.vertical-settings-footer>div{width:100%;justify-content:space-between}}
@media (max-width:1000px){.shipping-tier-row{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:650px){.shipping-tier-row{grid-template-columns:1fr}.shipping-tier-row .vertical-setting-row>.money-input{grid-column:1/-1}}
@media (max-width:560px){.vertical-settings-head,.vertical-settings-list,.vertical-settings-footer{padding-left:16px;padding-right:16px}.vertical-settings-footer>span,.vertical-settings-footer>div{align-items:flex-start;flex-direction:column;gap:8px}.vertical-settings-footer .btn{width:100%}}

/* Compact, all-white sidebar navigation. */
.nav-label{color:#ffffff;font-size:10px;line-height:1.2;padding:8px 10px 5px;opacity:1}
.nav-item{color:#ffffff;gap:10px;padding:7px 12px;margin:1px 0;border-radius:9px;font-size:13px;line-height:1.25;min-height:34px}
.nav-icon{color:#ffffff;width:17px;font-size:14px;line-height:1}
.nav-item:hover{color:#ffffff;background:rgba(255,255,255,.12)}
.nav-item.active{color:#ffffff;background:#c14246;font-weight:700;box-shadow:0 4px 12px rgba(0,0,0,.12)}
.topbar-profile{border:0;background:transparent;padding:4px;border-radius:13px;display:flex;align-items:center;gap:10px;color:var(--ink);cursor:pointer;transition:background .18s,box-shadow .18s}.topbar-profile:hover{background:#fae6e7}.topbar-profile:focus-visible{outline:0;box-shadow:0 0 0 3px rgba(193,66,70,.18)}.seller-profile-modal{max-width:560px}.seller-profile-form-main{display:grid;gap:18px}.seller-profile-preview{display:flex;align-items:center;gap:16px;padding:4px 0 18px;border-bottom:1px solid var(--line)}.seller-profile-preview>span{display:flex;flex-direction:column;gap:4px;min-width:0}.seller-profile-preview b{font-size:17px}.seller-profile-preview small{color:var(--muted)}.profile-avatar-preview{width:82px;height:82px;flex:0 0 82px;border-radius:24px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(135deg,#f4c8c9,#bd4044);color:#ffffff;font-size:29px;font-weight:800}.profile-avatar-preview img{width:100%;height:100%;object-fit:cover}.profile-avatar-picker{min-height:96px;border:1px dashed #d7a8a9;border-radius:13px;background:#fdf8f8;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;padding:18px;cursor:pointer;color:var(--green);font-size:12px;font-weight:700;transition:background .18s,border-color .18s}.profile-avatar-picker:hover{background:#fbeeee;border-color:var(--green)}.profile-avatar-picker small{color:var(--muted);font-size:9px;font-weight:400}.seller-profile-actions{justify-content:flex-end;margin-top:0}.seller-profile-actions .btn{flex:0 0 auto;min-width:120px}.self-password-modal{max-width:520px}.self-password-actions{justify-content:flex-end;margin-top:20px}.self-password-actions .btn{flex:0 0 auto;min-width:110px}
.sidebar{overflow:hidden}.sidebar .brand{flex:0 0 auto}.sidebar #nav{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;padding-right:4px;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.42) transparent;-webkit-overflow-scrolling:touch}.sidebar #nav::-webkit-scrollbar{width:5px}.sidebar #nav::-webkit-scrollbar-track{background:transparent}.sidebar #nav::-webkit-scrollbar-thumb{background:rgba(255,255,255,.42);border-radius:10px}.sidebar #nav::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.68)}.sidebar .side-help{flex:0 0 auto;margin-top:12px}
.seller-name-link{display:inline-block;border:0;background:transparent;padding:0;color:var(--ink);font-weight:700;text-align:left;line-height:1.5;border-radius:4px}.seller-name-link:hover{color:var(--green);text-decoration:underline;text-underline-offset:3px}.seller-name-link:focus-visible{outline:2px solid #cd787b;outline-offset:3px}
/* Fit the complete admin menu at common desktop heights without shrinking text. */
@media (min-width:901px) {
  .sidebar[data-portal="admin"] { padding:10px 14px; }
  .sidebar[data-portal="admin"] .brand { padding:0 6px 8px; }
  .sidebar[data-portal="admin"] .brand-logo { max-height:44px; object-fit:contain; }
  .sidebar[data-portal="admin"] .nav-label { padding:4px 10px 2px; line-height:12px; font-size:10px; letter-spacing:.08em; }
  .sidebar[data-portal="admin"] .nav-item { min-height:clamp(30px,calc((100dvh - 290px)/15),38px); padding:4px 12px; margin:0; line-height:18px; font-size:14px; }
  .sidebar[data-portal="admin"] .side-help { padding:6px 10px; margin-top:6px; font-size:11px; line-height:1.3; border-radius:10px; }
  .sidebar[data-portal="admin"] .side-help strong { font-size:11px; line-height:1.3; margin-bottom:0; }
}
.sidebar-scrim{display:none;border:0;padding:0;background:rgba(31,10,11,.48);backdrop-filter:blur(2px)}

@media (max-width:720px){
  .app-shell{min-height:100dvh}
  .sidebar{width:min(84vw,300px);padding:max(22px,env(safe-area-inset-top)) 18px max(18px,env(safe-area-inset-bottom));z-index:45;box-shadow:18px 0 45px rgba(35,10,11,.22)}
  .sidebar-scrim{display:block;position:fixed;inset:0;z-index:40;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s,visibility .22s}
  .sidebar-scrim.open{opacity:1;visibility:visible;pointer-events:auto}
  body.mobile-nav-open{overflow:hidden;touch-action:none}
  .topbar{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right));padding-top:env(safe-area-inset-top);height:calc(62px + env(safe-area-inset-top))}
  .content{padding:18px max(12px,env(safe-area-inset-right)) calc(24px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}
  .icon-btn,.btn,.nav-item{min-height:44px}
  .filters{gap:8px}.filter-chip{min-height:40px}
  .search,.field input,.field select,.field textarea,.table-input,.table-select,.compact-form input,.compact-form select{font-size:16px}
  .modal-backdrop{padding:0;align-items:flex-end}
  .modal{width:100%;max-height:calc(100dvh - env(safe-area-inset-top));border-radius:20px 20px 0 0;overflow:auto;padding-bottom:env(safe-area-inset-bottom)}
  .modal-head{position:sticky;top:0;z-index:2;background:#ffffff}
  .table-wrap{max-width:calc(100vw - 24px);overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
  .metrics{grid-template-columns:1fr}
  .platform-report-row{grid-template-columns:1fr;gap:8px}.platform-report-row strong{text-align:left}
}

@media (prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Fluid H5 application shell: no fixed phone width or height assumptions. */
@media (max-width:900px){
  body{font-size:16px;min-width:0;overflow-x:hidden}
  .app-shell{display:block;min-height:100svh;min-height:100dvh}
  .main{width:100%;grid-column:auto;min-width:0}
  .sidebar{width:min(86vw,330px);transform:translateX(-105%);transition:transform .25s ease;padding:max(22px,env(safe-area-inset-top)) 18px max(18px,env(safe-area-inset-bottom));z-index:45;box-shadow:18px 0 45px rgba(35,10,11,.22)}
  .brand-logo{width:min(100%,240px)}
  .sidebar.open{transform:translateX(0)}
  .sidebar-scrim{display:block;position:fixed;inset:0;z-index:40;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s,visibility .22s}
  .sidebar-scrim.open{opacity:1;visibility:visible;pointer-events:auto}
  .mobile-menu{display:grid;width:54px;height:54px;min-height:54px;flex:0 0 54px;border:1px solid #c14246;border-radius:15px;background:#c14246;color:#ffffff;font-size:25px;line-height:1;box-shadow:0 9px 22px rgba(193,66,70,.25)}
  .mobile-menu:hover,.mobile-menu:active{background:#ad3539;color:#ffffff}
  .topbar{height:calc(66px + env(safe-area-inset-top));padding:env(safe-area-inset-top) max(14px,env(safe-area-inset-right)) 0 max(14px,env(safe-area-inset-left))}
  .topbar .crumb,.user-identity{display:none}
  .content{width:100%;max-width:none;padding:clamp(18px,4.5vw,32px) max(clamp(14px,4vw,30px),env(safe-area-inset-right)) calc(clamp(26px,6vw,48px) + env(safe-area-inset-bottom)) max(clamp(14px,4vw,30px),env(safe-area-inset-left))}
  h1{font-size:clamp(28px,5.2vw,36px);line-height:1.25}
  .subtitle{font-size:clamp(15px,2.5vw,17px);line-height:1.65}
  .headline{align-items:flex-start;flex-wrap:wrap}
  .btn,.icon-btn,.nav-item{min-height:48px;font-size:15px}
  .btn-small{min-height:44px;font-size:14px}
  .card-title{font-size:17px}.card-note{font-size:13px!important}
  .search,.field input,.field select,.field textarea,.table-input,.table-select,.compact-form input,.compact-form select{font-size:16px;min-height:48px}
  .filter-chip{min-height:44px;font-size:14px;padding:9px 13px}
  .table-wrap{max-width:calc(100vw - max(28px,8vw));overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
  .modal-backdrop{padding:0;align-items:flex-end}
  .modal{width:100%;max-height:calc(100dvh - env(safe-area-inset-top));border-radius:22px 22px 0 0;overflow:auto;padding-bottom:env(safe-area-inset-bottom)}
}
@media (max-width:520px){
  .content{padding-left:max(14px,env(safe-area-inset-left));padding-right:max(14px,env(safe-area-inset-right))}
  .metrics{grid-template-columns:1fr}
  .headline{gap:14px;margin-bottom:20px}
  .headline>.btn{width:100%}
  .wallet-summary{display:grid;grid-template-columns:1fr 1fr;width:100%}
  .amount-options,.topup-modal .amount-options{grid-template-columns:1fr 1fr}
}

/* Large catalogs stay responsive: off-screen rows are painted only when needed. */
.product-row{content-visibility:auto;contain-intrinsic-size:148px}
@media (max-width:360px){
  .content{padding-left:max(11px,env(safe-area-inset-left));padding-right:max(11px,env(safe-area-inset-right))}
  .metrics{gap:10px}.metric{padding:12px}
  .amount-options,.topup-modal .amount-options{grid-template-columns:1fr}
}
.payment-fee-settings-card{margin-top:18px}.payment-fee-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 28px;padding:0 24px}.payment-fee-settings-grid .setting-row{margin:0}.payment-fee-settings-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 24px;border-top:1px solid var(--line);color:var(--muted);font-size:10px}.payment-fee-settings-footer>div{display:flex;align-items:center;gap:16px}.topup-fee-detail{display:block;margin-top:4px;color:var(--muted);font-size:9px;font-weight:400}
@media (max-width:720px){.payment-fee-settings-grid{grid-template-columns:1fr;padding:0 16px}.payment-fee-settings-footer{align-items:flex-start;flex-direction:column;padding:16px}.payment-fee-settings-footer>div{width:100%;align-items:flex-start;flex-direction:column}.payment-fee-settings-footer .btn{width:100%}}
.fx-rate-note{margin:8px 0;padding:7px 11px;border:1px solid #f2c9ca;border-radius:9px;background:#fdf3f4;color:#9a4346;font-size:10px;line-height:1.35}
.fps-payable{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:7px 0;padding:8px 11px;border-radius:9px;background:#fbebeb;color:#783335;font-size:10px}.fps-payable b{font-size:16px;color:#d13f43}.topup-summary .payment-row{border-top:1px dashed #ebc9ca;padding-top:11px}.topup-summary .payment-row strong{color:#d13f43;font-size:18px}
.topup-modal .form-main{padding:14px 18px}.topup-modal .topup-balance{align-items:center;padding:7px 11px;margin-bottom:10px;border-radius:9px;font-size:9px}.topup-modal .topup-balance b{font-size:12px}.topup-modal .section-title{margin-bottom:7px;font-size:12px!important}.topup-modal .amount-options{gap:6px;margin-bottom:8px}.topup-modal .amount-chip{min-height:34px;padding:5px;font-size:9px}.topup-modal .topup-input{gap:3px;margin-bottom:10px}.topup-modal .topup-input label{font-size:10px!important}.topup-modal .topup-input input{height:34px;min-height:34px;padding:5px 9px;font-size:11px}.topup-modal .pay-title{margin-top:0}
@media (max-width:900px){.topup-modal .form-main{padding:12px 14px}.topup-modal .amount-chip{min-height:40px}.topup-modal .topup-input input{height:42px;min-height:42px;font-size:16px}}
.pricing-context-banner{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 18px;padding:13px 16px;border:1px solid #f2c9ca;border-radius:12px;background:#fdf3f4;color:#783335}.pricing-context-banner span{display:flex;flex-direction:column;gap:4px}.pricing-context-banner small{color:#9e5a5c;font-size:10px}.pricing-context-banner em{color:#d13f43;font-size:10px;font-style:normal;font-weight:700;white-space:nowrap}.field-hint,.order-fx-note{display:block;color:var(--muted);font-size:9px;line-height:1.45}.order-fx-note{margin:10px 0;padding:8px 10px;border-radius:8px;background:#fdf3f4;color:#9a4346}.legacy-currency-note{display:block;margin-top:3px;color:#9a6b27;font-size:8px}.legacy-currency-warning{color:#9a6b27}.product-price small{line-height:1.45}
@media (max-width:720px){.pricing-context-banner{align-items:flex-start;flex-direction:column}.pricing-context-banner em{white-space:normal}}
.import-steps{grid-template-columns:repeat(3,1fr)}
.product-row.product-low-stock{background:#f0f1f1;color:#8c9390}.product-row.product-low-stock:hover{background:#eceeed}.product-row.product-low-stock .product-thumb{filter:grayscale(1);opacity:.55}.product-row.product-low-stock .product-name,.product-row.product-low-stock .product-list-cell>b{color:#7d8582}.product-row.product-low-stock .product-price b,.product-row.product-low-stock .product-stock>span{color:#989f9c}.product-row.product-low-stock .product-tags i{background:#e3e5e4;color:#858c89}.product-row.product-low-stock .product-order{background:#b9bfbc;border-color:#b9bfbc;color:#ffffff;cursor:not-allowed;box-shadow:none}
#productModal .product-modal{max-height:calc(100dvh - 24px);overflow:auto}
@media (min-width:721px){#productModal .modal-head{padding:10px 18px}#productModal .modal-head h2{font-size:15px}#productModal .close{width:28px;height:28px}#productModal .form-main{padding:10px 18px 12px}#productModal .form-grid{gap:6px 12px;margin-bottom:8px}#productModal .field{gap:2px}#productModal .field label{font-size:10px!important;line-height:1.25}#productModal .field input,#productModal .field select{height:34px;min-height:34px;padding:4px 8px;font-size:13px}#productModal .field textarea{height:52px;min-height:52px;padding:5px 8px;font-size:13px;line-height:1.35}#productModal .product-image-upload{min-height:34px;height:34px;gap:1px;padding:3px 8px}#productModal .product-image-upload span{font-size:10px;line-height:1.2}#productModal small{font-size:9px!important;line-height:1.25}#productModal .account-notice{padding:6px 9px;font-size:10px!important;line-height:1.35}#productModal .product-modal-actions{margin-top:8px}#productModal .product-modal-actions .btn{min-height:34px;padding:6px 12px}}
.identity-only-hidden{display:none!important}
.document-actions{display:flex;align-items:center;gap:6px}
.document-actions a{text-decoration:none}
.identity-heading{margin-bottom:13px}.identity-heading>div{display:flex;flex-direction:column;gap:4px}.identity-heading h3{margin:0}.identity-bundle-download{text-decoration:none}.document-visual{display:block;text-decoration:none}
.detail-price-summary{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:12px 14px;border:1.5px solid #d14347;border-radius:12px;background:#fefafa}
.detail-price-summary .detail-price-item{min-width:0;padding:0 14px;border-right:1px solid #f7d8d9}
.detail-price-summary .detail-price-item:first-child{padding-left:0}
.detail-price-summary .detail-price-item:last-child{padding-right:0;border-right:0}
.detail-price-summary .detail-tax-item b{font-size:12px}
.detail-price-summary .detail-tax-item .detail-tax-hkd{color:#d13f43;font-weight:700}
.detail-price-summary .detail-price-total b{color:#d13f43}
.detail-grid .detail-sales-amount small{color:var(--muted);font-size:10px;font-weight:500;line-height:1.25}
.detail-grid .detail-price-item small{color:var(--muted);font-size:8px;font-weight:500;line-height:1.35}
@media (max-width:720px){.detail-price-summary{grid-template-columns:1fr;row-gap:10px}.detail-price-summary .detail-price-item{padding:0 0 10px;border-right:0;border-bottom:1px solid #f7d8d9}.detail-price-summary .detail-price-item:last-child{padding-bottom:0;border-bottom:0}}

/* 订单详情：放大文字，同时收紧字段与分区的垂直间距。 */
.detail-modal .detail-body{padding:16px 23px}
.detail-modal .detail-body section{padding-bottom:12px;margin-bottom:12px}
.detail-modal .detail-body h3{margin-bottom:9px;font-size:14px;line-height:1.25}
.detail-modal .detail-grid{column-gap:22px;row-gap:8px}
.detail-modal .detail-grid span{gap:3px;font-size:11px;line-height:1.3}
.detail-modal .detail-grid b{font-size:13px;line-height:1.35}
.detail-modal .detail-grid .detail-price-item small{font-size:10px;line-height:1.25}
.detail-modal .section-heading small{font-size:10px;line-height:1.25}
.detail-modal .document-grid{gap:10px}
.detail-modal .document-meta{padding:8px 10px}
.detail-modal .document-meta>span{gap:2px}
.detail-modal .document-meta b{font-size:11px}
.detail-modal .document-meta small{font-size:10px;line-height:1.25}
.detail-modal .fee-snapshot{padding:11px 13px!important}
.detail-modal .fee-snapshot>div{padding:3px 4px;font-size:11px;line-height:1.3}
.detail-modal .detail-status{padding:13px 22px}
.detail-modal .detail-status>div:first-child,.detail-modal .shipping-state{gap:4px}
.detail-modal .detail-status span,.detail-modal .shipping-state small{font-size:10px}
.detail-modal .shipping-state strong{font-size:14px}
.database-migration-notice{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px;padding:13px 16px;border:1px solid #f2c9ca;background:#fdf5f5}.database-migration-notice b{font-size:12px}.database-migration-notice p{margin:4px 0 0;color:var(--muted);font-size:10px}.database-migration-notice .btn{flex:0 0 auto}
@media (max-width:720px){.database-migration-notice{align-items:flex-start;flex-direction:column}.database-migration-notice .btn{width:100%}}
.alipay-qr-wrap{display:grid;justify-items:center;gap:7px;margin:15px auto 13px}.alipay-qr-wrap[hidden],#openAlipayPayment[hidden]{display:none}.alipay-qr-wrap>b{font-size:11px}.alipay-qr-wrap>small{font-size:8px;color:var(--muted)}.alipay-qr-code{width:240px;height:240px;padding:10px;border:1px solid var(--line);border-radius:14px;background:#ffffff;box-shadow:0 8px 24px rgba(69,35,36,.08)}.alipay-qr-code svg{display:block;width:100%;height:100%}

/* Seller H5: keep catalog and order controls readable without vertical text. */
@media (max-width:720px){
  .message-center-panel{position:fixed;top:calc(env(safe-area-inset-top) + 74px);left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));width:auto;max-height:calc(100dvh - env(safe-area-inset-top) - 88px);border-radius:16px}
  .message-center-head{padding:14px 16px}
  .message-center-list{max-height:calc(100dvh - env(safe-area-inset-top) - 150px);overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
  .seller-message-item{padding:13px 16px;overflow-wrap:anywhere}
  .orders-page .headline,.product-catalog-page .headline{width:100%}
  .orders-page .orders-card,.recent-orders-card,.product-catalog-page .product-list{width:100%;max-width:100%;overflow:hidden}
  .orders-page .order-list-controls,.recent-orders-card>.card-head{display:flex;align-items:stretch;flex-direction:column;gap:12px;padding:14px}
  .orders-page .order-list-controls>.toolbar:first-child{display:grid;grid-template-columns:minmax(0,1fr) minmax(124px,.46fr);gap:9px;width:100%}
  .orders-page #orderSearch{grid-column:1/-1;width:100%;min-width:0}
  .orders-page #statusFilter,.orders-page #orderSellerFilter{width:100%;min-width:0;min-height:48px}
  .orders-page .order-list-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9px;width:100%}
  .orders-page .order-list-actions .btn{width:100%;min-width:0;white-space:normal;line-height:1.35}
  .recent-orders-card>.card-head>.toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;width:100%}
  .recent-orders-card #dashboardSearch{width:100%;min-width:0}
  .recent-orders-card .link{align-self:center;white-space:nowrap;padding:10px 0}
  .orders-page .order-table-wrap,.recent-orders-card .order-table-wrap{width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden}
  .orders-page .order-table,.recent-orders-card .order-table{width:760px;min-width:760px;table-layout:auto}
  .orders-page .order-table th,.orders-page .order-table td,.recent-orders-card .order-table th,.recent-orders-card .order-table td{white-space:nowrap;word-break:normal}
  .product-catalog-page .filters{gap:8px;padding:10px}
  .product-catalog-page .product-list{overflow:hidden}
  .product-catalog-page .product-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;min-width:0;min-height:0;gap:10px 12px;padding:14px;align-items:end}
  .product-catalog-page .product-main{grid-column:1/-1;grid-row:1;align-items:flex-start}
  .product-catalog-page .product-thumb{width:64px;height:64px;flex-basis:64px}
  .product-catalog-page .product-row .product-name{white-space:normal;line-height:1.45}
  .product-catalog-page .product-list-cell{padding-left:0!important;min-width:0}
  .product-catalog-page .product-row>.product-list-cell:nth-of-type(2){grid-column:1/-1;grid-row:2;margin-left:76px}
  .product-catalog-page .product-price{grid-column:1;grid-row:3;align-self:end}
  .product-catalog-page .product-stock{grid-column:2;grid-row:3;align-items:flex-end;text-align:right;align-self:end}
  .product-catalog-page .product-row>.product-list-cell:nth-of-type(5){display:none}
  .product-catalog-page .product-actions{grid-column:3;grid-row:3;align-self:end;justify-self:end}
  .product-catalog-page .product-price b,.product-catalog-page .product-stock b{font-size:15px}
  .product-catalog-page .product-price small,.product-catalog-page .product-stock small{font-size:10px!important}
  .product-catalog-page .product-order{min-height:42px;padding:8px 14px;white-space:nowrap}
  .product-catalog-page .product-list.has-cost-col .product-row>.product-list-cell:nth-of-type(5){display:block}
  .product-catalog-page .product-list.has-cost-col .product-row>.product-list-cell:nth-of-type(6){display:none}
  .product-catalog-page .product-list.has-cost-col .product-cost{grid-column:1/-1;grid-row:3;flex-direction:row;align-items:center;gap:10px}
  .product-catalog-page .product-list.has-cost-col .product-cost>small{display:none!important}
  .product-catalog-page .product-list.has-cost-col .product-price{grid-row:4}
  .product-catalog-page .product-list.has-cost-col .product-stock{grid-row:4}
  .product-catalog-page .product-list.has-cost-col .product-actions{grid-row:4}
}
@media (max-width:380px){
  .product-catalog-page .product-row{grid-template-columns:minmax(0,1fr) auto}
  .product-catalog-page .product-actions{grid-column:1/-1;grid-row:4;width:100%}
  .product-catalog-page .product-order{width:100%}
}

/* 商品中心-成本价内联编辑 */
.product-cost{gap:4px}.product-cost .product-cost-value{font-size:14px;font-weight:700;line-height:1.4}.product-cost>small{display:block!important;font-size:8px;color:var(--muted)}
.product-cost-profit{font-size:9px;font-weight:700;white-space:nowrap}
.product-cost-profit.down{color:#d9534f}
.product-cost-profit.up{color:#27ae60}

/* ===== 电商数据大屏（三栏科技风） ===== */
.data-board.v2 {
  position: fixed; top: 0; left: 0; right: 0; bottom: 0;
  background: #1a0506;
  background-image:
    radial-gradient(ellipse at 20% 20%, rgba(0,180,255,0.08) 0%, transparent 50%),
    radial-gradient(ellipse at 80% 80%, rgba(0,255,150,0.06) 0%, transparent 50%),
    linear-gradient(rgba(0,150,255,0.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0,150,255,0.03) 1px, transparent 1px);
  background-size: 100% 100%, 100% 100%, 40px 40px, 40px 40px;
  color: #c8e0f0; font-family: 'Microsoft YaHei', sans-serif;
  display: flex; flex-direction: column; overflow: hidden; z-index: 9999;
  animation: dbFadeIn 0.5s ease;
}
@keyframes dbFadeIn { from { opacity: 0; } to { opacity: 1; } }
.db-topbar {
  display: flex; align-items: center; justify-content: space-between;
  height: 56px; padding: 0 24px; flex-shrink: 0;
  background: linear-gradient(180deg, rgba(0,80,160,0.3) 0%, transparent 100%);
  border-bottom: 1px solid rgba(0,180,255,0.2); position: relative;
}
.db-topbar::after {
  content: ''; position: absolute; bottom: -1px; left: 50%; transform: translateX(-50%);
  width: 60%; height: 2px; background: linear-gradient(90deg, transparent, #00d4ff, transparent);
}
.db-top-left { display: flex; align-items: center; gap: 12px; min-width: 280px; }
.db-back {
  background: rgba(0,180,255,0.1); border: 1px solid rgba(0,180,255,0.3);
  color: #00d4ff; width: 32px; height: 32px; border-radius: 4px;
  cursor: pointer; font-size: 16px; transition: all 0.2s;
}
.db-back:hover { background: rgba(0,180,255,0.25); box-shadow: 0 0 12px rgba(0,180,255,0.4); }
.db-subtitle { color: #5a8aaa; font-size: 12px; letter-spacing: 1px; }
.db-top-title { flex: 1; text-align: center; }
.db-top-title h1 {
  margin: 0; font-size: 24px; font-weight: bold; letter-spacing: 6px;
  background: linear-gradient(180deg, #ffffff 0%, #00d4ff 100%);
  -webkit-background-clip: text; -webkit-text-fill-color: transparent;
}
.db-top-right { display: flex; align-items: center; gap: 16px; min-width: 280px; justify-content: flex-end; }
.db-clock { color: #00d4ff; font-size: 14px; font-family: 'Courier New', monospace; letter-spacing: 1px; }
.db-fullscreen {
  background: rgba(0,180,255,0.1); border: 1px solid rgba(0,180,255,0.3);
  color: #00d4ff; width: 36px; height: 32px; border-radius: 4px;
  cursor: pointer; font-size: 16px; transition: all 0.2s;
}
.db-fullscreen:hover { background: rgba(0,180,255,0.25); box-shadow: 0 0 12px rgba(0,180,255,0.4); }
.db-grid {
  flex: 1; display: grid; grid-template-columns: 23% 54% 23%;
  gap: 12px; padding: 12px; overflow: hidden;
}
.db-col { display: flex; flex-direction: column; gap: 12px; overflow: hidden; }
.db-panel {
  background: linear-gradient(135deg, rgba(59,11,13,0.8) 0%, rgba(34,6,7,0.9) 100%);
  border: 1px solid rgba(0,180,255,0.15); border-radius: 4px;
  position: relative; overflow: hidden; display: flex; flex-direction: column;
  animation: dbPanelEnter 0.6s ease backwards;
}
.db-panel:nth-child(1) { animation-delay: 0.1s; }
.db-panel:nth-child(2) { animation-delay: 0.2s; }
.db-panel:nth-child(3) { animation-delay: 0.3s; }
@keyframes dbPanelEnter { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }
.db-panel::before, .db-panel::after {
  content: ''; position: absolute; width: 16px; height: 16px;
  border-color: #00d4ff; border-style: solid;
}
.db-panel::before { top: 0; left: 0; border-width: 2px 0 0 2px; }
.db-panel::after { bottom: 0; right: 0; border-width: 0 2px 2px 0; }
.db-panel-head {
  display: flex; align-items: center; justify-content: space-between;
  padding: 8px 14px; font-size: 13px; font-weight: bold; color: #00d4ff;
  background: linear-gradient(90deg, rgba(0,180,255,0.15) 0%, transparent 100%);
  border-bottom: 1px solid rgba(0,180,255,0.1); letter-spacing: 1px; flex-shrink: 0;
}
.db-panel-head::before {
  content: ''; display: inline-block; width: 3px; height: 12px;
  background: #00d4ff; margin-right: 8px; vertical-align: middle; box-shadow: 0 0 6px #00d4ff;
}
.db-panel-body { flex: 1; padding: 10px 14px; overflow: hidden; }
.db-panel-body.db-scroll { overflow-y: auto; }
.db-panel-body.db-scroll::-webkit-scrollbar { width: 3px; }
.db-panel-body.db-scroll::-webkit-scrollbar-thumb { background: rgba(0,180,255,0.3); border-radius: 2px; }
.db-loading { color: #3a5a7a; text-align: center; padding: 20px; font-size: 12px; }
.db-empty { color: #3a5a7a; text-align: center; padding: 16px; font-size: 12px; }
.db-empty.ok { color: #00ff88; }
.db-note { color: #4a6a8a; font-size: 11px; text-align: center; margin-top: 6px; }
.db-metric {
  display: flex; align-items: center; gap: 10px; padding: 8px 10px; margin-bottom: 8px;
  background: rgba(0,100,200,0.08); border: 1px solid rgba(0,180,255,0.1);
  border-radius: 4px; animation: dbMetricEnter 0.5s ease backwards;
}
@keyframes dbMetricEnter { from { opacity: 0; transform: translateX(-15px); } to { opacity: 1; transform: translateX(0); } }
.dbm-icon {
  width: 36px; height: 36px; border-radius: 4px;
  display: flex; align-items: center; justify-content: center; font-size: 18px; flex-shrink: 0;
}
.db-metric-sales .dbm-icon { background: rgba(0,212,255,0.15); color: #00d4ff; }
.db-metric-orders .dbm-icon { background: rgba(255,200,0,0.15); color: #ffc800; }
.db-metric-avg .dbm-icon { background: rgba(0,255,150,0.15); color: #00ff96; }
.db-metric-refund .dbm-icon { background: rgba(255,100,100,0.15); color: #ff6464; }
.dbm-info { flex: 1; min-width: 0; }
.dbm-label { font-size: 11px; color: #5a8aaa; margin-bottom: 2px; }
.dbm-val { font-size: 18px; font-weight: bold; color: #ffffff; font-family: 'Courier New', monospace; }
.db-hero {
  background: linear-gradient(135deg, rgba(101,19,22,0.4) 0%, rgba(50,10,11,0.6) 100%);
  border-color: rgba(0,180,255,0.25);
}
.db-hero-row { display: flex; align-items: center; justify-content: space-around; padding: 14px 0; }
.db-hero-item { text-align: center; flex: 1; }
.db-hero-label { font-size: 12px; color: #5a8aaa; margin-bottom: 6px; letter-spacing: 2px; }
.db-hero-value { font-size: 36px; font-weight: bold; font-family: 'Courier New', monospace; line-height: 1.2; }
.db-hero-value.sales { color: #00d4ff; text-shadow: 0 0 20px rgba(0,212,255,0.5); }
.db-hero-value.profit { color: #00ff88; text-shadow: 0 0 20px rgba(0,255,136,0.5); }
.db-hero-value.orders { color: #ffc800; text-shadow: 0 0 20px rgba(255,200,0,0.5); }
.db-hero-unit { font-size: 11px; color: #3a6a8a; margin-top: 2px; }
.db-hero-divider { width: 1px; height: 50px; background: linear-gradient(180deg, transparent, rgba(0,180,255,0.3), transparent); }
.db-hero-sub { padding: 8px 20px; border-top: 1px solid rgba(0,180,255,0.1); }
.db-hero-mini { text-align: center; flex: 1; }
.db-hero-mini span { display: block; font-size: 11px; color: #4a7a9a; margin-bottom: 2px; }
.db-hero-mini b { font-size: 15px; color: #a0d0f0; font-family: 'Courier New', monospace; }
.bt-svg { width: 100%; height: auto; }
.bt-grid { stroke: rgba(0,180,255,0.08); stroke-width: 1; }
.bt-xlabel { fill: #4a7a9a; font-size: 9px; }
.bt-ylabel { fill: #4a7a9a; font-size: 9px; }
.bt-line { stroke-dasharray: 2000; stroke-dashoffset: 2000; animation: btDraw 2s ease forwards; }
@keyframes btDraw { to { stroke-dashoffset: 0; } }
.bar-sales { fill: url(#barSalesGrad); opacity: 0; animation: barGrow 0.6s ease forwards; }
.bar-profit { fill: url(#barProfitGrad); opacity: 0; animation: barGrow 0.6s ease forwards; }
.bar-profit.neg { fill: #ff6464; opacity: 0.7; }
@keyframes barGrow { from { opacity: 0; transform: scaleY(0); transform-origin: bottom; } to { opacity: 1; transform: scaleY(1); transform-origin: bottom; } }
.bar-sales:hover, .bar-profit:hover { filter: brightness(1.3); cursor: pointer; }
.pf-wrap { display: flex; align-items: center; gap: 12px; }
.pf-svg { width: 130px; height: 130px; flex-shrink: 0; animation: pfRotate 1s ease; }
@keyframes pfRotate { from { transform: rotate(-90deg) scale(0.5); opacity: 0; } to { transform: rotate(0) scale(1); opacity: 1; } }
.pf-legend { flex: 1; }
.pf-item { display: flex; align-items: center; gap: 6px; padding: 4px 0; font-size: 11px; }
.pf-dot { width: 8px; height: 8px; border-radius: 50%; flex-shrink: 0; }
.pf-name { color: #8ab0d0; width: 36px; }
.pf-val { color: #ffffff; flex: 1; text-align: right; font-family: 'Courier New', monospace; }
.pf-pct { color: #00d4ff; width: 40px; text-align: right; }
.prov-empty { padding: 10px; }
.prov-svg { width: 100%; height: auto; }
.prov-row {
  display: flex; align-items: center; gap: 8px; padding: 5px 0; font-size: 11px;
  animation: provSlide 0.4s ease backwards;
}
@keyframes provSlide { from { opacity: 0; transform: translateX(-10px); } to { opacity: 1; transform: translateX(0); } }
.prov-name { width: 50px; color: #8ab0d0; flex-shrink: 0; }
.prov-bar { flex: 1; height: 14px; background: rgba(0,100,200,0.1); border-radius: 2px; overflow: hidden; }
.prov-bar-fill {
  height: 100%; background: linear-gradient(90deg, #00d4ff, #00ff96);
  border-radius: 2px; animation: provGrow 1s ease backwards; box-shadow: 0 0 8px rgba(0,212,255,0.4);
}
@keyframes provGrow { from { width: 0 !important; } }
.prov-val { width: 70px; text-align: right; color: #ffffff; font-family: 'Courier New', monospace; }
.pp-table { width: 100%; }
.pp-head, .pp-row {
  display: grid; grid-template-columns: 36px 1fr 70px 70px 80px;
  gap: 6px; align-items: center; padding: 5px 0; font-size: 11px;
}
.pp-head { color: #4a7a9a; border-bottom: 1px solid rgba(0,180,255,0.1); font-weight: bold; }
.pp-row { border-bottom: 1px solid rgba(0,180,255,0.05); animation: ppSlide 0.4s ease backwards; }
@keyframes ppSlide { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }
.pp-rank {
  width: 22px; height: 22px; border-radius: 3px;
  display: flex; align-items: center; justify-content: center;
  font-size: 11px; font-weight: bold; background: rgba(0,100,200,0.2); color: #5a8aaa;
}
.pp-rank.rank-1 { background: linear-gradient(135deg, #ffd700, #ff8c00); color: #000000; box-shadow: 0 0 8px rgba(255,215,0,0.5); }
.pp-rank.rank-2 { background: linear-gradient(135deg, #c0c0c0, #808080); color: #000000; }
.pp-rank.rank-3 { background: linear-gradient(135deg, #cd7f32, #8b4513); color: #ffffff; }
.pp-name { color: #a0d0f0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pp-sales { color: #8ab0d0; text-align: right; font-family: 'Courier New', monospace; }
.pp-profit { text-align: right; font-family: 'Courier New', monospace; font-weight: bold; }
.pp-profit.up { color: #00ff88; }
.pp-profit.down { color: #ff6464; }
.pp-bar-wrap { height: 8px; background: rgba(0,100,200,0.1); border-radius: 2px; overflow: hidden; }
.pp-bar { display: block; height: 100%; background: linear-gradient(90deg, #00ff88, #00d4ff); border-radius: 2px; animation: ppGrow 1s ease backwards; }
.pp-bar.neg { background: linear-gradient(90deg, #ff6464, #ff8c00); }
@keyframes ppGrow { from { width: 0 !important; } }
.ro-row {
  display: grid; grid-template-columns: 44px 40px 1fr 55px 44px;
  gap: 4px; align-items: center; padding: 5px 0;
  font-size: 10px; border-bottom: 1px solid rgba(0,180,255,0.05);
  animation: roSlide 0.4s ease backwards;
}
@keyframes roSlide { from { opacity: 0; transform: translateX(15px); } to { opacity: 1; transform: translateX(0); } }
.ro-time { color: #4a7a9a; font-family: 'Courier New', monospace; }
.ro-pf { text-align: center; padding: 1px 4px; border-radius: 2px; font-size: 9px; }
.ro-pf.pf-pdd { background: rgba(255,100,100,0.15); color: #ff6464; }
.ro-pf.pf-mt { background: rgba(255,200,0,0.15); color: #ffc800; }
.ro-pf.pf-dist { background: rgba(0,212,255,0.15); color: #00d4ff; }
.ro-prod { color: #a0d0f0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ro-amt { color: #ffffff; text-align: right; font-family: 'Courier New', monospace; }
.ro-st { text-align: center; font-size: 9px; }
.ro-st.st-ok { color: #00ff88; }
.ro-st.st-refund { color: #ff6464; }
.db-live-dot {
  width: 8px; height: 8px; border-radius: 50%; background: #00ff88;
  box-shadow: 0 0 8px #00ff88; animation: livePulse 1.5s ease infinite;
}
@keyframes livePulse { 0%,100% { opacity: 1; } 50% { opacity: 0.3; } }
.ls-row {
  display: flex; align-items: center; gap: 6px; padding: 5px 0; font-size: 11px;
  border-bottom: 1px solid rgba(0,180,255,0.05); animation: lsSlide 0.4s ease backwards;
}
@keyframes lsSlide { from { opacity: 0; transform: translateX(15px); } to { opacity: 1; transform: translateX(0); } }
.ls-name { color: #a0d0f0; width: 70px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ls-spec { color: #5a8aaa; width: 50px; font-size: 10px; }
.ls-stock { font-weight: bold; font-family: 'Courier New', monospace; }
.ls-stock.low { color: #ffc800; }
.ls-stock.out { color: #ff6464; animation: outBlink 1s ease infinite; }
@keyframes outBlink { 0%,100% { opacity: 1; } 50% { opacity: 0.4; } }
.ls-safe { color: #3a6a8a; }
.tp-row {
  display: flex; align-items: center; gap: 8px; padding: 6px 0; font-size: 11px;
  animation: tpSlide 0.4s ease backwards;
}
@keyframes tpSlide { from { opacity: 0; transform: translateX(15px); } to { opacity: 1; transform: translateX(0); } }
.tp-rank {
  width: 20px; height: 20px; border-radius: 3px;
  display: flex; align-items: center; justify-content: center;
  font-size: 10px; font-weight: bold; background: rgba(0,100,200,0.2); color: #5a8aaa; flex-shrink: 0;
}
.tp-rank.rank-1 { background: linear-gradient(135deg, #ffd700, #ff8c00); color: #000000; }
.tp-rank.rank-2 { background: linear-gradient(135deg, #c0c0c0, #808080); color: #000000; }
.tp-rank.rank-3 { background: linear-gradient(135deg, #cd7f32, #8b4513); color: #ffffff; }
.tp-name { color: #a0d0f0; width: 80px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.tp-bar { flex: 1; height: 10px; background: rgba(0,100,200,0.1); border-radius: 2px; overflow: hidden; }
.tp-bar-fill {
  height: 100%; background: linear-gradient(90deg, #ff6b6b, #ffd700);
  border-radius: 2px; animation: tpGrow 1s ease backwards; box-shadow: 0 0 6px rgba(255,107,107,0.4);
}
@keyframes tpGrow { from { width: 0 !important; } }
.tp-val { color: #ffffff; width: 40px; text-align: right; font-family: 'Courier New', monospace; }
.db-legend { display: flex; align-items: center; gap: 10px; font-size: 10px; color: #5a8aaa; }
.db-legend i { display: inline-block; width: 12px; height: 3px; border-radius: 1px; margin-right: 3px; }
.db-legend .dl-sales { background: #00d4ff; }
.db-legend .dl-profit { background: #ff6b6b; }
@media (max-width: 1200px) {
  .db-grid { grid-template-columns: 25% 50% 25%; }
  .db-hero-value { font-size: 28px; }
}
@media (max-width: 900px) {
  .db-grid { grid-template-columns: 1fr; overflow-y: auto; }
  .db-col { overflow: visible; }
  .data-board.v2 { overflow-y: auto; }
}
/* ===== 电商数据大屏 END ===== */

/* Operational sales report: full-width desktop and touch-friendly scroll. */
/* Full-width operations workspace; presentation only, original forms are retained. */
.content:has(.operations-settings-page) { width:100%; max-width:none; margin:0; padding:24px clamp(16px,2vw,32px); }
.operations-settings-page { width:100%; min-width:0; container-type:inline-size; }
.operations-settings-page .compact-settings-page { min-height:0; display:block; }
.operations-settings-page .product-title-line { flex-wrap:wrap; white-space:normal; gap:8px 16px; }
.operations-settings-page .product-inline-fx { flex-wrap:wrap; }
.operations-settings-page .headline { margin-bottom:18px; }
.operations-section-nav { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:20px; }
.operations-section-nav button { padding:9px 14px; border:1px solid #f0d1d2; border-radius:10px; background:#ffffff; color:#984043; font:inherit; font-size:13px; min-height:40px; }
.operations-section-nav button:hover { background:#fae6e7; border-color:#ce7376; }
.operations-section-nav button:focus-visible,.operation-settings-group:focus-visible { outline:2px solid #c14246; outline-offset:3px; }
.operations-settings-page .vertical-settings-head { padding:18px 22px; flex-wrap:wrap; }
.operations-settings-page .vertical-settings-list { display:grid; grid-template-columns:minmax(0,1fr); gap:16px; padding:20px; }
.operation-settings-group { min-width:0; border:1px solid #efe1e1; border-radius:14px; padding:18px; scroll-margin-top:100px; background:#ffffff; }
.operation-group-heading { margin-bottom:10px; }
.operation-group-heading h2 { margin:0; font-size:16px; line-height:1.5; }
.operation-group-heading p { margin:4px 0 0; font-size:12px; color:var(--muted); line-height:1.6; }
.operation-group-fields { display:grid; gap:0; }
.operations-settings-page .operation-group-fields .vertical-setting-row { grid-template-columns:minmax(0,1fr) minmax(120px,170px); padding:12px 0; min-height:68px; gap:14px; align-items:center; }
.operations-settings-page .operation-group-fields .vertical-setting-row:last-child { border-bottom:0; padding-bottom:0; }
.operations-settings-page .operation-group-fields .vertical-setting-row>span>b { font-size:14px; }
.operations-settings-page .operation-group-fields .vertical-setting-row>span>small { font-size:12px; line-height:1.5; overflow-wrap:anywhere; }
.operations-settings-page .operation-group-fields .money-input,.operations-settings-page .operation-group-fields .vertical-setting-select { grid-column:2; width:100%; min-width:0; min-height:44px; }
.operations-settings-page .operation-group-fields .money-input input { font-size:16px; min-width:0; }
.operations-settings-page .operation-group-fields .setting-switch,.operations-settings-page .operation-group-fields .btn { grid-column:2; justify-self:end; }
.operations-settings-page .vertical-settings-footer { position:sticky; bottom:0; z-index:5; border-radius:0 0 16px 16px; background:rgba(255,255,255,.98); box-shadow:0 -5px 18px rgba(92,32,34,.06); padding:14px 22px; flex-wrap:wrap; gap:12px; }
.operations-settings-page .vertical-settings-footer>span { flex:1; gap:6px 16px; min-width:0; }
.operations-settings-page .vertical-settings-footer>div { flex-wrap:wrap; gap:10px; }
.operations-settings-page .vertical-settings-footer .btn { min-height:44px; }
.operations-cost-section { margin-top:20px; min-width:0; scroll-margin-top:100px; }
.operations-cost-section h2 { margin:0 0 8px; font-size:22px; }
.operations-cost-section .subtitle { line-height:1.6; }
.operations-cost-section .table-wrap { overflow-x:auto; }
.operations-cost-section table { min-width:480px; }
.operations-cost-grid { display:grid; grid-template-columns:minmax(0,1fr); gap:18px; align-items:start; }
.operations-cost-grid>.card { min-width:0; }
.operation-payment-stack { display:flex; flex-direction:column; gap:16px; min-width:0; }
.operation-payment-stack #publicShippingCostCard,.operation-payment-stack #monthlyOperatingCostCard { box-shadow:none; border-color:#efe1e1; border-radius:14px; scroll-margin-top:100px; }
.operations-cost-section.operations-cost-relocated { margin-top:0; }
.operation-payment-stack .table-wrap { overflow-x:auto; }
.operation-payment-stack table { width:100%; min-width:360px; }
.operation-payment-stack th,.operation-payment-stack td { padding:12px; }
.operation-payment-stack .card-head { padding:16px 18px; flex-wrap:wrap; }
.operations-cost-grid>.card:only-child { grid-column:1/-1; }
.hk-withdrawal-card { min-width:0; border:1px solid #efe1e1; box-shadow:none; scroll-margin-top:100px; }
.hk-withdrawal-card .card-head { padding:18px; }
.hk-withdrawal-body { padding:0 18px 18px; }
.hk-withdrawal-body>label { display:block; font-size:14px; margin-bottom:8px; }
.hk-withdrawal-body .money-input { width:100%; }
.hk-withdrawal-body input { width:100%; min-width:0; font-size:16px; }
.hk-withdrawal-body p { padding:12px; background:#fcf3f3; border-radius:10px; color:#984043; line-height:1.7; }
.hk-withdrawal-body>small { color:var(--muted); line-height:1.6; display:block; }
.hk-withdrawal-actions { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px; margin-top:18px; }
.hk-withdrawal-actions span { font-size:12px; color:var(--muted); }
.hk-withdrawal-actions button { min-height:44px; }
@container (min-width:960px) {
  .vertical-settings-list:has(#monthlyOperatingCostCard):has(#hkWithdrawalCard) { grid-template-areas:'base delivery' 'payment commission' 'shipping commission' 'monthly withdrawal' 'rules rules'; }
  .vertical-settings-list:has(#hkWithdrawalCard) .operation-payment-stack { display:contents; }
  .vertical-settings-list:has(#monthlyOperatingCostCard) .operation-group-base { grid-area:base; }
  .vertical-settings-list:has(#monthlyOperatingCostCard) .operation-group-delivery { grid-area:delivery; }
  .vertical-settings-list:has(#monthlyOperatingCostCard) .operation-group-payment { grid-area:payment; }
  .vertical-settings-list:has(#monthlyOperatingCostCard) .operation-group-commission { grid-area:commission; }
  .vertical-settings-list:has(#monthlyOperatingCostCard) #publicShippingCostCard { grid-area:shipping; }
  .vertical-settings-list:has(#monthlyOperatingCostCard) #monthlyOperatingCostCard { grid-area:monthly; }
  .vertical-settings-list:has(#monthlyOperatingCostCard) #hkWithdrawalCard { grid-area:withdrawal; }
  .vertical-settings-list:has(#monthlyOperatingCostCard) .operation-group-rules { grid-area:rules; }
  .operations-settings-page .vertical-settings-list { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .operation-group-rules { grid-column:1/-1; }
  .operation-group-rules .operation-group-fields { grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
  .operations-settings-page .operation-group-rules .vertical-setting-row { grid-template-columns:minmax(0,1fr); align-content:start; border-bottom:0; padding:8px 0 0; }
  .operations-settings-page .operation-group-rules .vertical-setting-row>:not(span) { grid-column:1; justify-self:start; }
}
@media(max-width:720px) {
  .operation-payment-stack table { min-width:0; table-layout:fixed; }
  .operation-payment-stack th,.operation-payment-stack td { padding:10px 6px; white-space:normal; }
  .operation-payment-stack th:first-child { width:20%; }
  .operation-payment-stack .table-input { width:100%!important; min-width:0; }
  .operation-payment-stack [data-ship-save] { width:100%; min-height:44px; padding:8px 4px; white-space:normal; }
  .content:has(.operations-settings-page) { padding:18px 12px calc(22px + env(safe-area-inset-bottom)); }
  .operations-settings-page .vertical-settings-list { padding:12px; gap:12px; }
  .operation-settings-group { padding:14px; scroll-margin-top:80px; }
  .operations-settings-page .operation-group-fields .vertical-setting-row { grid-template-columns:minmax(0,1fr); gap:8px; padding:12px 0; }
  .operations-settings-page .operation-group-fields .vertical-setting-row>:not(span) { grid-column:1; justify-self:start; }
  .operations-settings-page .operation-group-fields .vertical-setting-row>.btn { width:100%; }
  .operations-settings-page .vertical-settings-footer { position:static; padding:14px; }
  .operations-settings-page .vertical-settings-footer>div { width:100%; align-items:stretch; }
  .operations-settings-page .vertical-settings-footer .btn { width:100%; }
  .operations-section-nav { gap:6px; }
  .operations-section-nav button { padding:8px 10px; }
  .operations-cost-section { margin-top:16px; }
  .operations-cost-section h2 { font-size:20px; }
  .operations-cost-section .card-head { flex-wrap:wrap; gap:12px; }
}
.ops-page { min-width:0; }
.ops-page .page-head { display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; }
.ops-page h1 { margin:0 0 10px; }
.ops-page .page-head p { color:#876b6c; margin:0; }
.ops-filters { display:flex; align-items:end; gap:14px; flex-wrap:wrap; padding:20px; margin:20px 0 12px; }
.ops-filters label { display:grid; gap:8px; font-size:13px; color:#836768; }
.ops-filters input,.ops-filters select { box-sizing:border-box; width:100%; min-height:42px; border:1px solid #f2dcdd; border-radius:10px; background:#ffffff; color:#462324; padding:10px 12px; font:inherit; }
.ops-search { flex:1; min-width:220px; }
.ops-sync { color:#8f7172; font-size:12px; margin:14px 0; }
.ops-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
/* Share the distribution report's compact metric sizing, including mobile rules. */
.ops-metric { text-align:left; font-family:inherit; color:#775758; cursor:pointer; border:1px solid #ede3e3; }
.ops-metric strong { display:block; color:#462324; }
.ops-metric strong small { margin-left:6px; font-size:12px; font-weight:400; }
.ops-metric>small { display:block; }
.ops-metric.selected,.ops-metric:hover { border-color:#c74347; background:#fef8f8; }
.ops-rules { padding:16px 20px; margin:18px 0; color:#866465; font-size:13px; }
.ops-rules summary { cursor:pointer; font-weight:600; }
.ops-rules p { margin:12px 0 0; line-height:1.7; }
.ops-products,.ops-orders { margin-top:20px; overflow:hidden; }
.ops-page .card-head { display:flex; flex-wrap:wrap; gap:14px; align-items:center; padding:20px; }
.ops-page .card-note { line-height:1.6; margin-top:6px; }
.ops-table-scroll { overflow-x:auto; -webkit-overflow-scrolling:touch; }
.ops-table-scroll table { width:100%; border-collapse:collapse; font-size:13px; }
.ops-products table { min-width:1280px; }
.ops-orders table { min-width:1150px; }
.ops-table-scroll th { background:#fcf8f8; color:#907273; text-align:left; font-weight:500; white-space:nowrap; }
.ops-table-scroll th,.ops-table-scroll td { padding:8px 16px; border-bottom:1px solid #f3eaea; vertical-align:top; line-height:1.4; }
.ops-table-scroll td:first-child { min-width:200px; max-width:290px; overflow-wrap:anywhere; }
.ops-table-scroll td small { display:block; color:#957b7c; font-size:12px; margin-top:3px; line-height:1.35; }
.ops-pill { display:inline-block; border-radius:8px; padding:6px 9px; background:#fbe8e9; color:#c34044; white-space:nowrap; }
.ops-table-scroll .ops-pill { padding:3px 8px; line-height:1.4; }
.ops-pill.red { color:#c04746; background:#fff0f0; }
.ops-pill.amber { color:#a96921; background:#fff4e4; }
.ops-pill.green { color:#2d8164; background:#eaf6ef; }
.ops-page .ops-danger { color:#c04746; }
.ops-product-link { background:none; border:0; padding:0; text-align:left; cursor:pointer; color:#bc4044; font:inherit; font-weight:600; line-height:1.5; }
.ops-selected { background:#fdf5f5; }
.ops-actions,.ops-pagination { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.ops-pagination { justify-content:flex-end; padding:16px 20px; font-size:13px; color:#8f7172; }
.ops-loading { padding:40px 20px; text-align:center; color:#836768; }
.ops-orders { scroll-margin-top:100px; }
.express-tracking-link{font:inherit;text-align:left;overflow-wrap:anywhere;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.express-tracking-modal{max-width:760px}
.express-tracking-body{max-height:60vh;overflow-y:auto;padding:20px 24px}
.express-tracking-summary{display:flex;flex-direction:column;gap:8px;padding-bottom:20px;border-bottom:1px solid var(--line)}
.express-tracking-summary strong{font-size:20px;color:var(--ink)}
.express-tracking-summary small,.express-tracking-footer{color:var(--muted);font-size:12px;line-height:1.6}
.express-tracking-timeline{list-style:none;margin:22px 0 0;padding:0 0 0 14px;border-left:2px solid var(--line)}
.express-tracking-timeline li{position:relative;padding:0 0 22px 14px}
.express-tracking-timeline li:before{content:'';position:absolute;left:-20px;top:4px;width:10px;height:10px;border-radius:50%;background:var(--green)}
.express-tracking-timeline time{font-size:13px;color:var(--muted)}
.express-tracking-timeline p{font-size:14px;line-height:1.7;margin:6px 0 0;overflow-wrap:anywhere}
.express-tracking-empty{padding:32px 10px;text-align:center;line-height:1.8}
.express-tracking-footer{padding:16px 24px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.ops-page button:focus-visible { outline:3px solid #e58588; outline-offset:3px; }
@media(max-width:760px) {
  .ops-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  .ops-filters { padding:14px; gap:12px; }
  .ops-filters label { flex:1 1 calc(50% - 12px); min-width:0; }
  .ops-filters label.ops-search { flex-basis:100%; }
  .ops-filters input,.ops-filters select { font-size:16px; min-width:0; }
  .ops-page .card-head { padding:16px; }
  .ops-page .card-head>div { min-width:0; }
  .ops-table-scroll::before { content:'左右滑动查看完整库存 / 发货数据 →'; display:block; padding:10px 16px; color:#997172; font-size:12px; }
  .ops-page h1 { font-size:26px; }
  .ops-page .page-head .btn { min-height:44px; }
}
.operations-settings-page [data-save-state] { display:inline-block; font-size:13px; line-height:1.5; }
.operations-settings-page [data-save-state="saved"] { color:#28795e; }
.operations-settings-page [data-save-state="saving"],.operations-settings-page [data-save-state="pending"] { color:#bd4448; }
.operations-settings-page [data-save-state="error"],.operations-settings-page [data-save-state="invalid"] { color:#bc3434; }
.operations-settings-page button[hidden] { display:none!important; }
.operations-settings-page input[aria-invalid="true"] { outline:2px solid #bc3434; outline-offset:2px; }
.distribution-trend-details{margin-top:12px}
.distribution-trend-details>summary{padding:14px 20px;cursor:pointer;color:var(--muted);font-size:13px}
.distribution-trend-layout .self-trend-plot{min-height:220px}
.inventory-list-controls{flex-wrap:wrap;min-width:0;max-width:100%;justify-content:flex-end}
.inventory-list-controls #exportInventorySelected{white-space:nowrap;flex-shrink:0}
.inventory-list-controls #clearInventorySelection[hidden]{display:none}
#inventoryTable .order-check-cell{width:40px;padding-left:12px;padding-right:12px}
@media(max-width:700px){.inventory-list-controls{width:100%}.inventory-list-controls .search{width:auto;min-width:120px}.inventory-list-controls #inventorySort{width:180px;flex-basis:180px}}
.purchase-list-controls{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-width:min(100%,510px)}
.purchase-list-controls .search{flex:1;min-width:180px}
.purchase-list-controls #exportPurchasesSelected{flex:0 0 auto;white-space:nowrap}
@media(max-width:700px){.purchase-list-head{align-items:stretch;flex-direction:column}.purchase-list-controls{width:100%;min-width:0}.purchase-list-controls .search{width:auto;min-width:0}}

/* 批次落地成本：美元进价、整票费用分摊与单盒成本预览 */
.purchase-modal{width:min(1340px,100%)}
.purchase-cost-row{grid-template-columns:repeat(4,minmax(0,1fr))!important;padding-bottom:16px!important}
.purchase-cost-row label{min-width:0}
.purchase-cost-row input,.purchase-cost-row select{width:100%;min-width:0;box-sizing:border-box}
.purchase-item-row{grid-template-columns:minmax(190px,2.1fr) minmax(72px,.65fr) minmax(105px,.85fr) minmax(90px,.75fr) minmax(125px,1fr) minmax(122px,1fr) 44px}
.purchase-item-row .required-allocation-weight{border-color:#d69a50;background:#fffaf2}
.pi-landed-preview{display:flex;min-width:0;flex-direction:column;gap:2px;color:var(--muted);font-size:9px;line-height:1.3}
.pi-landed-preview b{color:var(--green);font-size:12px}
.pi-landed-preview small{font-size:8px;color:var(--muted)}
.purchase-total-bar{flex-wrap:wrap}
@media(max-width:900px){.purchase-cost-row{grid-template-columns:1fr!important}.purchase-item-row{min-width:900px}}
.warehouse-toolbar{display:flex;align-items:center;gap:14px;margin:0 0 18px;padding:14px 16px;background:#ffffff;border:1px solid var(--line);border-radius:14px}.warehouse-toolbar label{display:flex;align-items:center;gap:10px;font-weight:700;color:var(--text)}.warehouse-toolbar select{min-width:240px}.warehouse-toolbar>div{display:flex;flex-direction:column;gap:2px;flex:1}.warehouse-toolbar small{color:var(--muted)}.stock-input{width:104px}
.self-order-warehouse-filter{min-width:210px}
@media(max-width:760px){.warehouse-toolbar{align-items:stretch;flex-direction:column}.warehouse-toolbar label{align-items:stretch;flex-direction:column}.warehouse-toolbar select{width:100%;min-width:0}}

/* 连鹏国际EVENPENG · light red brand */
:root{--ink:#42272d;--text:#42272d;--muted:#80676d;--line:#f0dce0;--paper:#fff;--canvas:#fff8f8;--bg:#fff8f8;--green:#c74452;--green-2:#fce6e9;--lime:#f7cdd3;--shadow:none}
body{background:var(--canvas);color:var(--ink)}
.sidebar{background:#fff0f2;color:#6e3540;border-right:1px solid #efd6dc}
.nav-label{color:#93616b}.nav-item{color:#73464f}.nav-item:hover{background:#ffe3e7;color:#972f3e}.nav-item.active{background:#f8d0d7;color:#8b2636}
.brand,.brand:hover{color:#862b38}.side-help{background:#fff7f8;border-color:#eac6ce;color:#86535e}.side-help strong{color:#7f3443}
.topbar{background:#fffafb;backdrop-filter:none}.btn-primary{background:#c74452;color:#fff;box-shadow:none}.btn-primary:hover{background:#ae3443;transform:none}
.card,.metric,.message-center-panel,.startup-failure>div{box-shadow:none}.metric-filter-card:hover{box-shadow:none}
.data-board.v2{background:#fff6f7;color:#582e38}.data-board.v2:before,.data-board.v2:after{display:none}
.db-topbar,.db-panel{background:#fff;border-color:#efcbd2;box-shadow:none}.db-topbar:after{background:#e2a8b4}
.db-top-title h1{background:none;-webkit-text-fill-color:#9b3345;color:#9b3345;text-shadow:none}.db-subtitle,.db-clock,.db-fullscreen,.db-back{color:#a43b4c}
.db-back,.db-fullscreen{background:#fff0f2;border-color:#ebc2ca}.db-panel-title,.db-panel h3{color:#8b3443}.db-panel-title:before{background:#cb5160}
/* Light dashboard charts and readable figure labels. */
.data-board.v2 .db-hero{background:#fff1f4;border-color:#edc6d0}
.data-board.v2 .db-panel-head{background:#fff0f3;color:#a33c50;border-color:#eed2d9}
.data-board.v2 .db-panel-head:before{background:#c74452;box-shadow:none}
.data-board.v2 .db-panel:before,.data-board.v2 .db-panel:after{border-color:#dfa2af}
.data-board.v2 .dbm-val,.data-board.v2 .pf-val,.data-board.v2 .prov-val,.data-board.v2 .ro-amt,.data-board.v2 .tp-val,.data-board.v2 .db-hero-mini b{color:#5e303a}
.data-board.v2 .dbm-label,.data-board.v2 .db-hero-label,.data-board.v2 .db-note,.data-board.v2 .db-legend,.data-board.v2 .pf-name,.data-board.v2 .prov-name,.data-board.v2 .pp-name,.data-board.v2 .pp-sales,.data-board.v2 .ro-prod,.data-board.v2 .ls-name,.data-board.v2 .ls-spec,.data-board.v2 .tp-name{color:#8a5c67}
.data-board.v2 .db-hero-value{color:#b63b50;text-shadow:none}
.data-board.v2 .db-hero-value.profit,.data-board.v2 .pp-profit.up,.data-board.v2 .ro-st.st-ok,.data-board.v2 .db-empty.ok{color:#287956}
.data-board.v2 .db-hero-value.orders,.data-board.v2 .ls-stock.low,.data-board.v2 .ro-pf.pf-mt{color:#99701c}
.data-board.v2 .db-metric{background:#fff8fa;border-color:#efd9df}
.data-board.v2 .db-panel svg text{fill:#80505d}
.data-board.v2 .bt-grid{stroke:#edd4dc}.data-board.v2 .prov-bar,.data-board.v2 .pp-bar-wrap,.data-board.v2 .tp-bar{background:#f9e7ec}
.data-board.v2 .db-live-dot{background:#2d8562;box-shadow:none}
.data-board.v2 .pf-pct,.data-board.v2 .ro-pf.pf-dist{color:#ba4257}
.data-board.v2 .prov-bar-fill{background:#d56c7f;box-shadow:none}