:root {
  --brand: #2368d9;
  --brand-strong: #1857bd;
  --brand-soft: #edf4ff;
  --ink: #17233a;
  --body: #44536a;
  --muted: #78869a;
  --line: #e6ebf2;
  --soft-line: #eff3f7;
  --surface: #ffffff;
  --surface-soft: #f7f9fc;
  --page: #f4f6fa;
  --nav: #17263e;
  --nav-hover: #223754;
  --success: #15966c;
  --success-soft: #e9f8f1;
  --warning: #c9791c;
  --warning-soft: #fff4e7;
  --danger: #d74a57;
  --danger-soft: #fff0f2;
  --shadow: 0 8px 28px rgba(25, 47, 82, .06);
  --motion-fast: 120ms;
  --motion-normal: 180ms;
  --motion-slow: 260ms;
  --ease-standard: cubic-bezier(.2, 0, 0, 1);
  --ease-emphasized: cubic-bezier(.2, .8, .2, 1);
  font-family: "Microsoft YaHei", "PingFang SC", Arial, sans-serif;
  color: var(--ink);
}

* { box-sizing: border-box; }
body { margin: 0; background: var(--page); color: var(--ink); overflow-x: hidden; }
button, input, select { font: inherit; }
button { cursor: pointer; -webkit-tap-highlight-color: transparent; }
button:focus-visible, input:focus-visible, select:focus-visible { outline: 3px solid rgba(35, 104, 217, .16); outline-offset: 1px; }

/* Unified dropdown: keep the native select for form values while presenting the shared menu treatment. */
.unified-select { position: relative; display: inline-block; min-width: 122px; vertical-align: middle; }
.unified-select-native { position: absolute !important; width: 1px !important; height: 1px !important; margin: -1px !important; padding: 0 !important; overflow: hidden !important; clip: rect(0 0 0 0) !important; clip-path: inset(50%) !important; opacity: 0 !important; pointer-events: none !important; white-space: nowrap !important; }
.unified-select-trigger { display: flex; align-items: center; justify-content: space-between; width: 100%; height: 40px; gap: 10px; padding: 0 11px 0 12px; border: 1px solid #d8e1ec; border-radius: 8px; color: var(--ink); background: #fff; font: inherit; text-align: left; transition: border-color .16s, box-shadow .16s, background .16s; }
.unified-select-trigger:hover:not(:disabled), .unified-select.is-open .unified-select-trigger { border-color: #84a9e9; }
.unified-select.is-open .unified-select-trigger { box-shadow: 0 0 0 3px rgba(35, 104, 217, .10); }
.unified-select-trigger:disabled { color: var(--muted); background: var(--surface-soft); cursor: default; }
.unified-select-trigger span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.unified-select-trigger i { width: 7px; height: 7px; flex: 0 0 7px; border-top: 1.5px solid #637b9e; border-left: 1.5px solid #637b9e; transform: rotate(45deg) translateY(2px); transition: transform .16s ease; }
.unified-select.is-open .unified-select-trigger i { transform: rotate(225deg) translate(-2px, 0); }
.unified-select-menu { position: absolute; z-index: 35; top: calc(100% + 6px); left: 0; width: max-content; min-width: 100%; max-width: min(360px, calc(100vw - 28px)); max-height: min(320px, calc(100vh - 120px)); padding: 6px; overflow-y: auto; border: 1px solid #d7e2f2; border-radius: 10px; background: #fff; box-shadow: 0 12px 26px rgba(32, 55, 88, .16); }
.unified-select-menu button { display: block; width: 100%; min-height: 36px; padding: 8px 10px; overflow: hidden; border: 0; border-radius: 7px; color: #34465f; background: transparent; font: inherit; text-align: left; text-overflow: ellipsis; white-space: nowrap; }
.unified-select-menu button:hover:not(:disabled), .unified-select-menu button[aria-selected="true"] { color: #2468d5; background: #eaf2ff; font-weight: 700; }
.unified-select-menu button:disabled { color: #a2adbd; cursor: default; }
.unified-select-group + .unified-select-group { margin-top: 5px; padding-top: 5px; border-top: 1px solid #edf1f6; }
.unified-select-group p { margin: 2px 8px 5px; color: #8492a5; font-size: 12px; font-weight: 700; }
.field .unified-select { display: block; width: 100%; }.toolbar .unified-select { min-width: 122px; }.row-actions .unified-select { min-width: 0; }.row-actions .unified-select-trigger { height: 30px; font-size: 12px; }

.login { min-height: 100vh; display: grid; place-items: center; padding: 28px; background: radial-gradient(circle at 15% 0%, #eef5ff 0, transparent 34%), var(--page); }
.login-card { width: min(440px, 100%); background: var(--surface); border: 1px solid var(--line); border-radius: 16px; padding: 38px; box-shadow: 0 20px 48px rgba(27, 49, 85, .10); }
.brand { font-size: 28px; letter-spacing: 0; font-weight: 700; margin: 0 0 9px; }
.sub, .hint { color: var(--muted); line-height: 1.7; }
.sub { margin: 0 0 28px; }

.field { display: grid; gap: 8px; margin: 16px 0; }
.field label { color: var(--ink); font-size: 14px; font-weight: 600; }
.field small { color: var(--muted); font-size: 12px; }
.field input, .field select, .toolbar input, .toolbar select, .copy-row input {
  height: 40px; border: 1px solid #d8e1ec; border-radius: 8px; padding: 0 12px; color: var(--ink); background: #fff; transition: border-color .16s, box-shadow .16s, background .16s;
}
.field input:focus, .field select:focus, .toolbar input:focus, .toolbar select:focus, .copy-row input:focus { border-color: #84a9e9; box-shadow: 0 0 0 3px rgba(35, 104, 217, .10); }
.field input:disabled { background: var(--surface-soft); color: var(--muted); }
.password { display: flex; }.password input { width: 100%; border-radius: 8px 0 0 8px; }.password button { width: 44px; border: 1px solid #d8e1ec; border-left: 0; background: var(--surface-soft); border-radius: 0 8px 8px 0; }

.primary, .secondary, .danger { min-height: 38px; border-radius: 8px; padding: 0 15px; font-size: 14px; font-weight: 600; transition: transform var(--motion-fast) var(--ease-standard), background-color var(--motion-normal) var(--ease-standard), border-color var(--motion-normal) var(--ease-standard), box-shadow var(--motion-normal) var(--ease-standard), color var(--motion-normal) var(--ease-standard); }
.primary:hover, .secondary:hover, .danger:hover { transform: translateY(-1px); }
.primary:active, .secondary:active, .danger:active { transform: scale(.98); }
.primary { border: 1px solid var(--brand); color: #fff; background: var(--brand); box-shadow: 0 5px 12px rgba(35, 104, 217, .18); }
.primary:hover { background: var(--brand-strong); border-color: var(--brand-strong); }
.secondary { border: 1px solid #dce5f0; color: #38516f; background: #fff; }
.secondary:hover { border-color: #adc4e7; color: var(--brand); background: #f7faff; }
.danger { border: 1px solid #f0c7cc; color: #c43d4b; background: #fff; }
.danger:hover { background: var(--danger-soft); }
.primary:disabled, .secondary:disabled, .danger:disabled { opacity: .58; cursor: wait; transform: none; box-shadow: none; }
.error { color: var(--danger); font-size: 13px; min-height: 20px; line-height: 1.5; }

.shell { min-height: 100vh; display: grid; grid-template-columns: 236px minmax(0, 1fr); }
.sidebar { position: sticky; top: 0; height: 100vh; padding: 26px 14px; color: #cbd7e8; background: var(--nav); box-shadow: 10px 0 28px rgba(18, 33, 57, .05); }
.sidebar-brand { display: flex; align-items: center; gap: 11px; margin: 0 10px 38px; color: #fff; font-size: 20px; font-weight: 700; white-space: nowrap; }
.brand-mark { display: grid; width: 30px; height: 30px; place-items: center; border-radius: 9px; background: #2e78ed; color: #fff; box-shadow: 0 5px 12px rgba(48, 120, 237, .28); font-size: 15px; }
.nav { display: grid; gap: 7px; }.nav button { display: flex; align-items: center; gap: 11px; width: 100%; min-height: 44px; padding: 0 13px; border: 0; border-radius: 9px; color: #cbd7e8; text-align: left; background: transparent; transition: transform var(--motion-fast) var(--ease-standard), background-color var(--motion-normal) var(--ease-standard), color var(--motion-normal) var(--ease-standard); }
.nav button::before { content: ""; width: 7px; height: 7px; flex: 0 0 7px; border: 1.5px solid currentColor; border-radius: 3px; opacity: .75; }
.nav button.active, .nav button:hover { color: #fff; background: var(--nav-hover); }.nav button:hover { transform: translateX(2px); }.nav button.active { background: #2a64b8; box-shadow: inset 3px 0 0 #8fc1ff; }

.main { min-width: 0; }.topbar { height: 72px; display: flex; align-items: center; justify-content: flex-end; gap: 14px; padding: 0 34px; background: rgba(255,255,255,.92); border-bottom: 1px solid var(--line); }
.user-profile { display: flex; align-items: center; gap: 10px; }.user-avatar { display: grid; width: 32px; height: 32px; place-items: center; border-radius: 50%; color: #2160c9; background: #eaf2ff; font-size: 13px; font-weight: 700; }.user { color: var(--body); font-size: 14px; }
.content { width: min(1510px, calc(100% - 52px)); margin: 0 auto; padding: 30px 0 44px; min-width: 0; }.crumb { color: var(--muted); font-size: 13px; margin-bottom: 9px; }.page-title { margin: 0 0 24px; font-size: 27px; letter-spacing: 0; }
.panel { min-width: 0; padding: 22px; border: 1px solid var(--line); border-radius: 14px; background: var(--surface); box-shadow: var(--shadow); }.welcome { font-size: 19px; font-weight: 700; }.empty { padding: 54px 24px; color: var(--muted); text-align: center; }

.toolbar { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-bottom: 19px; }.toolbar input { min-width: 210px; }.toolbar select { min-width: 122px; }.toolbar .primary { margin-left: auto; }
.table-wrap { max-width: 100%; overflow-x: auto; overflow-y: hidden; border: 1px solid var(--line); border-radius: 10px; }table { width: 100%; min-width: 860px; border-collapse: collapse; }th, td { padding: 14px 15px; border-bottom: 1px solid var(--soft-line); color: var(--body); text-align: left; font-size: 14px; white-space: nowrap; }th { color: #52637b; background: #f7f9fc; font-size: 13px; font-weight: 700; }tbody tr { transition: background .15s; }tbody tr:hover { background: #f8fbff; }tbody tr:last-child td { border-bottom: 0; }
.badge { display: inline-flex; align-items: center; justify-content: center; min-width: 54px; min-height: 26px; padding: 3px 9px; border: 1px solid #cbeedc; border-radius: 7px; color: #12855f; background: var(--success-soft); font-size: 12px; font-weight: 600; }.badge.off { border-color: #f3cdd2; color: #cd4350; background: var(--danger-soft); }.badge.warning { border-color: #f3ddb9; color: #b36b18; background: var(--warning-soft); }
.row-actions { display: flex; align-items: center; gap: 7px; min-width: 158px; }.row-actions button, .shop-config-actions button { min-height: 30px; padding: 0 9px; border: 1px solid #d8e2ee; border-radius: 6px; color: #34608f; background: #fff; white-space: nowrap; }.row-actions button:hover, .shop-config-actions button:hover { color: var(--brand); border-color: #a8c2e7; background: #f7faff; }.row-actions select { height: 30px; max-width: 128px; border: 1px solid #d8e2ee; border-radius: 6px; color: var(--body); background: #fff; }

.dashboard-page { display: grid; gap: 18px; }.dashboard-overview { display: flex; align-items: center; justify-content: space-between; gap: 20px; min-height: 64px; padding: 0 3px; }.dashboard-meta { display: flex; align-items: center; gap: 22px; flex-wrap: wrap; color: var(--muted); font-size: 14px; }.dashboard-meta strong { color: var(--body); font-weight: 600; }.dashboard-meta .meta-alert { color: var(--danger); }.dashboard-auto { color: #92a0b2; }.dashboard-head #dashboard-refresh { min-height: 42px; padding: 0 18px; white-space: nowrap; }
.dashboard-cards { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }.metric { position: relative; display: grid; gap: 12px; min-height: 148px; padding: 22px; overflow: hidden; border: 1px solid var(--line); border-radius: 14px; background: var(--surface); box-shadow: var(--shadow); }.metric::after { content: ""; position: absolute; top: 23px; right: 23px; width: 30px; height: 30px; border-radius: 50%; background: #edf4ff; }.metric.metric-cost::after { background: #eaf9f1; }.metric.metric-ratio::after { background: #fff3e6; }.metric.metric-time::after { background: #f1edff; }.metric span { color: var(--muted); font-size: 14px; }.metric strong { position: relative; z-index: 1; color: var(--ink); font-size: 29px; letter-spacing: 0; white-space: nowrap; }.metric small { color: #97a5b7; font-size: 13px; }
.dashboard-table-panel { padding: 22px; }.dashboard-table-panel .toolbar { margin-bottom: 20px; }.dashboard-table-panel .toolbar input { width: 245px; }.status-fresh { color: #14845f; background: var(--success-soft); border-color: #cbeedc; }.status-stale { color: #cd4350; background: var(--danger-soft); border-color: #f3cdd2; }.status-error { color: #b66e19; background: var(--warning-soft); border-color: #f3ddb9; }.status-unknown { color: #65758b; background: #f1f4f8; border-color: #e0e6ee; }
.status-fee-exceeded { color: #c73642; background: #fff0f1; border-color: #f2c6cb; }
.shop-management-note { margin: -6px 0 18px; color: var(--muted); font-size: 13px; }
.shop-management-panel table { min-width: 1000px; }.shop-management-panel td { vertical-align: middle; }.shop-management-panel .row-actions { flex-wrap: nowrap; min-width: 448px; white-space: nowrap; }.shop-config-actions { display: inline-flex; align-items: center; gap: 7px; flex-wrap: nowrap; white-space: nowrap; }
.dialog.assignment-picker-dialog { width: min(520px, 100%); }.assignment-picker-intro { margin: -4px 0 16px; color: #718096; font-size: 13px; line-height: 1.65; }.assignment-user-picker { overflow: hidden; border: 1px solid #e2e9f2; border-radius: 10px; background: #fbfcfe; }.assignment-user-search { display: block; padding: 10px 10px 0; }.assignment-user-search input { width: 100%; min-width: 0; height: 38px; }.assignment-user-selection { padding: 9px 12px; border-bottom: 1px solid #e8eef5; color: #55708f; font-size: 13px; background: #f5f8fc; }.assignment-user-options { max-height: min(390px, calc(100vh - 360px)); overflow-y: auto; padding: 6px; overscroll-behavior: contain; }.assignment-user-option { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 12px; width: 100%; min-height: 38px; padding: 8px 11px 8px calc(11px + var(--assignment-indent)); border: 0; border-radius: 7px; color: #30425d; text-align: left; background: transparent; }.assignment-user-option:hover { color: #1e62d5; background: #f0f5ff; }.assignment-user-option.is-selected { color: #1f62d3; font-weight: 700; background: #eaf2ff; }.assignment-user-option span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.assignment-user-option small { color: #8795a8; font-size: 12px; white-space: nowrap; }.assignment-user-empty { margin: 0; padding: 26px 12px; color: #8b98aa; font-size: 13px; text-align: center; }
.dialog.account-remarks-dialog { display: flex; width: min(720px, 100%); max-height: calc(100vh - 40px); flex-direction: column; }.account-remarks-intro { margin: -4px 0 16px; color: #718096; font-size: 13px; line-height: 1.65; }.account-remarks-list { min-height: 0; overflow-y: auto; border: 1px solid #e4ebf4; border-radius: 10px; }.account-remarks-head, .account-remark-row { display: grid; grid-template-columns: minmax(180px, .9fr) minmax(0, 1.4fr); gap: 16px; align-items: center; }.account-remarks-head { position: sticky; top: 0; z-index: 1; padding: 10px 14px; background: #f7f9fc; color: #66758b; font-size: 12px; font-weight: 700; }.account-remark-row { min-width: 0; padding: 11px 14px; border-top: 1px solid #edf1f6; }.account-remark-name { min-width: 0; overflow-wrap: anywhere; color: #2d405e; font-size: 14px; }.account-remark-row input { width: 100%; min-width: 0; }.account-remarks-empty { padding: 28px 16px; color: #7d8aa0; font-size: 13px; text-align: center; }
.dialog.monitor-config-dialog { width: min(680px, 100%); }.monitor-config-intro { margin: -4px 0 18px; color: #718096; font-size: 13px; line-height: 1.65; }.monitor-config-grid { display: grid; gap: 14px; }.monitor-config-section { min-width: 0; padding: 14px; border: 1px solid #e6edf5; border-radius: 10px; background: #f9fbfe; }.monitor-config-thresholds { display: grid; gap: 12px; }.monitor-config-threshold-row { display: grid; grid-template-columns: 116px minmax(0, 1fr); align-items: end; gap: 16px; }.monitor-config-threshold-row + .monitor-config-threshold-row { padding-top: 12px; border-top: 1px solid #e6edf5; }.monitor-config-section h3 { margin: 0 0 12px; color: #2e405c; font-size: 14px; }.monitor-config-threshold-row h3 { margin: 0 0 10px; }.monitor-config-pair { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }.monitor-config-section .field, .monitor-config-fee { min-width: 0; margin: 0; }.monitor-config-section .field label, .monitor-config-fee label { color: #62738d; font-size: 12px; }.monitor-config-section input, .monitor-config-fee input { width: 100%; min-width: 0; }

#collector-list table { min-width: 1050px; table-layout: fixed; }#collector-list th,#collector-list td { white-space: nowrap; }#collector-list th:nth-child(1){width:150px}#collector-list th:nth-child(2),#collector-list th:nth-child(3){width:84px}#collector-list th:nth-child(4),#collector-list th:nth-child(5){width:104px}#collector-list th:nth-child(6),#collector-list th:nth-child(7),#collector-list th:nth-child(9){width:125px}#collector-list th:nth-child(8){width:110px}#collector-list th:nth-child(10){width:160px}
.modal { position: fixed; inset: 0; z-index: 10; display: grid; place-items: center; padding: 20px; background: rgba(18, 30, 50, .38); backdrop-filter: blur(3px); }.dialog { width: min(460px, 100%); max-height: calc(100vh - 40px); display: flex; flex-direction: column; padding: 26px; overflow: hidden; border: 1px solid #e1e7ef; border-radius: 15px; background: #fff; box-shadow: 0 18px 55px rgba(20, 36, 61, .18); }.dialog h2 { flex: 0 0 auto; margin: 0 0 18px; font-size: 21px; }.dialog-body { min-height: 0; flex: 1 1 auto; overflow: auto; overscroll-behavior: contain; }.dialog .error, .dialog .actions { flex: 0 0 auto; }.actions { display: flex; justify-content: flex-end; gap: 9px; margin-top: 22px; }.copy-row { display: flex; }.copy-row input { min-width: 0; flex: 1; border-radius: 8px 0 0 8px; }.copy-row button { padding: 0 12px; border: 1px solid #d8e1ec; border-left: 0; border-radius: 0 8px 8px 0; color: #38516f; background: var(--surface-soft); }.toast { position: fixed; right: 26px; bottom: 26px; z-index: 20; display: none; padding: 12px 16px; border-radius: 9px; color: #fff; background: #223650; box-shadow: 0 12px 28px rgba(19, 33, 55, .18); }.toast.show { display: block; }

@media (max-width: 1100px) { .dashboard-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }.content { width: min(100% - 36px, 1510px); }.topbar { padding: 0 20px; } }
@media (max-width: 780px) { .shell { grid-template-columns: 1fr; }.sidebar { position: static; height: auto; padding: 14px; }.sidebar-brand { margin: 0 7px 14px; }.nav { display: flex; overflow-x: auto; }.nav button { width: auto; min-width: max-content; }.content { width: min(100% - 28px, 1510px); padding: 22px 0 34px; }.topbar { height: 60px; padding: 0 14px; }.dashboard-overview { align-items: flex-start; flex-direction: column; }.dashboard-head #dashboard-refresh { width: 100%; }.dashboard-cards { grid-template-columns: 1fr; }.dashboard-table-panel { padding: 15px; }.dashboard-table-panel .toolbar input { width: 100%; }.toolbar .primary { margin-left: 0; } }

/* Dashboard reference refresh: shared shell becomes a lighter product frame. */
:root {
  --page-bg: #f5f7fb;
  --surface: #ffffff;
  --surface-soft: #f8fafd;
  --text-primary: #16233a;
  --text-secondary: #69758a;
  --text-muted: #9aa5b5;
  --primary: #246bfd;
  --primary-hover: #1859e8;
  --border: #e6ebf2;
  --success: #18a865;
  --warning: #f59e0b;
  --danger: #ef4444;
}

.shell { grid-template-columns: 224px minmax(0, 1fr); background: var(--page-bg); transition: grid-template-columns 340ms cubic-bezier(.22, .8, .25, 1); }
.sidebar { padding: 27px 17px 22px; color: #53627a; background: #fff; box-shadow: 1px 0 0 var(--border); transition: padding 340ms cubic-bezier(.22, .8, .25, 1); }
.sidebar-brand { justify-content: flex-start; gap: 7px; margin: 0 0 39px; padding-left: 14px; color: var(--text-primary); font-size: 21px; }
.brand-mark { width: 30px; height: 30px; border-radius: 10px; background: linear-gradient(135deg, #ff6b38, #f43f35); box-shadow: 0 7px 16px rgba(244, 85, 55, .2); }
.brand-logo { display: block; width: 172px; height: auto; }
.brand-mark-image { display: block; width: 42px; height: 42px; flex: 0 0 42px; object-fit: cover; object-position: center; border-radius: 10px; }
.nav { gap: 10px; }
.nav button { min-height: 46px; padding: 0 14px; border-radius: 12px; color: #53627a; font-size: 15px; font-weight: 600; }
.sidebar-brand > span, .nav button > span:not(.nav-group-chevron) { min-width: 0; max-width: 0; overflow: hidden; visibility: hidden; opacity: 0; text-overflow: clip; white-space: nowrap; transform: translateX(-7px); transition: max-width 300ms cubic-bezier(.22, .8, .25, 1), opacity 150ms ease, transform 220ms var(--ease-standard), visibility 0s linear 150ms; }
.shell.sidebar-labels-visible .sidebar-brand > span, .shell.sidebar-labels-visible .nav button > span:not(.nav-group-chevron) { max-width: 180px; visibility: visible; opacity: 1; transform: translateX(0); transition-delay: 0s; }
.nav button::before { width: 16px; height: 16px; flex-basis: 16px; border-radius: 5px; border: 1.7px solid currentColor; opacity: .9; }
.nav button:has(.nav-icon)::before { display: none; }
.nav-icon { width: 20px; height: 20px; flex: 0 0 20px; object-fit: contain; }
.nav button:hover { color: #246bfd; background: #f4f8ff; }
.nav button.active { color: #246bfd; background: #edf4ff; box-shadow: none; }
.nav-group { display: grid; gap: 2px; }
.nav-group-trigger { justify-content: flex-start; }
.nav-group-trigger .nav-group-chevron { width: 7px; height: 7px; margin-left: auto; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(45deg) translate(-2px, -2px); transition: transform var(--motion-fast) var(--ease-standard); }
.nav-group.is-open .nav-group-chevron { transform: rotate(225deg) translate(-1px, -1px); }
.nav-submenu { display: grid; grid-template-rows: 0fr; margin: 0 0 0 33px; padding-left: 12px; overflow: hidden; border-left: 1px solid transparent; opacity: 0; pointer-events: none; transform: translateY(-4px); will-change: grid-template-rows, opacity, transform; transition: grid-template-rows 210ms cubic-bezier(.2, .8, .2, 1), opacity 150ms var(--ease-standard), transform 150ms var(--ease-standard), border-color 150ms var(--ease-standard); }
.nav-submenu-content { display: grid; min-height: 0; gap: 3px; overflow: hidden; }
.nav-group.is-open .nav-submenu { grid-template-rows: 1fr; border-left-color: #dce7f7; opacity: 1; pointer-events: auto; transform: translateY(0); }
.nav-submenu[hidden] { display: none; }
.nav .nav-submenu-item { min-height: 36px; padding: 0 12px; overflow: hidden; border-radius: 8px; color: #72819a; font-size: 13px; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }
.nav .nav-submenu-item::before { width: 5px; height: 5px; flex-basis: 5px; border-width: 1.5px; border-radius: 50%; }
.nav .nav-submenu-item.active { color: #246bfd; background: #f2f7ff; }
.inventory-update-marker { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 12px; width: 12px; height: 12px; overflow: visible; line-height: 0; }
.inventory-update-marker svg { display: block; width: 12px; height: 12px; overflow: visible; shape-rendering: geometricPrecision; transform: none; }
.nav .product-nav-group .nav-group-trigger { position: relative; }
.nav .product-nav-update-marker { position: absolute; top: 50%; right: 29px; width: 20px; min-width: 20px; height: 20px; margin-top: -10px; transform: none !important; max-width: none !important; visibility: visible !important; opacity: 1 !important; }
.product-nav-group.is-open .product-nav-update-marker { display: none; }
.product-nav-update-marker[hidden] { display: none !important; }
.nav .inventory-nav-item { position: relative; }
.nav .inventory-nav-item.has-inventory-update::before { visibility: hidden; }
.nav .inventory-nav-update-badge { position: absolute; z-index: 1; top: 50%; left: 7px; display: inline-grid; width: 20px; height: 20px; min-width: 20px; margin-top: -10px; place-items: center; box-sizing: border-box; padding: 0; border: 1px solid #ffffff; border-radius: 50%; background: #e53935; color: #ffffff; font-family: Arial, "Microsoft YaHei", sans-serif; font-size: 12px; font-weight: 700; font-variant-numeric: tabular-nums; line-height: 18px; letter-spacing: 0; text-rendering: geometricPrecision; -webkit-font-smoothing: antialiased; box-shadow: none; transform: none !important; max-width: none !important; visibility: visible !important; opacity: 1 !important; }
.nav .product-nav-update-marker.inventory-nav-update-badge { right: 29px; left: auto; }
.inventory-nav-update-badge[hidden] { display: none !important; }
.sidebar-collapse-toggle { position: absolute; z-index: 4; top: 50%; right: -14px; display: grid; width: 28px; height: 106px; place-items: center; padding: 0; border: 1px solid #d7e3f3; border-radius: 0 10px 10px 0; color: #53739d; background: rgba(255,255,255,.92); box-shadow: 5px 4px 14px rgba(37, 66, 105, .09); cursor: pointer; transform: translateY(-50%); transition: color 220ms var(--ease-standard), background-color 220ms var(--ease-standard), box-shadow 220ms var(--ease-standard); }
.sidebar-collapse-toggle span { width: 8px; height: 8px; border-bottom: 1.7px solid currentColor; border-left: 1.7px solid currentColor; transform: rotate(45deg); transition: transform 300ms cubic-bezier(.22, .8, .25, 1); }
.sidebar-collapse-toggle:hover { color: #2164c5; background: #f3f8ff; box-shadow: 6px 5px 17px rgba(37, 93, 179, .16); }
.sidebar-collapse-toggle:focus-visible { outline: 3px solid rgba(43,107,210,.25); outline-offset: 3px; }
.shell.sidebar-collapsed { grid-template-columns: 72px minmax(0, 1fr); }
.shell.sidebar-collapsed .sidebar { padding-right: 15px; padding-left: 15px; }
.shell.sidebar-collapsed .sidebar-brand { justify-content: center; margin-bottom: 39px; padding-left: 0; }
.shell.sidebar-collapsed .nav button, .shell.sidebar-collapsed .nav-group-trigger { justify-content: center; padding-right: 0; padding-left: 0; overflow: hidden; }
.shell.sidebar-collapsed .sidebar-brand, .shell.sidebar-collapsed .nav button { gap: 0; }
.shell.sidebar-collapsed .nav-group-chevron { display: none; }
.shell.sidebar-collapsed .nav-submenu { display: none !important; }
.shell.sidebar-collapsed .product-nav-group:has(.product-nav-update-marker:not([hidden])) .nav-icon { display: none; }
.shell.sidebar-collapsed .product-nav-group:has(.product-nav-update-marker:not([hidden])) .product-nav-update-marker { position: static; display: inline-grid; flex: 0 0 20px; width: 20px; height: 20px; min-width: 20px; margin: 0; }
.shell.sidebar-collapsed .product-nav-group.is-open .product-nav-update-marker:not([hidden]) { display: inline-grid; }
.shell:not(.sidebar-labels-visible) .nav-submenu { display: none !important; }
.shell.sidebar-collapsed .sidebar-collapse-toggle span { transform: rotate(225deg); }
.topbar { height: 64px; padding: 0 30px; background: rgba(255,255,255,.96); }
.user-avatar { width: 34px; height: 34px; color: #fff; background: linear-gradient(135deg, #80a8ea, #466fbd); box-shadow: 0 4px 10px rgba(53, 93, 162, .18); }
.content { width: calc(100% - 56px); max-width: none; margin: 0 28px; padding: 24px 0 34px; }
.crumb { margin-bottom: 7px; color: #8390a4; }
.page-title { margin: 0 0 18px; color: var(--text-primary); font-size: 28px; line-height: 1.25; }

/* Personal shortcut settings */
.settings-panel { display: grid; grid-template-columns: minmax(252px, 292px) minmax(0, 1fr); max-width: 1260px; gap: 22px; padding: 22px; background: transparent; box-shadow: none; }
.settings-profile-card, .settings-shortcut-section, .settings-password-section { border: 1px solid #e1e9f3; border-radius: 16px; background: rgba(255,255,255,.95); box-shadow: 0 8px 24px rgba(35, 58, 91, .05); }
.settings-profile-card { align-self: start; padding: 20px; }
.settings-profile-card > header { display: flex; align-items: center; gap: 11px; margin: 0 0 20px; padding-bottom: 16px; border-bottom: 1px solid #edf1f6; }
.settings-profile-mark { display: grid; width: 38px; height: 38px; place-items: center; border-radius: 12px; color: #2868ca; background: #eaf2ff; font-size: 15px; font-weight: 800; }
.settings-profile-card header div { display: grid; gap: 3px; }
.settings-profile-card header strong { color: #2b405d; font-size: 16px; }
.settings-profile-card header small { color: #8090a4; font-size: 12px; }
.settings-profile-card .field { margin: 0 0 14px; }
.settings-profile-card .field:last-child { margin-bottom: 0; }
.settings-profile-card .field label { color: #72839a; font-size: 12px; }
.settings-profile-card .field input { height: 38px; color: #536a87; background: #f7f9fc; }
.settings-workspace { display: grid; gap: 22px; min-width: 0; }
.settings-shortcut-section, .settings-password-section { padding: 22px; }
.settings-shortcut-section > div:first-child { display: grid; gap: 5px; margin-bottom: 18px; }
.settings-shortcut-section h3, .settings-password-section h3 { margin: 0; color: #2d405d; font-size: 18px; }
.settings-shortcut-section > div:first-child > p { margin: 0; color: #7b8ba1; font-size: 13px; line-height: 1.6; }
.settings-shortcut-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.settings-shortcut-item { display: grid; gap: 7px; min-width: 0; }
.settings-shortcut-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 14px; min-height: 104px; padding: 15px; border: 1px solid #e0e9f4; border-radius: 12px; background: linear-gradient(145deg, #fbfdff, #f6f9fe); transition: border-color var(--motion-fast) var(--ease-standard), box-shadow var(--motion-fast) var(--ease-standard), transform var(--motion-fast) var(--ease-standard); }
.settings-shortcut-row:hover { border-color: #c6d8f2; box-shadow: 0 5px 14px rgba(49, 91, 150, .08); transform: translateY(-1px); }
.settings-shortcut-copy { display: grid; gap: 5px; min-width: 0; }
.settings-shortcut-copy strong { color: #314866; font-size: 14px; }
.settings-shortcut-copy span, .settings-shortcut-hint { color: #7b8ba1; font-size: 12px; line-height: 1.55; }
.settings-shortcut-controls, .settings-shortcut-keys { display: flex; align-items: center; gap: 8px; }
.settings-shortcut-controls { justify-content: flex-end; flex: 0 0 auto; flex-wrap: wrap; }
.settings-shortcut-controls .secondary, .settings-shortcut-controls .primary { min-height: 34px; padding-right: 10px; padding-left: 10px; font-size: 12px; }
.settings-shortcut-keys > span { color: #7b8ba1; font-size: 15px; font-weight: 700; }
.shortcut-key-button { min-width: 116px; height: 34px; padding: 0 10px; border: 1px solid #cbd9ec; border-radius: 7px; color: #3c5575; background: #fff; font: inherit; font-size: 13px; font-weight: 700; cursor: pointer; transition: border-color var(--motion-fast) var(--ease-standard), color var(--motion-fast) var(--ease-standard), background-color var(--motion-fast) var(--ease-standard), box-shadow var(--motion-fast) var(--ease-standard); }
.shortcut-key-button:hover, .shortcut-key-button.is-capturing { border-color: #78a3e5; color: #2168d1; background: #f1f6ff; }
.shortcut-key-button.is-capturing { box-shadow: 0 0 0 3px rgba(39,104,217,.12); }
.settings-shortcut-hint { min-height: 19px; margin: 0 2px; }
.settings-password-section { display: grid; gap: 16px; }
.settings-password-section #password-form { display: grid; grid-template-columns: repeat(3, minmax(150px, 1fr)) auto; align-items: start; gap: 12px; }
.settings-password-section #password-form .field { margin: 0; }
.settings-password-section #password-form .error { grid-column: 1 / -1; grid-row: 2; margin: 0; }
.settings-password-section #password-form .primary { grid-column: 4; grid-row: 1; align-self: start; min-width: 132px; min-height: 40px; margin-top: 22px; white-space: nowrap; }
@media (max-width: 1080px) { .settings-panel { grid-template-columns: 250px minmax(0, 1fr); gap: 16px; padding: 12px; }.settings-shortcut-grid { grid-template-columns: 1fr; }.settings-shortcut-row { min-height: 82px; } }
@media (max-width: 760px) { .settings-panel { display: grid; grid-template-columns: 1fr; padding: 0; }.settings-profile-card, .settings-shortcut-section, .settings-password-section { padding: 17px; }.settings-shortcut-row { grid-template-columns: 1fr; }.settings-shortcut-controls { justify-content: flex-start; }.settings-password-section #password-form { grid-template-columns: 1fr; }.settings-password-section #password-form .error, .settings-password-section #password-form .primary { grid-column: auto; grid-row: auto; }.settings-password-section #password-form .primary { justify-self: start; margin-top: 0; } }

/* Product management */
.product-management-panel { padding: 22px 24px; border: 1px solid #edf0f5; border-radius: 18px; box-shadow: 0 8px 24px rgba(31, 56, 88, .06); }
.product-toolbar { justify-content: space-between; gap: 14px; margin-bottom: 12px; padding: 10px 11px 10px 13px; border: 1px solid #e3eaf3; border-radius: 12px; background: #fbfcfe; }
.product-context-control, .product-list-filter { display: inline-flex; align-items: center; gap: 10px; min-width: 0; }
.product-control-label { color: #657892; font-size: 13px; font-weight: 600; white-space: nowrap; }
.product-native-select { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; }
.product-select { position: relative; min-width: 0; }
.product-shop-select { width: min(330px, 34vw); }
.standard-id-search, .product-id-search { position: relative; display: block; width: min(360px, 30vw); min-width: 220px; }
.standard-id-search::before, .product-id-search::before { position: absolute; z-index: 1; top: 50%; left: 12px; width: 14px; height: 14px; border: 1.8px solid #8291a6; border-radius: 50%; content: ''; pointer-events: none; transform: translateY(-58%); }
.standard-id-search::after, .product-id-search::after { position: absolute; z-index: 1; top: calc(50% + 5px); left: 24px; width: 6px; height: 1.8px; border-radius: 2px; background: #8291a6; content: ''; pointer-events: none; transform: rotate(45deg); }
.standard-id-search input, .product-id-search input { width: 100%; height: 38px; padding: 0 30px 0 35px; border: 1px solid #d7e1ed; border-radius: 8px; color: #2f425e; background: #fff; font-size: 13px; outline: 0; transition: border-color var(--motion-normal) var(--ease-standard), box-shadow var(--motion-normal) var(--ease-standard); }
.standard-id-search input::placeholder, .product-id-search input::placeholder { color: #98a5b5; }
.standard-id-search input:hover, .product-id-search input:hover { border-color: #adc4e6; }
.standard-id-search input:focus, .product-id-search input:focus { border-color: #82afea; box-shadow: 0 0 0 3px rgba(43, 110, 220, .1); }
.product-condition-filter { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: start; flex: 0 1 auto; gap: 6px 8px; min-width: 0; margin-left: 4px; padding-left: 14px; border-left: 1px solid #e4ebf4; }
.product-condition-filter > .product-control-label { padding-top: 8px; white-space: nowrap; }
.product-condition-rule-list { display: grid; gap: 6px; min-width: 0; }
.product-condition-rule { display: inline-flex; align-items: center; gap: 8px; min-width: 0; }
.product-condition-actions { display: inline-flex; align-items: center; gap: 6px; padding-top: 0; white-space: nowrap; }
.product-condition-filter > small { grid-column: 2 / -1; color: #8190a4; font-size: 12px; line-height: 1.2; }
.product-condition-filter select, .product-condition-filter input { height: 34px; min-width: 0; border: 1px solid #d7e1ed; border-radius: 7px; color: #2f425e; background: #fff; font: inherit; font-size: 13px; }
.product-condition-filter select { width: 146px; padding: 0 26px 0 9px; }
.product-condition-filter select + select { width: 116px; }
.product-condition-filter input { width: 86px; padding: 0 8px; }
.product-condition-between { color: #718096; font-size: 12px; white-space: nowrap; }
.product-condition-filter .secondary { min-height: 34px; padding: 0 10px; font-size: 12px; }
.product-condition-remove { color: #8b5360; }
.product-condition-clear { color: #6f8096; }
.product-condition-filter .unified-select { width: 146px; min-width: 0; }.product-condition-filter .unified-select + .unified-select { width: 116px; }.product-condition-filter .unified-select-trigger { height: 34px; padding: 0 10px; font-size: 13px; }
.product-select-trigger { display: flex; align-items: center; justify-content: space-between; width: 100%; height: 38px; gap: 10px; padding: 0 11px 0 12px; border: 1px solid #d7e1ed; border-radius: 8px; color: #2f425e; background: #fff; font-size: 14px; font-weight: 600; text-align: left; transition: border-color var(--motion-normal) var(--ease-standard), box-shadow var(--motion-normal) var(--ease-standard), background-color var(--motion-normal) var(--ease-standard); }
.product-select-trigger span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.product-select-trigger::after { width: 14px; height: 14px; flex: 0 0 14px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%236d7d92' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E") center/14px 14px no-repeat; content: ''; transition: transform var(--motion-fast) var(--ease-standard); }
.product-select-trigger:hover { border-color: #aabfdb; background-color: #fff; }
.product-select.is-open .product-select-trigger { border-color: #81ade7; box-shadow: 0 0 0 3px rgba(35, 104, 217, .1); }
.product-select.is-open .product-select-trigger::after { transform: rotate(180deg); }
.product-select.is-disabled .product-select-trigger { color: #8997a9; background: #f5f7fa; cursor: not-allowed; }
.product-select-menu { position: absolute; top: calc(100% + 6px); left: 0; z-index: 12; width: max-content; min-width: 100%; max-width: min(420px, calc(100vw - 48px)); max-height: 336px; overflow: auto; border: 1px solid #d7e1ed; border-radius: 9px; background: #fff; box-shadow: 0 12px 26px rgba(31, 54, 87, .15); }
.product-shop-select .product-select-menu { width: min(620px, calc(100vw - 48px)); max-height: none; overflow: hidden; }
.product-select-search { position: sticky; top: 0; z-index: 1; display: block; padding: 8px; border-bottom: 1px solid #e9eef5; background: #fff; }
.product-select-search input { width: 100%; height: 34px; padding: 0 10px 0 30px; border: 1px solid #d7e1ed; border-radius: 7px; color: #354b68; background: #f8faff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23788ba3' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='6'/%3E%3Cpath d='m16 16 4 4'/%3E%3C/svg%3E") no-repeat 10px center; font-size: 13px; outline: 0; }
.product-select-search input:focus { border-color: #81ade7; background-color: #fff; box-shadow: 0 0 0 3px rgba(35, 104, 217, .1); }
.product-select-options { padding: 5px; }
.product-shop-select .product-select-options { padding: 0; }
.product-select-cascade { display: flex; min-width: 440px; background: #fff; }
.product-select-cascade-pane { width: 50%; max-height: min(300px, calc(100vh - 230px)); padding: 6px; overflow-y: auto; overscroll-behavior: contain; border-right: 1px solid #e8eef5; }
.product-select-cascade-pane:last-child { border-right: 0; }
.product-select-cascade-heading { margin: 0; padding: 5px 8px 7px; color: #8797ac; font-size: 11px; font-weight: 700; letter-spacing: .03em; }
.product-select-cascade-group { display: grid; grid-template-columns: minmax(0, 1fr) auto 14px; align-items: center; width: 100%; min-height: 40px; gap: 8px; padding: 6px 8px; border: 0; border-radius: 7px; color: #3d506a; background: transparent; font-size: 13px; font-weight: 650; text-align: left; }
.product-select-cascade-group:hover, .product-select-cascade-group.is-active-group { color: #1f62cf; background: #f1f6ff; }
.product-select-cascade-group.is-current-group { color: #2c63ae; }
.product-select-cascade-group > span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.product-select-cascade-group small { color: #8292a8; font-size: 11px; font-weight: 500; white-space: nowrap; }
.product-select-cascade-group i { width: 14px; height: 14px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23788ba3' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E") center/14px 14px no-repeat; }
.product-select-search-results { max-height: min(300px, calc(100vh - 230px)); padding: 5px; overflow-y: auto; overscroll-behavior: contain; }
.product-select-directory-label { margin: 0; padding: 10px 12px 5px; color: #8b99ab; font-size: 11px; font-weight: 700; letter-spacing: .04em; }
.product-select-group + .product-select-group { margin-top: 4px; padding-top: 4px; border-top: 1px solid #eef2f6; }
.product-select-group.product-select-pinned { position: sticky; top: 0; z-index: 2; margin: -5px -5px 4px; padding: 5px; border-bottom: 1px solid #dce7f4; background: #fff; box-shadow: 0 5px 9px rgba(42, 62, 89, .06); }
.product-select-group > p { margin: 0; padding: 6px 9px 4px; color: #8796aa; font-size: 11px; font-weight: 700; letter-spacing: .02em; }
.product-select-group.is-current > p { color: #5a78a3; }
.product-select-group.is-collapsible { margin: 0; padding: 0; border: 0; }
.product-select-group.is-collapsible + .product-select-group.is-collapsible { margin: 0; padding-top: 0; border-top: 1px solid #eef2f6; }
.product-select-group-trigger { display: grid; grid-template-columns: minmax(0, 1fr) auto 14px; align-items: center; width: 100%; min-height: 42px; gap: 9px; padding: 0 11px; border: 0; border-radius: 6px; color: #3f526c; background: transparent; font-size: 13px; font-weight: 650; text-align: left; }
.product-select-group-trigger { list-style: none; cursor: pointer; }
.product-select-group-trigger::-webkit-details-marker { display: none; }
.product-select-group-trigger:hover { color: #245fae; background: #f5f8fc; }
.product-select-group-trigger > span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.product-select-group-trigger small { color: #8a98aa; font-size: 11px; font-weight: 500; white-space: nowrap; }
.product-select-group-trigger i { width: 14px; height: 14px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23788ba3' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E") center/14px 14px no-repeat; transition: transform var(--motion-fast) var(--ease-standard); }
.product-select-group.is-current-group .product-select-group-trigger { color: #225dba; background: #f4f8ff; }
.product-select-group.is-collapsible[open] .product-select-group-trigger { color: #245fae; background: #f5f8fc; }
.product-select-group.is-collapsible[open] .product-select-group-trigger i { transform: rotate(90deg); }
.product-select-group-options { margin: 0 10px 7px; padding: 3px 0 3px 10px; border-left: 2px solid #dce8f8; background: transparent; }
.product-select-group-options .product-select-option { min-height: 33px; padding: 6px 9px; font-size: 12px; }
.product-select-option { display: flex; align-items: center; justify-content: space-between; width: 100%; min-height: 36px; gap: 12px; padding: 7px 9px; border: 0; border-radius: 6px; color: #405570; background: transparent; font-size: 13px; text-align: left; }
.product-select-option span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.product-select-option i { visibility: hidden; color: #2368d9; font-style: normal; font-weight: 800; }
.product-select-option:hover { color: #245fae; background: #f1f6ff; }
.product-select-option.is-selected { color: #1f5eaf; font-weight: 700; background: #eaf2ff; }
.product-select-option.is-selected i { visibility: visible; }
.product-select-empty { margin: 0; padding: 18px 10px; color: #8997a9; font-size: 13px; text-align: center; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.product-toolbar-actions { display: inline-flex; align-items: center; justify-content: flex-end; gap: 8px; flex-wrap: wrap; }
.product-toolbar-actions .primary, .product-toolbar-actions .secondary { min-height: 38px; }
.product-toolbar-actions .product-clear-latest-metrics { border-color: #f0c7cc; color: #c43d4b; }
.product-toolbar-actions .product-clear-latest-metrics:hover { border-color: #e5aeb6; color: #b8303e; background: #fff5f6; }
.dialog.account-situation-dialog { width: min(1130px, calc(100vw - 36px)); height: min(680px, calc(100vh - 40px)); max-height: calc(100vh - 40px); display: flex; flex-direction: column; }
.account-situation-dialog .dialog-body { display: flex; min-height: 0; flex: 1; flex-direction: column; overflow: hidden; }
.dialog.account-situation-dialog h2 { display: flex; align-items: center; justify-content: space-between; gap: 14px; }
.account-situation-title-actions { display: inline-flex; gap: 8px; margin-left: auto; }
.account-situation-title-actions .secondary { min-height: 32px; padding: 0 12px; font-size: 13px; }
.account-situation-search { display: block; width: min(230px, 24vw); }.account-situation-search input { width: 100%; height: 32px; padding: 0 11px; border: 1px solid #d5e0ed; border-radius: 7px; color: #2f435f; background: #fff; font: inherit; font-size: 13px; }.account-situation-search input:focus { border-color: #75a8ee; outline: 0; box-shadow: 0 0 0 3px rgba(43, 110, 220, .10); }
.account-situation-intro { margin: -4px 0 14px; color: #718096; font-size: 13px; line-height: 1.65; }
.account-situation-table-wrap { flex: 1 1 auto; min-height: 0; overflow: auto; border: 1px solid #dce5f0; border-radius: 10px; }
.account-situation-dialog .actions { flex: 0 0 auto; margin-top: 22px; }
.account-situation-table { width: 100%; min-width: 680px; table-layout: auto; border-collapse: separate; border-spacing: 0; }
.account-situation-table th, .account-situation-table td { padding: 8px 10px; border-bottom: 1px solid #e8eef5; text-align: center; }
.account-situation-table th { position: sticky; top: 0; z-index: 1; color: #52637b; background: #f6f8fc; font-size: 13px; font-weight: 700; text-align: center; white-space: nowrap; }
.account-situation-table th:first-child { width: 250px; min-width: 220px; }.account-situation-table th:nth-child(2) { width: 160px; min-width: 130px; }.account-situation-table th:nth-child(n+3) { width: 132px; min-width: 112px; text-align: center; }.account-situation-table.is-editing th:last-child { width: 142px; min-width: 142px; text-align: center; }
.account-situation-action-header { color: transparent; }
.account-situation-table tr:last-child td { border-bottom: 0; }
.account-situation-table .account-situation-row.is-search-hidden { display: none; }.account-situation-table.is-editing .account-situation-row { cursor: grab; }.account-situation-table.is-editing .account-situation-row:active { cursor: grabbing; }.account-situation-table.is-editing .account-situation-row.is-dragging { opacity: .48; }.account-situation-table.is-editing .account-situation-row input,.account-situation-table.is-editing .account-situation-row button { cursor: auto; }
.account-situation-table .account-situation-purpose-tone-1 td { background: #eef6ff; }.account-situation-table .account-situation-purpose-tone-2 td { background: #f2f8ed; }.account-situation-table .account-situation-purpose-tone-3 td { background: #fff7e8; }.account-situation-table .account-situation-purpose-tone-4 td { background: #fdf0f5; }.account-situation-table .account-situation-purpose-tone-5 td { background: #f2f0ff; }.account-situation-table .account-situation-purpose-tone-6 td { background: #edf9f7; }
.account-situation-table td > input { display: block; margin-right: auto; margin-left: auto; text-align: center; }.account-situation-table input { width: 112px; min-width: 0; height: 34px; padding: 0 9px; border: 1px solid #d5e0ed; border-radius: 7px; color: #2f435f; background: #fff; text-align: center; }.account-situation-table td:first-child input { width: 200px; }.account-situation-table td:nth-child(2) input { width: 120px; }
.account-situation-table input:focus { border-color: #75a8ee; outline: 0; box-shadow: 0 0 0 3px rgba(43, 110, 220, .10); }
.account-situation-value { display: block; min-height: 20px; color: #2f435f; line-height: 20px; overflow-wrap: anywhere; }.account-situation-table td:nth-child(n+3) .account-situation-value { text-align: center; }
.account-situation-effect-value { width: 100%; padding: 0; border: 0; color: #2f435f; background: transparent; font: inherit; text-align: center; cursor: pointer; }
.account-situation-effect-value:hover { color: #1d67c6; text-decoration: underline; }.account-situation-effect-value:focus-visible { border-radius: 4px; outline: 2px solid #87b4f1; outline-offset: 2px; }
.account-situation-no-action { color: #a6b1c1; }
.account-situation-empty td { padding: 28px 12px; color: #8795a9; text-align: center; }
.account-situation-row-delete { min-height: 30px; padding: 0 8px; color: #b34a55; border-color: #efc7cc; background: #fff; font-size: 12px; }
.account-situation-row-delete:hover { color: #a52c3a; border-color: #e7aeb5; background: #fff5f6; }
.account-situation-row-actions { display: flex; justify-content: center; gap: 6px; }.account-situation-row-note { min-height: 30px; padding: 0 8px; color: #3e6294; border-color: #cbdced; background: #fff; font-size: 12px; }.account-situation-row-note:hover { border-color: #94b7df; background: #f4f8fd; }
@media (max-width: 720px) { .dialog.account-situation-dialog h2 { align-items: flex-start; flex-wrap: wrap; }.account-situation-title-actions { width: 100%; margin-left: 0; }.account-situation-search { flex: 1; width: auto; min-width: 150px; } }
.dialog.account-situation-change-dialog { width: min(430px, 100%); }
.account-situation-change-summary { margin: 0 0 16px; color: #53657d; line-height: 1.65; }
.account-situation-change-summary strong { color: #264f8e; }
.account-situation-change-dialog textarea { width: 100%; min-height: 96px; resize: vertical; }
.dialog.account-situation-records-dialog { width: min(880px, calc(100vw - 36px)); }
.account-situation-record-list { max-height: min(56vh, 460px); overflow: auto; border: 1px solid #dce5f0; border-radius: 10px; }
.account-situation-record-list ul { margin: 0; padding: 0; list-style: none; }
.account-situation-record-list li { padding: 12px 14px; border-bottom: 1px solid #e8eef5; }
.account-situation-record-list li:last-child { border-bottom: 0; }
.account-situation-record-list li > div { display: flex; justify-content: space-between; gap: 12px; color: #405571; font-size: 14px; line-height: 1.55; }
.account-situation-record-list strong { color: #253d5c; }.account-situation-record-list small { display: block; margin-top: 4px; color: #8492a6; line-height: 1.5; }
.account-situation-record-empty { margin: 0; padding: 30px 14px; color: #8795a9; text-align: center; }
.account-situation-history-browser { display: grid; grid-template-columns: 164px minmax(0, 1fr); min-height: min(54vh, 440px); max-height: min(58vh, 500px); overflow: hidden; border: 1px solid #dce5f0; border-radius: 10px; }
.account-situation-history-sidebar { overflow: auto; border-right: 1px solid #e1e9f3; background: #f8faff; }.account-situation-history-sidebar > p { margin: 0; padding: 14px 16px 10px; color: #8293a9; font-size: 12px; font-weight: 700; }
.account-situation-history-sidebar > div { display: grid; gap: 3px; padding: 0 8px 12px; }.account-situation-history-sidebar button { display: grid; gap: 4px; width: 100%; padding: 11px 12px; border: 0; border-radius: 8px; color: #506783; background: transparent; text-align: left; cursor: pointer; }
.account-situation-history-sidebar button:hover { background: #eef4fc; }.account-situation-history-sidebar button.is-active { color: #2866bd; background: #e7f0ff; }.account-situation-history-sidebar button strong { font-size: 14px; }.account-situation-history-sidebar button small { color: #8294ab; font-size: 12px; }
.account-situation-history-content { min-width: 0; overflow: auto; padding: 16px; }.account-situation-history-content h3 { display: flex; justify-content: space-between; align-items: baseline; margin: 0 0 12px; color: #405976; font-size: 15px; }.account-situation-history-content h3 small { color: #8a9ab0; font-size: 12px; font-weight: 500; }
.account-situation-history-content ul { margin: 0; padding: 0; list-style: none; border: 1px solid #e3eaf3; border-radius: 9px; overflow: hidden; }.account-situation-history-content li { padding: 12px 14px; }
.product-management-note, .product-import-help, .product-tier-help { margin: 0 0 18px; color: var(--text-secondary); font-size: 13px; line-height: 1.7; }
.product-selection-actions { position: sticky; top: 82px; z-index: 12; display: flex; align-items: center; justify-content: space-between; gap: 18px; min-height: 52px; margin: 0 0 14px; padding: 8px 11px 8px 13px; border: 1px solid #d9e6fa; border-radius: 10px; color: #334866; background: linear-gradient(90deg, #f4f8ff 0%, #fbfdff 72%); box-shadow: 0 4px 12px rgba(50, 95, 160, .12); opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(-3px); transition: opacity 160ms ease-out, transform 160ms ease-out, visibility 0s linear 160ms; }
.product-selection-actions.is-active { opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(0); transition-delay: 0s; }
.product-selection-summary { display: inline-flex; align-items: center; gap: 10px; min-width: 0; }
.product-selection-summary > span:last-child { display: grid; gap: 2px; }
.product-selection-summary strong { color: #244b82; font-size: 14px; line-height: 1.25; }
.product-selection-summary small { color: #7b8da5; font-size: 12px; line-height: 1.25; }
.product-selection-check { display: grid; width: 26px; height: 26px; flex: 0 0 26px; place-items: center; border-radius: 50%; color: #fff; background: #3e7ddd; box-shadow: 0 3px 7px rgba(44, 105, 203, .18); font-size: 14px; font-weight: 800; }
.product-selection-buttons { display: inline-flex; align-items: center; justify-content: flex-end; gap: 4px; flex: 0 0 auto; flex-wrap: wrap; }
.product-selection-clear { min-height: 32px; padding: 0 10px; border: 0; border-radius: 7px; color: #637791; background: transparent; font-size: 13px; font-weight: 600; }
.product-selection-clear:hover { color: var(--brand); background: #eaf2ff; }
.product-selection-actions .secondary, .product-selection-actions .danger { min-height: 32px; padding: 0 12px; font-size: 13px; }
.product-selection-actions .danger { border-color: #edc5cb; }
.product-selection-context-menu { position: fixed; z-index: 60; width: 164px; padding: 6px; border: 1px solid #d7e2f2; border-radius: 10px; background: #fff; box-shadow: 0 12px 28px rgba(31, 54, 87, .18); }
.product-selection-context-menu[hidden] { display: none; }
.product-selection-context-menu button { display: block; width: 100%; min-height: 34px; padding: 0 10px; border: 0; border-radius: 6px; color: #344963; font: inherit; font-size: 13px; text-align: left; background: transparent; }
.product-selection-context-menu button:hover, .product-selection-context-menu button:focus-visible { color: #1d63ce; background: #eaf2ff; outline: 0; }
@keyframes product-selection-enter { from { opacity: 0; transform: translateY(-3px); } to { opacity: 1; transform: translateY(0); } }
.product-list-controls { display: flex; align-items: center; justify-content: space-between; gap: 14px; min-height: 54px; margin: 0 0 8px; padding: 8px 12px; border: 1px solid #e6edf5; border-radius: 10px; background: #fff; }
.product-metric-summary { display: flex; align-items: center; gap: 0; min-height: 38px; margin: 0 0 12px; padding: 0 12px; overflow-x: auto; border: 1px solid #e6edf5; border-radius: 10px; background: #fbfcfe; color: #7b8da5; font-size: 12px; white-space: nowrap; }
.product-metric-summary > span { display: inline-flex; flex: 0 0 auto; align-items: baseline; gap: 7px; padding: 0 16px; border-left: 1px solid #e6edf5; }
.product-metric-summary > span:first-child { padding-left: 0; border-left: 0; }
.product-column-order-button { min-height: 28px; margin-left: auto; padding: 0 10px; font-size: 12px; white-space: nowrap; }
.product-metric-summary strong { color: #34527b; font-size: 13px; font-weight: 650; }
.product-filter-summary { flex: 0 0 auto; padding-left: 14px; border-left: 1px solid #e6edf5; color: #7b8da5; font-size: 13px; white-space: nowrap; }
.product-filter-summary strong { color: #34527b; font-size: 15px; }
.product-pagination { display: flex; align-items: center; justify-content: flex-end; gap: 8px; padding: 12px 0 2px; color: #6e8099; font-size: 13px; }
.product-pagination .secondary { min-width: 68px; }
.product-pagination label { display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; }
.product-pagination select { height: 32px; padding: 0 26px 0 9px; border: 1px solid #d7e1ed; border-radius: 7px; color: #2f425e; background: #fff; font: inherit; font-size: 13px; }
.product-back-to-top { position: fixed; right: 28px; bottom: 28px; z-index: 9; display: grid; width: 50px; min-height: 50px; place-items: center; gap: 0; padding: 6px 4px; border: 1px solid rgba(109, 145, 193, .5); border-radius: 12px; color: #345b91; background: rgba(248, 251, 255, .74); box-shadow: 0 6px 20px rgba(43, 72, 113, .16); backdrop-filter: blur(8px); font-size: 11px; font-weight: 700; line-height: 1.1; opacity: .76; cursor: pointer; transition: opacity 160ms var(--ease-standard), transform 160ms var(--ease-standard), background-color 160ms var(--ease-standard); }
.product-back-to-top[hidden] { display: none; }
.product-back-to-top:not(.product-back-to-bottom) { bottom: 88px; }
.product-back-to-bottom { bottom: 28px; }
.product-back-to-top > span:first-child { font-size: 20px; line-height: .9; }
.product-back-to-top:hover { color: #fff; background: rgba(43, 107, 210, .9); opacity: 1; transform: translateY(-2px); }
.product-back-to-top:focus-visible { outline: 3px solid rgba(43, 107, 210, .3); outline-offset: 3px; opacity: 1; }
.product-table-wrap { position: relative; overflow-x: auto; overflow-y: visible; }
.product-table-wrap table { width: max-content; min-width: 100%; table-layout: auto; }
.product-table-wrap th, .product-table-wrap td { padding: 14px 16px; vertical-align: middle; text-align: center; }
.product-table-wrap th { white-space: nowrap; }
/* Columns in 商品总览 are user-configurable.  Do not keep the original
   full-table width after a column is hidden: let visible cells define their
   own natural width so they can fit in the current viewport. */
.product-table-wrap:not(.top-monitor-table-wrap) th, .product-table-wrap:not(.top-monitor-table-wrap) td { width: auto !important; }
.product-sticky-table-header { position: fixed; top: 0; z-index: 8; display: none; overflow: hidden; border: 1px solid #e1e8f1; border-top: 0; border-radius: 0 0 10px 10px; background: #f6f8fc; box-shadow: 0 5px 14px rgba(42, 62, 89, .12); scrollbar-width: none; }
.product-sticky-table-header::-webkit-scrollbar { display: none; }
.product-sticky-table-header.is-visible { display: block; }
.product-sticky-table-header table { margin: 0; border-collapse: collapse; table-layout: fixed; }
.product-sticky-table-header th { height: 68px; padding: 10px 12px; border-bottom: 1px solid #e1e8f1; color: #52637b; background: #f6f8fc; font-size: 13px; font-weight: 700; text-align: center; vertical-align: middle; white-space: nowrap; }
.product-sticky-table-header .product-sort-header, .product-sticky-table-header .product-copy-header { min-height: 28px; }
.product-table-wrap th:nth-child(1), .product-table-wrap td:nth-child(1) { width: 42px; }
.product-table-wrap th:nth-child(2), .product-table-wrap td:nth-child(2) { width: 70px; }
.product-table-wrap th:nth-child(1), .product-table-wrap td:nth-child(1), .product-sticky-table-header th:nth-child(1) { position: sticky; left: 0; }
.product-table-wrap th:nth-child(2), .product-table-wrap td:nth-child(2), .product-sticky-table-header th:nth-child(2) { position: sticky; left: var(--product-select-column-width, 66px); }
.product-table-wrap tbody td:nth-child(1), .product-table-wrap tbody td:nth-child(2) { z-index: 3; background: #fff; }
.product-table-wrap thead th:nth-child(1), .product-table-wrap thead th:nth-child(2), .product-sticky-table-header th:nth-child(1), .product-sticky-table-header th:nth-child(2) { z-index: 5; background: #f6f8fc; }
.product-table-wrap td:nth-child(2), .product-table-wrap th:nth-child(2), .product-sticky-table-header th:nth-child(2) { box-shadow: 8px 0 12px -12px rgba(31, 54, 87, .4); }
.product-table-wrap tbody tr:hover td:nth-child(1), .product-table-wrap tbody tr:hover td:nth-child(2) { background: #f8fbff; }
.product-table-wrap .product-aggregate-row td { padding-top: 9px; padding-bottom: 9px; border-bottom-color: #cedbeb; color: #3d5472; background: #f3f7fc; font-size: 13px; font-weight: 650; }
.product-table-wrap .product-aggregate-row td:nth-child(1), .product-table-wrap .product-aggregate-row td:nth-child(2) { background: #f3f7fc; }
.product-table-wrap .product-aggregate-row:hover td, .product-table-wrap .product-aggregate-row:hover td:nth-child(1), .product-table-wrap .product-aggregate-row:hover td:nth-child(2) { background: #edf4fc; }
.product-aggregate-label { display: grid; gap: 2px; text-align: left; }
.product-aggregate-label strong { color: #244b82; font-size: 13px; }
.product-aggregate-label small { color: #71839b; font-size: 11px; font-weight: 500; }
.product-table-wrap .product-data-row { cursor: default; }
.product-table-wrap .product-data-row td { user-select: text; }
.product-table-wrap .product-data-row td { border-bottom-color: #dbe4ee; transition: background-color 220ms var(--ease-standard), border-color 220ms var(--ease-standard), box-shadow 220ms var(--ease-standard); }
.product-table-wrap .product-data-row:hover td { background: #eaf3ff; }
.product-table-wrap .product-data-row:hover td:nth-child(1), .product-table-wrap .product-data-row:hover td:nth-child(2) { background: #eaf3ff; }
.product-table-wrap .product-data-row.is-row-highlighted td { background: #fff1a6; border-bottom-color: #ecd273; }
.product-table-wrap .product-data-row.is-row-highlighted td:nth-child(1), .product-table-wrap .product-data-row.is-row-highlighted td:nth-child(2) { background: #fff1a6; }
.product-table-wrap .product-data-row.is-row-highlighted:hover td { background: #ffe98c; }
.product-table-wrap .product-data-row.is-row-highlighted:hover td:nth-child(1), .product-table-wrap .product-data-row.is-row-highlighted:hover td:nth-child(2) { background: #ffe98c; }
.product-table-wrap th:nth-child(3), .product-table-wrap td:nth-child(3) { width: 310px; }
.product-table-wrap th:nth-child(4), .product-table-wrap td:nth-child(4) { width: 148px; }
.product-table-wrap th:nth-child(5), .product-table-wrap td:nth-child(5) { width: 140px; }
.product-table-wrap th:nth-child(6), .product-table-wrap td:nth-child(6) { width: 108px; }
.product-table-wrap th:nth-child(7), .product-table-wrap td:nth-child(7), .product-table-wrap th:nth-child(8), .product-table-wrap td:nth-child(8) { width: 96px; }
.product-table-wrap th:nth-child(9), .product-table-wrap td:nth-child(9), .product-table-wrap th:nth-child(10), .product-table-wrap td:nth-child(10), .product-table-wrap th:nth-child(11), .product-table-wrap td:nth-child(11), .product-table-wrap th:nth-child(12), .product-table-wrap td:nth-child(12) { width: 110px; }
.product-table-wrap th:nth-child(13), .product-table-wrap td:nth-child(13) { width: 110px; }
.product-table-wrap th:nth-child(14), .product-table-wrap td:nth-child(14) { width: 122px; }
.product-table-wrap th:nth-child(15), .product-table-wrap td:nth-child(15) { width: 106px; }
.product-table-wrap th:nth-child(16), .product-table-wrap td:nth-child(16) { width: 116px; }
.product-table-wrap th:nth-child(17), .product-table-wrap td:nth-child(17) { width: 250px; }
.product-table-wrap th:nth-child(18), .product-table-wrap td:nth-child(18) { width: 238px; }
.product-table-wrap th[data-product-column="image"], .product-table-wrap td[data-product-column="image"] { width: 70px; }
.product-table-wrap th[data-product-column="name"], .product-table-wrap td[data-product-column="name"] { width: 310px; }
.product-table-wrap th[data-product-column="spu"], .product-table-wrap td[data-product-column="spu"] { width: 148px; }
.product-table-wrap th[data-product-column="sku"], .product-table-wrap td[data-product-column="sku"] { width: 140px; }
.product-table-wrap th[data-product-column="cost"], .product-table-wrap td[data-product-column="cost"] { width: 108px; }
.product-table-wrap th[data-product-column="roi"], .product-table-wrap td[data-product-column="roi"], .product-table-wrap th[data-product-column="orders"], .product-table-wrap td[data-product-column="orders"] { width: 96px; }
.product-table-wrap th[data-product-column="conversion_rate"], .product-table-wrap td[data-product-column="conversion_rate"], .product-table-wrap th[data-product-column="turnover"], .product-table-wrap td[data-product-column="turnover"], .product-table-wrap th[data-product-column="average_click_cost"], .product-table-wrap td[data-product-column="average_click_cost"], .product-table-wrap th[data-product-column="return_rate"], .product-table-wrap td[data-product-column="return_rate"] { width: 110px; }
.product-table-wrap th[data-product-column="promotion_ratio"], .product-table-wrap td[data-product-column="promotion_ratio"] { width: 122px; }
.product-table-wrap th[data-product-column="product_cost"], .product-table-wrap td[data-product-column="product_cost"] { width: 106px; }
.product-table-wrap th[data-product-column="profit"], .product-table-wrap td[data-product-column="profit"] { width: 116px; }
.product-table-wrap th[data-product-column="gross_margin_rate"], .product-table-wrap td[data-product-column="gross_margin_rate"] { width: 110px; }
.product-table-wrap th[data-product-column="tier"], .product-table-wrap td[data-product-column="tier"] { width: 250px; }
.product-table-wrap th[data-product-column="actions"], .product-table-wrap td[data-product-column="actions"] { width: 238px; }
.product-column-order-dialog { width: min(580px, calc(100vw - 36px)); }
.product-column-order-list { display: grid; gap: 7px; max-height: min(54vh, 520px); overflow-y: auto; padding-right: 4px; }
.product-column-order-item { position: relative; display: grid; grid-template-columns: 18px 30px minmax(0, 1fr) auto auto; align-items: center; gap: 10px; min-height: 42px; padding: 6px 10px; border: 1px solid #e1e9f2; border-radius: 8px; color: #344963; background: #fbfdff; cursor: grab; user-select: none; will-change: transform, opacity; transition: transform 240ms cubic-bezier(.2, .8, .2, 1), opacity 140ms var(--ease-standard), background-color 140ms var(--ease-standard), border-color 140ms var(--ease-standard), box-shadow 150ms var(--ease-standard); }
.product-column-order-item:active { cursor: grabbing; }.product-column-order-item:hover { border-color: #b8ccec; background: #f4f8ff; }.product-column-order-item.is-dragging { opacity: .42; transform: scale(.985); }.product-column-order-item.is-drop-before { box-shadow: inset 0 3px 0 #2d6fdf, 0 -4px 10px -9px rgba(45, 111, 223, .8); }.product-column-order-item.is-drop-after { box-shadow: inset 0 -3px 0 #2d6fdf, 0 4px 10px -9px rgba(45, 111, 223, .8); }
.product-column-order-item.is-hidden-column { border-color: #d9e3f1; background: #f8fafc; }
.product-column-order-item.is-hidden-column strong, .product-column-order-item.is-hidden-column .product-column-order-index, .product-column-order-item.is-hidden-column .product-column-order-drag { color: #8ba0bb; }
.product-column-order-drag { color: #89a0bd; font-size: 18px; line-height: 1; transition: color 140ms var(--ease-standard), transform 140ms var(--ease-standard); }.product-column-order-item:hover .product-column-order-drag { color: #3f78d3; transform: scale(1.08); }
.product-column-order-index { display: grid; width: 24px; height: 24px; place-items: center; border-radius: 50%; color: #53709a; background: #edf3fb; font-size: 12px; font-weight: 700; }
.product-column-order-item strong { min-width: 0; font-size: 13px; }
.product-column-visibility-state { min-width: 54px; padding: 3px 7px; border-radius: 999px; font-size: 11px; font-weight: 700; line-height: 18px; text-align: center; white-space: nowrap; }
.product-column-visibility-state.is-visible { color: #147657; background: #e8f8ef; }
.product-column-visibility-state.is-hidden { color: #8a5a12; background: #fff3d9; }
.product-column-visibility-button { min-width: 70px; min-height: 30px; padding: 4px 10px; border: 1px solid; border-radius: 7px; font-size: 12px; font-weight: 650; white-space: nowrap; transition: color 140ms var(--ease-standard), background-color 140ms var(--ease-standard), border-color 140ms var(--ease-standard), transform 140ms var(--ease-standard); }
.product-column-visibility-button:hover { transform: translateY(-1px); }
.product-column-visibility-button.is-hide-action { border-color: #f1c6c6; color: #b8464d; background: #fff7f7; }
.product-column-visibility-button.is-hide-action:hover { border-color: #dc9297; background: #fff0f0; }
.product-column-visibility-button.is-show-action { border-color: #92cfb3; color: #137451; background: #effaf4; }
.product-column-visibility-button.is-show-action:hover { border-color: #56af84; background: #e3f6ec; }
.product-sort-header, .product-copy-header { display: inline-flex; align-items: center; justify-content: center; gap: 5px; min-height: 28px; padding: 0; border: 0; color: inherit; background: transparent; font: inherit; font-weight: inherit; white-space: nowrap; }
.product-sort-header { cursor: pointer; }
.product-sort-header:hover { color: #344968; }
.product-sort-header:focus-visible, .product-copy-header:focus-visible { outline: 2px solid rgba(36, 107, 253, .35); outline-offset: 3px; border-radius: 4px; }
.product-sort-arrows { display: inline-flex; flex-direction: column; justify-content: center; gap: 2px; width: 8px; height: 16px; }
.product-sort-arrow { display: block; width: 0; height: 0; border-right: 4px solid transparent; border-left: 4px solid transparent; }
.product-sort-arrow-up { border-bottom: 5px solid #c7cdd6; }
.product-sort-arrow-down { border-top: 5px solid #c7cdd6; }
.product-sort-header:hover .product-sort-arrow-up { border-bottom-color: #8f98a8; }
.product-sort-header:hover .product-sort-arrow-down { border-top-color: #8f98a8; }
.product-sort-header.is-asc .product-sort-arrow-up { border-bottom-color: #1f2329; }
.product-sort-header.is-asc .product-sort-arrow-down { border-top-color: #c7cdd6; }
.product-sort-header.is-desc .product-sort-arrow-down { border-top-color: #1f2329; }
.product-sort-header.is-desc .product-sort-arrow-up { border-bottom-color: #c7cdd6; }
.product-copy-header { cursor: copy; }
.product-copy-header:hover { color: #246bfd; }
.product-copy-mark { position: relative; display: inline-block; width: 11px; height: 11px; border: 1.5px solid currentColor; border-radius: 2px; }
.product-copy-mark::before { position: absolute; top: -4px; left: -4px; width: 8px; height: 8px; border: 1.5px solid currentColor; border-radius: 2px; content: ''; opacity: .62; }
.product-filter-empty { height: 88px; color: #8491a4; text-align: center !important; }
.product-name { overflow-wrap: anywhere; text-align: left !important; white-space: normal; word-break: break-all; line-height: 1.5; }
.product-sku-cell { cursor: default; line-height: 1.55; white-space: normal; }
.product-sku-line { display: block; white-space: nowrap; }
.product-sku-inline-input { width: 100%; min-width: 0; height: 32px; padding: 0 8px; border: 1px solid #72a7f2; border-radius: 6px; color: #1f385c; background: #fff; outline: 0; box-shadow: 0 0 0 3px rgba(43, 110, 220, .12); font: inherit; }
.product-sku-editor { display: grid; gap: 8px; min-width: 200px; padding: 4px 0; }
.product-sku-editor-list { display: grid; gap: 6px; }
.product-sku-editor-row { min-width: 0; }
.product-sku-editor-actions { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.product-sku-editor-actions button { min-height: 28px; padding: 3px 8px; font-size: 12px; }
.product-sku-add-button { color: #246bfd; border-color: #b9d3ff; background: #f6faff; }
.product-sku-add-button:hover { color: #1459d4; border-color: #72a7f2; background: #edf5ff; }
.top-monitor-table-wrap { overflow-y: hidden; }
.top-monitor-waiting { margin: 12px 0; padding: 10px 12px; border: 1px solid #cdddf2; border-left: 3px solid #2d76d9; border-radius: 8px; background: #f5f9ff; color: #385577; font-size: 13px; line-height: 1.55; }
.top-monitor-table-wrap .top-monitor-table { min-width: 1940px; table-layout: fixed; }
.top-monitor-table-wrap th, .top-monitor-table-wrap td { padding: 13px 16px; vertical-align: middle; text-align: center; }
.top-monitor-table-wrap th:nth-child(1), .top-monitor-table-wrap td:nth-child(1) { position: static; left: auto; width: 82px; text-align: center; }
.top-monitor-table-wrap th:nth-child(2), .top-monitor-table-wrap td:nth-child(2) { position: static; left: auto; width: 320px; box-shadow: none; text-align: left; }
.top-monitor-table-wrap th:nth-child(3), .top-monitor-table-wrap td:nth-child(3) { position: static; left: auto; width: 160px; box-shadow: none; text-align: left; }
.top-monitor-table-wrap th:nth-child(4), .top-monitor-table-wrap td:nth-child(4) { width: 160px; }
.top-monitor-table-wrap .top-monitor-table thead th:nth-child(2), .top-monitor-table-wrap .top-monitor-table thead th:nth-child(3), .top-monitor-table-wrap .top-monitor-table thead th:nth-child(4) { text-align: center; }
.top-monitor-table-wrap th:nth-child(5), .top-monitor-table-wrap td:nth-child(5) { width: 112px; }
.top-monitor-table-wrap th:nth-child(6), .top-monitor-table-wrap td:nth-child(6) { width: 126px; }
.top-monitor-table-wrap th:nth-child(7), .top-monitor-table-wrap td:nth-child(7), .top-monitor-table-wrap th:nth-child(8), .top-monitor-table-wrap td:nth-child(8), .top-monitor-table-wrap th:nth-child(9), .top-monitor-table-wrap td:nth-child(9) { width: 88px; }
.top-monitor-table-wrap th:nth-child(10), .top-monitor-table-wrap td:nth-child(10) { width: 106px; }
.top-monitor-table-wrap th:nth-child(11), .top-monitor-table-wrap td:nth-child(11) { width: 126px; }
.top-monitor-table-wrap th:nth-child(12), .top-monitor-table-wrap td:nth-child(12) { width: 172px; }
.top-monitor-table-wrap th:nth-child(13), .top-monitor-table-wrap td:nth-child(13) { width: 132px; }
.top-monitor-table-wrap .top-monitor-product-name { display: -webkit-box; overflow: hidden; color: #40536f; text-align: left; line-height: 1.5; overflow-wrap: anywhere; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.top-monitor-table-wrap .top-monitor-spu, .top-monitor-table-wrap .top-monitor-sku { color: #4b607e; font-variant-numeric: tabular-nums; white-space: nowrap; }
.top-monitor-table-wrap .top-monitor-image-empty { display: inline-block; max-width: 62px; color: #99a6b8; font-size: 12px; line-height: 1.35; white-space: normal; }
.product-thumb-button { display: block; width: 44px; height: 44px; margin: 0 auto; padding: 0; overflow: hidden; border: 1px solid #e1e8f2; border-radius: 7px; background: #f7f9fc; cursor: zoom-in; transition: border-color var(--motion-normal) var(--ease-standard), box-shadow var(--motion-normal) var(--ease-standard), transform var(--motion-fast) var(--ease-standard); }
.product-thumb-button:hover { border-color: #8faee0; box-shadow: 0 5px 12px rgba(35, 104, 217, .14); transform: translateY(-1px); }
.product-thumb-button:active { transform: scale(.97); }
.product-thumb-button:focus-visible { outline: 3px solid rgba(35, 104, 217, .18); outline-offset: 2px; }
.product-thumb { display: block; width: 42px; height: 42px; margin: 0; object-fit: cover; background: #f7f9fc; }
.product-image-empty { color: #99a6b8; font-size: 12px; }
.product-image-preview-modal { z-index: 30; padding: 24px; }
.product-image-preview-dialog { display: flex; width: min(960px, 100%); max-height: calc(100vh - 48px); padding: 0; overflow: hidden; flex-direction: column; }
.product-image-preview-header { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 15px 18px; border-bottom: 1px solid #e7edf5; background: #fff; }
.product-image-preview-header h2 { min-width: 0; margin: 0; overflow: hidden; color: #1d2c43; font-size: 17px; line-height: 1.5; text-overflow: ellipsis; white-space: nowrap; }
.product-image-preview-close { display: grid; width: 32px; height: 32px; flex: 0 0 32px; place-items: center; padding: 0; border: 1px solid #dce5f0; border-radius: 7px; color: #52637b; background: #fff; font-size: 23px; font-weight: 300; line-height: 1; transition: color var(--motion-normal) var(--ease-standard), border-color var(--motion-normal) var(--ease-standard), background var(--motion-normal) var(--ease-standard); }
.product-image-preview-close:hover { border-color: #b8c8de; color: #1d5fc9; background: #f6f9fe; }
.product-image-preview-stage { position: relative; display: grid; min-height: 260px; flex: 1; place-items: center; padding: 20px; overflow: auto; background: #f5f7fb; }
.product-image-preview-loading { color: #7c8ba0; font-size: 14px; }
.product-image-preview-loading.is-error { color: #c4414d; }
.product-image-preview-image { display: block; max-width: 100%; max-height: calc(100vh - 170px); object-fit: contain; opacity: 0; transition: opacity var(--motion-normal) var(--ease-standard); }
.product-image-preview-image.is-ready { opacity: 1; }
.product-image-preview-caption { margin: 0; padding: 11px 18px; border-top: 1px solid #e7edf5; color: #8190a4; font-size: 12px; background: #fff; }
.product-tier-active { color: #1968dd; background: #e9f2ff; }
.product-tier-none { color: #7d8999; background: #f1f4f7; }
.product-tier-manual { box-shadow: inset 0 0 0 1px rgba(32, 111, 219, .16); }
.product-tier-summary { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 4px; min-width: 0; }
.product-tier-summary .badge { min-width: 0; max-width: 100%; white-space: nowrap; }
.dialog.product-manual-tier-dialog { width: min(620px, calc(100vw - 36px)); max-height: calc(100vh - 36px); overflow-y: auto; }
.product-manual-tier-sections { display: grid; gap: 10px; }
.product-manual-tier-options { min-width: 0; margin: 0; padding: 8px 10px 10px; border: 1px solid #dce6f2; border-radius: 8px; }
.product-manual-tier-options legend { padding: 0 5px; color: #52637b; font-size: 13px; font-weight: 700; }
.product-manual-tier-options small { display: block; margin: 8px 2px 0; color: var(--muted); }
.product-manual-tier-choice-list { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; }
.product-manual-tier-dropdown { width: min(320px, 100%); }
.product-manual-tier-dropdown .unified-select { width: 100%; }
.product-manual-tier-select { width: 100%; }
.product-manual-tier-multi { position: relative; width: min(320px, 100%); }
.product-manual-tier-multi-trigger { display: flex; align-items: center; justify-content: space-between; width: 100%; height: 40px; gap: 10px; padding: 0 11px 0 12px; border: 1px solid #d8e1ec; border-radius: 8px; color: var(--ink); background: #fff; font: inherit; text-align: left; }
.product-manual-tier-multi-trigger:hover, .product-manual-tier-multi.is-open .product-manual-tier-multi-trigger { border-color: #84a9e9; }
.product-manual-tier-multi.is-open .product-manual-tier-multi-trigger { box-shadow: 0 0 0 3px rgba(35, 104, 217, .10); }
.product-manual-tier-multi-trigger span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.product-manual-tier-multi-trigger i { width: 7px; height: 7px; flex: 0 0 7px; border-top: 1.5px solid #637b9e; border-left: 1.5px solid #637b9e; transform: rotate(45deg) translateY(2px); transition: transform .16s ease; }
.product-manual-tier-multi.is-open .product-manual-tier-multi-trigger i { transform: rotate(225deg) translate(-2px, 0); }
.product-manual-tier-multi-menu { position: absolute; z-index: 40; top: calc(100% + 6px); left: 0; width: min(360px, calc(100vw - 70px)); padding: 8px; border: 1px solid #d7e2f2; border-radius: 10px; background: #fff; box-shadow: 0 12px 26px rgba(32, 55, 88, .16); }
.product-manual-tier-multi-actions { display: flex; gap: 5px; padding-bottom: 7px; border-bottom: 1px solid #edf1f6; }
.product-manual-tier-multi-actions button { min-height: 30px; padding: 0 9px; border: 0; border-radius: 6px; color: #52677f; background: transparent; font: inherit; font-size: 12px; }
.product-manual-tier-multi-actions button:hover, .product-manual-tier-multi-actions button.is-active { color: #2468d5; background: #eaf2ff; font-weight: 700; }
.product-manual-tier-secondary-list { max-height: 164px; padding: 8px 3px 0 0; overflow-y: auto; align-content: flex-start; }
.product-manual-tier-choice { display: inline-flex; align-items: center; gap: 7px; min-height: 32px; max-width: 100%; padding: 0 10px; border: 1px solid #dce6f2; border-radius: 6px; color: var(--body); cursor: pointer; }
.product-manual-tier-choice:has(input:checked) { border-color: #91b9f4; color: #1d64c8; background: #edf5ff; }
.product-manual-tier-choice input { flex: 0 0 auto; margin: 0; }
.product-manual-tier-choice span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.product-manual-tier-primary { display: inline-flex; align-items: center; gap: 3px; color: #61748d; font-size: 12px; white-space: nowrap; }
.product-row-actions { display: inline-flex; align-items: center; justify-content: center; min-width: 208px; gap: 6px; white-space: nowrap; }
.product-row-actions .secondary, .product-row-actions .danger { min-height: 30px; padding: 0 9px; font-size: 12px; }
.product-row-actions .danger { border-color: #edc5cb; }
.dialog.product-history-dialog { display: flex; width: min(1220px, calc(100vw - 48px)); max-height: calc(100vh - 48px); padding: 0; overflow: hidden; flex-direction: column; }
.product-history-dialog .dialog-body { display: flex; min-height: 0; flex: 1; flex-direction: column; overflow: hidden; }
.product-history-dialog h2 { flex: 0 0 auto; margin: 0; padding: 20px 22px 12px; border-bottom: 1px solid #e7edf5; color: #1d2c43; font-size: 20px; }
.product-history-product { display: flex; align-items: center; gap: 10px; min-width: 0; padding: 12px 22px; border-bottom: 1px solid #eef2f6; background: #fbfcfe; color: #77879d; font-size: 13px; }
.product-history-product strong { min-width: 0; overflow: hidden; color: #2a3d5b; font-size: 14px; text-overflow: ellipsis; white-space: nowrap; }
.product-history-product small { flex: 0 0 auto; color: #8391a4; font-size: 12px; }
.product-history-content { display: flex; min-height: 0; flex: 1; flex-direction: column; padding: 16px 22px; overflow: hidden; }
.product-history-content .empty { display: grid; min-height: 180px; flex: 1; place-items: center; padding: 20px; }
.product-history-table-wrap { min-height: 0; flex: 1; overflow: auto; border: 1px solid #e1e8f1; border-radius: 10px; background: #fff; }
.product-history-table-wrap table { width: max-content; min-width: 1240px; border-collapse: separate; border-spacing: 0; }
.product-history-table-wrap th, .product-history-table-wrap td { padding: 13px 16px; border-bottom: 1px solid #eaf0f6; color: #40536f; font-variant-numeric: tabular-nums; }
.product-history-table-wrap th { position: sticky; top: 0; z-index: 1; color: #5c6f89; background: #f6f8fc; }
.product-history-table-wrap th:first-child, .product-history-table-wrap td:first-child { min-width: 210px; text-align: left; }
.product-history-table-wrap tbody tr:hover { background: #f4f8ff; }
.product-history-dialog .error { flex: 0 0 auto; min-height: 0; padding: 0 22px; }
.product-history-dialog .actions { flex: 0 0 auto; margin: 0; padding: 14px 22px 18px; border-top: 1px solid #e7edf5; background: #fff; }
@media (max-width: 700px) { .dialog.product-history-dialog { width: calc(100vw - 24px); max-height: calc(100vh - 24px); }.product-history-dialog h2 { padding: 16px 16px 10px; font-size: 18px; }.product-history-product { align-items: flex-start; padding: 10px 16px; flex-wrap: wrap; }.product-history-product strong { flex-basis: 100%; order: 3; }.product-history-content { padding: 12px 16px; }.product-history-dialog .actions { padding: 12px 16px 16px; } }
.product-import-dialog { width: min(560px, calc(100vw - 36px)); }
.dialog.top-monitor-add-dialog { width: min(510px, calc(100vw - 36px)); }
.top-monitor-dialog-note { margin: -4px 0 16px; color: #718096; font-size: 13px; line-height: 1.65; }
.top-monitor-spu-input { width: 100%; min-height: 166px; padding: 11px 12px; resize: vertical; border: 1px solid #d8e1ec; border-radius: 8px; color: #273b57; font: inherit; line-height: 1.55; outline: none; }
.top-monitor-spu-input:focus { border-color: #7da8ea; box-shadow: 0 0 0 3px rgba(43, 109, 204, .12); }
.product-dimensions-dialog { width: min(660px, calc(100vw - 36px)); }
.product-import-dimension { margin: 14px 0; padding: 15px; border: 1px solid #e3eaf3; border-radius: 11px; background: #fbfcff; }
.product-import-dimension-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; margin-bottom: 12px; }
.product-import-dimension-head h3 { margin: 0 0 4px; color: #253a5a; font-size: 16px; line-height: 1.4; }
.product-import-dimension-head p { margin: 0; color: #7788a0; font-size: 13px; line-height: 1.5; }
.product-import-dimension-head .secondary { min-height: 31px; padding: 0 11px; color: var(--brand); text-decoration: none; white-space: nowrap; }
.product-import-dimension-actions { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 11px; }
.product-import-dimension-actions small { color: #8492a5; font-size: 12px; line-height: 1.4; }
.product-import-dimension-actions .primary { min-height: 34px; padding: 0 13px; white-space: nowrap; }
@media (max-width: 560px) { .product-dimensions-dialog { width: min(calc(100% - 24px), 660px); max-height: calc(100vh - 24px); overflow-y: auto; }.product-import-dimension { padding: 13px; }.product-import-dimension-head, .product-import-dimension-actions { align-items: stretch; flex-direction: column; gap: 9px; }.product-import-dimension-head .secondary { align-self: flex-start; }.product-import-dimension-actions .primary { width: 100%; }.product-image-preview-modal { padding: 12px; }.product-image-preview-dialog { width: 100%; max-height: calc(100vh - 24px); }.product-image-preview-stage { min-height: 220px; padding: 12px; }.product-image-preview-image { max-height: calc(100vh - 145px); }.product-image-preview-header { padding: 13px 14px; }.product-image-preview-caption { padding: 10px 14px; } }
.product-template-download { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin: -6px 0 14px; padding: 10px 12px; border: 1px solid #e4ebf4; border-radius: 9px; color: #708096; font-size: 13px; background: #f8faff; }
.product-template-download .secondary { display: inline-flex; align-items: center; min-height: 31px; padding: 0 11px; color: var(--brand); text-decoration: none; white-space: nowrap; }
.product-file-field { margin-bottom: 0; }
.product-file-picker { position: relative; display: flex; align-items: center; width: 100%; min-height: 44px; overflow: hidden; border: 1px solid #d8e1ec; border-radius: 9px; color: #56667d; background: #fff; cursor: pointer; transition: border-color var(--motion-normal) var(--ease-standard), box-shadow var(--motion-normal) var(--ease-standard), background-color var(--motion-normal) var(--ease-standard); }
.product-file-picker:hover { border-color: #9ab8e5; background: #fbfdff; }
.product-file-picker:focus-within { border-color: #84a9e9; box-shadow: 0 0 0 3px rgba(35, 104, 217, .10); }
.product-file-picker input[type="file"] { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.product-file-picker-button { display: inline-flex; align-items: center; align-self: stretch; padding: 0 14px; border-right: 1px solid #d8e1ec; color: #fff; font-size: 13px; font-weight: 600; background: var(--brand); box-shadow: inset -1px 0 rgba(0, 0, 0, .04); }
.product-file-picker:hover .product-file-picker-button { background: var(--brand-strong); }
.product-file-picker-name { min-width: 0; padding: 0 13px; overflow: hidden; color: #8190a4; font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }
.product-file-picker-name.has-file { color: #31435e; font-weight: 600; }
.product-tier-dialog { width: min(920px, calc(100vw - 36px)); max-height: calc(100vh - 40px); overflow-y: auto; overscroll-behavior: contain; }
.product-tier-dialog .product-tier-help { margin-bottom: 18px; }
.product-tier-section { background: transparent; }
.product-tier-section-title { display: flex; align-items: baseline; gap: 9px; padding: 0 0 9px; color: #304561; }
.product-tier-section-title span { font-size: 14px; font-weight: 700; }
.product-tier-section-title small { color: #8492a5; font-size: 12px; }
.product-tier-create { margin-left: auto; min-height: 32px; padding: 0 11px; white-space: nowrap; }
.product-tier-rule-list { border-top: 1px solid #e7edf4; }
.product-tier-rule { display: flex; align-items: center; gap: 22px; padding: 13px 0; border-bottom: 1px solid #e7edf4; }
.product-tier-rule strong { flex: 0 0 46px; width: 46px; color: #304561; font-size: 14px; }
.product-tier-conditions { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); width: 100%; gap: 12px; }
.product-tier-conditions.is-three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.product-tier-conditions.is-two { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.product-tier-conditions.is-one { grid-template-columns: minmax(0, 1fr); max-width: 220px; }
.product-tier-condition { display: inline-flex; align-items: center; gap: 7px; min-width: 0; color: #77889e; font-size: 12px; font-weight: 600; white-space: nowrap; }
.product-tier-condition input { width: 80px; min-width: 80px; height: 32px; padding: 0 8px; border: 1px solid #d7e1ed; border-radius: 7px; color: #2d405d; background: #fff; box-shadow: none; }
.product-tier-condition input:focus { border-color: #82afea; outline: 0; box-shadow: 0 0 0 3px rgba(43, 110, 220, .1); }
.product-tier-high-return { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 18px; padding: 13px 0; border-top: 1px solid #e7edf4; border-bottom: 1px solid #e7edf4; background: transparent; }
.product-tier-risk-copy > div { display: flex; align-items: center; gap: 8px; }
.product-tier-high-return strong { color: #31435e; font-size: 14px; }
.product-tier-risk-copy span { display: inline-flex; padding: 2px 7px; border: 1px solid #dbe5f2; border-radius: 999px; color: #607796; font-size: 11px; font-weight: 600; background: #f3f7fc; }
.product-tier-high-return p { margin: 5px 0 0; color: #7a899c; font-size: 12px; line-height: 1.5; }
.product-tier-high-return .product-tier-condition { color: #52677f; }
.product-tier-high-return .product-tier-condition input { width: 78px; }
.product-tier-special-section { margin-top: 22px; }
.product-tier-special-rule strong { color: #52677f; }
.product-tier-rule-builder { display: block; padding: 14px 0; }
.product-tier-rule-heading { display: flex; align-items: center; gap: 12px; margin-bottom: 11px; }
.product-tier-name-field { display: flex; align-items: center; gap: 10px; color: #304561; font-size: 13px; font-weight: 700; }
.product-tier-name-field input { width: 220px; height: 32px; padding: 0 10px; border: 1px solid #d7e1ed; border-radius: 7px; color: #2d405d; background: #fff; font: inherit; font-weight: 400; }
.product-tier-name-field input:focus { border-color: #82afea; outline: 0; box-shadow: 0 0 0 3px rgba(43, 110, 220, .1); }
.product-tier-kind-field { display: flex; align-items: center; gap: 8px; color: #304561; font-size: 13px; font-weight: 700; white-space: nowrap; }
.product-tier-kind-field select { height: 32px; padding: 0 28px 0 10px; border: 1px solid #d7e1ed; border-radius: 7px; color: #2d405d; background: #fff; font: inherit; font-weight: 400; }
.product-tier-kind-field select:focus { border-color: #82afea; outline: 0; box-shadow: 0 0 0 3px rgba(43, 110, 220, .1); }.product-tier-kind-field .unified-select { width: 112px; min-width: 112px; }.product-tier-kind-field .unified-select-trigger { height: 32px; padding: 0 9px; font-size: 13px; font-weight: 400; }
.product-tier-delete { min-height: 32px; padding: 0 10px; }
.product-tier-color-field { display: flex; align-items: center; gap: 9px; margin-left: auto; color: #52677f; font-size: 12px; font-weight: 700; white-space: nowrap; }
.product-tier-color-field[hidden] { display: none; }
.product-tier-color-choices { display: flex; align-items: center; gap: 5px; }
.product-tier-color-choice { width: 18px; height: 18px; padding: 0; border: 1px solid rgba(44, 61, 84, .22); border-radius: 50%; background: var(--tier-color); box-shadow: none; cursor: pointer; }
.product-tier-color-choice:hover { transform: scale(1.12); }
.product-tier-color-choice.is-selected { border-color: #fff; box-shadow: 0 0 0 2px #2d76d9; }
.product-tier-color-choice:focus-visible { outline: 0; box-shadow: 0 0 0 2px #2d76d9; }
.product-tier-rule-body { padding-left: 0; }
.product-tier-rule-caption { display: flex; align-items: baseline; gap: 9px; margin-bottom: 8px; color: #52677f; }
.product-tier-rule-caption span { font-size: 12px; font-weight: 700; }
.product-tier-rule-caption small { color: #8492a5; font-size: 12px; }
.product-tier-condition-list { display: grid; flex: 1 1 auto; min-width: 0; grid-template-columns: repeat(2, minmax(0, 1fr)); width: 100%; gap: 8px 12px; }
.product-tier-condition-builder { display: grid; grid-template-columns: 185px 80px 52px; align-items: center; gap: 7px; min-width: 0; }
.product-tier-condition-builder.is-between { grid-column: 1 / -1; grid-template-columns: 185px 80px 14px 80px 52px; }
.product-tier-condition-picker { position: relative; min-width: 0; }
.product-tier-picker-trigger { display: flex; width: 100%; min-width: 0; height: 32px; align-items: center; padding: 0 10px; border: 1px solid #d7e1ed; border-radius: 7px; color: #2d405d; font: inherit; text-align: left; white-space: nowrap; background: #fff; cursor: pointer; }
.product-tier-picker-trigger:hover, .product-tier-picker-trigger[aria-expanded="true"] { border-color: #82afea; }
.product-tier-picker-trigger:focus-visible { outline: 0; box-shadow: 0 0 0 3px rgba(43, 110, 220, .1); }
.product-tier-picker-menu { position: absolute; z-index: 30; top: calc(100% + 5px); left: 0; width: 132px; border: 1px solid #cddced; border-radius: 9px; background: #fff; box-shadow: 0 12px 28px rgba(39, 61, 91, .18); }
.product-tier-picker-menu[hidden] { display: none; }
.product-tier-picker-metrics, .product-tier-picker-operators { display: grid; align-content: start; padding: 5px; }
.product-tier-picker-metrics { background: #f8fbff; }
.product-tier-picker-metrics button, .product-tier-picker-operators button { display: flex; min-height: 31px; align-items: center; justify-content: space-between; padding: 0 8px; border: 0; border-radius: 5px; color: #304561; font: inherit; font-size: 13px; text-align: left; background: transparent; cursor: pointer; }
.product-tier-picker-metrics button:hover, .product-tier-picker-metrics button.is-active, .product-tier-picker-operators button:hover { color: #1f65c8; background: #e8f1ff; }
.product-tier-picker-operators { position: absolute; z-index: 1; top: -1px; left: calc(100% + 5px); display: none; width: 142px; gap: 1px; border: 1px solid #cddced; border-radius: 9px; background: #fff; box-shadow: 0 12px 28px rgba(39, 61, 91, .18); }
.product-tier-picker-operators.is-active { display: grid; }
.product-tier-picker-operators p { margin: 3px 8px 5px; color: #8492a5; font-size: 11px; }
.product-tier-condition-builder select, .product-tier-condition-builder input { width: 100%; min-width: 0; height: 32px; padding: 0 8px; border: 1px solid #d7e1ed; border-radius: 7px; color: #2d405d; background: #fff; }
.product-tier-condition-builder select:focus, .product-tier-condition-builder input:focus { border-color: #82afea; outline: 0; box-shadow: 0 0 0 3px rgba(43, 110, 220, .1); }
.product-tier-condition-builder .unified-select { width: 100%; min-width: 0; }.product-tier-condition-builder .unified-select-trigger { height: 32px; padding: 0 8px; font-size: 13px; }
.product-tier-condition-builder [hidden] { display: none; }
.product-tier-condition-builder > span { color: #77889e; font-size: 12px; font-weight: 600; }
.product-tier-condition-remove, .product-tier-add { min-height: 32px; padding: 0 10px; white-space: nowrap; }
.product-tier-condition-remove { min-width: 52px; }
.product-tier-add { flex: 0 0 auto; }
.product-tier-empty { grid-column: 1 / -1; margin: 6px 0; color: #8492a5; font-size: 12px; }
.product-tier-empty-all { padding: 12px 0; }
.top-monitor-rule-dialog { width: min(760px, calc(100vw - 36px)); }
.top-monitor-rule-section { display: grid; gap: 10px; }
.top-monitor-condition-list { display: grid; grid-template-columns: minmax(0, 1fr); gap: 9px; }
.top-monitor-condition-list .product-tier-condition-builder { grid-template-columns: 190px 128px minmax(140px, 1fr) 64px; width: min(100%, 660px); }
.top-monitor-condition-list .product-tier-condition-remove { grid-column: auto; min-width: 64px; }
.top-tier-spend-dialog { width: min(680px, calc(100vw - 36px)); }
.top-tier-switch-dialog { position: relative; }
.top-tier-switch-dialog > h2 { padding-right: 154px; }
.top-tier-dialog-switch { position: absolute; top: 22px; right: 24px; min-width: 128px; transition: transform .18s ease, box-shadow .18s ease, opacity .18s ease; }
.top-tier-dialog-switch:hover:not(:disabled) { transform: translateY(-1px); box-shadow: 0 5px 12px rgba(39, 105, 207, .14); }
.top-tier-dialog-switch:disabled { opacity: .62; cursor: wait; }
.top-tier-switch-content { overflow: hidden; contain: paint; }
.modal { will-change: opacity; animation: top-tier-overlay-in 180ms cubic-bezier(.16, 1, .3, 1) both; }
.modal .dialog { will-change: transform, opacity; animation: top-tier-dialog-in 220ms cubic-bezier(.16, 1, .3, 1) both; }
.modal.is-leaving { pointer-events: none; animation: top-tier-overlay-out 180ms ease-in both; }
.modal.is-leaving .dialog { animation: top-tier-dialog-out 180ms cubic-bezier(.4, 0, 1, 1) both; }
@keyframes top-tier-overlay-in { from { opacity: 0; } to { opacity: 1; } }
@keyframes top-tier-dialog-in { from { opacity: 0; transform: translateY(10px) scale(.975); } to { opacity: 1; transform: translateY(0) scale(1); } }
@keyframes top-tier-overlay-out { from { opacity: 1; } to { opacity: 0; } }
@keyframes top-tier-dialog-out { from { opacity: 1; transform: translateY(0) scale(1); } to { opacity: 0; transform: translateY(6px) scale(.985); } }
.top-tier-spend-note { margin: -4px 0 16px; color: #718096; font-size: 13px; line-height: 1.65; }
.top-tier-spend-total { display: flex; align-items: baseline; justify-content: space-between; padding: 14px 16px; border: 1px solid #e1e8f2; border-radius: 10px; background: #f8fbff; color: #65748a; }
.top-tier-spend-total strong { color: #1f3150; font-size: 22px; }
.top-tier-spend-bar { display: flex; height: 28px; margin: 16px 0; overflow: hidden; border-radius: 8px; background: #edf1f6; box-shadow: inset 0 0 0 1px rgba(55, 75, 105, .08); }
.top-tier-spend-segment { min-width: 0; box-shadow: inset 0 0 0 1px rgba(44, 61, 84, .16); transition: width .2s ease; }
.top-tier-spend-segment.is-logistics-jingcang, .top-tier-spend-dot.is-logistics-jingcang { background: #dc4d57; }
.top-tier-spend-segment.is-logistics-ordinary, .top-tier-spend-dot.is-logistics-ordinary { background: #fff; }
.top-tier-spend-list { display: grid; gap: 7px; }
.top-tier-spend-row { display: grid; grid-template-columns: 12px minmax(100px, 1fr) 96px 74px 110px; align-items: center; gap: 7px; padding: 10px 12px; border: 1px solid #edf1f6; border-radius: 8px; color: #53647d; font-size: 13px; }
.top-tier-spend-row strong { color: #2f4160; font-weight: 600; }.top-tier-spend-row > span:not(.top-tier-spend-dot) { text-align: right; font-variant-numeric: tabular-nums; }.top-tier-spend-row small { color: #53647d; font-size: 13px; text-align: right; white-space: nowrap; }.top-tier-spend-dot { width: 9px; height: 9px; border: 1px solid rgba(44, 61, 84, .2); border-radius: 50%; }.top-tier-spend-empty { padding: 36px 12px; color: #8391a4; text-align: center; }
.top-tier-spend-row.is-clickable { width: 100%; border-color: #edf1f6; background: transparent; text-align: inherit; cursor: pointer; transition: background-color var(--motion-fast) var(--ease-standard); }.top-tier-spend-row.is-clickable:hover { background: #f8fbff; }.top-tier-spend-row.is-clickable:active { background: #f3f7fc; }.top-unmatched-spu-dialog { width: min(520px, calc(100vw - 36px)); }.top-unmatched-spu-note { margin: 0 0 14px; color: #718096; font-size: 13px; line-height: 1.65; }.top-unmatched-spu-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 8px; max-height: min(48vh, 360px); overflow: auto; }.top-unmatched-spu-list code { display: block; padding: 10px 11px; overflow: hidden; border: 1px solid #e1e8f2; border-radius: 8px; color: #40546f; background: #f8fbff; font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }

.dashboard-page { gap: 20px; }
.dashboard-overview { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; min-height: 44px; padding: 0; }
.dashboard-meta { gap: 25px; color: var(--text-secondary); font-size: 14px; white-space: nowrap; }
.dashboard-meta::before { content: ""; width: 17px; height: 17px; border: 2px solid #8393ad; border-radius: 50%; box-sizing: border-box; }
.dashboard-meta strong { color: var(--text-primary); }
.dashboard-meta .meta-alert { color: var(--text-secondary); }
.dashboard-meta .meta-alert strong { color: var(--danger); }
.dashboard-auto { color: #8e9aab; }
.dashboard-head #dashboard-refresh, #dashboard-refresh { min-height: 42px; padding: 0 19px; border-radius: 9px; background: var(--primary); border-color: var(--primary); box-shadow: 0 8px 16px rgba(36, 107, 253, .18); }
.dashboard-head #dashboard-refresh:hover, #dashboard-refresh:hover { background: var(--primary-hover); border-color: var(--primary-hover); }
.dashboard-error { margin: -8px 0 0; }

.dashboard-cards { gap: 18px; }
.metric { display: flex; align-items: flex-start; gap: 16px; min-height: 146px; padding: 23px 20px; overflow: visible; border: 1px solid #edf0f5; border-radius: 18px; box-shadow: 0 8px 24px rgba(31, 56, 88, .06); }
.metric::after { display: none; }
.metric-icon { position: relative; display: grid; width: 56px; height: 56px; flex: 0 0 56px; place-items: center; border-radius: 50%; font-size: 25px; font-weight: 700; }
.metric-icon:has(.metric-image) { background: transparent !important; }
.metric-image { display: block; width: 56px; height: 56px; object-fit: contain; }
.metric-turnover .metric-icon { color: #246bfd; background: linear-gradient(135deg, #eaf2ff, #d9e9ff); }
.metric-cost .metric-icon { color: #18a865; background: linear-gradient(135deg, #e9faef, #d8f5e4); }
.metric-ratio .metric-icon { color: #f38a11; background: linear-gradient(135deg, #fff5e9, #ffead1); }
.metric-time .metric-icon { color: #7447e7; background: linear-gradient(135deg, #f1edff, #e5dcff); }
.metric-time .metric-icon::before { content: ""; width: 22px; height: 22px; border: 3px solid currentColor; border-radius: 50%; }
.metric-time .metric-icon::after { content: ""; position: absolute; width: 2px; height: 12px; border-radius: 2px; background: currentColor; transform: translateY(-3px) rotate(-38deg); transform-origin: 50% 100%; }
.metric-time .metric-icon:has(.metric-image)::before, .metric-time .metric-icon:has(.metric-image)::after { display: none; }
.metric-copy { min-width: 0; display: flex; flex: 1; flex-direction: column; align-items: flex-start; }
.metric span.metric-label { color: var(--text-secondary); font-size: 14px; line-height: 1.45; }
.metric strong { margin-top: 6px; color: var(--text-primary); font-size: 29px; line-height: 1.12; letter-spacing: 0; }
.metric small { margin-top: 6px; color: var(--text-muted); font-size: 13px; line-height: 18px; }
.metric small.comparison-up { color: #d34a52; font-weight: 600; }
.metric small.comparison-down { color: #16835d; font-weight: 600; }
.metric-trend { position: relative; width: 98px; height: 25px; margin: 8px 0 0 auto; opacity: .92; outline: none; }
.metric-trend svg { display: block; width: 100%; height: 100%; }
.metric-trend-tooltip { position: absolute; z-index: 3; right: -4px; bottom: calc(100% + 9px); display: grid; min-width: 138px; padding: 9px 11px; border: 1px solid rgba(207, 220, 236, .9); border-radius: 8px; color: #52627a; font-size: 12px; line-height: 1.35; white-space: nowrap; background: rgba(255, 255, 255, .84); box-shadow: 0 10px 24px rgba(31, 56, 88, .14); backdrop-filter: blur(8px); opacity: 0; pointer-events: none; transform: translateY(4px); transition: opacity .18s ease, transform .18s ease; }
.metric-trend-tooltip b { margin-top: 2px; color: #17243a; font-size: 15px; font-variant-numeric: tabular-nums; }
.metric-trend:hover .metric-trend-tooltip, .metric-trend:focus .metric-trend-tooltip { opacity: 1; transform: translateY(0); }
.metric-trend:focus-visible { border-radius: 5px; box-shadow: 0 0 0 3px rgba(36, 107, 253, .2); }
.metric-turnover .metric-trend { color: #246bfd; }
.metric-cost .metric-trend { color: #18a865; }
.metric-ratio .metric-trend { color: #f38a11; }

.dashboard-table-panel { padding: 22px 24px 20px; border: 1px solid #edf0f5; border-radius: 18px; box-shadow: 0 8px 24px rgba(31, 56, 88, .06); }
.dashboard-table-panel .toolbar { gap: 14px; margin: 0 0 18px; }
.dashboard-table-panel .toolbar input { width: 280px; height: 40px; padding-left: 39px; border-radius: 10px; background: #fff; }
.dashboard-table-panel .toolbar::before { content: ""; position: absolute; width: 13px; height: 13px; margin-left: 15px; border: 1.8px solid #8b98aa; border-radius: 50%; pointer-events: none; }
.dashboard-table-panel .toolbar::after { content: ""; position: absolute; width: 7px; height: 1.8px; margin: 13px 0 0 26px; background: #8b98aa; transform: rotate(45deg); pointer-events: none; }
.dashboard-table-panel .toolbar select { width: 172px; height: 40px; border-radius: 10px; background: #fff; }.dashboard-table-panel .toolbar .unified-select { width: 172px; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.owner-filter-control { position: relative; width: 190px; }
.product-tier-match-mode { width: 112px; height: 40px; padding: 0 30px 0 12px; border: 1px solid #d8e1ec; border-radius: 10px; color: var(--text-primary); background: #fff; }
.product-tier-flat-options { width: 280px; max-height: min(360px, calc(100vh - 250px)); overflow-y: auto; overscroll-behavior: contain; }
.product-tier-flat-option { display: flex; align-items: center; gap: 9px; min-height: 39px; margin: 1px 0; padding: 7px 10px; border-radius: 7px; color: #30425d; cursor: pointer; transition: color var(--motion-fast) var(--ease-standard), background-color var(--motion-fast) var(--ease-standard); }
.product-tier-flat-option:hover { color: #1e62d5; background: #f1f6ff; }.product-tier-flat-option.is-selected { color: #1f62d3; background: #eaf2ff; font-weight: 700; }.product-tier-flat-option input { width: 15px; height: 15px; margin: 0; accent-color: #2563d8; }.product-tier-flat-all { border-bottom: 1px solid #edf1f6; }
.owner-picker-trigger { display: inline-flex; align-items: center; justify-content: space-between; width: 100%; height: 40px; padding: 0 13px; border: 1px solid #d8e1ec; border-radius: 10px; color: var(--text-primary); text-align: left; background: #fff; transition: border-color var(--motion-normal) var(--ease-standard), box-shadow var(--motion-normal) var(--ease-standard), background-color var(--motion-normal) var(--ease-standard); }
.owner-picker-trigger:hover { border-color: #a9bee0; background: #fbfdff; }.owner-picker-trigger[aria-expanded="true"] { border-color: #84a9e9; box-shadow: 0 0 0 3px rgba(35, 104, 217, .10); }.owner-picker-chevron { width: 7px; height: 7px; margin-left: 12px; border-right: 1.5px solid #667991; border-bottom: 1.5px solid #667991; transform: rotate(45deg) translateY(-2px); transition: transform var(--motion-fast) var(--ease-standard); }.owner-picker-trigger[aria-expanded="true"] .owner-picker-chevron { transform: rotate(225deg) translate(-2px, -2px); }
.owner-picker-menu { position: absolute; top: calc(100% + 8px); left: 0; z-index: 8; width: fit-content; min-width: 248px; max-width: min(880px, calc(100vw - 42px)); padding: 10px; border: 1px solid #dce5f0; border-radius: 12px; background: #fff; box-shadow: 0 14px 34px rgba(31, 56, 88, .16); opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(-4px) scale(.99); will-change: opacity, transform; transition: opacity 160ms var(--ease-standard), transform 160ms var(--ease-standard), visibility 0s linear 160ms; }.owner-picker-menu.is-open { opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(0) scale(1); transition-delay: 0s; }.owner-picker-menu[hidden] { display: none; }.owner-picker-search { display: block; margin-bottom: 8px; }.owner-picker-search input { width: 100% !important; min-width: 0 !important; height: 36px !important; padding: 0 10px !important; border-radius: 8px !important; }.owner-picker-options { max-width: 100%; overflow-x: auto; overscroll-behavior: contain; }.owner-picker-cascade { display: flex; width: max-content; min-width: 100%; max-width: 100%; min-height: 46px; }.owner-picker-pane { flex: 0 0 208px; min-width: 0; max-height: min(360px, calc(100vh - 250px)); padding: 2px 8px; overflow-y: auto; overscroll-behavior: contain; border-right: 1px solid #edf1f6; }.owner-picker-pane.is-entering { animation: owner-picker-pane-enter 170ms var(--ease-standard) both; }.owner-picker-pane:first-child { padding-left: 2px; }.owner-picker-pane:last-child { padding-right: 2px; border-right: 0; }.owner-picker-search-results { width: 280px; max-height: min(360px, calc(100vh - 250px)); overflow-y: auto; overscroll-behavior: contain; }.owner-picker-item { display: grid; grid-template-columns: minmax(0, 1fr) 30px; align-items: stretch; min-height: 39px; margin: 1px 0; }.owner-picker-item:not(:has(.owner-picker-expand)) { grid-template-columns: minmax(0, 1fr); }.owner-picker-select { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 8px; min-width: 0; min-height: 39px; padding: 7px 10px; border: 0; border-radius: 7px; color: #30425d; text-align: left; background: transparent; transition: color var(--motion-fast) var(--ease-standard), background-color var(--motion-fast) var(--ease-standard); }.owner-picker-select:hover, .owner-picker-item.is-hovered .owner-picker-select { color: #1e62d5; background: #f1f6ff; }.owner-picker-select.is-selected { color: #1f62d3; background: #eaf2ff; font-weight: 700; }.owner-picker-select span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.owner-picker-select small { color: #8b98aa; font-size: 12px; white-space: nowrap; }.owner-picker-select.is-selected small { color: #537fc5; }.owner-picker-expand { position: relative; width: 30px; min-height: 39px; padding: 0; border: 0; border-radius: 7px; background: transparent; }.owner-picker-expand::after { position: absolute; top: 50%; left: 50%; width: 7px; height: 7px; content: ''; border-top: 1.5px solid #71819a; border-right: 1.5px solid #71819a; transform: translate(-65%, -50%) rotate(45deg); }.owner-picker-item:hover .owner-picker-expand, .owner-picker-item.is-hovered .owner-picker-expand { background: #f1f6ff; }.owner-picker-item:hover .owner-picker-expand::after, .owner-picker-item.is-hovered .owner-picker-expand::after { border-color: #2563d8; }.owner-picker-empty { margin: 0; padding: 28px 12px; color: #8b98aa; font-size: 13px; text-align: center; }@keyframes owner-picker-pane-enter { from { opacity: 0; transform: translateX(-6px); } to { opacity: 1; transform: translateX(0); } }
.owner-filter-control.product-shop-owner-picker { width: min(360px, 38vw); }
.product-shop-owner-picker .owner-picker-menu { max-width: min(640px, calc(100vw - 42px)); }
.product-shop-owner-picker .owner-picker-pane { flex-basis: 270px; }
.product-shop-owner-picker .owner-picker-search-results { width: 540px; max-width: 100%; }
.product-shop-owner-picker .owner-picker-pane:last-child .owner-picker-select span, .product-shop-owner-picker .owner-picker-search-results .owner-picker-select span { overflow: visible; text-overflow: clip; white-space: normal; overflow-wrap: anywhere; line-height: 1.4; }
.owner-picker-select .owner-picker-meta { display: inline-flex; align-items: center; gap: 6px; min-width: 0; }
.owner-picker-select .inventory-picker-update-marker { margin-left: 2px; }
.dashboard-table-panel .table-wrap { border-color: #e9eef5; border-radius: 10px; }
.dashboard-table-panel table { min-width: 920px; table-layout: fixed; }
.dashboard-table-panel .shop-name-column { width: 22%; }.dashboard-table-panel .day-column { width: 8%; }.dashboard-table-panel .amount-column { width: 15%; }.dashboard-table-panel .ratio-column { width: 11%; }.dashboard-table-panel .status-column { width: 12%; }.dashboard-table-panel .time-column { width: 17%; }
.dashboard-table-panel th, .dashboard-table-panel td { height: 54px; padding: 0 12px; border-bottom-color: #edf0f4; text-align: center; }
.dashboard-table-panel th { height: 48px; color: #44536b; background: #f6f8fc; font-size: 13px; }
.dashboard-table-panel .sort-header { display: inline-flex; align-items: center; justify-content: center; gap: 5px; width: 100%; height: 48px; color: inherit; font-weight: 700; white-space: nowrap; }
.product-table-wrap .sort-header, .product-sticky-table-header .sort-header { display: inline-flex; align-items: center; justify-content: center; gap: 5px; width: 100%; height: 48px; color: inherit; font-weight: 700; white-space: nowrap; }
.dashboard-table-panel .sort-arrows { display: inline-flex; flex-direction: column; justify-content: center; gap: 2px; width: 8px; height: 14px; }
.product-table-wrap .sort-arrows, .product-sticky-table-header .sort-arrows { display: inline-flex; flex-direction: column; justify-content: center; gap: 2px; width: 8px; height: 14px; }
.dashboard-table-panel .sort-arrow { position: relative; display: block; width: 8px; height: 6px; margin: 0; padding: 0; border: 0; background: transparent; cursor: pointer; }
.product-table-wrap .sort-arrow, .product-sticky-table-header .sort-arrow { position: relative; display: block; width: 8px; height: 6px; margin: 0; padding: 0; border: 0; background: transparent; cursor: pointer; }
.dashboard-table-panel .sort-arrow::after { position: absolute; left: 0; width: 0; height: 0; content: ''; border-right: 4px solid transparent; border-left: 4px solid transparent; }
.product-table-wrap .sort-arrow::after, .product-sticky-table-header .sort-arrow::after { position: absolute; left: 0; width: 0; height: 0; content: ''; border-right: 4px solid transparent; border-left: 4px solid transparent; }
.dashboard-table-panel .sort-arrow-up::after { top: 1px; border-bottom: 5px solid #c7cdd6; }
.product-table-wrap .sort-arrow-up::after, .product-sticky-table-header .sort-arrow-up::after { top: 1px; border-bottom: 5px solid #c7cdd6; }
.dashboard-table-panel .sort-arrow-down::after { bottom: 1px; border-top: 5px solid #c7cdd6; }
.product-table-wrap .sort-arrow-down::after, .product-sticky-table-header .sort-arrow-down::after { bottom: 1px; border-top: 5px solid #c7cdd6; }
.dashboard-table-panel .sort-header:not(.is-active) .sort-arrow-up:hover::after { border-bottom-color: #8f98a8; }
.product-table-wrap .sort-header:not(.is-active) .sort-arrow-up:hover::after, .product-sticky-table-header .sort-header:not(.is-active) .sort-arrow-up:hover::after { border-bottom-color: #8f98a8; }
.dashboard-table-panel .sort-header:not(.is-active) .sort-arrow-down:hover::after { border-top-color: #8f98a8; }
.product-table-wrap .sort-header:not(.is-active) .sort-arrow-down:hover::after, .product-sticky-table-header .sort-header:not(.is-active) .sort-arrow-down:hover::after { border-top-color: #8f98a8; }
.dashboard-table-panel .sort-header.is-ascending .sort-arrow-up::after { border-bottom-color: #1f2329; }
.product-table-wrap .sort-header.is-ascending .sort-arrow-up::after, .product-sticky-table-header .sort-header.is-ascending .sort-arrow-up::after { border-bottom-color: #1f2329; }
.dashboard-table-panel .sort-header.is-descending .sort-arrow-down::after { border-top-color: #1f2329; }
.product-table-wrap .sort-header.is-descending .sort-arrow-down::after, .product-sticky-table-header .sort-header.is-descending .sort-arrow-down::after { border-top-color: #1f2329; }
.dashboard-table-panel td:nth-child(2), .dashboard-table-panel td:nth-child(3), .dashboard-table-panel td:nth-child(4), .dashboard-table-panel td:nth-child(5), .dashboard-table-panel td:nth-child(6) { font-variant-numeric: tabular-nums; }
.dashboard-table-panel tbody tr:hover { background: transparent; }
.dashboard-table-panel .badge { min-height: 28px; padding: 3px 10px; border-radius: 7px; font-weight: 600; }
.dashboard-table-panel .shop-name-cell, .dashboard-table-panel .received-time-cell { vertical-align: middle; }
.dashboard-table-panel .shop-yesterday-row td { border-bottom: 2px solid #e7edf5; }
.dashboard-table-panel tbody tr:nth-child(4n + 1) > td, .dashboard-table-panel tbody tr:nth-child(4n + 2) > td { background: #f8fbff; }
.dashboard-table-panel .shop-today-row:hover > td,
.dashboard-table-panel .shop-today-row:hover + .shop-yesterday-row > td,
.dashboard-table-panel .shop-today-row:has(+ .shop-yesterday-row:hover) > td,
.dashboard-table-panel .shop-yesterday-row:hover > td { background: #eef5ff; }
.dashboard-table-panel .shop-fee-exceeded-row > td,
.dashboard-table-panel td.fee-exceeded-cell { background: #fff4f5 !important; }
.dashboard-table-panel .shop-today-row.shop-fee-exceeded-row:hover > td,
.dashboard-table-panel .shop-today-row.shop-fee-exceeded-row:hover + .shop-yesterday-row.shop-fee-exceeded-row > td,
.dashboard-table-panel .shop-today-row.shop-fee-exceeded-row:has(+ .shop-yesterday-row.shop-fee-exceeded-row:hover) > td,
.dashboard-table-panel .shop-yesterday-row.shop-fee-exceeded-row:hover > td,
.dashboard-table-panel .shop-fee-exceeded-row:hover > td.fee-exceeded-cell { background: #ffedef !important; }
.dashboard-table-panel .day-tag { display: inline-flex; align-items: center; justify-content: center; min-width: 36px; min-height: 23px; border-radius: 6px; font-size: 12px; font-weight: 600; }
.dashboard-table-panel .today-tag { color: #d34a52; background: #fff0f1; }
.dashboard-table-panel .yesterday-tag { color: #2a71d6; background: #edf5ff; }
.dashboard-table-panel .metric-value { display: inline-flex; align-items: center; gap: 5px; font-variant-numeric: tabular-nums; font-weight: 600; }
.dashboard-table-panel .today-up { color: #d34a52; }.dashboard-table-panel .today-down { color: #16835d; }.dashboard-table-panel .yesterday-value { color: #2a71d6; }
.dashboard-table-panel .metric-arrow { font-size: 17px; font-weight: 800; line-height: 1; }
.dashboard-footer { display: flex; align-items: center; justify-content: space-between; min-height: 33px; margin-top: 16px; color: var(--text-secondary); font-size: 14px; }
.dashboard-footer .page-note { color: var(--text-muted); font-size: 13px; }
.pagination { display: inline-flex; align-items: center; gap: 9px; color: var(--text-secondary); }
.pagination label { display: inline-flex; align-items: center; gap: 5px; }
.pagination select { height: 32px; min-width: 54px; padding: 0 7px; border: 1px solid #dbe4ef; border-radius: 7px; color: var(--body); background: #fff; }.pagination .unified-select { min-width: 54px; }.pagination .unified-select-trigger { height: 32px; padding: 0 8px; font-size: 13px; }
.page-button { min-height: 32px; padding: 0 10px; border: 1px solid #dbe4ef; border-radius: 7px; color: #446185; background: #fff; }
.page-button:hover:not(:disabled) { color: var(--brand); border-color: #a9c5eb; background: #f7faff; }
.page-button:disabled { cursor: not-allowed; color: #aab5c4; background: #f7f9fc; }
.page-current { min-width: 64px; color: var(--body); text-align: center; font-variant-numeric: tabular-nums; }

@media (max-width: 1320px) { .dashboard-meta { gap: 15px; } .dashboard-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 980px) { .shell { grid-template-columns: 196px minmax(0, 1fr); } .content { width: calc(100% - 36px); margin: 0 18px; } .dashboard-overview { align-items: flex-start; grid-template-columns: 1fr; gap: 14px; } .dashboard-meta { white-space: normal; } .dashboard-overview #dashboard-refresh { width: fit-content; } }
@media (max-width: 780px) { .shell { grid-template-columns: 1fr; } .sidebar { padding: 14px; } .content { width: calc(100% - 28px); margin: 0 14px; } .dashboard-cards { grid-template-columns: 1fr; } .dashboard-table-panel { padding: 16px; } .dashboard-table-panel .toolbar { align-items: stretch; } .dashboard-table-panel .toolbar input, .dashboard-table-panel .toolbar select, .dashboard-table-panel .toolbar .unified-select, .owner-filter-control { width: 100%; } .owner-picker-menu { width: 100%; max-width: 100%; }.owner-picker-cascade { min-width: max-content; }.dashboard-table-panel .toolbar::before, .dashboard-table-panel .toolbar::after { display: none; } }

@media (max-width: 780px) { .shell.sidebar-collapsed { grid-template-columns: 1fr; } .shell.sidebar-collapsed .sidebar { padding: 14px; } .shell.sidebar-collapsed .sidebar-brand { justify-content: flex-start; gap: 7px; margin-bottom: 14px; padding-left: 7px; } .shell.sidebar-collapsed .sidebar-brand > span, .shell.sidebar-collapsed .nav button > span:not(.nav-group-chevron) { display: inline; max-width: 180px; visibility: visible; opacity: 1; transform: none; } .shell.sidebar-collapsed .nav button, .shell.sidebar-collapsed .nav-group-trigger { justify-content: flex-start; gap: 11px; padding-right: 14px; padding-left: 14px; } .shell.sidebar-collapsed .nav-group-chevron { display: block; margin-left: auto; } .shell.sidebar-collapsed .nav-submenu { display: grid !important; } .sidebar-collapse-toggle { display: none; } }

@media (max-width: 780px) { .product-management-panel { padding: 16px; } .product-toolbar { align-items: stretch; flex-direction: column; } .product-context-control { align-items: stretch; flex-direction: column; gap: 6px; } .product-shop-select, .owner-filter-control.product-shop-owner-picker { width: 100%; } .product-shop-select .product-select-menu { width: min(620px, calc(100vw - 48px)); } .product-select-cascade { min-width: 0; } .product-toolbar-actions { justify-content: flex-start; } .product-tier-rule { align-items: flex-start; flex-direction: column; gap: 9px; } .product-tier-conditions, .product-tier-conditions.is-three, .product-tier-conditions.is-two { grid-template-columns: repeat(2, minmax(0, 1fr)); width: 100%; gap: 10px; } .product-tier-conditions.is-one { grid-template-columns: minmax(0, 1fr); max-width: none; } .product-tier-condition { flex-wrap: wrap; } .product-tier-condition-list { grid-template-columns: minmax(0, 1fr); } .product-tier-condition-builder, .product-tier-condition-builder.is-between { grid-template-columns: repeat(2, minmax(0, 1fr)); width: 100%; } .top-monitor-condition-list .product-tier-condition-builder { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); width: 100%; } .product-tier-section-title { display: grid; gap: 3px; } .product-tier-high-return { align-items: flex-start; flex-direction: column; gap: 9px; } .top-tier-spend-row { grid-template-columns: 12px minmax(84px, 1fr) 86px 62px; gap: 8px; }.top-tier-spend-row small { display:none; }.top-tier-switch-dialog > h2 { padding-right: 126px; }.top-tier-dialog-switch { top: 18px; right: 18px; min-width: 108px; padding-inline: 8px; font-size: 12px; } }
@media (prefers-reduced-motion: reduce) { .modal, .modal .dialog, .modal.is-leaving, .modal.is-leaving .dialog { animation-duration: 1ms; }.top-tier-dialog-switch, .top-tier-switch-content { transition-duration: 1ms; } }

@media (max-width: 780px) { .product-metric-summary { width: 100%; justify-content: flex-start; } .product-metric-summary > span { padding: 0 10px; } .product-back-to-top { right: 16px; bottom: 18px; } }
@media (max-width: 1450px) { .product-list-controls { align-items: flex-start; flex-wrap: wrap; }.product-list-filter { flex-wrap: wrap; }.product-filter-summary { margin-left: auto; } }
@media (max-width: 560px) { .product-list-controls { align-items: stretch; flex-direction: column; gap: 8px; }.product-list-filter { align-items: stretch; flex-wrap: wrap; justify-content: space-between; }.product-tier-filter { width: min(220px, 58vw); }.product-id-search { width: 100%; min-width: 0; }.product-condition-filter { grid-template-columns: 1fr; width: 100%; margin-left: 0; padding: 8px 0 0; border-top: 1px solid #e6edf5; border-left: 0; }.product-condition-filter > .product-control-label { padding-top: 0; }.product-condition-rule { flex-wrap: wrap; }.product-condition-filter > small { grid-column: auto; }.product-condition-filter select { flex: 1 1 110px; }.product-condition-filter input { flex: 1 1 72px; width: 0; }.product-filter-summary { padding: 8px 0 0; border-top: 1px solid #e6edf5; border-left: 0; } .product-selection-actions { align-items: flex-start; flex-direction: column; gap: 8px; } .product-selection-buttons { width: 100%; justify-content: flex-end; } }

/* Interaction motion: transform and opacity only, so refreshes do not force layout work. */
.content { animation: content-enter var(--motion-normal) var(--ease-standard) both; }
@keyframes content-enter { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: translateY(0); } }
.page-switch-previous { position: fixed; z-index: 8; overflow: hidden; pointer-events: none; contain: layout paint style; background: var(--page-bg, var(--page)); animation: page-switch-leave 120ms cubic-bezier(.4, 0, 1, 1) both; }
.page-switch-previous .content { width: 100%; max-width: none; min-height: 100%; margin: 0; animation: none; }
.page-switch-enter { animation: page-switch-enter 190ms cubic-bezier(.16, 1, .3, 1) both; }
@keyframes page-switch-leave { to { opacity: 0; transform: translate3d(0, -5px, 0); } }
@keyframes page-switch-enter { from { opacity: 0; transform: translate3d(0, 5px, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } }

.nav button:hover { transform: translateX(2px); }
.nav button:active { transform: translateX(1px) scale(.99); }
.nav button.active:hover { transform: none; }

.metric { transition: transform var(--motion-normal) var(--ease-standard), box-shadow var(--motion-normal) var(--ease-standard); }
.metric:hover { transform: translateY(-1px); box-shadow: 0 10px 26px rgba(31, 56, 88, .08); }
.metric strong, .metric small, .badge { transition: color var(--motion-fast) var(--ease-standard), background-color var(--motion-fast) var(--ease-standard), border-color var(--motion-fast) var(--ease-standard), opacity var(--motion-fast) var(--ease-standard); }
.data-updated { animation: data-update var(--motion-normal) var(--ease-standard); }
@keyframes data-update { 0% { opacity: .55; } 100% { opacity: 1; } }
.is-initial-loading .metric-copy { min-width: 150px; }
.is-initial-loading .metric-label, .is-initial-loading .metric strong, .is-initial-loading .metric small { color: transparent; border-radius: 5px; background: linear-gradient(90deg, #edf1f6 20%, #f7f9fc 38%, #edf1f6 56%); background-size: 200% 100%; animation: skeleton-shimmer 1.35s linear infinite; }
.is-initial-loading .metric-label { width: 76px; min-height: 16px; }
.is-initial-loading .metric strong { width: 142px; min-height: 31px; }
.is-initial-loading .metric small { width: 112px; min-height: 16px; }
.is-initial-loading #dashboard-list { min-height: 252px; color: transparent; border: 1px solid #edf0f4; border-radius: 10px; background: repeating-linear-gradient(to bottom, #f8fafc 0 48px, #fff 48px 54px); }
@keyframes skeleton-shimmer { to { background-position: -200% 0; } }

#dashboard-refresh { position: relative; min-width: 96px; }
#dashboard-refresh.is-loading { cursor: wait; }
#dashboard-refresh.is-loading::before { content: ""; display: inline-block; width: 12px; height: 12px; margin-right: 7px; border: 2px solid rgba(255,255,255,.52); border-top-color: #fff; border-radius: 50%; vertical-align: -2px; animation: button-spin 700ms linear infinite; }
@keyframes button-spin { to { transform: rotate(360deg); } }

.dashboard-table-panel input, .dashboard-table-panel select { transition: border-color var(--motion-normal) var(--ease-standard), box-shadow var(--motion-normal) var(--ease-standard), background-color var(--motion-normal) var(--ease-standard); }
.dashboard-table-panel tbody tr { transition: background-color var(--motion-fast) var(--ease-standard); }
.dashboard-table-panel .badge.data-updated { animation-duration: var(--motion-fast); }
.toast { display: block; right: 28px; bottom: 28px; opacity: 0; pointer-events: none; transform: translateY(6px); transition: opacity var(--motion-normal) var(--ease-standard), transform var(--motion-normal) var(--ease-standard); }
.toast.show { opacity: 1; transform: translateY(0); pointer-events: auto; }

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

@media (max-width: 780px) { .dashboard-footer { align-items: flex-start; flex-direction: column; gap: 12px; }.pagination { flex-wrap: wrap; } }

/* PC-only real mobile page preview. The iframe is never transformed or scaled. */
.mobile-preview-page { display: grid; gap: 18px; }
.mobile-preview-controls { display: grid; gap: 16px; padding: 20px 22px; }
.mobile-preview-control-copy { display: grid; gap: 5px; }.mobile-preview-control-copy strong { color: var(--text-primary); font-size: 16px; }.mobile-preview-control-copy span, .mobile-preview-note { color: var(--text-secondary); font-size: 13px; line-height: 1.55; }
.mobile-preview-actions, .mobile-preview-size-row { display: flex; align-items: center; gap: 9px; flex-wrap: wrap; }
.mobile-preview-actions .secondary { min-height: 36px; padding: 0 12px; border: 1px solid #d9e3ef; border-radius: 8px; background: #fff; color: #40536e; font-size: 13px; font-weight: 600; }
.mobile-preview-actions .secondary:hover { color: var(--primary); border-color: #b6d0fc; background: #f6f9ff; }
.mobile-preview-size-row > span { color: var(--text-secondary); font-size: 13px; font-weight: 600; }.mobile-preview-device-select select, .mobile-preview-custom input { height: 36px; padding: 0 8px; border: 1px solid #d9e3ef; border-radius: 8px; color: var(--text-primary); background: #fff; }.mobile-preview-device-select select { min-width: 214px; }.mobile-preview-device-select .unified-select { min-width: 214px; }.mobile-preview-device-select .unified-select-trigger { height: 36px; padding: 0 8px; font-size: 13px; }.mobile-preview-resolution { min-width: 118px; color: #40536e; font-size: 13px; font-variant-numeric: tabular-nums; }.mobile-preview-custom { display: inline-flex; align-items: center; gap: 6px; color: var(--text-secondary); font-size: 13px; }.mobile-preview-custom input { width: 74px; }
.mobile-preview-stage { display: grid; min-height: 872px; place-items: start center; overflow: auto; padding: 22px; border: 1px solid #e5ebf3; border-radius: 16px; background: radial-gradient(circle at 50% 5%, #f7faff 0, #eff3f8 60%, #e9eef5 100%); }
.mobile-device { position: relative; flex: 0 0 auto; padding: 10px; border: 3px solid #10141b; border-radius: 46px; background: linear-gradient(100deg, #343b45 0, #10141b 12%, #242a33 50%, #0b0e13 88%, #353c46 100%); box-shadow: 0 22px 44px rgba(20, 31, 48, .24), inset 1px 0 0 rgba(255, 255, 255, .24), inset -1px 0 0 rgba(255, 255, 255, .14); transition: width .18s ease, height .18s ease; }
.mobile-device::before, .mobile-device::after { position: absolute; z-index: 0; width: 4px; border-radius: 4px; background: linear-gradient(90deg, #0c1016, #4b5563); content: ""; pointer-events: none; }.mobile-device::before { top: 21%; left: -7px; height: 54px; box-shadow: 0 70px 0 #222a35; }.mobile-device::after { top: 28%; right: -7px; height: 68px; background: linear-gradient(90deg, #4b5563, #0c1016); }
.mobile-device.is-landscape { border-radius: 40px; }.mobile-device-status { position: absolute; z-index: 2; top: 15px; left: 50%; display: flex; align-items: center; justify-content: center; gap: 8px; width: 102px; height: 29px; border: 1px solid rgba(255, 255, 255, .05); border-radius: 999px; background: #090b0e; box-shadow: inset 0 1px 1px rgba(255, 255, 255, .08); transform: translateX(-50%); }.mobile-device-status i { width: 36px; height: 5px; border-radius: 8px; background: #272d36; }.mobile-device-status span { width: 9px; height: 9px; border: 1px solid #28313d; border-radius: 50%; background: radial-gradient(circle at 40% 35%, #526c88 0 12%, #182131 28%, #07101a 72%); }.mobile-device-status span:last-child { display: none; }.mobile-device.is-landscape .mobile-device-status { top: 50%; left: 16px; transform: translateY(-50%) rotate(90deg); }
.mobile-device-screen { position: relative; z-index: 1; width: 100%; height: 100%; overflow: hidden; outline: 1px solid #080b10; border-radius: 34px; background: #f5f7fa; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .22); }.mobile-device.is-landscape .mobile-device-screen { border-radius: 28px; }.mobile-device-screen iframe { display: block; width: 100%; height: 100%; border: 0; background: #f5f7fa; }
.mobile-preview-note { margin: 0; text-align: center; }
@media (max-width: 780px) { .mobile-preview-stage { min-height: 720px; padding: 12px; }.mobile-preview-controls { padding: 16px; }.mobile-preview-actions .secondary { flex: 1 1 132px; } }

/* Public filing footer shared by the PC login and authenticated shell. */
.login { display: flex; flex-direction: column; align-items: center; justify-content: space-between; }
.login-card { margin: auto 0 24px; }
.main { display: flex; min-height: 100vh; flex-direction: column; }
.content { flex: 1 0 auto; }
.site-filing-footer { width: min(100%, 760px); margin: 0 auto; padding: 0 20px 22px; color: #98a4b4; font-size: 12px; line-height: 1.7; text-align: center; }
.site-filing-footer a { color: inherit; text-decoration: none; }
.site-filing-footer a:hover, .site-filing-footer a:focus-visible { color: #62748c; text-decoration: underline; }

.rest-toolbar{display:flex;align-items:center;justify-content:center;gap:24px;margin-bottom:18px}.rest-toolbar strong{font-size:20px;min-width:130px;text-align:center}.rest-week,.rest-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.rest-week span{text-align:center;color:#718096;font-size:13px;padding:8px}.rest-day{min-height:104px;padding:9px;text-align:left;border:1px solid #e4eaf2;border-radius:8px;background:#fff;color:#263752;cursor:pointer}.rest-day:hover{border-color:#6b9cff}.rest-day.empty{border:0;background:transparent;cursor:default}.rest-count,.rest-names{display:block;margin-top:8px;font-size:12px}.rest-count{font-weight:700;color:#4b6b9b}.rest-names{line-height:1.5;color:#718096}.rest-day.busy{background:#fffaf0;border-color:#f4d9a1}.rest-day.crowded{background:#fff1f1;border-color:#efaaa8}.rest-day.crowded .rest-count{color:#c0392b}

/* Child-account details expand directly below the selected shop and follow page scrolling. */
.rest-day.single{background:#f1fbf5;border-color:#a9ddbf}.rest-day.single .rest-count{color:#218a50}
.rest-alerts{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.rest-alert{display:inline-flex;padding:2px 5px;border-radius:4px;font-size:11px;font-weight:700;line-height:1.35}.rest-alert.single{background:#eaf8ef;color:#218a50}.rest-alert.busy{background:#fff4d8;color:#a86e00}.rest-alert.crowded{background:#ffebeb;color:#c0392b}
.shop-detail-trigger { display: inline-flex; align-items: center; gap: 6px; padding: 0; border: 0; background: transparent; color: inherit; font: inherit; cursor: pointer; }
.shop-detail-trigger::after { width: 6px; height: 6px; border-right: 1.5px solid #7c8ba1; border-bottom: 1.5px solid #7c8ba1; content: ''; transform: rotate(45deg) translateY(-2px); transition: transform .16s ease; }
.shop-detail-trigger[aria-expanded="true"]::after { transform: rotate(225deg) translate(-2px, 1px); }
.shop-detail-trigger:hover, .shop-detail-trigger:focus-visible { color: #1f6feb; outline: 0; }
.shop-inline-detail-row > td { padding: 0 20px 16px; border-top: 0; background: #fbfcff; }
.shop-inline-detail { padding: 14px 16px; border: 1px solid #dce7f5; border-radius: 10px; background: #fff; box-shadow: 0 6px 18px rgba(28, 51, 84, .06); }
.shop-inline-detail-title { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 12px; color: #263752; font-size: 14px; font-weight: 700; }.shop-inline-detail-title small { display: block; margin-top: 3px; color: #8795a9; font-size: 12px; font-weight: 400; }.shop-inline-detail-controls { display: flex; align-items: center; gap: 10px; }.shop-inline-detail-title label { display: inline-flex; align-items: center; gap: 6px; color: #718096; font-size: 12px; font-weight: 400; }.shop-inline-detail-title select { min-width: 138px; height: 30px; padding: 0 26px 0 9px; border: 1px solid #d8e2ef; border-radius: 6px; background: #fff; color: #34435a; font: inherit; }.shop-inline-detail-title .unified-select { min-width: 138px; }.shop-inline-detail-title .unified-select-trigger { height: 30px; padding: 0 9px; font-size: 12px; }
.shop-inline-account-list { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; }
.shop-inline-account { min-width: 0; padding: 15px; border: 1px solid #edf2f8; border-radius: 8px; background: #f7faff; }.shop-inline-account strong { display: block; margin-bottom: 12px; color: #22304a; font-size: 14px; line-height: 1.45; }.shop-inline-account-name { display: flex !important; flex-wrap: wrap; align-items: baseline; gap: 2px 4px; }.shop-inline-account-name > span { min-width: 0; overflow-wrap: anywhere; white-space: normal; }.account-remark { min-width: 0; color: #738198; font-size: 12px; font-weight: 500; overflow-wrap: anywhere; white-space: normal; }.shop-inline-account-metrics { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }.shop-inline-account-metrics span { min-width: 0; padding: 9px 10px; border-radius: 6px; background: #fff; color: #718096; font-size: 12px; }.shop-inline-account-metrics small { display: block; color: #8290a4; font-size: 12px; }.shop-inline-account-metrics b { display: block; margin-top: 4px; overflow: hidden; color: #172033; font-size: 15px; text-overflow: ellipsis; white-space: nowrap; }
.shop-inline-account.is-account-alert-red { border-color: #f2cdd2; background: #fff4f5; }.shop-inline-account.is-account-alert-red .shop-inline-account-metrics span { background: rgba(255,255,255,.78); }.shop-inline-account.is-account-alert-green { border-color: #cce8d8; background: #f1fbf5; }.shop-inline-account.is-account-alert-green .shop-inline-account-metrics span { background: rgba(255,255,255,.8); }
.shop-inline-detail-loading, .shop-inline-detail-empty { padding: 18px; color: #7d8aa0; text-align: center; }
@media (max-width: 1320px) { .shop-inline-account-list { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (max-width: 1040px) { .shop-inline-account-list { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 720px) { .shop-inline-detail-row > td { padding: 0 8px 12px; }.shop-inline-detail-title { align-items: flex-start; flex-direction: column; }.shop-inline-detail-controls { flex-wrap: wrap; }.shop-inline-account-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }.shop-inline-account-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }.monitor-config-dialog, .account-remarks-dialog { max-height: calc(100vh - 30px); overflow-y: auto; }.monitor-config-threshold-row, .monitor-config-pair { grid-template-columns: 1fr; }.monitor-config-threshold-row { gap: 8px; }.monitor-config-threshold-row h3 { margin-bottom: 0; }.account-remarks-head { display: none; }.account-remark-row { grid-template-columns: 1fr; gap: 7px; }.account-remark-row + .account-remark-row { border-top-color: #dfe7f1; } }
.feedback-panel .toolbar{align-items:center}.feedback-panel .hint{margin:0}.feedback-toolbar-actions{display:flex;align-items:center;gap:10px;margin-left:auto}.feedback-toolbar-actions .primary{margin-left:0}.update-log-dialog{width:min(560px,calc(100vw - 32px))}.update-log{display:grid;gap:12px;color:#64758d;font-size:14px;line-height:1.7}.update-log p{margin:0}.modal-content-switch{transition:opacity 120ms ease,transform 120ms ease}.modal-content-switch.is-replacing{opacity:0;transform:translateY(4px)}.modal-content-switch.is-replaced{opacity:0;transform:translateY(-4px)}.update-log-empty,.update-log-loading{padding:14px;border:1px dashed #cbd9eb;border-radius:9px;color:#496b9d;background:#f6f9fe}.update-log-current{display:grid;gap:7px}.update-log-title{color:#506986;font-size:12px;font-weight:700}.update-log-release{padding:14px;border:1px solid #e1e9f4;border-radius:10px;background:#fff}.update-log-release header{display:flex;align-items:center;justify-content:space-between;gap:12px}.update-log-release strong{color:#273d5d;font-size:15px}.update-log-release time{color:#8795a8;font-size:12px}.update-log-release ul{display:grid;gap:5px;margin:10px 0 0;padding-left:20px;color:#60728c}.update-log-history{padding-top:12px;border-top:1px solid #e8edf5}.update-log-history summary{color:#2669c7;font-size:13px;font-weight:600;cursor:pointer}.update-log-history>div{display:grid;gap:10px;margin-top:10px}.update-log-history-empty,.update-log-note{color:#8795a8;font-size:12px}.update-notice-dialog .actions{align-items:center}.update-notice-skip{display:inline-flex;align-items:center;gap:7px;margin-right:auto;color:#657891;font-size:13px;cursor:pointer}.update-notice-skip input{width:15px;height:15px;accent-color:#2768d9}.feedback-list{display:grid;gap:12px}.feedback-item{padding:16px;border:1px solid #e2e9f2;border-radius:10px;background:#fff}.feedback-item-head{display:flex;gap:8px;align-items:center}.feedback-type,.feedback-priority{padding:3px 8px;border-radius:999px;font-size:12px;font-weight:700}.feedback-type{background:#edf3ff;color:#3767a7}.feedback-priority{background:#f4f6f8;color:#637186}.feedback-priority.p3{background:#fff4d8;color:#9c6900}.feedback-priority.p4,.feedback-priority.p5{background:#ffebeb;color:#c0392b}.feedback-publish-meta{margin-left:4px;color:#7d8aa0;font-size:12px;font-weight:400}.feedback-item p{margin:12px 0;line-height:1.7;color:#263752}.feedback-item footer{color:#7d8aa0;font-size:12px}.feedback-item footer a{color:#2669c7;text-decoration:none}
.feedback-dialog{width:min(560px,calc(100vw - 32px));padding:28px 30px 24px;border-radius:16px}.feedback-dialog h2{margin-bottom:6px}.feedback-dialog-intro{margin:0 0 22px;color:#718096;font-size:13px;line-height:1.65}.feedback-form-grid{display:grid;grid-template-columns:150px minmax(0,1fr);align-items:start;gap:16px}.feedback-dialog .field{margin-bottom:18px}.feedback-form-grid>.field>label{min-height:20px;line-height:20px}.feedback-dialog label{font-weight:700}.feedback-dialog select{height:42px;border-radius:9px}.feedback-content-field textarea{min-height:112px;padding:12px;border-radius:10px;resize:vertical}.feedback-priority-options{display:flex;flex-wrap:wrap;align-items:stretch;gap:6px;min-height:42px;margin:0}.feedback-priority-options label{position:relative;cursor:pointer}.feedback-priority-options input{position:absolute;opacity:0;pointer-events:none}.feedback-priority-options span{display:flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:42px;padding:0 10px;border:1px solid #d8e2ef;border-radius:8px;background:#fff;color:#708096;font-size:12px;line-height:1}.feedback-priority-options label:nth-child(3) span{color:#a86e00}.feedback-priority-options label:nth-child(4) span,.feedback-priority-options label:nth-child(5) span{color:#c0392b}.feedback-priority-options input:checked + span{border-color:#2768d9;background:#eef4ff;box-shadow:0 0 0 2px rgba(39,104,217,.12)}.feedback-dialog small{display:block;margin-top:7px;color:#8a97aa;font-size:12px}.feedback-upload{display:flex;align-items:center;gap:10px;min-height:54px;padding:9px 12px;border:1px dashed #b8c9df;border-radius:10px;background:#f8fbff;cursor:pointer}.feedback-upload input{position:absolute;width:1px;height:1px;opacity:0}.feedback-upload strong{padding:7px 10px;border-radius:7px;background:#e7f0ff;color:#2768d9;font-size:12px}.feedback-upload span{color:#7b899d;font-size:12px;font-weight:400}.feedback-dialog .actions{margin-top:8px;padding-top:18px;border-top:1px solid #edf1f6}.feedback-dialog .actions .primary{min-width:102px}@media (max-width:560px){.feedback-dialog{padding:24px 20px}.feedback-form-grid{grid-template-columns:1fr;gap:0}.feedback-priority-options span{padding:0 8px}.feedback-upload{align-items:flex-start;flex-direction:column;gap:6px}}
.feedback-type-picker{position:relative}.feedback-type-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;height:42px;padding:0 12px;border:1px solid #b9d0f8;border-radius:9px;background:#fff;color:#263752;font:inherit;text-align:left;box-shadow:0 0 0 3px rgba(45,111,225,.1);cursor:pointer}.feedback-type-trigger i{width:7px;height:7px;border-right:1.5px solid #5a7297;border-bottom:1.5px solid #5a7297;transform:rotate(45deg) translateY(-2px);transition:transform .16s ease}.feedback-type-trigger[aria-expanded="true"] i{transform:rotate(225deg) translate(-2px,0)}.feedback-type-menu{position:absolute;z-index:3;top:48px;left:0;width:100%;padding:7px;border:1px solid #d7e2f2;border-radius:11px;background:#fff;box-shadow:0 12px 26px rgba(32,55,88,.16)}.feedback-type-menu button{display:block;width:100%;padding:9px 10px;border:0;border-radius:7px;background:transparent;color:#34465f;font:inherit;text-align:left;cursor:pointer}.feedback-type-menu button:hover,.feedback-type-menu button.is-selected{background:#eaf2ff;color:#2468d5;font-weight:700}
.feedback-upload{outline:0}.feedback-upload:focus-visible{box-shadow:0 0 0 3px rgba(39,104,217,.18)}.feedback-upload.has-image{border-color:#83c6a1;background:#f2fbf5}.feedback-image-link{padding:0;border:0;background:transparent;color:#2669c7;font:inherit;cursor:pointer}.feedback-image-link:hover{text-decoration:underline}.feedback-image-dialog{width:min(900px,calc(100vw - 32px));max-height:calc(100vh - 32px);padding:22px}.feedback-image-dialog h2{margin-bottom:16px}.feedback-preview-gallery{display:grid;gap:16px;max-height:calc(100vh - 180px);overflow:auto}.feedback-preview-gallery figure{margin:0}.feedback-preview-gallery figcaption{margin-top:6px;color:#718096;font-size:12px}.feedback-preview-image{display:block;max-width:100%;max-height:calc(100vh - 240px);margin:auto;border-radius:8px;object-fit:contain}.feedback-image-dialog .actions{margin-top:16px}
.feedback-item footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.feedback-resolution{flex:0 0 auto;padding:5px 10px;border:1px solid transparent;border-radius:7px;font:inherit;font-size:12px;font-weight:700}.feedback-resolution.resolved{border-color:#b7dfc7;background:#eefaf2;color:#248451}.feedback-resolution.unresolved{border-color:#f3c2c2;background:#fff1f1;color:#d14343}button.feedback-resolution{cursor:pointer}button.feedback-resolution:hover{filter:brightness(.97)}
.feedback-item-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.feedback-comment-trigger,.feedback-comment-reply,.feedback-comment-delete{border:0;background:transparent;color:#2669c7;font:inherit;font-size:12px;cursor:pointer}.feedback-comment-trigger{padding:5px 4px}.feedback-comment-trigger:hover,.feedback-comment-reply:hover,.feedback-comment-delete:hover{text-decoration:underline}.feedback-comment-delete{color:#d14343}.feedback-comment-actions{display:inline-flex;gap:10px}.feedback-comments-dialog{width:min(640px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow:auto}.feedback-comments-topic{margin:0 0 16px;padding:10px 12px;border-radius:8px;background:#f6f9fd;color:#61728a;font-size:13px;line-height:1.6}.feedback-comments-list{display:grid;gap:10px;max-height:300px;margin-bottom:18px;overflow:auto}.feedback-comments-empty{margin:0;padding:18px;color:#8795a9;text-align:center}.feedback-comment{padding:12px;border:1px solid #e3eaf3;border-radius:9px;background:#fff}.feedback-comment header{display:flex;align-items:center;gap:7px;color:#61728a;font-size:12px}.feedback-comment header strong{color:#31445f}.feedback-comment header span{padding:2px 6px;border-radius:5px;background:#f0f5fd;color:#6680a4}.feedback-comment header time{margin-left:auto}.feedback-comment p{margin:8px 0 5px;color:#30415c;font-size:13px;line-height:1.65}.feedback-comment-reply{padding:0}.feedback-reply-target{display:flex;align-items:center;justify-content:space-between;margin:-8px 0 10px;padding:7px 9px;border-radius:7px;background:#eef5ff;color:#4e6e9e;font-size:12px}.feedback-reply-target button{padding:0;border:0;background:transparent;color:#2669c7;font:inherit;font-size:12px;cursor:pointer}.feedback-comment-field textarea{min-height:92px;resize:vertical}@media (max-width:560px){.feedback-item footer{align-items:flex-start;flex-direction:column}.feedback-item-actions{width:100%;justify-content:space-between}.feedback-comments-dialog{padding:22px 18px}.feedback-comment header{align-items:flex-start;flex-wrap:wrap}.feedback-comment header time{margin-left:0}}
.feedback-meta{display:grid;gap:4px;min-width:0}.feedback-comment-summaries{display:grid;gap:3px}.feedback-comment-summary{display:flex;align-items:baseline;gap:6px;min-width:0;color:#5f718a;font-size:12px;line-height:1.45}.feedback-comment-summary strong{flex:0 0 auto;color:#486382;font-weight:600}.feedback-comment-summary em{flex:0 0 auto;color:#8190a4;font-style:normal}.feedback-comment-summary span{min-width:0;overflow-wrap:anywhere}.feedback-comment-summary button{flex:0 0 auto;padding:0;border:0;background:transparent;color:#2669c7;font:inherit;font-size:12px;cursor:pointer}.feedback-comment-summary button:hover{text-decoration:underline}.feedback-comment-summary .feedback-comment-delete{color:#d14343}.feedback-comment-summary time{flex:0 0 auto;color:#8795a8;font-size:11px}
.feedback-item-delete{padding:5px 8px;border:1px solid #efc4c9;border-radius:7px;background:#fff;color:#c03946;font:inherit;font-size:12px;font-weight:700;cursor:pointer}.feedback-item-delete:hover{border-color:#e5969f;background:#fff4f5}
@media (max-width: 720px) { .product-tier-rule-heading { flex-wrap: wrap; }.product-tier-color-field { width: 100%; margin-left: 0; }.product-tier-color-choices { flex-wrap: wrap; } }
.announcement-dialog-content{display:grid;gap:12px;max-height:calc(100vh - 200px);overflow:auto}.announcement-dialog-toolbar{display:flex;justify-content:flex-end}.announcement-list{display:grid;gap:10px}.announcement-item{padding:14px;border:1px solid #e1e9f4;border-radius:10px;background:#fff}.announcement-item header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.announcement-item header>div{display:flex;align-items:center;gap:7px;min-width:0}.announcement-item strong{color:#273d5d;font-size:15px;overflow-wrap:anywhere}.announcement-item time,.announcement-item footer{color:#8795a8;font-size:12px;white-space:nowrap}.announcement-source{padding:2px 6px;border-radius:5px;background:#eef4ff;color:#3c70b7;font-size:11px;white-space:nowrap}.announcement-item p{margin:10px 0;color:#60728c;font-size:13px;line-height:1.7;overflow-wrap:anywhere}.announcement-item footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.announcement-delete{padding:0;border:0;background:transparent;color:#d14343;font:inherit;font-size:12px;cursor:pointer}.announcement-delete:hover{text-decoration:underline}.announcement-create-dialog textarea{min-height:130px;resize:vertical}@media (max-width:560px){.announcement-item header{align-items:flex-start;flex-direction:column;gap:4px}.announcement-item time{white-space:normal}}
.announcement-workspace{display:grid;grid-template-columns:168px minmax(0,1fr);min-height:310px;border:1px solid #e1e9f4;border-radius:12px;overflow:hidden;background:#fff}.announcement-sidebar{padding:14px 10px;background:#f7faff;border-right:1px solid #e1e9f4}.announcement-sidebar-title{display:flex;align-items:center;justify-content:space-between;padding:0 6px 10px;color:#506986;font-size:13px}.announcement-sidebar-title span{min-width:20px;padding:1px 6px;border-radius:10px;background:#e8f0ff;color:#286bc8;font-size:11px;text-align:center}.announcement-history-options{display:grid;gap:5px}.announcement-history-option{width:100%;padding:9px 8px;border:0;border-radius:8px;background:transparent;color:#58708d;font:inherit;text-align:left;cursor:pointer;transition:background .16s ease,color .16s ease,transform .16s ease}.announcement-history-option:hover,.announcement-history-option.is-active{background:#e8f1ff;color:#1f68c8}.announcement-history-option:hover{transform:translateX(2px)}.announcement-history-option span{display:block;overflow:hidden;font-size:12px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.announcement-history-option time{display:block;margin-top:3px;color:#8b9ab0;font-size:11px}.announcement-main{display:grid;align-content:start;gap:9px;padding:18px;min-width:0}.announcement-main-label{margin:0;color:#506986;font-size:13px;font-weight:700}.announcement-main .announcement-item{min-height:202px;border-color:#edf1f7;box-shadow:none}.announcement-history-empty{margin:2px 6px;color:#8795a8;font-size:12px;line-height:1.6}@media (max-width:560px){.announcement-workspace{grid-template-columns:1fr;min-height:0}.announcement-sidebar{border-right:0;border-bottom:1px solid #e1e9f4}.announcement-history-options{display:flex;overflow:auto}.announcement-history-option{min-width:130px}.announcement-main{padding:14px}}
.announcement-dialog{width:min(1080px,calc(100vw - 64px))}.announcement-dialog-content{max-height:min(620px,calc(100vh - 230px))}.announcement-dialog .announcement-workspace{min-height:500px}@media (max-width:560px){.announcement-dialog{width:calc(100vw - 32px)}.announcement-dialog .announcement-workspace{min-height:0}.announcement-dialog-content{max-height:calc(100vh - 180px)}}
.announcement-latest-option{margin-bottom:10px;background:#edf4ff}.announcement-sidebar-title{padding-top:10px;border-top:1px solid #e1e9f4}
.update-log-workspace-dialog{width:min(1080px,calc(100vw - 64px))}.update-log-workspace-dialog .announcement-workspace{min-height:500px}.update-log-workspace .update-log-release{min-height:202px;border-color:#edf1f7;box-shadow:none}@media (max-width:560px){.update-log-workspace-dialog{width:calc(100vw - 32px)}.update-log-workspace-dialog .announcement-workspace{min-height:0}}

/* Split-pane dialogs keep each pane's scroll independent: a long left list must never scroll the right content. */
.update-log-workspace-dialog .dialog-body,.announcement-dialog .dialog-body{display:flex;min-height:0;flex:1;overflow:hidden}.update-log-workspace-dialog .update-log,.announcement-dialog .announcement-dialog-content{display:flex;min-height:0;flex:1;overflow:hidden}.update-log-workspace-dialog .update-log,.announcement-dialog .announcement-dialog-content{flex-direction:column}.update-log-workspace-dialog .announcement-workspace{width:100%}.update-log-workspace-dialog .announcement-workspace,.announcement-dialog .announcement-workspace{min-height:0;flex:1}.announcement-sidebar{min-height:0;overflow-y:auto;overscroll-behavior:contain}.announcement-main{min-height:0;overflow:auto;overscroll-behavior:contain}

.inventory-panel{display:grid;gap:18px}.inventory-toolbar{justify-content:space-between}.inventory-shop-field{display:flex;align-items:center;gap:10px;margin:0}.inventory-shop-field label{margin:0;white-space:nowrap}.inventory-shop-field select{min-width:220px}.inventory-toolbar-actions{display:flex;gap:10px}.inventory-note{margin:0;color:#718096;font-size:13px;line-height:1.7}.inventory-settings{padding:15px 16px;border:1px solid #dce7f5;border-radius:10px;background:#f8fbff}.inventory-settings .field{margin:0}.inventory-threshold-input{display:flex;align-items:center;flex-wrap:wrap;gap:8px;color:#60728c;font-size:13px}.inventory-threshold-input input{width:120px;height:36px}.text-button{padding:4px 0;border:0;background:transparent;color:#2669c7;font:inherit;font-size:13px;cursor:pointer}.text-button:hover{text-decoration:underline}.inventory-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.inventory-summary article{display:grid;gap:6px;padding:16px;border:1px solid #e1e9f4;border-radius:10px;background:#fff}.inventory-summary article span{color:#718096;font-size:12px}.inventory-summary article strong{color:#263752;font-size:22px}.inventory-summary article.is-alert{border-color:#efc2c2;background:#fff6f6}.inventory-summary article.is-alert strong{color:#c0392b}.inventory-summary>p{grid-column:1/-1;margin:0;color:#8795a8;font-size:12px}.inventory-empty-summary{padding:15px;border:1px dashed #cbd9eb;border-radius:9px;background:#f8fbff}.inventory-list-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px}.inventory-list-toolbar input[type=search]{width:min(360px,100%);height:38px}.inventory-alert-filter{display:inline-flex;align-items:center;gap:6px;margin:0;color:#60728c;font-size:13px;white-space:nowrap}.inventory-alert-filter input{width:15px;height:15px;accent-color:#2768d9}.inventory-table tr.is-alert td{background:#fff8f8}.inventory-table td:nth-child(2){max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inventory-image-button{display:block;padding:0;border:0;border-radius:7px;background:transparent;cursor:zoom-in}.inventory-image-button:focus-visible{outline:3px solid rgba(39,104,217,.25);outline-offset:2px}.inventory-image,.inventory-image-placeholder{display:block;width:44px;height:44px;border-radius:7px}.inventory-image{border:1px solid #e1e9f4;background:#fff;object-fit:cover}.inventory-image-placeholder{display:grid;place-items:center;border:1px dashed #cbd9eb;background:#f8fbff;color:#8a97aa;font-size:11px}.inventory-warehouse-toggle{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border:1px solid #d7e3f3;border-radius:7px;background:#f8fbff;color:#315274;font:inherit;font-size:13px;cursor:pointer}.inventory-warehouse-toggle:hover{border-color:#93b7ea;background:#f0f6ff}.inventory-warehouse-toggle strong{color:#2669c7}.inventory-warehouse-toggle i{width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .16s ease}.inventory-warehouse-toggle[aria-expanded=true] i{transform:rotate(225deg) translate(-2px,-2px)}.inventory-warehouse-empty{color:#8795a8;font-size:13px}.inventory-warehouse-details-row>td{padding:0!important;background:#fbfcff}.inventory-warehouse-details{padding:14px 24px 16px;border-top:1px solid #e5edf7;animation:inventory-detail-in .16s ease both}.inventory-warehouse-details>p{margin:0 0 10px;color:#60728c;font-size:13px;font-weight:700}.inventory-warehouse-details table{width:min(720px,100%);border:1px solid #e1e9f4;border-collapse:separate;border-spacing:0;border-radius:8px;overflow:hidden;background:#fff}.inventory-warehouse-details th,.inventory-warehouse-details td{padding:10px 12px;border-bottom:1px solid #edf1f6;text-align:left;font-size:13px}.inventory-warehouse-details th{background:#f6f9fd;color:#60728c;font-weight:600}.inventory-warehouse-details tbody tr:last-child td{border-bottom:0}.inventory-warehouse-details td span{display:block;margin-top:3px;color:#8795a8;font-size:12px}.inventory-status{display:inline-flex;padding:3px 8px;border-radius:999px;font-size:12px;font-weight:700}.inventory-status.alert{background:#ffebeb;color:#c0392b}.inventory-status.normal{background:#eef8f1;color:#268550}@keyframes inventory-detail-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.inventory-warehouse-toggle i{transition:none}.inventory-warehouse-details{animation:none}}@media(max-width:720px){.inventory-toolbar,.inventory-list-toolbar{align-items:stretch;flex-direction:column}.inventory-shop-field{align-items:stretch;flex-direction:column}.inventory-shop-field select{min-width:0}.inventory-toolbar-actions{flex-wrap:wrap}.inventory-summary{grid-template-columns:1fr}.inventory-list-toolbar input[type=search]{width:100%}.inventory-table td:nth-child(2){max-width:140px}.inventory-threshold-input{align-items:flex-start;flex-direction:column}.inventory-threshold-input input{width:100%}.inventory-warehouse-details{padding:12px}.inventory-warehouse-details table{min-width:440px}}
.inventory-panel{gap:14px}.inventory-toolbar{margin-bottom:0}.inventory-settings{align-items:center;padding:10px 13px}.inventory-setting-copy{display:grid;gap:3px;min-width:260px}.inventory-setting-copy strong{color:#344b6c;font-size:13px}.inventory-setting-copy span{color:#8190a4;font-size:12px;line-height:1.45}.inventory-threshold-input{margin-left:auto}.inventory-threshold-input input{height:34px;border-radius:7px}.inventory-metric-summary{margin:0!important;min-height:48px}.inventory-metric-summary>span{min-height:46px;gap:9px;padding:0 20px}.inventory-metric-summary small{color:#7b8da5;font-size:12px}.inventory-metric-summary strong{font-size:17px}.inventory-metric-summary>span.is-alert strong{color:#c0392b}.inventory-metric-summary p{display:inline-flex;align-items:center;gap:9px;min-width:0;margin:0 0 0 auto;padding-left:16px;border-left:1px solid #e6edf5;color:#7b8da5;font-size:12px;white-space:nowrap}.inventory-metric-summary p i{width:3px;height:3px;border-radius:50%;background:#bdc9d8}.inventory-list-toolbar{padding:9px 11px 9px 13px}.inventory-search-field{position:relative;display:block;min-width:260px}.inventory-search-field::before{position:absolute;top:50%;left:12px;width:10px;height:10px;content:'';border:1.5px solid #7d8ea5;border-radius:50%;transform:translateY(-60%)}.inventory-search-field::after{position:absolute;top:50%;left:22px;width:6px;height:1.5px;content:'';background:#7d8ea5;transform:translateY(5px) rotate(45deg)}.inventory-list-toolbar input[type=search]{width:100%;height:36px;padding-left:32px;border-radius:8px}.inventory-alert-filter{height:36px;padding:0 10px;border:1px solid #d8e3f0;border-radius:8px;background:#fff}.inventory-table{min-width:1040px;table-layout:fixed}.inventory-table th,.inventory-table td{padding:13px 14px;text-align:center;vertical-align:middle}.inventory-table th:nth-child(1),.inventory-table td:nth-child(1){width:72px;text-align:left}.inventory-table th:nth-child(2),.inventory-table td:nth-child(2){width:190px;text-align:left}.inventory-table th:nth-child(3),.inventory-table td:nth-child(3){width:180px;text-align:left}.inventory-table th:nth-child(4),.inventory-table td:nth-child(4){width:170px}.inventory-table th:nth-child(5),.inventory-table td:nth-child(5){width:150px}.inventory-table td:nth-child(2){max-width:none}.inventory-warehouse-details-row>td{background:#f8fbff!important}.inventory-warehouse-details{padding:14px 18px 18px;border-top-color:#dfe8f3}.inventory-warehouse-details>header{display:flex;align-items:center;justify-content:space-between;margin:0 2px 12px}.inventory-warehouse-details>header>div{display:flex;align-items:baseline;gap:8px}.inventory-warehouse-details>header strong{color:#385474;font-size:13px}.inventory-warehouse-details>header span{color:#8795a8;font-size:12px}.inventory-warehouse-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(248px,1fr));gap:10px}.inventory-warehouse-grid article{display:grid;gap:12px;padding:13px 14px;border:1px solid #dfe8f3;border-radius:9px;background:#fff;box-shadow:0 1px 1px rgba(30,57,91,.02)}.inventory-warehouse-grid article>div{display:grid;gap:3px;min-width:0}.inventory-warehouse-grid article>div strong{overflow:hidden;color:#344b6c;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.inventory-warehouse-grid article>div span{color:#8795a8;font-size:12px}.inventory-warehouse-grid dl{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0}.inventory-warehouse-grid dl>div{padding-left:10px;border-left:2px solid #e6effb}.inventory-warehouse-grid dt{color:#8491a4;font-size:12px}.inventory-warehouse-grid dd{margin:4px 0 0;color:#2f4f78;font-size:16px;font-weight:700}.inventory-status{justify-content:center;min-width:44px}@media(max-width:980px){.inventory-settings{align-items:flex-start;flex-direction:column}.inventory-threshold-input{margin-left:0}.inventory-metric-summary p{width:100%;margin:0;padding:8px 0 0;border-top:1px solid #e6edf5;border-left:0;white-space:normal}.inventory-metric-summary{height:auto;padding:9px 12px;flex-wrap:wrap}.inventory-metric-summary>span{min-height:32px;padding:0 12px}.inventory-metric-summary>span:first-child{padding-left:0}}@media(max-width:720px){.inventory-setting-copy{min-width:0}.inventory-list-toolbar{gap:8px}.inventory-search-field{min-width:0}.inventory-warehouse-grid{grid-template-columns:1fr}}
.inventory-list-toolbar .standard-id-search{width:min(360px,30vw);min-width:220px}.inventory-list-toolbar .standard-id-search input{height:38px;padding:0 30px 0 35px}.inventory-alert-dialog{width:min(480px,calc(100vw - 32px))}.inventory-alert-dialog-intro{margin:0 0 18px;color:#718096;font-size:13px;line-height:1.65}.inventory-alert-switch{display:flex;align-items:center;gap:8px;margin:0 0 18px;padding:11px 12px;border:1px solid #dfe8f3;border-radius:9px;background:#f8fbff;color:#344b6c;font-size:13px;font-weight:700;cursor:pointer}.inventory-alert-switch input{width:16px;height:16px;margin:0;accent-color:#2768d9}.inventory-alert-dialog .field{margin-bottom:0}.inventory-alert-dialog .field>label{display:block;margin-bottom:8px;color:#506986;font-size:13px;font-weight:700}.inventory-alert-threshold{display:flex;align-items:center;gap:8px;color:#718096;font-size:13px}.inventory-alert-threshold input{width:180px;height:40px;border-radius:8px}.inventory-alert-threshold input:disabled{color:#98a5b5;background:#f5f7fa}.inventory-alert-dialog .actions{margin-top:22px;padding-top:16px;border-top:1px solid #edf1f6}@media(max-width:560px){.inventory-list-toolbar .standard-id-search{width:100%;min-width:0}.inventory-alert-threshold input{flex:1;min-width:0}}
.inventory-inline-summary{display:flex;align-items:center;gap:0;min-height:28px;padding:0 12px;color:#7b8da5;font-size:12px}.inventory-inline-summary>span{display:inline-flex;align-items:baseline;gap:7px;padding:0 16px;border-left:1px solid #e6edf5}.inventory-inline-summary>span:first-child{padding-left:0;border-left:0}.inventory-inline-summary strong{color:#34527b;font-size:14px;font-weight:700}.inventory-inline-summary>span.is-alert strong{color:#c0392b}.inventory-inline-summary p{display:inline-flex;align-items:center;gap:9px;min-width:0;margin:0 0 0 16px;padding-left:16px;border-left:1px solid #e6edf5;color:#7b8da5;white-space:nowrap}.inventory-inline-summary p i{width:3px;height:3px;border-radius:50%;background:#bdc9d8}@media(max-width:980px){.inventory-inline-summary{align-items:flex-start;flex-wrap:wrap;height:auto;padding:2px 0}.inventory-inline-summary>span{min-height:28px;padding:0 12px}.inventory-inline-summary>span:first-child{padding-left:0}.inventory-inline-summary p{width:100%;margin:2px 0 0;padding:6px 0 0;border-top:1px solid #edf1f6;border-left:0;white-space:normal}}
.inventory-summary{display:block}.inventory-inline-summary{width:100%;min-width:0}.inventory-inline-summary>span,.inventory-inline-summary>time{display:inline-flex;flex:0 0 auto;align-items:baseline;gap:7px;min-height:28px;padding:0 16px;border-left:1px solid #e6edf5;white-space:nowrap}.inventory-inline-summary>span:first-child{padding-left:0;border-left:0}.inventory-inline-summary>time{color:#7b8da5}.inventory-inline-summary>time strong{font-size:12px;font-weight:600}@media(max-width:980px){.inventory-inline-summary>span,.inventory-inline-summary>time{padding:0 12px}.inventory-inline-summary>span:first-child{padding-left:0}}
.inventory-table{min-width:960px;table-layout:auto}.inventory-table th{padding-right:16px;padding-left:16px;text-align:center}.inventory-table th:nth-child(1),.inventory-table th:nth-child(2),.inventory-table th:nth-child(3),.inventory-table th:nth-child(4),.inventory-table th:nth-child(5),.inventory-table td:nth-child(1),.inventory-table td:nth-child(2),.inventory-table td:nth-child(3),.inventory-table td:nth-child(4),.inventory-table td:nth-child(5){width:auto}.inventory-table td:nth-child(2),.inventory-table td:nth-child(3){text-align:left}
.inventory-pagination{justify-content:flex-end;margin-top:-2px}.inventory-pagination label{display:inline-flex;align-items:center;gap:6px;color:#6e8099}.inventory-pagination select{height:32px;padding:0 26px 0 9px;border:1px solid #d7e1ed;border-radius:7px;color:#2f425e;background:#fff;font:inherit;font-size:13px}
.inventory-inline-summary>span,.inventory-inline-summary>time{gap:8px}.inventory-inline-summary small{color:#647995;font-size:13px;font-weight:600;line-height:1}.inventory-inline-summary strong{color:#34527b;font-size:14px;font-weight:700;line-height:1}.inventory-inline-summary>span.is-alert strong{color:#c0392b}.inventory-table thead th{text-align:center!important}.inventory-panel>#inventory-list{min-height:0;padding:0}.inventory-data-row{cursor:pointer}.inventory-data-row td{border-bottom-color:#dbe4ee;transition:background-color 220ms var(--ease-standard),border-color 220ms var(--ease-standard)}.inventory-data-row:hover td{background:#eaf3ff}.inventory-data-row.is-row-highlighted td{background:#fff1a6!important;border-bottom-color:#ecd273}.inventory-data-row.is-row-highlighted:hover td{background:#ffe98c!important}.inventory-panel>#inventory-list.empty{padding:54px 24px}
.inventory-table thead th,.inventory-table tbody td{text-align:center!important}.inventory-image-button{margin-right:auto;margin-left:auto}
.inventory-table td.inventory-sku-cell{position:relative;text-align:center!important}.inventory-sku-cell>.inventory-promoted-label{position:absolute;top:50%;left:calc(50% + 58px);margin:0;transform:translateY(-50%);color:#e53935;font-size:13px;font-weight:800;letter-spacing:.02em;white-space:nowrap;pointer-events:none}
.inventory-alert-dialog{width:min(640px,calc(100vw - 32px))}.inventory-alert-dialog-intro{margin-bottom:16px;padding:11px 13px;border:1px solid #dfe8f5;border-radius:10px;background:#f7faff;color:#60738f;line-height:1.6}.inventory-alert-rule-list{display:grid;gap:12px}.inventory-alert-rule-card{padding:16px 17px;border:1px solid #dbe6f4;border-radius:12px;background:linear-gradient(135deg,#fbfdff 0%,#f6faff 100%)}.inventory-alert-rule-card>header{display:flex;align-items:center;gap:11px;margin-bottom:14px}.inventory-alert-rule-card h3{margin:0;color:#294666;font-size:15px;line-height:1.25}.inventory-alert-rule-card p{margin:4px 0 0;color:#7487a1;font-size:12px;line-height:1.5}.inventory-alert-rule-mark{display:grid;flex:0 0 auto;place-items:center;width:34px;height:34px;border-radius:9px;background:#e4efff;color:#2868c7;font-size:12px;font-weight:800;letter-spacing:.02em}.inventory-alert-rule-mark.warehouse{background:#e8f6ef;color:#287e57;font-size:15px}.inventory-alert-rule-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.inventory-alert-field{display:grid;gap:7px;min-width:0;color:#59708d;font-size:12px;font-weight:700}.inventory-alert-field>div{display:flex;align-items:center;min-width:0;border:1px solid #d3dfed;border-radius:8px;background:#fff;transition:border-color .16s ease,box-shadow .16s ease}.inventory-alert-field>div:focus-within{border-color:#5e97e6;box-shadow:0 0 0 3px rgba(56,126,218,.12)}.inventory-alert-field input{width:100%;height:38px;min-width:0;padding:0 10px;border:0!important;border-radius:8px;background:transparent;box-shadow:none!important;color:#294666;font:inherit;font-size:13px;outline:0}.inventory-alert-field input::placeholder{color:#a0adbc}.inventory-alert-field em{padding:0 11px 0 2px;color:#7f8fa5;font-size:13px;font-style:normal;font-weight:600;white-space:nowrap}.inventory-alert-dialog .actions{margin-top:20px;padding-top:16px}@media(max-width:560px){.inventory-alert-rule-card{padding:14px}.inventory-alert-rule-grid{grid-template-columns:1fr}.inventory-alert-dialog-intro{font-size:12px}}
.inventory-inline-summary{display:inline-flex;align-items:center;justify-content:center;width:auto;max-width:100%;min-height:32px;padding:0}.inventory-inline-summary>span{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;gap:8px;min-height:28px;padding:0 16px;border-left:1px solid #e6edf5;white-space:nowrap}.inventory-inline-summary>span:first-child{padding-left:0;border-left:0}.inventory-inline-summary small,.inventory-inline-summary strong{display:block;line-height:1}.inventory-inline-summary small{color:#647995;font-size:13px;font-weight:600}.inventory-inline-summary strong{color:#34527b;font-size:14px;font-weight:700}.inventory-inline-summary>span.is-alert strong{color:#c0392b}@media(max-width:980px){.inventory-inline-summary{display:flex;flex-wrap:wrap;justify-content:flex-start}.inventory-inline-summary>span{padding:0 12px}.inventory-inline-summary>span:first-child{padding-left:0}}