:root {
  --bg: #f4f6f9;
  --panel: #ffffff;
  --ink: #172033;
  --muted: #667085;
  --line: #e4e8ef;
  --nav: #111827;
  --nav-soft: #1f2937;
  --blue: #2563eb;
  --blue-soft: #eaf1ff;
  --green: #0a8f62;
  --green-soft: #e8f7f1;
  --orange: #d97706;
  --orange-soft: #fff5df;
  --red: #c93737;
  --red-soft: #fff0f0;
  --purple: #7c3aed;
  --shadow: 0 8px 28px rgba(16, 24, 40, .07);
}

* { box-sizing: border-box; }
html { min-height: 100%; }
body { margin: 0; min-height: 100vh; color: var(--ink); background: var(--bg); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif; }
button, input, select, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
button { cursor: pointer; }
h1, h2, h3, p { margin-top: 0; }
.hidden { display: none !important; }
.muted { color: var(--muted); }
.eyebrow { margin: 0 0 6px; color: var(--blue); font-size: 11px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }

.brand-mark { display: block; width: 58px; height: 58px; flex: 0 0 auto; border-radius: 11px; box-shadow: 0 12px 30px rgba(16, 33, 58, .24); object-fit: cover; }
.brand-mark.small { width: 38px; height: 38px; border-radius: 9px; box-shadow: none; }

.login-page { display: grid; min-height: 100vh; place-items: center; padding: 34px; background: radial-gradient(circle at 8% 10%, rgba(83, 113, 255, .16), transparent 30%), radial-gradient(circle at 87% 85%, rgba(76, 214, 160, .13), transparent 27%), #f5f7fb; }
.login-shell { display: grid; width: min(1020px, 100%); min-height: 600px; grid-template-columns: 1.2fr .8fr; overflow: hidden; border: 1px solid rgba(255, 255, 255, .9); border-radius: 28px; background: #fff; box-shadow: 0 28px 80px rgba(29, 41, 67, .15); }
.login-brand { position: relative; display: flex; flex-direction: column; justify-content: center; padding: 70px; overflow: hidden; color: #fff; background: linear-gradient(145deg, #101828, #16264b 58%, #24396c); }
.login-brand::before, .login-brand::after { position: absolute; content: ""; border-radius: 50%; border: 1px solid rgba(255, 255, 255, .12); }
.login-brand::before { width: 420px; height: 420px; right: -240px; top: -110px; }
.login-brand::after { width: 260px; height: 260px; right: -60px; bottom: -150px; }
.login-brand .eyebrow { margin-top: 34px; color: #9db6ff; }
.login-brand h1 { max-width: 480px; margin-bottom: 22px; font-size: clamp(34px, 4vw, 52px); line-height: 1.12; letter-spacing: -.04em; }
.login-brand > p:not(.eyebrow) { max-width: 490px; color: #cbd5e1; font-size: 16px; line-height: 1.8; }
.login-points { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 22px; }
.login-points span { padding: 8px 12px; border: 1px solid rgba(255, 255, 255, .12); border-radius: 99px; background: rgba(255, 255, 255, .06); color: #e5ebf7; font-size: 12px; }
.login-card { align-self: center; padding: 56px 46px; }
.login-card h2 { margin-bottom: 7px; font-size: 30px; letter-spacing: -.03em; }
.login-card > .muted { margin-bottom: 30px; font-size: 14px; }
.login-card label, .modal-card label { display: block; margin: 17px 0 7px; color: #344054; font-size: 13px; font-weight: 700; }
.login-card input, .modal-card input, .modal-card select, .modal-card textarea, .date-control input, .search-input { width: 100%; height: 46px; padding: 0 13px; border: 1px solid #d6dce6; border-radius: 10px; outline: none; color: var(--ink); background: #fff; transition: border .18s, box-shadow .18s; }
.modal-card textarea { height: auto; padding: 11px 13px; resize: vertical; }
input:focus, select:focus { border-color: #7aa2ff !important; box-shadow: 0 0 0 4px rgba(37, 99, 235, .1); }
.primary, .secondary, .button-link { display: inline-flex; min-height: 40px; align-items: center; justify-content: center; gap: 7px; padding: 9px 15px; border: 0; border-radius: 10px; font-weight: 750; text-decoration: none; transition: transform .15s, opacity .15s, background .15s; }
.primary { color: #fff; background: var(--blue); box-shadow: 0 7px 16px rgba(37, 99, 235, .18); }
.secondary { color: #344054; background: #fff; border: 1px solid #d8dee8; box-shadow: 0 1px 2px rgba(16, 24, 40, .03); }
.primary:hover, .secondary:hover, .button-link:hover { transform: translateY(-1px); }
.primary:disabled, .secondary:disabled { cursor: not-allowed; opacity: .55; transform: none; }
.block { width: 100%; }
.login-button { width: 100%; height: 48px; margin-top: 25px; }
.login-foot { margin: 22px 0 0; color: #98a2b3; font-size: 11px; text-align: center; }
.mobile-brand { display: none; }
.notice { padding: 12px 15px; border: 1px solid #c9dafd; border-radius: 10px; color: #234c9b; background: #edf4ff; font-size: 13px; line-height: 1.5; }
.notice.danger { margin: 18px 0; border-color: #ffd0d0; color: #a42b2b; background: #fff2f2; }
.notice.success { border-color: #bde8d7; color: #08704e; background: #edfaf5; }

.app-page { min-width: 320px; }
.sidebar { position: fixed; inset: 0 auto 0 0; z-index: 20; display: flex; width: 238px; flex-direction: column; padding: 22px 14px; color: #d9e1ef; background: linear-gradient(180deg, #111827, #101827); }
.sidebar-brand { display: flex; align-items: center; gap: 11px; padding: 0 9px 22px; border-bottom: 1px solid rgba(255, 255, 255, .08); }
.sidebar-brand strong { display: block; color: #fff; font-size: 16px; }
.sidebar-brand small { display: block; margin-top: 2px; color: #7f8da3; font-size: 10px; }
.sidebar-brand strong em { display: inline-block; margin-left: 5px; padding: 2px 4px; border: 1px solid rgba(188, 208, 242, .22); border-radius: 4px; color: #9db7df; font: 750 6px/1 ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace; letter-spacing: .12em; vertical-align: 2px; }
.login-brand-lockup { display: flex; align-items: center; gap: 13px; }
.login-brand-lockup strong, .login-brand-lockup span { display: block; }
.login-brand-lockup strong { color: #fff; font-size: 21px; letter-spacing: .08em; }
.login-brand-lockup span { margin-top: 4px; color: #8fa8cf; font: 700 8px/1 ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace; letter-spacing: .16em; }
.nav-list { display: grid; gap: 5px; margin-top: 20px; }
.nav-item { display: flex; width: 100%; height: 45px; align-items: center; gap: 11px; padding: 0 11px; border: 0; border-radius: 10px; color: #aeb9ca; background: transparent; font-size: 13px; font-weight: 650; text-align: left; }
.nav-item span { display: grid; width: 25px; height: 25px; place-items: center; border-radius: 8px; color: #8997aa; background: rgba(255, 255, 255, .06); font-size: 11px; }
.nav-item:hover { color: #fff; background: rgba(255, 255, 255, .05); }
.nav-item.active { color: #fff; background: linear-gradient(100deg, rgba(37, 99, 235, .95), rgba(79, 70, 229, .85)); box-shadow: 0 8px 22px rgba(37, 99, 235, .2); }
.nav-item.active span { color: #fff; background: rgba(255, 255, 255, .15); }
.sidebar-foot { display: grid; gap: 7px; margin-top: auto; padding: 16px 9px 0; border-top: 1px solid rgba(255, 255, 255, .08); }
.user-chip { display: flex; align-items: center; gap: 9px; margin-bottom: 6px; }
.avatar { display: grid; width: 34px; height: 34px; flex: 0 0 auto; place-items: center; border-radius: 10px; color: #dce6ff; background: #2c3c59; font-size: 12px; font-weight: 800; }
.user-chip strong { display: block; color: #fff; font-size: 12px; }
.user-chip small { display: block; margin-top: 2px; color: #7f8da3; font-size: 10px; }
.text-button { padding: 4px 0; border: 0; color: #8795aa; background: transparent; font-size: 11px; text-align: left; }
.text-button:hover { color: #fff; }
.danger-text { color: #e48f8f; }

.app-shell { min-height: 100vh; margin-left: 238px; }
.topbar { position: sticky; top: 0; z-index: 12; display: flex; min-height: 86px; align-items: center; gap: 24px; padding: 15px 28px; border-bottom: 1px solid var(--line); background: rgba(255, 255, 255, .94); backdrop-filter: blur(12px); }
.topbar h1 { margin: 0; font-size: 23px; letter-spacing: -.03em; }
.top-actions { display: flex; align-items: center; gap: 9px; margin-left: auto; }
.notification-button { position: relative; display: grid; width: 40px; height: 40px; place-items: center; border: 1px solid #d8dee8; border-radius: 11px; background: #fff; }
.notification-button span { position: absolute; min-width: 18px; height: 18px; right: -6px; top: -6px; display: grid; place-items: center; padding: 0 4px; border: 2px solid #fff; border-radius: 99px; color: #fff; background: var(--red); font-size: 8px; font-weight: 800; }
.date-control label { display: block; margin-bottom: 2px; color: #98a2b3; font-size: 9px; font-weight: 700; }
.date-control input { width: 145px; height: 32px; padding: 0; border: 0; border-radius: 0; font-size: 13px; }
.menu-button { display: none; width: 38px; height: 38px; border: 1px solid var(--line); border-radius: 10px; background: #fff; }
#storeCount { display: grid; width: 19px; height: 19px; place-items: center; border-radius: 7px; color: var(--blue); background: var(--blue-soft); font-size: 10px; }
.content { padding: 25px 28px 50px; }
.tab-panel { display: none; }
.tab-panel.active { display: block; animation: panelIn .25s ease; }
@keyframes panelIn { from { opacity: 0; transform: translateY(5px); } to { opacity: 1; transform: translateY(0); } }
.section-heading { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-bottom: 16px; }
.section-heading h2 { margin: 0 0 3px; font-size: 18px; letter-spacing: -.02em; }
.section-heading p { margin: 0; color: var(--muted); font-size: 12px; }
.sync-label { padding: 7px 10px; border-radius: 8px; color: #5c687a; background: #e9edf3; font-size: 10px; }

.metric-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-bottom: 15px; }
.metric-grid.compact { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.metric-card { position: relative; min-height: 116px; padding: 17px; overflow: hidden; border: 1px solid var(--line); border-radius: 14px; background: var(--panel); box-shadow: 0 3px 12px rgba(16, 24, 40, .035); }
.metric-card::after { position: absolute; width: 58px; height: 58px; right: -20px; top: -20px; content: ""; border-radius: 50%; background: var(--metric-color, #e9efff); opacity: .5; }
.metric-card small { display: block; color: var(--muted); font-size: 11px; }
.metric-card strong { display: block; margin: 9px 0 5px; font-size: 25px; line-height: 1; letter-spacing: -.04em; }
.metric-card em { color: #98a2b3; font-size: 10px; font-style: normal; }
.metric-card .up { color: var(--green); }
.metric-card .down { color: var(--red); }

.overview-grid { display: grid; grid-template-columns: 1.6fr .8fr; gap: 15px; margin-bottom: 15px; }
.card { margin-bottom: 15px; padding: 18px; border: 1px solid var(--line); border-radius: 14px; background: var(--panel); box-shadow: 0 4px 18px rgba(16, 24, 40, .04); }
.card-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 15px; margin-bottom: 15px; }
.card h3, .card-head h3 { margin: 0 0 4px; font-size: 14px; }
.card-head p { margin: 0; color: var(--muted); font-size: 10px; }
.chart-legend { display: flex; align-items: center; gap: 6px; color: var(--muted); font-size: 10px; }
.chart-legend span { width: 8px; height: 8px; border-radius: 3px; background: var(--blue); }
.trend-chart { display: flex; height: 205px; align-items: end; gap: 5px; padding: 12px 2px 24px; border-bottom: 1px solid var(--line); }
.bar-group { position: relative; display: flex; height: 100%; flex: 1; align-items: end; justify-content: center; }
.bar { width: min(16px, 72%); min-height: 2px; border-radius: 5px 5px 2px 2px; background: linear-gradient(180deg, #4b7df0, #2563eb); transition: height .25s; }
.bar:hover { background: #174fc9; }
.bar-label { position: absolute; bottom: -21px; color: #98a2b3; font-size: 8px; white-space: nowrap; }
.bar-value { position: absolute; bottom: calc(var(--height) + 4px); color: #667085; font-size: 8px; }
.action-list { display: grid; gap: 9px; }
.action-item { display: grid; width: 100%; grid-template-columns: 31px 1fr; gap: 10px; align-items: start; padding: 11px; border: 0; border-radius: 11px; color: inherit; background: #f7f9fc; text-align: left; }
.action-icon { display: grid; width: 31px; height: 31px; place-items: center; border-radius: 9px; color: var(--blue); background: var(--blue-soft); font-size: 11px; font-weight: 900; }
.action-item.warning .action-icon { color: var(--orange); background: var(--orange-soft); }
.action-item.danger .action-icon { color: var(--red); background: var(--red-soft); }
.action-item strong { display: block; margin-bottom: 3px; font-size: 11px; }
.action-item p { margin: 0; color: var(--muted); font-size: 9px; line-height: 1.45; }

.table-wrap { width: 100%; overflow: auto; }
.table-wrap.tall { max-height: calc(100vh - 215px); min-height: 430px; }
table { width: 100%; border-collapse: collapse; font-size: 11px; }
th { position: sticky; top: 0; z-index: 1; padding: 10px 11px; border-bottom: 1px solid var(--line); color: #667085; background: #f8fafc; font-size: 9px; font-weight: 800; text-align: left; white-space: nowrap; }
td { max-width: 300px; padding: 11px; border-bottom: 1px solid #edf0f4; color: #344054; line-height: 1.45; vertical-align: middle; }
.image-cell { width: 62px; padding: 7px 9px; }
.thumb-link { display: inline-flex; border-radius: 10px; outline: none; }
.thumb-link:focus { box-shadow: 0 0 0 4px rgba(37, 99, 235, .14); }
.thumb-wrap { position: relative; display: inline-grid; width: 48px; height: 48px; flex: 0 0 auto; place-items: center; overflow: hidden; border: 1px solid #e2e7ef; border-radius: 10px; background: linear-gradient(145deg, #f4f7fb, #e9eef5); }
.thumb-placeholder { color: #a3adba; font-size: 13px; font-weight: 800; }
.product-thumb { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; background: #fff; transition: transform .18s ease; }
.thumb-link:hover .product-thumb { transform: scale(1.06); }
.product-thumb.failed { display: none; }
.profit-sku-image { width: 76px; }
.profit-sku-image .thumb-wrap { width: 60px; height: 60px; border-radius: 12px; }
.profit-order-product { display: grid; grid-template-columns: 48px minmax(150px, 1fr); gap: 10px; min-width: 220px; align-items: center; }
.profit-order-product-copy { min-width: 0; }
.profit-order-product-name { display: block; margin-top: 2px; overflow: hidden; color: #475467; font-size: 10px; line-height: 1.35; text-overflow: ellipsis; white-space: nowrap; }
.profit-order-product .code-sub { max-width: 220px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
tbody tr:hover td { background: #fbfcfe; }
tbody tr:last-child td { border-bottom: 0; }
.empty-row td { padding: 50px 20px; color: #98a2b3; text-align: center; }
.code-main { display: block; color: #1d2939; font-weight: 750; }
.code-sub { display: block; margin-top: 2px; color: #98a2b3; font-size: 9px; }
.badge { display: inline-flex; align-items: center; padding: 4px 7px; border-radius: 7px; color: #475467; background: #eef1f5; font-size: 9px; font-weight: 800; white-space: nowrap; }
.badge.green { color: #06724e; background: var(--green-soft); }
.badge.blue { color: #2451a6; background: var(--blue-soft); }
.badge.orange { color: #a35c07; background: var(--orange-soft); }
.badge.red { color: #ad3030; background: var(--red-soft); }
.trend { font-weight: 800; white-space: nowrap; }
.trend.up { color: var(--green); }
.trend.down { color: var(--red); }
.trend.flat { color: #98a2b3; }
.count-pill { display: inline-grid; min-width: 32px; height: 27px; place-items: center; padding: 0 8px; border-radius: 9px; color: var(--blue); background: var(--blue-soft); font-size: 11px; font-weight: 800; }
.count-pill.warning { color: var(--orange); background: var(--orange-soft); }
.count-pill.danger { color: var(--red); background: var(--red-soft); }
.table-tools { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 13px; }
.search-input { max-width: 350px; height: 38px; font-size: 11px; }
.table-tools > span, .table-hint { color: #98a2b3; font-size: 10px; }
.table-pagination { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-top: 13px; border-top: 1px solid var(--line); }
.page-size, .page-navigation { display: flex; align-items: center; gap: 9px; color: var(--muted); font-size: 10px; }
.page-size .filter-select { min-width: 92px; }
.page-navigation .secondary { min-height: 34px; padding: 0 13px; }
.page-navigation .secondary:disabled { cursor: not-allowed; opacity: .45; }
.button-link { color: #344054; background: #fff; border: 1px solid #d8dee8; }

/* Hot-goods selection and batch listing */
.selection-command-intro { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 16px; }
.selection-command-intro h2 { margin: 0 0 7px; font-size: 24px; letter-spacing: -.035em; }
.selection-command-intro > div > p:last-child { max-width: 760px; margin: 0; color: var(--muted); font-size: 12px; }
.selection-heading-actions, .selection-workbench-head > div:last-child { display: flex; gap: 8px; }
.selection-session-card { display: flex; min-height: 62px; align-items: center; gap: 13px; margin-bottom: 12px; padding: 12px 15px; border: 1px solid #cfdbea; border-radius: 12px; background: #f8fbff; }
.selection-session-dot { width: 9px; height: 9px; flex: 0 0 auto; border-radius: 50%; background: var(--orange); box-shadow: 0 0 0 5px var(--orange-soft); }
.selection-session-card.connected .selection-session-dot { background: var(--green); box-shadow: 0 0 0 5px var(--green-soft); }
.selection-session-card div { flex: 1; }
.selection-session-card strong, .selection-session-card small { display: block; }
.selection-session-card small { margin-top: 3px; color: var(--muted); font-size: 10px; }
.selection-session-card > span:last-child { color: #758195; font-size: 10px; }
.selection-filter-card { margin-bottom: 12px; overflow: hidden; border: 1px solid var(--line); border-radius: 12px; background: #fff; }
.selection-filter-heading { display: flex; align-items: center; gap: 12px; padding: 11px 14px; border-bottom: 1px solid #edf0f4; }
.selection-filter-heading strong { font-size: 13px; }
.selection-filter-heading span { color: var(--muted); font-size: 10px; }
.selection-filter-grid { display: grid; grid-template-columns: 1.15fr 1.25fr 1fr 1fr .7fr auto; gap: 10px; align-items: end; padding: 12px 14px; }
.selection-filter-grid label > span, .selection-filter-grid > div > span { display: block; margin-bottom: 6px; color: #667085; font-size: 9px; font-weight: 800; }
.selection-filter-grid .search-input { max-width: none; }
.selection-range { display: flex; align-items: center; gap: 5px; }
.selection-range input { min-width: 0; width: 100%; height: 38px; padding: 0 9px; border: 1px solid #d6dce6; border-radius: 8px; }
.selection-range i { color: #98a2b3; font-size: 9px; font-style: normal; }
.selection-period { display: flex; height: 38px; padding: 2px; border: 1px solid #d6dce6; border-radius: 8px; background: #f7f9fc; }
.selection-period button { flex: 1; border: 0; border-radius: 6px; color: #667085; background: transparent; }
.selection-period button.active { color: #fff; background: #294e83; }
.selection-filter-actions { display: flex; gap: 7px; }
.selection-workbench { padding: 0; overflow: hidden; }
.selection-workbench-head { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 13px 15px; border-bottom: 1px solid var(--line); }
.selection-workbench-head h3 { margin: 0 0 3px; }
.selection-workbench-head p { margin: 0; color: var(--muted); font-size: 10px; }
.selection-workbench-head p strong, #selectionSelectedCount { color: #294e83; }
.selection-table { min-width: 1420px; }
.selection-table td:last-child { white-space: nowrap; }
.selection-row-actions { display: flex; align-items: center; gap: 10px; }
.selection-product { display: flex; min-width: 270px; align-items: center; gap: 9px; }
.selection-product strong, .selection-product small { display: block; }
.selection-product strong { max-width: 260px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.selection-product small { margin-top: 2px; color: #98a2b3; font-size: 8px; }
.selection-product-link { color: #315f9f; font-weight: 750; text-decoration: none; }
.selection-product-link:hover { text-decoration: underline; }
.selection-pagination { display: flex; align-items: center; justify-content: flex-end; gap: 9px; padding: 12px 15px; border-top: 1px solid var(--line); color: var(--muted); font-size: 10px; }
.selection-pagination label { display: flex; align-items: center; gap: 6px; }
.selection-pagination select { min-width: 86px; }
.selection-listing-modal { width: min(1500px, 96vw); max-width: none; height: min(850px, 92vh); padding: 0; overflow: hidden; }
.selection-listing-layout { display: grid; min-height: 0; flex: 1; grid-template-columns: 280px 1fr; }
.selection-listing-layout > aside { overflow: auto; border-right: 1px solid var(--line); background: #fafbfc; }
.selection-listing-layout > section { min-width: 0; overflow: auto; }
.selection-target-heading { display: flex; align-items: center; justify-content: space-between; padding: 13px 14px; border-bottom: 1px solid var(--line); }
.selection-target-heading span { color: #294e83; font-weight: 800; }
.selection-target-store { padding: 11px 13px; border-bottom: 1px solid #edf0f4; background: #fff; }
.selection-target-store > label { display: flex; align-items: center; gap: 8px; margin: 0; }
.selection-target-config { display: grid; grid-template-columns: 1fr 85px; gap: 7px; margin: 9px 0 0 24px; }
.selection-target-config select, .selection-target-config input, .selection-batch-controls select, .selection-batch-controls input, .selection-row-input { height: 34px; padding: 0 9px; border: 1px solid #d4dbe5; border-radius: 7px; background: #fff; }
.selection-batch-controls { display: flex; align-items: flex-end; gap: 8px; padding: 11px 13px; border-bottom: 1px solid var(--line); background: #fafbfc; }
.selection-batch-controls label { margin: 0; }
.selection-batch-controls label { color: #667085; font-size: 9px; }
.selection-batch-controls label select, .selection-batch-controls label input { display: block; width: 125px; margin-top: 4px; }
.selection-row-input { width: 135px; }
.selection-row-input.price { width: 95px; }
.selection-ready { color: var(--green); font-size: 9px; }
.selection-listing-footer { display: flex; align-items: center; gap: 12px; padding: 12px 16px; border-top: 1px solid var(--line); }
.selection-listing-footer p { margin: 0; color: var(--muted); font-size: 10px; }
.selection-listing-footer > div { display: flex; gap: 8px; margin-left: auto; }
@media (max-width: 1250px) { .selection-filter-grid { grid-template-columns: repeat(3, 1fr); } }

.data-workbench-bar { display: flex; min-height: 48px; align-items: center; justify-content: space-between; gap: 16px; padding: 8px 16px; border-bottom: 1px solid var(--line); background: #fff; }
.workbench-result { display: flex; align-items: baseline; gap: 10px; min-width: 0; }
.workbench-result strong { color: #273247; font: 750 10px/1.2 ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace; font-variant-numeric: tabular-nums; white-space: nowrap; }
.workbench-result span { color: #98a2b3; font-size: 8px; white-space: nowrap; }
.workbench-actions { display: flex; align-items: center; gap: 6px; }
.workbench-button { min-height: 30px; padding: 0 10px; border: 1px solid #d8dee8; border-radius: 6px; color: #526071; background: #fff; font-size: 8px; font-weight: 750; transition: border-color .14s ease, color .14s ease, background .14s ease; }
.workbench-button:hover { border-color: #b8c4d5; color: #273247; background: #f8fafc; }
.workbench-button.export { color: #2451a6; border-color: #cddafa; background: #f5f8ff; }
.workbench-button:focus-visible, th.sortable-column:focus-visible { outline: 2px solid var(--blue); outline-offset: -2px; }
th.sortable-column { cursor: pointer; user-select: none; }
th.sortable-column:hover { color: #273247; background: #f1f4f8; }
th.sortable-column.sorted { color: #2451a6; background: #f2f6ff; }
.sort-indicator { display: inline-block; min-width: 10px; margin-left: 5px; color: #a2abba; font: 800 8px/1 ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace; text-align: center; }
th.sortable-column.sorted .sort-indicator { color: var(--blue); }
[data-workbench] .table-wrap table th:first-child { z-index: 4; left: 0; }
[data-workbench] .table-wrap table td:first-child { position: sticky; z-index: 2; left: 0; background: #fff; box-shadow: 1px 0 0 #edf0f4; }
[data-workbench] .table-wrap table tbody tr:hover td:first-child { background: #fbfcfe; }
[data-workbench].density-compact th { padding: 7px 9px; font-size: 8px; }
[data-workbench].density-compact td { padding: 7px 9px; font-size: 10px; line-height: 1.35; }
[data-workbench].density-compact .image-cell { width: 50px; padding: 5px 7px; }
[data-workbench].density-compact .thumb-wrap { width: 38px; height: 38px; border-radius: 7px; }
[data-workbench].density-compact .code-sub { font-size: 8px; }
[data-workbench].density-compact .badge { padding: 3px 6px; font-size: 8px; }
[data-workbench].density-compact .task-board { gap: 7px; padding-top: 10px; }
[data-workbench].density-compact .task-card { grid-template-columns: 50px 1fr 150px; gap: 12px; padding: 11px 12px; border-radius: 8px; }
[data-workbench].density-compact .task-product-image { width: 46px; height: 46px; border-radius: 7px; }
[data-workbench].density-compact .task-product-column .task-product-image { width: 46px; height: 46px; }
[data-workbench].density-compact .task-card h3 { margin-top: 5px; }
[data-workbench].density-compact .task-execution-grid { margin: 7px 0 5px; }
[data-workbench].density-compact .task-execution-grid > div { padding: 7px 8px; border-radius: 6px; }

@media (max-width: 900px) {
  .data-workbench-bar { align-items: flex-start; flex-direction: column; }
  .workbench-actions { width: 100%; flex-wrap: wrap; }
  .workbench-button { flex: 1; }
}

/* Profit control center */
.profit-command-page {
  --profit-ink: #0b2036;
  --profit-navy: #102f51;
  --profit-blue: #2467f3;
  --profit-mint: #12a889;
  --profit-line: #dce6f2;
}

.profit-command-intro {
  background:
    radial-gradient(circle at 84% 18%, rgba(77, 148, 255, .28), transparent 25%),
    linear-gradient(125deg, #092440 0%, #153d68 58%, #1a5e75 100%);
  border: 0;
  color: white;
  min-height: 170px;
  padding: 30px 34px;
  box-shadow: 0 20px 45px rgba(12, 42, 73, .18);
}

.profit-command-intro .workspace-kicker { color: #81d9ff; }
.profit-command-intro h2 { color: white; max-width: 900px; }
.profit-command-intro p:not(.workspace-kicker) { color: rgba(255,255,255,.72); }
.profit-command-actions { align-items: center; flex-wrap: wrap; justify-content: flex-end; }
.profit-command-actions > span { background: rgba(255,255,255,.13); color: white; border: 1px solid rgba(255,255,255,.18); }
.profit-command-intro .secondary { background: white; color: #153d68; border: 0; }

.profit-currency-switch {
  display: inline-flex;
  gap: 4px;
  padding: 4px;
  border-radius: 12px;
  background: rgba(4, 20, 38, .35);
}
.profit-currency-switch button {
  border: 0;
  border-radius: 9px;
  padding: 9px 12px;
  background: transparent;
  color: rgba(255,255,255,.68);
  font-weight: 800;
}
.profit-currency-switch button.active { background: white; color: #153d68; box-shadow: 0 5px 14px rgba(0,0,0,.16); }

.profit-filter-deck,
.profit-command-page .profit-command-status,
.profit-command-page .profit-command-readiness,
.profit-command-page .profit-command-dimensions {
  display: grid;
  grid-template-columns: 210px minmax(0, 1fr);
  gap: 18px;
  align-items: stretch;
  margin-top: 18px;
}

.profit-filter-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(160px, 1fr)) auto;
  gap: 12px;
  align-items: end;
  padding: 17px;
  border: 1px solid var(--profit-line);
  border-radius: 18px;
  background: white;
  box-shadow: 0 8px 24px rgba(31, 60, 91, .06);
}
.profit-filter-grid label { display: grid; gap: 7px; font-size: 12px; font-weight: 800; color: #607087; }
.profit-filter-grid input,
.profit-filter-grid select { width: 100%; height: 42px; border: 1px solid #d4dfec; border-radius: 10px; padding: 0 11px; background: #f9fbfe; color: var(--profit-ink); }
.profit-filter-grid button { height: 42px; }

.profit-command-page .profit-command-label {
  border: 1px solid var(--profit-line);
  border-radius: 18px;
  background: linear-gradient(145deg, #f7faff, #eef5ff);
  padding: 18px;
}
.profit-command-page .profit-command-label > span { background: var(--profit-blue); color: white; }
.profit-command-page .profit-command-label strong { color: var(--profit-ink); }

.profit-metric-grid { grid-template-columns: repeat(6, minmax(150px, 1fr)); }
.profit-metric-grid .metric-card { min-height: 128px; border-color: var(--profit-line); background: linear-gradient(160deg, white, #f8fbff); }
.profit-metric-grid .metric-card strong { color: var(--profit-ink); }
.profit-metric-grid .profit-gain-card { background: linear-gradient(155deg, #ecfbf5, #fafffd); border-color: #bfe9d9; }
.profit-metric-grid .profit-gain-card strong { color: #087658; }
.profit-metric-grid .profit-loss-card { background: linear-gradient(155deg, #fff1f2, #fffafa); border-color: #f3c7cd; }
.profit-metric-grid .profit-loss-card strong { color: #c4384f; }

.profit-readiness-card { display: grid; grid-template-columns: 170px minmax(0, 1fr); align-items: center; gap: 22px; padding: 22px; }
.profit-gap-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; }
.profit-gap-grid button { text-align: left; border: 1px solid #e0e8f2; border-radius: 14px; padding: 14px; background: #f8fafc; color: #5d6d82; }
.profit-gap-grid button small,.profit-gap-grid button span { display: block; }
.profit-gap-grid button strong { display: block; margin: 7px 0 3px; font-size: 24px; color: var(--profit-ink); }
.profit-readiness-card > p { grid-column: 1 / -1; margin: 0; padding-top: 12px; border-top: 1px solid #e8eef5; color: #6f7f94; }

.profit-section-nav {
  position: sticky;
  top: 82px;
  z-index: 8;
  display: flex;
  gap: 6px;
  margin: 22px 0 4px;
  padding: 7px;
  border: 1px solid var(--profit-line);
  border-radius: 16px;
  background: rgba(255,255,255,.94);
  box-shadow: 0 10px 30px rgba(22, 54, 90, .08);
  backdrop-filter: blur(14px);
}
.profit-section-nav button { border: 0; border-radius: 11px; padding: 12px 18px; background: transparent; color: #5f6f84; font-weight: 800; }
.profit-section-nav button.active { background: var(--profit-navy); color: white; box-shadow: 0 7px 16px rgba(16, 47, 81, .22); }
.profit-section-nav button span { margin-left: 5px; font-size: 10px; opacity: .62; }

.profit-workbench,
.profit-data-pane { margin-top: 18px; border-color: var(--profit-line); }
.profit-workbench-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; padding: 22px 24px; border-bottom: 1px solid #e7edf5; }
.profit-workbench-head h3 { margin: 4px 0; color: var(--profit-ink); font-size: 22px; }
.profit-workbench-head p { margin: 0; color: #75859a; }
.profit-workbench .table-tools,.profit-data-pane .table-tools { padding: 14px 24px; background: #f8fafc; }
.profit-workbench table th,.profit-data-pane table th { white-space: nowrap; background: #f3f7fb; color: #4d6078; }
.profit-workbench table td,.profit-data-pane table td { vertical-align: top; }
.warning-text { color: #c24655; max-width: 260px; }
.danger-text { color: #c83f50 !important; }
.profit-pane-actions { display: flex; gap: 10px; }

.profit-import-strip { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; padding: 16px 22px; border-top: 1px solid #e5ebf3; color: #718196; font-size: 12px; }
.profit-import-strip strong { color: var(--profit-ink); }
.profit-import-strip span + span { padding-left: 14px; border-left: 1px solid #dfe6ef; }

.profit-rules-layout { display: grid; grid-template-columns: .9fr 1.1fr; gap: 18px; margin-top: 18px; }
.profit-rules-layout > .card { margin: 0; }
.profit-rate-list,.profit-rule-list { display: grid; gap: 10px; padding: 18px 22px 24px; max-height: 520px; overflow: auto; }
.profit-rate-list > div { display: grid; grid-template-columns: 110px 1fr auto; gap: 12px; align-items: center; padding: 13px 15px; border: 1px solid #e0e8f1; border-radius: 12px; background: #f9fbfd; }
.profit-rate-list time { color: #6b7b90; font-weight: 700; }
.profit-rate-list strong { color: var(--profit-ink); }
.profit-rate-list span { font-size: 11px; color: #8b98a9; }
.profit-rule-card { padding: 16px; border: 1px solid #e0e7f0; border-radius: 14px; background: #f9fbfd; }
.profit-rule-card.current { border-color: #8dc5ff; background: linear-gradient(145deg, #edf6ff, #f9fcff); box-shadow: inset 4px 0 #2c7ae8; }
.profit-rule-card > div { display: flex; justify-content: space-between; gap: 15px; }
.profit-rule-card small { color: #2772d4; font-weight: 900; }
.profit-rule-card p { margin: 8px 0 0; color: #65758b; font-size: 12px; }

.profit-actual-placeholder { min-height: 330px; padding: 50px; text-align: center; background: radial-gradient(circle at 50% 0, #eaf2ff, white 54%); }
.profit-actual-placeholder > span { color: #3172d8; font-weight: 900; letter-spacing: .12em; }
.profit-actual-placeholder h3 { margin: 18px 0 8px; color: var(--profit-ink); font-size: 32px; }
.profit-actual-placeholder p { max-width: 650px; margin: 0 auto; color: #718198; line-height: 1.8; }
.profit-actual-placeholder div { display: inline-grid; gap: 4px; margin-top: 28px; padding: 15px 25px; border: 1px solid #d9e4f1; border-radius: 14px; background: white; }
.profit-actual-placeholder em { color: #7d8b9e; font-style: normal; }

@media (max-width: 1280px) {
  .profit-metric-grid { grid-template-columns: repeat(3, 1fr); }
  .profit-filter-deck,.profit-command-page .profit-command-status,.profit-command-page .profit-command-readiness,.profit-command-page .profit-command-dimensions { grid-template-columns: 170px minmax(0, 1fr); }
}

@media (max-width: 900px) {
  .profit-command-intro { padding: 24px; }
  .profit-filter-deck,.profit-command-page .profit-command-status,.profit-command-page .profit-command-readiness,.profit-command-page .profit-command-dimensions { grid-template-columns: 1fr; }
  .profit-filter-grid { grid-template-columns: 1fr 1fr; }
  .profit-metric-grid { grid-template-columns: 1fr 1fr; }
  .profit-readiness-card { grid-template-columns: 1fr; }
  .profit-gap-grid { grid-template-columns: 1fr 1fr; }
  .profit-rules-layout { grid-template-columns: 1fr; }
  .profit-section-nav { overflow-x: auto; }
  .profit-section-nav button { white-space: nowrap; }
}

.profit-explain { max-width: 830px; }
.profit-history-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }
.profit-actions { display: flex; align-items: center; gap: 9px; }
.profit-dimension-tabs { display: flex; gap: 4px; margin: 15px 0; padding: 4px; width: fit-content; border: 1px solid var(--line); border-radius: 11px; background: #fff; }
.profit-dimension-tabs button { min-width: 76px; height: 34px; padding: 0 13px; border: 0; border-radius: 8px; color: #667085; background: transparent; font-size: 10px; font-weight: 800; }
.profit-dimension-tabs button.active { color: #fff; background: var(--blue); }
.profit-import-history { margin-top: 15px; }
.profit-import-item { display: grid; grid-template-columns: minmax(240px,1fr) auto auto; gap: 18px; align-items: center; padding: 10px 3px; border-bottom: 1px solid var(--line); font-size: 10px; }
.profit-import-item:last-child { border-bottom: 0; }
.profit-import-item span, .profit-import-item time { color: var(--muted); }
.step-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 11px; margin: 18px 0; }
.step-list > div { display: flex; gap: 11px; padding: 14px; border-radius: 11px; background: #f7f9fc; }
.step-list b { display: grid; width: 27px; height: 27px; flex: 0 0 auto; place-items: center; border-radius: 8px; color: var(--blue); background: var(--blue-soft); }
.step-list strong, .step-list small { display: block; }
.step-list strong { font-size: 11px; }
.step-list small { margin-top: 4px; color: var(--muted); font-size: 9px; line-height: 1.4; }

.admin-grid { display: grid; grid-template-columns: 1.45fr .55fr; gap: 15px; }
.store-binding-grid { display: grid; grid-template-columns: minmax(330px, .7fr) minmax(520px, 1.3fr); gap: 15px; align-items: start; }
.store-binding-grid form { display: grid; gap: 8px; }.store-binding-grid form label { margin: 4px 0 0; }.store-binding-grid form input, .store-binding-grid form select { width: 100%; height: 40px; padding: 0 11px; border: 1px solid #d6dce6; border-radius: 9px; }
.binding-security-note { margin: 7px 0; padding: 10px 11px; border-radius: 9px; color: #5f6b7c; background: #f3f6fb; font-size: 9px; line-height: 1.55; }
.audit-list { display: grid; gap: 9px; max-height: 520px; overflow: auto; }
.audit-item { padding: 10px; border-radius: 10px; background: #f7f9fc; }
.audit-item strong { display: block; color: #344054; font-size: 10px; }
.audit-item p { margin: 4px 0 0; color: #667085; font-size: 9px; line-height: 1.45; }
.audit-item time { display: block; margin-top: 4px; color: #a4acb8; font-size: 8px; }

.store-popover { position: fixed; z-index: 40; width: 290px; right: 158px; top: 73px; padding: 14px; border: 1px solid var(--line); border-radius: 13px; background: #fff; box-shadow: var(--shadow); }
.popover-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 9px; font-size: 12px; }
.store-option, .store-assign label, .check-row { display: flex !important; align-items: center; gap: 9px; margin: 0 !important; padding: 10px; border-radius: 9px; color: #344054; font-size: 11px !important; font-weight: 600 !important; }
.store-option:hover { background: #f6f8fb; }
.store-option input, .store-assign input, .check-row input { width: 15px !important; height: 15px !important; margin: 0; padding: 0; box-shadow: none; }
.store-popover .block { margin-top: 10px; }

.sync-monitor { position: fixed; width: min(390px, calc(100vw - 28px)); right: 22px; top: 98px; z-index: 45; overflow: hidden; border: 1px solid #dbe3ef; border-radius: 16px; background: rgba(255, 255, 255, .98); box-shadow: 0 18px 55px rgba(15, 23, 42, .18); backdrop-filter: blur(16px); }
.sync-monitor-head { display: flex; min-height: 62px; align-items: center; justify-content: space-between; padding: 12px 14px; border-bottom: 1px solid #edf1f6; }
.sync-monitor-title { display: flex; align-items: center; gap: 10px; }
.sync-monitor-title > div { display: grid; gap: 2px; }
.sync-monitor-title strong { font-size: 13px; }
.sync-monitor-title small { color: var(--blue); font-size: 10px; font-weight: 750; }
.sync-monitor-icon { display: grid; width: 32px; height: 32px; place-items: center; border-radius: 10px; color: var(--blue); background: var(--blue-soft); font-size: 18px; font-weight: 800; }
.sync-monitor:not(.complete):not(.failed) .sync-monitor-icon { animation: spin 1.2s linear infinite; }
.sync-monitor.complete .sync-monitor-icon { color: var(--green); background: var(--green-soft); animation: none; }
.sync-monitor.failed .sync-monitor-icon { color: var(--red); background: var(--red-soft); animation: none; }
.sync-monitor-toggle { width: 30px; height: 30px; border: 0; border-radius: 9px; color: #667085; background: #f4f6f9; font-size: 18px; }
.sync-monitor-body { padding: 14px; }
.sync-monitor.collapsed .sync-monitor-body { display: none; }
.sync-monitor.collapsed .sync-monitor-head { border-bottom: 0; }
.sync-monitor-summary { display: flex; align-items: center; justify-content: space-between; gap: 12px; color: #475467; font-size: 10px; }
.sync-monitor-summary span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sync-monitor-summary strong { color: #1d2939; white-space: nowrap; }
.sync-progress { height: 5px; margin: 10px 0 12px; overflow: hidden; border-radius: 99px; background: #edf1f6; }
.sync-progress span { display: block; width: 0; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #2563eb, #5b6cf0); transition: width .35s ease; }
.sync-monitor.complete .sync-progress span { background: var(--green); }
.sync-monitor.failed .sync-progress span { background: var(--red); }
.sync-store-list { display: grid; max-height: 260px; gap: 7px; overflow: auto; }
.sync-store-item { display: grid; grid-template-columns: 27px 1fr; gap: 9px; align-items: center; padding: 9px 10px; border-radius: 10px; background: #f7f9fc; }
.sync-store-item > span { display: grid; width: 27px; height: 27px; place-items: center; border-radius: 8px; color: #667085; background: #e9edf3; font-size: 11px; font-weight: 900; }
.sync-store-item > div { min-width: 0; }
.sync-store-item strong, .sync-store-item small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sync-store-item strong { color: #344054; font-size: 10px; }
.sync-store-item small { margin-top: 2px; color: #98a2b3; font-size: 9px; }
.sync-store-item.running > span { color: var(--blue); background: var(--blue-soft); animation: spin 1s linear infinite; }
.sync-store-item.success > span { color: var(--green); background: var(--green-soft); animation: none; }
.sync-store-item.failed > span { color: var(--red); background: var(--red-soft); animation: none; }
.sync-monitor-tip { margin: 12px 0 0; color: #98a2b3; font-size: 9px; text-align: center; }

.modal { position: fixed; inset: 0; z-index: 60; display: grid; place-items: center; padding: 20px; background: rgba(15, 23, 42, .45); backdrop-filter: blur(4px); }
.modal-card { width: min(430px, 100%); max-height: 90vh; overflow: auto; padding: 23px; border-radius: 18px; background: #fff; box-shadow: 0 30px 80px rgba(15, 23, 42, .26); }
.modal-card.wide { width: min(620px, 100%); }
.modal-card.extra-wide { width: min(860px, 100%); }
.modal-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 15px; }
.modal-head h3 { margin-bottom: 4px; font-size: 18px; }
.modal-head p { margin: 0; color: var(--muted); font-size: 11px; }
.icon-button { width: 32px; height: 32px; border: 0; border-radius: 9px; color: #667085; background: #f1f3f6; font-size: 19px; }
.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0 13px; }
.form-grid .span-2 { grid-column: 1 / -1; }
.store-assign { display: grid; grid-template-columns: 1fr 1fr; gap: 5px; padding: 8px; border: 1px solid var(--line); border-radius: 11px; background: #fafbfc; }
.form-error { min-height: 18px; margin: 9px 0; color: var(--red); font-size: 11px; }
.listing-filters { display: flex; flex: 1; gap: 9px; align-items: center; }
.listing-filters .search-input { max-width: 420px; }
.listing-heading-actions { display: flex; gap: 9px; }
.listing-period-bar { display: flex; align-items: center; justify-content: space-between; gap: 15px; margin-bottom: 14px; padding: 12px 15px; border: 1px solid var(--line); border-radius: 12px; background: #fff; }
.listing-period-bar > div { display: flex; align-items: center; gap: 8px; }.listing-period-bar label { margin: 0 4px 0 0; color: var(--ink); font-size: 10px; font-weight: 800; }.listing-period-bar input { height: 36px; padding: 0 10px; border: 1px solid #d6dce6; border-radius: 9px; }.listing-period-bar span { color: var(--muted); font-size: 9px; }
.listing-period-controls { flex-wrap: wrap; }.listing-period-controls .filter-select { min-width: 120px; }.compact-check { display: flex; align-items: center; gap: 5px; white-space: nowrap; }.compact-check input { width: 15px; height: 15px; padding: 0; }
.listing-matrix-wrap { overflow: auto; max-height: 610px; border: 1px solid var(--line); border-radius: 11px; }
.listing-matrix { min-width: 100%; border-collapse: separate; border-spacing: 0; }.listing-matrix th, .listing-matrix td { min-width: 112px; padding: 8px; border-right: 1px solid #edf0f4; border-bottom: 1px solid #edf0f4; background: #fff; text-align: center; }.listing-matrix th { position: sticky; z-index: 3; top: 0; background: #f7f9fc; font-size: 9px; }.listing-matrix .matrix-store { position: sticky; z-index: 2; left: 0; min-width: 150px; text-align: left; }.listing-matrix .matrix-owner { position: sticky; z-index: 2; left: 150px; min-width: 95px; text-align: left; }.listing-matrix th.matrix-store, .listing-matrix th.matrix-owner { z-index: 5; background: #f7f9fc; }.listing-matrix td.matrix-store, .listing-matrix td.matrix-owner { background: #fff; }.listing-matrix .matrix-summary { min-width: 105px; }
.listing-cell { display: grid; width: 100%; min-height: 70px; place-items: center; padding: 7px; border: 0; border-radius: 9px; color: var(--ink); background: #f3f5f8; }.listing-cell strong { font-size: 14px; }.listing-cell span { font-size: 9px; }.listing-cell small { font-size: 8px; }.listing-cell.good { background: #e6f7ef; }.listing-cell.near { background: #e5edff; }.listing-cell.warn { background: #fff1e2; }.listing-cell.bad { background: #fff0f0; }.listing-cell.off { color: var(--muted); background: #f4f5f7; }.listing-cell:hover { box-shadow: inset 0 0 0 2px #9db8ff; }.listing-cell .failed-count { color: var(--red); }
.listing-trend { display: grid; grid-template-columns: repeat(7, minmax(90px, 1fr)); gap: 8px; overflow-x: auto; padding-bottom: 5px; }
.listing-day { min-width: 90px; padding: 11px; border-radius: 10px; background: #f7f9fc; }.listing-day.today { background: var(--blue-soft); }.listing-day strong, .listing-day small, .listing-day span { display: block; }.listing-day strong { margin-bottom: 7px; font-size: 10px; }.listing-day span { color: var(--muted); font-size: 9px; }.listing-day span b { float: right; color: var(--ink); }.listing-day small { margin-top: 7px; font-size: 9px; font-weight: 800; }.listing-day small.good { color: var(--green); }.listing-day small.warn { color: var(--orange); }.listing-day small.bad { color: var(--red); }
.source-link { color: var(--blue); text-decoration: none; }
.duplicate-box { display: grid; gap: 5px; margin-top: 16px; padding: 13px; border: 1px solid var(--line); border-radius: 11px; color: #667085; background: #f8fafc; font-size: 10px; }
.duplicate-box strong { color: #344054; font-size: 11px; }
.duplicate-box.clear { border-color: #b8e5d3; background: var(--green-soft); }
.duplicate-box.warning { border-color: #f0c5c5; background: var(--red-soft); }
.duplicate-box.warning strong { color: var(--red); }
.modal-actions { display: flex; justify-content: flex-end; gap: 9px; margin-top: 14px; }

.loading-layer { position: fixed; inset: 0; z-index: 80; display: flex; flex-direction: column; align-items: center; justify-content: center; color: #fff; background: rgba(15, 23, 42, .82); backdrop-filter: blur(6px); }
.loading-layer strong { margin-top: 15px; font-size: 16px; }
.loading-layer p { margin-top: 7px; color: #cbd5e1; font-size: 11px; }
.spinner { width: 42px; height: 42px; border: 4px solid rgba(255, 255, 255, .2); border-top-color: #fff; border-radius: 50%; animation: spin .8s linear infinite; }
@keyframes spin { to { transform: rotate(360deg); } }

.empty-state { padding: 22px 10px; color: #98a2b3; font-size: 11px; text-align: center; }
.empty-state.spacious { padding: 60px 10px; }
.insight-grid { display: grid; grid-template-columns: 1fr 1fr .72fr; gap: 15px; }
.rank-list { display: grid; gap: 5px; }
.rank-item { display: grid; grid-template-columns: 22px 38px 1fr auto; gap: 8px; align-items: center; padding: 7px 4px; border-bottom: 1px solid #eef1f5; }
.rank-item:last-child { border-bottom: 0; }
.rank-item .thumb-wrap { width: 36px; height: 36px; border-radius: 8px; }
.rank-number { display: grid; width: 20px; height: 20px; place-items: center; border-radius: 7px; color: #667085; background: #f0f3f7; font-size: 9px; font-weight: 800; }
.rank-copy { min-width: 0; }
.rank-copy strong, .rank-copy small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rank-copy strong { font-size: 10px; }
.rank-copy small { margin-top: 3px; color: #98a2b3; font-size: 8px; }
.rank-item b { font-size: 11px; }
.positive { color: var(--green); }.negative { color: var(--red); }
.lifecycle-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; }
.lifecycle-item { display: flex; align-items: center; gap: 9px; padding: 12px; border-radius: 11px; background: #f7f9fc; }
.lifecycle-item strong, .lifecycle-item small { display: block; }.lifecycle-item strong { font-size: 18px; }.lifecycle-item small { margin-top: 2px; color: var(--muted); font-size: 9px; }
.lifecycle-dot { width: 9px; height: 9px; border-radius: 50%; background: #98a2b3; }
.lifecycle-dot.green { background: var(--green); }.lifecycle-dot.blue { background: var(--blue); }.lifecycle-dot.orange { background: var(--orange); }.lifecycle-dot.red { background: var(--red); }
.filter-select { height: 38px; min-width: 140px; padding: 0 10px; border: 1px solid #d6dce6; border-radius: 10px; background: #fff; }
.task-summary { display: grid; grid-template-columns: repeat(5, 1fr); gap: 10px; margin-bottom: 12px; }
.task-summary > div { display: flex; align-items: baseline; gap: 8px; padding: 14px 16px; border: 1px solid var(--line); border-radius: 12px; background: #fff; }
.task-summary strong { font-size: 23px; }.task-summary span { color: var(--muted); font-size: 10px; }
.task-board { display: grid; gap: 10px; }
.execution-lanes { display: grid; grid-template-columns: repeat(5, 1fr); gap: 10px; margin-bottom: 15px; }
.execution-lane { display: flex; align-items: center; justify-content: space-between; min-height: 58px; padding: 12px 14px; border: 1px solid var(--line); border-radius: 12px; color: var(--ink); background: #fff; text-align: left; }
.execution-lane:hover { border-color: #9db8ff; background: #f7f9ff; }.execution-lane.active { color: var(--blue); border-color: #9db8ff; background: var(--blue-soft); }
.execution-lane span, .execution-lane small { display: block; }.execution-lane span { font-size: 10px; font-weight: 800; }.execution-lane small { margin-top: 3px; color: var(--muted); font-size: 8px; }.execution-lane strong { font-size: 20px; }
.task-filter-bar { display: grid; grid-template-columns: repeat(4, minmax(130px, 1fr)) minmax(220px, 1.5fr); gap: 9px; }
.task-filter-bar .search-input { max-width: none; }.task-filter-result { display: flex; align-items: center; gap: 10px; margin: 14px 0 10px; color: var(--muted); font-size: 9px; }.task-filter-result strong { color: var(--ink); font-size: 11px; }
.task-card { display: grid; grid-template-columns: 62px 1fr 170px; gap: 16px; padding: 16px; border: 1px solid #e3e8f0; border-left: 4px solid var(--blue); border-radius: 12px; background: #fbfcfe; }
.task-card.warning { border-left-color: var(--orange); }.task-card.danger { border-left-color: var(--red); }
.task-card h3 { margin: 8px 0 5px; font-size: 13px; }.task-card p { margin: 0; color: var(--muted); font-size: 10px; line-height: 1.55; }
.task-product-image { width: 58px; height: 58px; overflow: hidden; border-radius: 10px; background: #eef2f7; }.task-product-image .product-thumb { width: 100%; height: 100%; object-fit: cover; }
.task-meta { display: flex; align-items: center; gap: 8px; color: #7b8797; font-size: 9px; }
.task-execution-grid { display: grid; grid-template-columns: 1.3fr 1fr; gap: 8px; margin: 10px 0 8px; }.task-execution-grid > div { padding: 10px; border-radius: 9px; background: #f0f4fa; }.task-execution-grid b { display: block; margin-bottom: 5px; color: var(--blue); font-size: 9px; }.task-execution-grid p { color: #344054; white-space: pre-line; }
.recommendation { margin: 10px 0 8px; padding: 9px 10px; border-radius: 9px; color: #344054; background: #f0f4fa; font-size: 10px; line-height: 1.5; }
.recommendation b { margin-right: 7px; color: var(--blue); }
.task-side { display: flex; flex-direction: column; align-items: flex-end; justify-content: center; gap: 5px; color: var(--muted); font-size: 9px; }
.task-side strong { color: var(--ink); font-size: 11px; }.task-side .secondary, .task-side .primary { width: 100%; margin-top: 5px; min-height: 34px; font-size: 10px; }
#taskModalDescription { white-space: pre-line; line-height: 1.55; }
.settings-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px; }
.setting-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 16px; }
.setting-fields label { margin: 0; }.setting-fields label > span { display: block; margin-bottom: 6px; color: #667085; font-size: 9px; font-weight: 700; }
.setting-fields label > div { display: flex; align-items: center; overflow: hidden; border: 1px solid #d6dce6; border-radius: 9px; }
.setting-fields input { width: 100%; height: 38px; padding: 0 10px; border: 0; outline: none; }
.setting-fields em { padding-right: 10px; color: #98a2b3; font-size: 9px; font-style: normal; }
.notification-popover { position: fixed; z-index: 40; width: 370px; right: 305px; top: 73px; padding: 14px; border: 1px solid var(--line); border-radius: 13px; background: #fff; box-shadow: var(--shadow); }
.notification-list { display: grid; max-height: 480px; overflow: auto; }
.notification-item { display: grid; width: 100%; grid-template-columns: 9px 1fr; gap: 9px; padding: 11px 8px; border: 0; border-bottom: 1px solid #edf0f4; background: #fff; text-align: left; }
.notification-item.unread { background: #f5f8ff; }.notification-item:last-child { border-bottom: 0; }
.notification-dot { width: 7px; height: 7px; margin-top: 4px; border-radius: 50%; background: var(--blue); }.notification-dot.warning { background: var(--orange); }.notification-dot.error { background: var(--red); }
.notification-item strong { display: block; font-size: 10px; }.notification-item p { margin: 4px 0; color: var(--muted); font-size: 9px; line-height: 1.45; }.notification-item time { color: #a4acb8; font-size: 8px; }
.new-link-summary { display: grid; grid-template-columns: repeat(6, 1fr); gap: 10px; margin-bottom: 15px; }
.monitor-mode-tabs { display: flex; width: fit-content; gap: 4px; margin-bottom: 12px; padding: 4px; border: 1px solid var(--line); border-radius: 11px; background: #fff; }.monitor-mode-tabs button { min-width: 110px; height: 34px; padding: 0 14px; border: 0; border-radius: 8px; color: #667085; background: transparent; font-size: 10px; font-weight: 800; }.monitor-mode-tabs button.active { color: #fff; background: var(--blue); }
.potential-grade { display: inline-grid; width: 28px; height: 28px; place-items: center; border-radius: 8px; font-size: 12px; font-weight: 900; }.potential-grade.s { color: #a52a2a; background: #ffe2e2; }.potential-grade.a { color: #a35c07; background: #fff1d6; }.potential-grade.b { color: #2451a6; background: #e5edff; }
.new-link-summary > div { padding: 15px; border: 1px solid var(--line); border-radius: 12px; background: #fff; }
.new-link-summary small, .new-link-summary strong, .new-link-summary em { display: block; }
.new-link-summary small { color: var(--muted); font-size: 9px; }.new-link-summary strong { margin: 7px 0 5px; font-size: 22px; }.new-link-summary em { color: #98a2b3; font-size: 8px; font-style: normal; }
.product-name-mini { max-width: 190px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.recommendation-cell { min-width: 280px; }.recommendation-cell p { margin: 0 0 5px; font-size: 9px; line-height: 1.5; }.recommendation-cell p:last-child { margin-bottom: 0; }
.review-summary { display: grid; grid-template-columns: repeat(5, 1fr); gap: 10px; margin-bottom: 15px; }
.review-summary > div { display: flex; align-items: baseline; gap: 8px; padding: 14px 16px; border: 1px solid var(--line); border-radius: 12px; background: #fff; }
.review-summary strong { font-size: 22px; }.review-summary span { color: var(--muted); font-size: 10px; }
.review-list { display: grid; gap: 10px; }
.review-item { display: grid; grid-template-columns: 70px 1fr 150px; gap: 15px; align-items: center; padding: 15px; border: 1px solid var(--line); border-left: 4px solid #98a2b3; border-radius: 12px; background: #fbfcfe; }
.review-item.effective { border-left-color: var(--green); }.review-item.stable { border-left-color: var(--blue); }.review-item.worse { border-left-color: var(--red); }
.review-window { display: grid; place-items: center; padding: 10px; border-radius: 10px; background: #eef3fb; }.review-window strong { font-size: 22px; }.review-window span { color: var(--muted); font-size: 9px; }
.review-main h3 { margin: 7px 0 4px; font-size: 12px; }.review-main p { margin: 0 0 5px; color: var(--muted); font-size: 10px; line-height: 1.5; }
.review-metrics { display: grid; grid-template-columns: 1fr auto; gap: 5px 8px; align-items: center; }.review-metrics span { color: var(--muted); font-size: 9px; }.review-metrics strong { font-size: 14px; }
.profit-readiness { margin-bottom: 15px; }.readiness-card { display: grid; grid-template-columns: 150px 1fr 1fr; gap: 25px; align-items: center; margin-bottom: 0; }
.readiness-score { text-align: center; }.readiness-score strong, .readiness-score span { display: block; }.readiness-score strong { color: var(--blue); font-size: 34px; }.readiness-score span { color: var(--muted); font-size: 9px; }
.readiness-bars { display: grid; gap: 10px; }.readiness-bars > div > span { display: flex; justify-content: space-between; margin-bottom: 5px; color: var(--muted); font-size: 9px; }.readiness-bars b { color: var(--ink); }
.readiness-bars i { display: block; height: 7px; overflow: hidden; border-radius: 99px; background: #edf0f4; }.readiness-bars i em { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--blue), #6d5be7); }
.readiness-card > p { margin: 0; padding: 12px; border-radius: 10px; color: #5f6b7c; background: #f3f6fb; font-size: 10px; line-height: 1.6; }
.missing-profit-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; }
.missing-profit-item { display: flex; align-items: center; gap: 10px; padding: 10px; border-radius: 10px; background: #f8f9fb; }.missing-profit-item strong, .missing-profit-item small { display: block; }.missing-profit-item strong { font-size: 10px; }.missing-profit-item small { margin-top: 2px; color: var(--muted); font-size: 8px; }
.channel-card { border-color: #cfe0ff; background: linear-gradient(135deg, #fff, #f6f9ff); }
.channel-fields { display: grid; grid-template-columns: 1.4fr .6fr; gap: 12px; }.channel-fields label { margin: 0; }.channel-fields label > span { display: block; margin-bottom: 6px; color: #667085; font-size: 9px; font-weight: 700; }.channel-fields input { width: 100%; height: 40px; padding: 0 11px; border: 1px solid #d6dce6; border-radius: 9px; }
.dingtalk-rule-box { display: grid; grid-template-columns: minmax(220px, 1fr) auto auto; gap: 14px; align-items: center; margin: 14px 0; padding: 14px; border: 1px solid #dce6fa; border-radius: 12px; background: rgba(255,255,255,.78); }.dingtalk-rule-box > div:first-child { display: flex; flex-direction: column; gap: 4px; }.dingtalk-rule-box strong { font-size: 12px; }.dingtalk-rule-box span,.form-help { display: block; margin-top: 5px; color: #7f8a9f; font-size: 9px; }.dingtalk-priority-options { display: flex; gap: 8px; }
.inline-date-filter { display: flex; align-items: center; gap: 8px; color: #667085; font-size: 10px; font-weight: 700; }.inline-date-filter .filter-select { min-width: 145px; }
.channel-actions { display: flex; gap: 9px; margin-top: 12px; }

@media (max-width: 1240px) {
  .metric-grid { grid-template-columns: repeat(3, 1fr); }
  .metric-grid.compact { grid-template-columns: repeat(3, 1fr); }
  .overview-grid, .admin-grid, .insight-grid, .store-binding-grid { grid-template-columns: 1fr; }
  .new-link-summary { grid-template-columns: repeat(3, 1fr); }
  .readiness-card { grid-template-columns: 130px 1fr; }.readiness-card > p { grid-column: 1 / -1; }
}

@media (max-width: 860px) {
  .sidebar { transform: translateX(-102%); transition: transform .2s; box-shadow: 15px 0 50px rgba(15, 23, 42, .3); }
  .sidebar.open { transform: translateX(0); }
  .app-shell { margin-left: 0; }
  .menu-button { display: block; }
  .topbar { align-items: flex-start; flex-wrap: wrap; padding: 14px 17px; }
  .top-actions { width: 100%; margin-left: 0; }
  .top-actions .primary, .top-actions .secondary { flex: 1; }
  .date-control { flex: 1; }
  .date-control input { width: 100%; }
  .content { padding: 19px 15px 40px; }
  .store-popover { right: 15px; top: 126px; }
  .notification-popover { right: 15px; top: 126px; }
  .sync-monitor { right: 14px; top: 142px; }
  .profit-history-grid { grid-template-columns: 1fr; }
}

@media (max-width: 680px) {
  .login-page { padding: 14px; }
  .login-shell { display: block; min-height: auto; }
  .login-brand { display: none; }
  .login-card { padding: 38px 25px; }
  .mobile-brand { display: flex; align-items: center; gap: 9px; margin-bottom: 35px; font-size: 14px; font-weight: 800; }
  .metric-grid, .metric-grid.compact { grid-template-columns: 1fr 1fr; }
  .top-actions { display: grid; grid-template-columns: 1fr 1fr; }
  .date-control { grid-column: 1 / -1; }
  .step-list, .form-grid, .store-assign { grid-template-columns: 1fr; }
  .settings-grid, .setting-fields { grid-template-columns: 1fr; }
  .task-card { grid-template-columns: 1fr; }.task-side { align-items: flex-start; }
  .task-summary { grid-template-columns: 1fr 1fr; }
  .execution-lanes { grid-template-columns: 1fr 1fr; }.task-filter-bar { grid-template-columns: 1fr 1fr; }.task-execution-grid { grid-template-columns: 1fr; }
  .new-link-summary { grid-template-columns: 1fr 1fr; }
  .review-summary { grid-template-columns: 1fr 1fr; }.review-item { grid-template-columns: 60px 1fr; }.review-metrics { grid-column: 1 / -1; }
  .readiness-card, .missing-profit-list { grid-template-columns: 1fr; }.readiness-card > p { grid-column: auto; }
  .channel-fields { grid-template-columns: 1fr; }
  .dingtalk-rule-box { grid-template-columns: 1fr; }
  .table-tools { align-items: flex-start; flex-direction: column; }
  .listing-period-bar { align-items: flex-start; flex-direction: column; }.listing-period-bar > div { flex-wrap: wrap; }.listing-heading-actions { width: 100%; }.listing-heading-actions button { flex: 1; }
  .table-pagination { align-items: flex-start; flex-direction: column; }
  .search-input { max-width: none; }
}
.permission-template-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:18px}.permission-template-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px}.permission-template-card strong{font-size:15px}.permission-template-card p{color:var(--muted);font-size:12px;line-height:1.55;min-height:38px;margin:8px 0 12px}.permission-template-card div{display:flex;flex-wrap:wrap;gap:5px}.permission-template-card span{background:#f1f5fb;border-radius:999px;color:#58657a;font-size:11px;padding:4px 7px}.permission-template-card.admin{border-color:#b9ccff;background:#f5f8ff}.permission-template-card.manager{border-color:#bce8d3;background:#f5fcf8}.role-permission-hint{display:flex;gap:10px;align-items:center;background:#f5f8ff;border:1px solid #dce6fb;border-radius:12px;margin:4px 0 16px;padding:12px 14px}.role-permission-hint strong{white-space:nowrap}.role-permission-hint span,.permission-summary{color:var(--muted);font-size:12px;line-height:1.5}
.permission-template-card .permission-template-head{align-items:center;display:flex;justify-content:space-between;width:100%}.permission-template-card .permission-template-head button{padding:0}.permission-template-card .locked-label{background:transparent;color:#98a2b3;padding:0}.permission-check-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.permission-check-grid label{align-items:center;background:#f7f9fc;border:1px solid var(--line);border-radius:10px;display:flex;gap:8px;padding:11px 12px}.permission-check-grid input{width:17px;height:17px}.permission-edit-section{margin-bottom:20px}.permission-edit-section h4{margin:0 0 10px}.permission-safe-note{background:#fff8e8;border:1px solid #f5dfaa;border-radius:10px;color:#8a6116;font-size:12px;margin-bottom:14px;padding:10px 12px}
.inventory-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px}.inventory-summary-card{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);display:grid;gap:7px;padding:17px 18px}.inventory-summary-card small{color:var(--muted);font-weight:700}.inventory-summary-card strong{font-size:28px}.inventory-summary-card span{color:var(--muted);font-size:12px}.inventory-summary-card.orange{border-left:4px solid var(--orange)}.inventory-summary-card.red{border-left:4px solid var(--red)}.inventory-summary-card.gray{border-left:4px solid #98a2b3}
@media(max-width:1100px){.permission-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.inventory-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.permission-check-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

.cockpit-page{--cockpit-navy:#0b1735;--cockpit-blue:#4f7cff;--cockpit-surface:#f7f9fd}.cockpit-hero{position:relative;display:grid;grid-template-columns:minmax(280px,1.2fr) auto auto;gap:28px;align-items:center;overflow:hidden;margin-bottom:18px;padding:28px 30px;border:1px solid rgba(117,151,255,.25);border-radius:22px;color:#fff;background:radial-gradient(circle at 82% 0,rgba(87,116,255,.42),transparent 34%),linear-gradient(135deg,#08142f 0%,#102553 58%,#172f64 100%);box-shadow:0 18px 45px rgba(18,42,91,.2)}.cockpit-hero:after{position:absolute;right:-70px;bottom:-120px;width:300px;height:300px;border:1px solid rgba(255,255,255,.08);border-radius:50%;content:""}.cockpit-kicker,.panel-kicker{margin:0 0 8px;color:#769cff;font-size:10px;font-weight:900;letter-spacing:.15em}.cockpit-hero h2{margin:0 0 10px;font-size:28px;letter-spacing:-.02em}.cockpit-hero-copy>p:last-child{display:flex;align-items:center;margin:0;color:#aebee3;font-size:12px}.hero-divider{width:4px;height:4px;margin:0 10px;border-radius:50%;background:#6389ec}.cockpit-hero-status{display:flex;align-items:center;gap:11px;padding:12px 16px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(255,255,255,.07);backdrop-filter:blur(10px)}.cockpit-status-dot{width:9px;height:9px;border-radius:50%;background:#35d49a;box-shadow:0 0 0 6px rgba(53,212,154,.12)}.cockpit-hero-status.warning .cockpit-status-dot{background:#ffb547;box-shadow:0 0 0 6px rgba(255,181,71,.14)}.cockpit-hero-status small,.cockpit-hero-meta small{display:block;color:#9fb2db;font-size:10px}.cockpit-hero-status strong{display:block;margin-top:4px;font-size:14px}.cockpit-hero-meta{z-index:1;text-align:right}.cockpit-hero-meta>span{display:block;margin-bottom:5px;color:#d9e3ff;font-size:11px}.cockpit-pulse{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin:0 -30px -28px;background:rgba(255,255,255,.08)}.cockpit-pulse>div{padding:14px 30px;background:rgba(5,16,43,.35)}.cockpit-pulse small{display:block;color:#95a9d2;font-size:10px}.cockpit-pulse strong{display:block;margin-top:5px;font-size:17px}
.cockpit-metric-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:18px}.cockpit-metric-card{position:relative;display:grid;grid-template-columns:38px 1fr auto;gap:11px;align-items:start;min-width:0;padding:17px 15px;border:1px solid #e4e9f3;border-radius:17px;text-align:left;color:var(--ink);background:#fff;box-shadow:0 8px 24px rgba(21,39,78,.055);transition:.2s ease}.cockpit-metric-card:hover{transform:translateY(-3px);border-color:#bfd0ff;box-shadow:0 14px 32px rgba(34,68,140,.12)}.metric-icon{display:grid;width:38px;height:38px;place-items:center;border-radius:11px;color:#315eca;font-size:13px;font-weight:900;background:#eef3ff}.cockpit-metric-card.violet .metric-icon{color:#7443c6;background:#f2edff}.cockpit-metric-card.cyan .metric-icon{color:#088c9d;background:#e8f9fb}.cockpit-metric-card.emerald .metric-icon{color:#087b59;background:#e8f8f1}.cockpit-metric-card.amber .metric-icon{color:#ad6800;background:#fff4df}.metric-copy{min-width:0}.metric-copy small{display:block;color:#7b879d;font-size:10px;font-weight:700}.metric-copy strong{display:block;overflow:hidden;margin:7px 0 6px;font-size:21px;letter-spacing:-.03em;text-overflow:ellipsis;white-space:nowrap}.metric-copy em{display:block;overflow:hidden;color:#8a96aa;font-size:10px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.metric-arrow{color:#b2bdd0;font-size:12px}
.cockpit-primary-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(330px,.85fr);gap:16px;margin-bottom:22px}.cockpit-primary-grid>.card{margin:0;border-radius:19px;box-shadow:0 10px 30px rgba(20,41,83,.06)}.panel-kicker.green{color:#0a9a6e}.panel-kicker.red{color:#d14a4a}.panel-kicker.purple{color:#8255d8}.cockpit-chart-card{padding:22px 22px 16px}.cockpit-chart-card .card-head h3,.cockpit-diagnosis-card .card-head h3,.cockpit-section-head h3,.cockpit-insight-grid .card-head h3{font-size:17px}.trend-switch{display:flex;padding:3px;border:1px solid #e2e7f1;border-radius:10px;background:#f5f7fb}.trend-switch button{padding:7px 12px;border:0;border-radius:7px;color:#78859a;font-size:11px;background:transparent}.trend-switch button.active{color:#fff;background:#172e60;box-shadow:0 4px 10px rgba(23,46,96,.18)}.trend-stat-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:8px}.trend-stat-strip>div{padding:10px 12px;border-radius:10px;background:#f7f9fc}.trend-stat-strip small{display:block;color:#8591a5;font-size:9px}.trend-stat-strip strong{display:block;margin-top:4px;font-size:13px}.trend-chart.premium{display:block;height:275px;padding:0;border:0}.premium-trend-svg{width:100%;height:100%;overflow:visible}.trend-grid line{stroke:#e8edf5;stroke-width:1}.trend-area{fill:url(#trendArea)}.trend-line{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 5px 6px rgba(70,105,200,.18))}.trend-dots circle{fill:#fff;stroke:currentColor;stroke-width:2}.trend-labels text{fill:#8c98aa;font-size:9px}
.cockpit-diagnosis-card{padding:22px}.cockpit-diagnosis{display:grid;gap:8px}.diagnosis-item{display:grid;grid-template-columns:28px 1fr 12px;gap:10px;align-items:center;padding:11px;border:1px solid #edf0f5;border-radius:12px;text-align:left;color:var(--ink);background:#fbfcfe}.diagnosis-item>span{display:grid;width:28px;height:28px;place-items:center;border-radius:9px;color:#3466db;font-size:11px;font-weight:900;background:#eaf1ff}.diagnosis-item.red>span{color:#bd3636;background:#fff0f0}.diagnosis-item.orange>span{color:#b86d00;background:#fff4df}.diagnosis-item.green>span{color:#087b59;background:#e8f8f1}.diagnosis-item strong{display:block;font-size:11px}.diagnosis-item p{margin:3px 0 0;color:#8490a4;font-size:9px;line-height:1.45}.diagnosis-item>b{color:#9ca8bb}.diagnosis-divider{height:1px;margin:15px 0;background:#edf0f5}.card-head.compact{margin-bottom:9px}.cockpit-actions{gap:6px}.cockpit-actions .action-item{padding:9px;border-radius:10px}.cockpit-actions .action-item:nth-child(n+4){display:none}
.cockpit-section-head{display:flex;align-items:end;justify-content:space-between;margin:0 2px 12px}.cockpit-section-head h3{margin:0 0 5px}.cockpit-section-head p:last-child{margin:0;color:var(--muted);font-size:11px}.store-health-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-bottom:22px}.store-health-card{position:relative;overflow:hidden;padding:17px;border:1px solid #e4e9f2;border-radius:17px;text-align:left;color:var(--ink);background:#fff;box-shadow:0 7px 22px rgba(20,42,84,.05);transition:.2s ease}.store-health-card:before{position:absolute;top:0;left:0;width:100%;height:3px;content:"";background:#8fa6d5}.store-health-card.warning:before{background:#f0a23b}.store-health-card.danger:before{background:#d94b4b}.store-health-card.growth:before{background:#1fad7b}.store-health-card:hover{transform:translateY(-3px);border-color:#b8c9ee;box-shadow:0 14px 30px rgba(25,56,120,.11)}.store-health-head{display:flex;align-items:start;justify-content:space-between;gap:8px}.store-health-head>div{display:grid;grid-template-columns:9px 1fr;gap:2px 8px;align-items:center}.store-health-head small{grid-column:2;color:#98a2b4;font-size:9px}.store-health-dot{width:7px;height:7px;border-radius:50%;background:#7088bb}.store-order-focus{display:flex;align-items:end;justify-content:space-between;margin:18px 0 14px}.store-order-focus small,.store-health-metrics small{display:block;color:#8995a9;font-size:9px}.store-order-focus strong{display:block;margin-top:4px;font-size:28px}.store-order-focus>span{font-size:11px;font-weight:800}.store-health-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:11px 0;border-top:1px solid #edf0f5;border-bottom:1px solid #edf0f5}.store-health-metrics strong{display:block;overflow:hidden;margin-top:4px;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.store-health-foot{display:flex;align-items:center;gap:9px;margin-top:12px;color:#8490a3;font-size:9px}.store-health-foot .risk{color:#cf4545}.store-health-foot b{margin-left:auto;color:#3d67c8}
.cockpit-insight-grid{display:grid;grid-template-columns:1fr 1fr .85fr;gap:16px}.cockpit-insight-grid>.card{margin:0;padding:20px;border-radius:18px}.cockpit-rank-card .rank-item{padding:9px 0}.cockpit-lifecycle{grid-template-columns:repeat(2,1fr);gap:8px}.cockpit-lifecycle .lifecycle-item{padding:10px;border-radius:11px;background:#f7f9fc}.cockpit-risk-links{display:grid;gap:7px;margin-top:14px}.cockpit-risk-links button{display:grid;grid-template-columns:1fr auto 15px;gap:8px;align-items:center;padding:10px 11px;border:1px solid #e8ecf3;border-radius:10px;text-align:left;color:#6f7c91;background:#fbfcfe}.cockpit-risk-links strong{color:#172033;font-size:14px}.cockpit-risk-links b{color:#9ca7b8}
@media(max-width:1450px){.cockpit-metric-grid{grid-template-columns:repeat(3,1fr)}.store-health-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:1100px){.cockpit-primary-grid,.cockpit-insight-grid{grid-template-columns:1fr}.cockpit-hero{grid-template-columns:1fr auto}.cockpit-hero-meta{display:none}.store-health-grid{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.cockpit-hero{grid-template-columns:1fr;padding:22px}.cockpit-hero-status{justify-self:start}.cockpit-pulse{grid-template-columns:1fr 1fr;margin:0 -22px -22px}.cockpit-pulse>div{padding:12px 22px}.cockpit-metric-grid{grid-template-columns:1fr 1fr}.store-health-grid{grid-template-columns:1fr}.trend-stat-strip{grid-template-columns:1fr 1fr}.cockpit-section-head{align-items:flex-start;flex-direction:column;gap:10px}}

.task-subnav{display:inline-flex;gap:6px;margin-bottom:18px;padding:6px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 8px 24px rgba(30,55,95,.06)}.task-subnav button{min-width:132px;padding:11px 18px;border:0;border-radius:11px;color:var(--muted);font-weight:700;background:transparent}.task-subnav button.active{color:#fff;background:linear-gradient(135deg,#2865ef,#4b7df2);box-shadow:0 8px 18px rgba(40,101,239,.22)}.task-subnav button span{display:inline-flex;min-width:22px;height:22px;align-items:center;justify-content:center;margin-left:5px;padding:0 6px;border-radius:999px;color:#d92d45;font-size:12px;background:rgba(224,48,64,.12)}.task-subnav button.active span{color:#fff;background:rgba(255,255,255,.2)}
.delisting-summary{grid-template-columns:repeat(4,minmax(0,1fr))}.delisting-actions{display:flex;min-width:150px;flex-direction:column;gap:8px}.delisting-actions button{white-space:nowrap}.delisting-message{display:block;max-width:230px;margin-top:7px;color:var(--muted);line-height:1.45;white-space:normal}.danger-text{color:#d92d45}.product-cell{display:flex;min-width:260px;align-items:center;gap:11px}.product-cell>div:last-child{display:grid;gap:4px}.product-cell strong{max-width:360px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.product-match-summary{grid-template-columns:repeat(4,minmax(0,1fr))}.product-match-workbench{overflow:hidden}.product-match-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:22px 24px;border-bottom:1px solid var(--line)}.product-match-head h3{margin:4px 0 6px;font-size:20px}.product-match-head p:last-child{max-width:900px;margin:0;color:var(--muted);line-height:1.55}.product-match-list{display:grid;gap:16px;padding:18px;background:#f6f8fc}.product-match-case{overflow:hidden;border:1px solid #dbe3ef;border-radius:16px;background:#fff;box-shadow:0 10px 28px rgba(28,50,85,.06)}.product-match-case>header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 18px;border-bottom:1px solid #e8edf5;background:linear-gradient(135deg,#fbfcff,#f4f8ff)}.product-match-case>header>div{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.product-match-case>header small{width:100%;color:var(--muted)}.product-match-case>header>b{font-size:28px;color:#245edb}.product-match-members{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:#e7ecf4}.product-match-member{display:grid;grid-template-columns:24px 82px minmax(0,1fr) auto;align-items:center;gap:12px;min-width:0;padding:14px 16px;background:#fff;cursor:default}.product-match-member.unbound{background:#fffafb}.product-match-thumb{position:relative;display:grid;width:78px;height:78px;overflow:hidden;place-items:center;border:1px solid #dce4ef;border-radius:12px;background:linear-gradient(145deg,#f4f7fb,#e9eef5);color:#8b98aa;font-weight:800}.product-match-thumb .product-thumb{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#fff}.product-match-thumb:hover .product-thumb{transform:scale(1.05)}.product-match-thumb.missing{cursor:default}.product-match-member-copy{display:grid;min-width:0;gap:4px}.product-match-member-copy strong,.product-match-member-copy small,.product-match-member-copy code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-match-member-copy small{color:var(--muted)}.product-match-member-copy code{font:11px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;color:#53647c}.product-match-member-state{display:grid;justify-items:end;gap:6px}.product-match-member-state small{color:var(--muted);font-size:11px}.product-match-decision{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:16px 18px;border-top:1px solid #e8edf5;background:#fbfcfe}.product-match-target{display:grid;flex:1;gap:7px}.product-match-target label{font-weight:800}.product-match-target>div{display:grid;grid-template-columns:minmax(180px,1fr) auto minmax(260px,1.35fr);gap:8px}.product-match-target small{color:var(--muted)}.product-match-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.product-match-error{padding:11px 18px;color:#bd2438;border-top:1px solid #ffdce1;background:#fff5f6;font-weight:700}.product-match-pagination{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 4px;color:var(--muted)}.product-match-pagination>div{display:flex;gap:8px}
@media(max-width:900px){.delisting-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}

.promotion-command-page{display:none;gap:14px}.promotion-command-page.active{display:grid}.promotion-command-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:26px 28px;border:1px solid #dfe4ec;border-left:4px solid #d34b5f;border-radius:10px;background:#fff}.promotion-command-intro h2{max-width:920px;margin:6px 0 8px;color:#17243b;font-size:24px;line-height:1.28}.promotion-command-intro p:last-child{max-width:800px;color:#6c7789;font-size:11px;line-height:1.7}.promotion-total{min-width:154px;padding:14px 18px;border:1px solid #ead9dc;border-radius:8px;background:#fff8f8}.promotion-total small,.promotion-total span{display:block;color:#8c6870;font-size:9px;font-weight:700}.promotion-total strong{display:block;margin:2px 0;color:#bd3048;font-size:30px;line-height:1}.promotion-command-status,.promotion-command-filter{display:grid;grid-template-columns:180px minmax(0,1fr);align-items:stretch;gap:12px}.promotion-command-label{display:flex;align-items:center;gap:10px;padding:15px 17px;border:1px solid #dfe4ec;border-radius:9px;background:#f8f9fb}.promotion-command-label>span{display:grid;width:27px;height:27px;place-items:center;border-radius:6px;color:#fff;background:#273247;font-size:9px;font-weight:850}.promotion-command-label strong,.promotion-command-label small{display:block}.promotion-command-label strong{color:#273247;font-size:11px}.promotion-command-label small{margin-top:3px;color:#8a94a4;font-size:9px}.promotion-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));overflow:hidden;border:1px solid #dfe4ec;border-radius:9px;background:#fff}.promotion-summary>div{padding:14px 18px;border-right:1px solid #e8ebf0}.promotion-summary>div:last-child{border-right:0}.promotion-summary strong,.promotion-summary span{display:block}.promotion-summary strong{color:#273247;font-size:23px}.promotion-summary span{margin-top:5px;color:#7d8797;font-size:9px;font-weight:750}.promotion-summary .danger strong{color:#bd3048}.promotion-summary .warning strong{color:#b26a19}.promotion-summary .success strong{color:#18835a}.promotion-summary .info strong{color:#2f63d8}.promotion-filter-panel{display:flex;align-items:center;gap:8px;padding:11px;border:1px solid #dfe4ec;border-radius:9px;background:#fff}.promotion-filter-panel .search-input{min-width:300px;flex:1}.promotion-workbench{overflow:hidden}.promotion-workbench-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:18px 20px;border-bottom:1px solid #e4e8ef}.promotion-workbench-head h3{margin:2px 0 4px}.promotion-workbench-head p{color:#7d8797;font-size:10px}.promotion-passive-row{background:#fffafb}.promotion-action-title{display:block;max-width:250px;line-height:1.45;white-space:normal}.promotion-discount{display:inline-flex;min-width:54px;justify-content:center;padding:5px 8px;border-radius:5px;color:#b4233c;background:#fce8ec;font-size:10px;font-weight:850}.promotion-workbench td{vertical-align:middle}.promotion-workbench .product-cell{min-width:230px}.promotion-workbench .delisting-actions{min-width:126px}
.promotion-bulk-bar{display:flex;align-items:center;gap:8px;padding:10px 20px;border-bottom:1px solid #e4e8ef;background:#f8fafc}.promotion-bulk-bar>span{margin-right:auto;color:#344054;font-size:11px;font-weight:800}.promotion-bulk-bar.hidden{display:none}.promotion-bulk-bar button{min-height:34px}.danger-button{border:1px solid #c93650;border-radius:7px;padding:7px 13px;color:#fff;background:#c93650;font-weight:800}.danger-button:disabled{cursor:not-allowed;opacity:.45}.promotion-row-select,#promotionPageSelect{width:16px;height:16px;accent-color:#c93650}
@media(max-width:1100px){.promotion-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.promotion-summary>div{border-bottom:1px solid #e8ebf0}.promotion-command-status,.promotion-command-filter{grid-template-columns:1fr}.promotion-command-label{display:none}}
@media(max-width:700px){.promotion-command-intro{align-items:flex-start;flex-direction:column}.promotion-total{width:100%}.promotion-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.promotion-filter-panel{align-items:stretch;flex-direction:column}.promotion-filter-panel .search-input{min-width:0;width:100%}}

/* 2026-07 data-first redesign: preserve behavior, tighten the operational UI. */
:root {
  --bg: #f3f5f8;
  --panel: #ffffff;
  --ink: #182033;
  --muted: #687386;
  --line: #dfe4eb;
  --nav: #17243b;
  --nav-soft: #22324e;
  --blue: #2f63d8;
  --blue-soft: #eaf0fc;
  --green: #16805d;
  --green-soft: #eaf5f0;
  --orange: #a56612;
  --orange-soft: #fff4df;
  --red: #b63f49;
  --red-soft: #faecee;
  --purple: #6853a7;
  --shadow: 0 14px 38px rgba(24, 32, 51, .12);
}

body { font-variant-numeric: tabular-nums; }
p { text-wrap: pretty; }
button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible { outline: 3px solid rgba(47, 99, 216, .18); outline-offset: 2px; }
.eyebrow, .panel-kicker, .cockpit-kicker { letter-spacing: .04em; text-transform: none; }

.sidebar { width: 224px; padding: 0 10px; background: var(--nav); }
.sidebar-brand { min-height: 74px; padding: 0 8px; border-color: rgba(255, 255, 255, .08); }
.brand-mark.small { width: 34px; height: 34px; border: 1px solid rgba(255, 255, 255, .18); border-radius: 8px; background: transparent; box-shadow: none; }
.sidebar-brand strong { font-size: 14px; }
.sidebar-brand small { color: #8f9db2; font-size: 9px; }
.nav-list { gap: 2px; margin-top: 0; padding: 12px 0; overflow-y: auto; }
.nav-group-label { display: block; padding: 12px 10px 5px; color: #75859e; font-size: 9px; font-weight: 800; letter-spacing: .12em; }
.nav-item { height: 39px; gap: 9px; padding: 0 10px; border-radius: 7px; color: #aeb9ca; font-size: 12px; font-weight: 650; }
.nav-item span { width: 18px; height: auto; border-radius: 0; color: #7f91aa; background: transparent; font-size: 9px; }
.nav-item:hover { background: var(--nav-soft); }
.nav-item.active { background: #2b4d84; box-shadow: none; }
.nav-item.active span { color: #cfe0ff; background: transparent; }
.sidebar-foot { padding: 14px 8px; }
.avatar { border-radius: 7px; }

.app-shell { margin-left: 224px; }
.topbar { min-height: 74px; gap: 18px; padding: 12px 24px; background: rgba(255, 255, 255, .96); }
.topbar h1 { font-size: 20px; }
.topbar .eyebrow { margin-bottom: 4px; color: var(--muted); font-size: 10px; letter-spacing: 0; }
.top-actions { gap: 8px; }
.notification-button { width: auto; height: 36px; padding: 0 12px; border-color: #cbd3df; border-radius: 8px; color: #334057; font-size: 10px; font-weight: 750; }
.date-control { padding: 0 10px; border-left: 1px solid var(--line); }
.date-control input { width: 130px; height: 23px; font-size: 11px; }
.primary, .secondary, .button-link { min-height: 36px; padding: 8px 13px; border-radius: 8px; box-shadow: none; font-size: 11px; }
.primary:hover, .secondary:hover, .button-link:hover { transform: none; }
.primary:hover { background: #2858c3; }
.content { padding: 22px 24px 50px; }

.card { margin-bottom: 14px; padding: 16px; border-radius: 10px; box-shadow: none; }
.card-head { margin-bottom: 12px; }
.card h3, .card-head h3 { font-size: 13px; }
.card-head p { font-size: 10px; }
.section-heading { margin-bottom: 14px; }
.section-heading h2 { font-size: 16px; }
.section-heading p { font-size: 11px; }
.count-pill, .badge { border-radius: 5px; }

.cockpit-page { --cockpit-navy: #17243b; --cockpit-blue: #2f63d8; --cockpit-surface: #f8f9fb; }
.cockpit-hero { grid-template-columns: minmax(300px, 1.2fr) auto auto; gap: 22px; margin-bottom: 14px; padding: 17px 18px; border: 1px solid var(--line); border-radius: 10px; color: var(--ink); background: #fff; box-shadow: none; }
.cockpit-hero::after { display: none; }
.cockpit-kicker { margin-bottom: 5px; color: var(--muted); font-size: 9px; }
.cockpit-hero h2 { margin-bottom: 7px; font-size: 16px; }
.cockpit-hero-copy > p:last-child { color: var(--muted); font-size: 10px; }
.hero-divider { background: #aeb7c5; }
.cockpit-hero-status { padding: 9px 12px; border: 1px solid var(--line); border-radius: 8px; background: #f8f9fb; backdrop-filter: none; }
.cockpit-status-dot { background: var(--green); box-shadow: 0 0 0 4px var(--green-soft); }
.cockpit-hero-status small, .cockpit-hero-meta small { color: var(--muted); font-size: 9px; }
.cockpit-hero-status strong { margin-top: 3px; font-size: 12px; }
.cockpit-hero-meta > span { color: #445168; font-size: 10px; }
.cockpit-hero-meta { color: var(--muted); }
.cockpit-pulse { display: none; }

.cockpit-metric-grid { grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 0; overflow: hidden; margin-bottom: 14px; border: 1px solid var(--line); border-radius: 10px; background: #fff; }
.cockpit-metric-card { grid-template-columns: 1fr auto; gap: 8px; min-height: 104px; padding: 15px 16px; border: 0; border-right: 1px solid var(--line); border-radius: 0; box-shadow: none; }
.cockpit-metric-card:last-child { border-right: 0; }
.cockpit-metric-card:hover { z-index: 1; transform: none; border-color: var(--line); background: #f8f9fb; box-shadow: inset 0 -2px 0 var(--blue); }
.metric-icon { display: none; }
.metric-copy small { color: var(--muted); font-size: 10px; }
.metric-copy strong { margin: 10px 0 6px; font-size: 23px; }
.metric-copy em { color: #929bad; font-size: 9px; }
.metric-arrow { color: #a6afbd; }

.cockpit-primary-grid { grid-template-columns: minmax(0, 1.55fr) minmax(320px, .75fr); gap: 14px; margin-bottom: 22px; }
.cockpit-primary-grid > .card, .cockpit-insight-grid > .card { border-radius: 10px; box-shadow: none; }
.cockpit-chart-card, .cockpit-diagnosis-card { padding: 16px; }
.cockpit-chart-card .card-head h3, .cockpit-diagnosis-card .card-head h3, .cockpit-section-head h3, .cockpit-insight-grid .card-head h3 { font-size: 13px; }
.panel-kicker { display: none; }
.trend-switch { padding: 2px; border-radius: 7px; background: #f8f9fb; }
.trend-switch button { padding: 6px 9px; border-radius: 5px; font-size: 9px; }
.trend-switch button.active { background: var(--nav); box-shadow: none; }
.trend-stat-strip { gap: 0; border: 1px solid #edf0f4; border-radius: 7px; overflow: hidden; }
.trend-stat-strip > div { padding: 9px 11px; border-right: 1px solid #edf0f4; border-radius: 0; background: #fff; }
.trend-stat-strip > div:last-child { border-right: 0; }
.trend-chart.premium { height: 242px; }
.trend-line { stroke-width: 2.2; filter: none; }
.diagnosis-item { grid-template-columns: 8px 1fr 12px; padding: 10px 4px; border: 0; border-bottom: 1px solid #edf0f4; border-radius: 0; background: #fff; }
.diagnosis-item > span { width: 6px; height: 6px; border-radius: 50%; color: transparent; background: var(--blue); }
.diagnosis-item.red > span { color: transparent; background: var(--red); }
.diagnosis-item.orange > span { color: transparent; background: var(--orange); }
.diagnosis-item.green > span { color: transparent; background: var(--green); }
.diagnosis-item strong { font-size: 11px; }
.diagnosis-item p { color: var(--muted); font-size: 9px; }
.action-item { border: 1px solid #edf0f4; border-radius: 7px; background: #fff; }
.action-icon { border-radius: 5px; }

.cockpit-section-head { align-items: end; margin-bottom: 10px; }
.cockpit-section-head p:last-child { font-size: 10px; }
.store-health-grid { gap: 0; overflow: hidden; margin-bottom: 22px; border: 1px solid var(--line); border-radius: 10px; background: #fff; }
.store-health-card { border: 0; border-bottom: 1px solid #edf0f4; border-radius: 0; box-shadow: none; }
.store-health-card:last-child { border-bottom: 0; }
.store-health-card::before { width: 3px; height: 100%; }
.store-health-card:hover { transform: none; border-color: transparent; background: #f8f9fb; box-shadow: none; }
.store-order-focus { margin: 14px 0 11px; }
.store-order-focus strong { font-size: 24px; }
.store-health-metrics { padding: 9px 0; }
.store-health-foot { margin-top: 10px; }

.cockpit-insight-grid { gap: 14px; }
.cockpit-insight-grid > .card { padding: 16px; }
.cockpit-lifecycle .lifecycle-item, .cockpit-risk-links button { border-radius: 7px; }

table { font-size: 11px; }
th { padding: 10px 11px; color: #5f6b7d; background: #f8f9fb; font-size: 9px; }
td { padding: 11px; }
.table-wrap, .table-wrap.tall { scrollbar-color: #c6ceda transparent; }
.filter-select, .search-input, .modal-card input, .modal-card select, .modal-card textarea { border-radius: 8px; }
.modal-card { border-radius: 12px; box-shadow: var(--shadow); }
.notification-popover, .store-popover, .sync-monitor { border-radius: 10px; box-shadow: var(--shadow); }

@media (max-width: 1450px) {
  .cockpit-metric-grid { grid-template-columns: repeat(3, 1fr); }
  .cockpit-metric-card:nth-child(3n) { border-right: 0; }
  .cockpit-metric-card:nth-child(-n+3) { border-bottom: 1px solid var(--line); }
  .store-health-grid { grid-template-columns: repeat(2, 1fr); }
  .store-health-card:nth-child(odd) { border-right: 1px solid #edf0f4; }
}
@media (max-width: 1100px) {
  .cockpit-primary-grid, .cockpit-insight-grid { grid-template-columns: 1fr; }
}
@media (max-width: 860px) {
  .sidebar { transform: translateX(-102%); }
  .app-shell { margin-left: 0; }
  .topbar { padding: 12px 15px; }
  .content { padding: 18px 15px 46px; }
  .menu-button, .notification-button, .top-actions .primary, .top-actions .secondary, .nav-item { min-height: 44px; }
  .menu-button, .notification-button { height: 44px; }
  .date-control input { min-height: 44px; }
}
@media (max-width: 720px) {
  .cockpit-hero { grid-template-columns: 1fr; padding: 15px; }
  .cockpit-metric-grid { grid-template-columns: repeat(2, 1fr); }
  .cockpit-metric-card:nth-child(3n) { border-right: 1px solid var(--line); }
  .cockpit-metric-card:nth-child(2n) { border-right: 0; }
  .cockpit-metric-card:nth-child(-n+4) { border-bottom: 1px solid var(--line); }
  .store-health-grid { grid-template-columns: 1fr; }
  .store-health-card:nth-child(odd) { border-right: 0; }
}

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

/* Taste visual system: Operational Command. */
.skip-nav { position: fixed; left: 12px; top: 10px; z-index: 100; padding: 9px 12px; border-radius: 8px; color: #fff; background: var(--nav); box-shadow: var(--shadow); font-size: 11px; font-weight: 750; text-decoration: none; transform: translateY(-160%); transition: transform 140ms ease; }
.skip-nav:focus { transform: translateY(0); }

.login-page { background: #edf1f5; }
.login-shell { overflow: hidden; border: 1px solid var(--line); border-radius: 12px; box-shadow: 0 24px 64px rgba(23, 36, 59, .14); }
.login-brand { background: var(--nav); }
.login-brand::before, .login-brand::after { border-color: rgba(255, 255, 255, .08); }
.login-brand .eyebrow { color: #9eb8e8; }
.login-brand > p:not(.eyebrow) { color: #bdc8d8; }
.brand-mark:not(.small) { border-radius: 11px; background: transparent; box-shadow: none; }
.login-card { background: #fff; }

button, a, input, select, textarea { transition: border-color 140ms ease, background-color 140ms ease, color 140ms ease, opacity 140ms ease, transform 140ms ease; }
button:active:not(:disabled), .button-link:active { transform: translateY(1px); }
input::placeholder, textarea::placeholder { color: #7c8799; opacity: 1; }
button:disabled, input:disabled, select:disabled, textarea:disabled { cursor: not-allowed; opacity: .55; }

.metric-copy strong,
.trend-stat-strip strong,
.store-order-focus strong,
.store-health-metrics strong,
.task-summary strong,
.execution-lane strong,
.new-link-summary strong,
.review-summary strong,
.inventory-summary-card strong,
.readiness-score strong,
.count-pill,
.count-cell,
.trend,
.badge { font-family: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace; font-variant-numeric: tabular-nums; }

.task-summary,
.new-link-summary,
.review-summary,
.inventory-summary { gap: 0; overflow: hidden; border: 1px solid var(--line); border-radius: 10px; background: #fff; }
.task-summary > div,
.new-link-summary > div,
.review-summary > div,
.inventory-summary-card { min-width: 0; border: 0; border-right: 1px solid var(--line); border-radius: 0; box-shadow: none; background: #fff; }
.task-summary > div:last-child,
.new-link-summary > div:last-child,
.review-summary > div:last-child,
.inventory-summary-card:last-child { border-right: 0; }
.task-summary > div { min-height: 58px; padding: 12px 14px; }
.task-summary strong, .new-link-summary strong, .review-summary strong { letter-spacing: -.04em; }
.new-link-summary > div { min-height: 86px; padding: 13px 14px; }
.new-link-summary strong { margin: 8px 0 4px; font-size: 21px; }
.new-link-summary em { color: #7f899a; font-size: 9px; }
.review-summary > div { min-height: 58px; padding: 12px 14px; }
.inventory-summary { margin-bottom: 14px; }
.inventory-summary-card { min-height: 94px; padding: 14px 16px; }
.inventory-summary-card.orange { border-left: 0; background: #fcfaf6; }
.inventory-summary-card.red { border-left: 0; background: #fcf7f8; }
.inventory-summary-card.gray { border-left: 0; background: #f8f9fb; }
.inventory-summary-card strong { font-size: 24px; }

.execution-lanes { gap: 0; overflow: hidden; border: 1px solid var(--line); border-radius: 10px; background: #fff; }
.execution-lane { min-height: 56px; padding: 11px 13px; border: 0; border-right: 1px solid var(--line); border-radius: 0; }
.execution-lane:last-child { border-right: 0; }
.execution-lane:hover { border-color: var(--line); background: #f8f9fb; }
.execution-lane.active { color: var(--blue); border-color: var(--line); background: var(--blue-soft); box-shadow: inset 0 -2px 0 var(--blue); }
.execution-lane small { color: #7f899a; font-size: 9px; }

.task-subnav { gap: 2px; margin-bottom: 14px; padding: 3px; border-radius: 8px; box-shadow: none; }
.task-subnav button { min-width: 118px; padding: 8px 13px; border-radius: 6px; font-size: 11px; }
.task-subnav button.active { background: var(--nav); box-shadow: none; }
.task-subnav button span { min-width: 20px; height: 20px; border-radius: 5px; }

.workspace-kicker { margin: 0 0 5px; color: var(--blue); font-size: 9px; font-weight: 850; letter-spacing: .12em; }
.task-page-intro { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 24px; align-items: end; margin-bottom: 14px; padding: 16px 18px; border: 1px solid var(--line); border-radius: 10px; background: #fff; }
.task-page-intro .section-heading { min-width: 0; margin: 0; }
.task-page-intro .task-subnav { align-self: center; margin: 0; }
.task-total { display: grid; min-width: 82px; padding-left: 16px; border-left: 1px solid var(--line); text-align: right; }
.task-total small { color: var(--muted); font-size: 9px; }
.task-total strong { margin-top: 3px; color: var(--ink); font: 750 20px/1 ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace; font-variant-numeric: tabular-nums; }

.task-command-deck { display: grid; grid-template-columns: 118px minmax(0, 1fr); gap: 0; overflow: hidden; margin-bottom: 14px; border: 1px solid var(--line); border-radius: 10px; background: #fff; }
.task-deck-label { display: flex; align-items: center; gap: 10px; padding: 13px 14px; border-right: 1px solid var(--line); background: #f8f9fb; }
.task-deck-label.lane-label { border-top: 1px solid var(--line); }
.task-deck-label > span { display: grid; width: 26px; height: 26px; flex: 0 0 26px; place-items: center; border-radius: 6px; color: var(--blue); background: var(--blue-soft); font: 750 9px/1 ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace; }
.task-deck-label strong, .task-deck-label small { display: block; }
.task-deck-label strong { font-size: 10px; }
.task-deck-label small { margin-top: 3px; color: var(--muted); font-size: 8px; line-height: 1.45; }
.task-command-deck .task-summary, .task-command-deck .execution-lanes { margin: 0; border: 0; border-radius: 0; }
.task-command-deck .task-summary { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.task-command-deck .task-summary > div { min-height: 72px; }
.task-command-deck .execution-lanes { border-top: 1px solid var(--line); }

.task-workbench { overflow: hidden; padding: 0; }
.task-workbench-head { display: flex; align-items: end; justify-content: space-between; gap: 24px; padding: 16px 18px 13px; border-bottom: 1px solid var(--line); }
.task-workbench-head h3 { margin: 0 0 4px; font-size: 14px; }
.task-workbench-head p:not(.workspace-kicker) { margin: 0; color: var(--muted); font-size: 10px; }
.task-workbench .task-filter-result { display: grid; justify-items: end; margin: 0; text-align: right; }
.task-workbench .task-filter-result strong { font: 750 13px/1.2 ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace; font-variant-numeric: tabular-nums; }
.task-workbench .task-filter-result span { margin-top: 3px; }
.task-workbench .task-filter-bar { padding: 13px 18px; border-bottom: 1px solid var(--line); background: #f8f9fb; }
.task-bulk-bar, .task-undo-bar { display: flex; min-height: 52px; align-items: center; justify-content: space-between; gap: 18px; padding: 9px 18px; border-bottom: 1px solid #cddafa; background: #f3f7ff; }
.task-bulk-bar.hidden, .task-undo-bar.hidden { display: none; }
.task-bulk-summary strong, .task-bulk-summary span, .task-undo-bar strong, .task-undo-bar span { display: block; }
.task-bulk-summary strong, .task-undo-bar strong { color: #273247; font-size: 10px; }
.task-bulk-summary span, .task-undo-bar span { margin-top: 2px; color: #667085; font-size: 8px; }
.task-bulk-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 6px; }
.task-bulk-outcome, .task-select-page-type, .task-clear-selection, .task-undo-bar button { min-height: 30px; padding: 0 10px; border: 1px solid #c8d6ee; border-radius: 6px; color: #2451a6; background: #fff; font-size: 9px; font-weight: 800; }
.task-bulk-outcome:hover, .task-undo-bar button:hover { border-color: var(--blue); background: var(--blue-soft); }
.task-select-page-type, .task-clear-selection { color: #667085; border-color: #d8dee8; }
.task-undo-bar { border-color: #bde1d3; background: #f1faf6; }
.task-undo-bar button { color: #08704e; border-color: #acd8c8; }
.task-workbench .task-board { padding: 14px 18px 18px; }
.task-workbench .table-pagination { margin: 0; padding: 0 18px 16px; }

.task-card { grid-template-columns: 56px 1fr 170px; gap: 14px; padding: 14px; border: 1px solid var(--line); border-left: 1px solid var(--line); border-radius: 8px; background: #fff; }
.task-card:hover { border-color: #bcc8d9; background: #fbfcfd; }
.task-card.selected { border-color: #8eacf0; box-shadow: inset 0 0 0 1px #8eacf0; }
.task-card.warning { border-left-color: var(--line); border-color: #e8d7ba; background: #fdfbf7; }
.task-card.danger { border-left-color: var(--line); border-color: #e8c9cd; background: #fdf8f9; }
.task-card.selected, .task-card.warning.selected, .task-card.danger.selected { border-color: #8eacf0; box-shadow: inset 0 0 0 1px #8eacf0; }
.task-card p { color: #5f6b7d; font-size: 10px; }
.task-product-column { display: flex; flex-direction: column; align-items: center; gap: 8px; }
.task-product-column .task-product-image { width: 56px; height: 56px; }
.task-select-control { position: relative; display: grid; width: 20px; height: 20px; place-items: center; cursor: pointer; }
.task-select-control input { position: absolute; opacity: 0; pointer-events: none; }
.task-select-control span { display: block; width: 15px; height: 15px; border: 1px solid #b9c3d2; border-radius: 4px; background: #fff; }
.task-select-control input:checked + span { border-color: var(--blue); background: var(--blue); box-shadow: inset 0 0 0 3px #fff; }
.task-select-control input:focus-visible + span { outline: 2px solid #8eacf0; outline-offset: 2px; }
.task-select-control input:disabled + span { cursor: not-allowed; opacity: .35; }
.task-quick-actions { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 8px 0; padding-top: 8px; border-top: 1px solid #e8edf4; }
.task-quick-actions > span { flex: 0 0 auto; color: #667085; font-size: 8px; font-weight: 700; }
.task-quick-actions > div { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 5px; }
.task-outcome { min-height: 29px; padding: 0 9px; border: 1px solid #d4dce8; border-radius: 6px; color: #344054; background: #fff; font-size: 9px; font-weight: 800; transition: border-color .14s ease, color .14s ease, background .14s ease; }
.task-outcome:hover { color: #2451a6; border-color: #9db8ef; background: #f5f8ff; }
.task-outcome.recommended { color: #fff; border-color: var(--blue); background: var(--blue); }
.task-outcome.recommended:hover { background: #2457cc; }
.task-outcome:focus-visible, .task-bulk-outcome:focus-visible, .task-select-page-type:focus-visible, .task-clear-selection:focus-visible, .task-undo-bar button:focus-visible { outline: 2px solid #8eacf0; outline-offset: 2px; }
.task-outcome:disabled, .task-bulk-outcome:disabled { cursor: wait; opacity: .55; }

.review-item { border: 1px solid var(--line); border-left: 1px solid var(--line); border-radius: 8px; background: #fff; }
.review-item.effective { border-left-color: var(--line); border-color: #c9dfd6; }
.review-item.stable { border-left-color: var(--line); border-color: #cad6ee; }
.review-item.worse { border-left-color: var(--line); border-color: #e8c9cd; }
.review-window { border-radius: 6px; }

.listing-period-bar { padding: 10px 12px; border-radius: 8px; }
.listing-period-bar input { border-radius: 8px; }
.listing-matrix-wrap { border-radius: 8px; }
.monitor-mode-tabs, .profit-dimension-tabs { border-radius: 8px; }
.monitor-mode-tabs button, .profit-dimension-tabs button { border-radius: 6px; }

.permission-template-grid { gap: 0; overflow: hidden; border: 1px solid var(--line); border-radius: 10px; background: #fff; }
.permission-template-card { padding: 14px; border: 0; border-right: 1px solid var(--line); border-radius: 0; }
.permission-template-card:last-child { border-right: 0; }
.permission-template-card.admin { border-color: var(--line); background: var(--blue-soft); }
.permission-template-card.manager { border-color: var(--line); background: var(--green-soft); }
.permission-template-card span { border-radius: 5px; }
.permission-check-grid label { border-radius: 8px; }

.readiness-card { border-radius: 10px; }
.readiness-card > p { border-radius: 8px; }
.readiness-bars i { height: 5px; background: #e7ebf0; }
.readiness-bars i em { background: var(--blue); }
.channel-card { border-color: var(--line); background: #fff; }
.missing-profit-item { border: 1px solid #edf0f4; border-radius: 8px; background: #fff; }

.sync-monitor-icon { border-radius: 7px; }
.sync-monitor-toggle { border-radius: 7px; }
.sync-progress { height: 5px; background: #e7ebf0; }
.sync-progress span { background: var(--blue); }
.modal-card { padding: 20px; }
.modal-head h3 { font-size: 16px; }
.icon-button { border-radius: 8px; }

.notice { border-radius: 8px; }
.badge, .status-badge, .potential-grade, .count-pill { border-radius: 5px; }
.thumb-link, .thumb-wrap { border-radius: 8px; }

@media (max-width: 1240px) {
  .new-link-summary { grid-template-columns: repeat(3, 1fr); }
  .new-link-summary > div:nth-child(3n) { border-right: 0; }
  .new-link-summary > div:nth-child(-n+3) { border-bottom: 1px solid var(--line); }
  .permission-template-grid { grid-template-columns: repeat(2, 1fr); }
  .permission-template-card:nth-child(2n) { border-right: 0; }
  .permission-template-card:nth-child(-n+4) { border-bottom: 1px solid var(--line); }
}

@media (max-width: 900px) {
  .task-bulk-bar, .task-undo-bar, .task-quick-actions { align-items: flex-start; flex-direction: column; }
  .task-bulk-actions, .task-quick-actions > div { justify-content: flex-start; }
  .task-page-intro { grid-template-columns: 1fr; gap: 12px; }
  .task-page-intro .task-subnav { justify-self: start; }
  .task-command-deck { grid-template-columns: 96px minmax(0, 1fr); }
  .task-command-deck .task-summary { grid-template-columns: repeat(2, 1fr); }
  .task-summary, .review-summary { grid-template-columns: repeat(2, 1fr); }
  .task-summary > div:nth-child(2n), .review-summary > div:nth-child(2n) { border-right: 0; }
  .task-summary > div, .review-summary > div { border-bottom: 1px solid var(--line); }
  .task-summary > div:last-child, .review-summary > div:last-child { border-bottom: 0; }
  .inventory-summary { grid-template-columns: repeat(2, 1fr); }
  .inventory-summary-card:nth-child(2n) { border-right: 0; }
  .inventory-summary-card:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
}

@media (max-width: 680px) {
  .task-page-intro { padding: 14px; }
  .task-page-intro .section-heading { align-items: flex-start; }
  .task-total { min-width: 62px; padding-left: 10px; }
  .task-page-intro .task-subnav { display: grid; width: 100%; grid-template-columns: repeat(3,1fr); }
  .task-page-intro .task-subnav button { min-width: 0; min-height: 44px; }
  .product-match-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.product-match-head,.product-match-decision{align-items:stretch;flex-direction:column}.product-match-members{grid-template-columns:1fr}.product-match-target>div{grid-template-columns:1fr}.product-match-actions{justify-content:stretch}.product-match-actions button{flex:1}
  .task-command-deck { grid-template-columns: 1fr; }
  .task-deck-label { border-right: 0; border-bottom: 1px solid var(--line); }
  .task-deck-label.lane-label { border-top: 0; }
  .task-command-deck .task-summary { grid-template-columns: repeat(2, 1fr); }
  .task-workbench-head { align-items: flex-start; padding: 14px; }
  .task-workbench .task-filter-result { justify-items: start; text-align: left; }
  .task-workbench .task-filter-bar { padding: 12px 14px; }
  .task-workbench .filter-select, .task-workbench .search-input { min-height: 44px; }
  .task-workbench .task-filter-bar .search-input { grid-column: 1 / -1; }
  .task-workbench .task-board { padding: 12px 14px 14px; }
  .task-workbench .table-pagination { padding: 0 14px 14px; }
  .new-link-summary { grid-template-columns: repeat(2, 1fr); }
  .new-link-summary > div:nth-child(3n) { border-right: 1px solid var(--line); }
  .new-link-summary > div:nth-child(2n) { border-right: 0; }
  .new-link-summary > div:nth-child(-n+4) { border-bottom: 1px solid var(--line); }
  .execution-lanes { grid-template-columns: repeat(2, 1fr); }
  .execution-lane { border-bottom: 1px solid var(--line); }
  .execution-lane:nth-child(2n) { border-right: 0; }
  .task-card { grid-template-columns: 1fr; }
  .permission-template-grid { grid-template-columns: 1fr; }
  .permission-template-card { border-right: 0; border-bottom: 1px solid var(--line); }
  .permission-template-card:last-child { border-bottom: 0; }
}

/* Garden v0: listing command center */
.listing-command-page { --listing-section-line: #dfe4ec; }
.listing-command-intro { display: flex; min-height: 116px; align-items: center; justify-content: space-between; gap: 28px; margin-bottom: 14px; padding: 20px 22px; border: 1px solid var(--line); border-top: 3px solid var(--ink); border-radius: 10px; background: #fff; }
.listing-command-intro h2 { max-width: 760px; margin: 0 0 6px; font-size: clamp(20px, 2vw, 27px); letter-spacing: -.035em; text-wrap: pretty; }
.listing-command-intro p:last-child { max-width: 760px; margin: 0; color: var(--muted); font-size: 11px; line-height: 1.6; text-wrap: pretty; }
.listing-heading-actions { flex: 0 0 auto; }
.listing-heading-actions .primary, .listing-heading-actions .secondary { min-height: 44px; }
.listing-section-nav { position: sticky; top: 86px; z-index: 11; display: flex; min-height: 48px; align-items: center; justify-content: space-between; gap: 16px; margin: 0 0 12px; padding: 6px 8px 6px 14px; border: 1px solid #dfe4ec; border-radius: 9px; background: rgba(255, 255, 255, .96); box-shadow: 0 8px 22px rgba(23, 32, 51, .07); backdrop-filter: blur(12px); }
.listing-section-nav > span { color: #7d8797; font-size: 9px; font-weight: 800; letter-spacing: .08em; white-space: nowrap; }
.listing-section-nav > div { display: flex; align-items: center; gap: 3px; }
.listing-section-nav button { min-height: 34px; padding: 0 12px; border: 0; border-radius: 6px; color: #667085; background: transparent; font-size: 10px; font-weight: 750; transition: color .15s ease, background .15s ease; }
.listing-section-nav button:hover { color: #273247; background: #f1f4f8; }
.listing-section-nav button.active { color: #fff; background: #273247; }
.listing-command-scope, .listing-command-status { display: grid; grid-template-columns: 138px minmax(0, 1fr); border: 1px solid var(--listing-section-line); border-radius: 10px; background: #fff; }
.listing-command-scope { margin-bottom: 12px; }
.listing-command-status { margin-bottom: 14px; }
.listing-command-label { display: flex; min-height: 100%; align-items: flex-start; gap: 10px; padding: 15px; border-right: 1px solid var(--listing-section-line); background: #f8f9fb; }
.listing-command-label > span { color: #98a2b3; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 10px; font-weight: 800; letter-spacing: .08em; }
.listing-command-label strong, .listing-command-label small { display: block; }
.listing-command-label strong { color: #273247; font-size: 11px; }
.listing-command-label small { margin-top: 5px; color: #8a94a5; font-size: 8px; line-height: 1.45; }
.listing-command-scope .listing-period-bar { display: grid; min-height: 88px; align-content: center; align-items: center; margin: 0; padding: 11px 14px; border: 0; border-radius: 0; box-shadow: none; }
.listing-command-scope .listing-period-controls { display: grid; width: 100%; grid-template-columns: 104px 142px 14px 142px minmax(128px, 1fr) minmax(128px, 1fr) auto; gap: 8px; }
.listing-command-scope .listing-period-controls > * { min-width: 0; }
.listing-command-scope .listing-period-controls > span { text-align: center; }
.listing-command-scope .listing-period-bar > span { margin-top: 7px; text-align: right; }
.listing-command-status .new-link-summary { margin: 0; gap: 0; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.listing-command-status .new-link-summary > div { min-height: 92px; border-width: 0 1px 1px 0; border-radius: 0; box-shadow: none; }
.listing-command-status .new-link-summary > div:nth-child(4n) { border-right: 0; }
.listing-command-status .new-link-summary > div:nth-child(n+5) { border-bottom: 0; }
.listing-command-status .new-link-summary small { color: #5e6879; font-size: 10px; font-weight: 700; }
.listing-command-status .new-link-summary strong { margin: 8px 0 6px; font-size: 23px; }
.listing-command-status .new-link-summary em { max-width: 210px; color: #7a8494; font-size: 9px; line-height: 1.45; text-wrap: pretty; }
.listing-command-status .new-link-summary > div:nth-child(-n+4) strong { color: #172033; font-size: 25px; }
.listing-command-section { margin-bottom: 12px; padding: 0; overflow: hidden; border-radius: 10px; box-shadow: none; }
.listing-command-section .card-head { min-height: 76px; align-items: center; margin: 0; padding: 14px 16px; border-bottom: 1px solid var(--listing-section-line); background: #fff; }
.listing-command-section .card-head h3, .listing-job-head h3 { margin: 2px 0 3px; font-size: 15px; letter-spacing: -.02em; }
.listing-command-section .card-head p:last-child, .listing-job-head p:last-child { margin: 0; color: var(--muted); font-size: 9px; }
.listing-command-section .table-wrap:not(.tall) { max-height: 430px; }
.listing-command-section .table-wrap th:first-child, .listing-command-section .table-wrap td:first-child { padding-left: 16px; }
.listing-command-section .table-wrap th:last-child, .listing-command-section .table-wrap td:last-child { padding-right: 16px; }
.listing-command-section th { background: #f7f8fa; }
.listing-state-legend { display: flex; align-items: center; gap: 11px; color: #6f7989; font-size: 8px; white-space: nowrap; }
.listing-state-legend span { display: inline-flex; align-items: center; gap: 5px; }
.listing-state-legend i { width: 8px; height: 8px; border: 1px solid transparent; border-radius: 2px; }
.listing-state-legend i.good { border-color: #b9e8d2; background: #e6f7ef; }
.listing-state-legend i.near { border-color: #c6d5fb; background: #e5edff; }
.listing-state-legend i.bad { border-color: #f1caca; background: #fff0f0; }
.listing-state-legend i.off { border-color: #dfe3e9; background: #f4f5f7; }
.listing-matrix-section .listing-matrix-wrap { max-height: 540px; border: 0; border-radius: 0; }
.listing-command-page .listing-matrix .matrix-owner { box-shadow: 6px 0 10px -10px rgba(23, 32, 51, .6); }
.listing-job-head { min-height: 76px; padding: 14px 16px; border-bottom: 1px solid var(--listing-section-line); }
.listing-job-workbench .table-tools { margin: 0; padding: 12px 16px; border-bottom: 1px solid var(--listing-section-line); background: #fbfcfd; }
.listing-job-workbench .listing-filters { display: grid; grid-template-columns: 150px 150px 160px minmax(240px, 1fr); }
.listing-job-workbench .search-input { max-width: none; }
.listing-job-workbench .table-wrap.tall { min-height: 360px; max-height: calc(100vh - 250px); }
.listing-command-page button:focus-visible, .listing-command-page input:focus-visible, .listing-command-page select:focus-visible { outline: 2px solid var(--blue); outline-offset: 2px; }
.listing-command-page .listing-cell { transition: background .16s ease, box-shadow .16s ease, transform .16s ease; }
.listing-command-page .listing-cell:hover { transform: translateY(-1px); }
.listing-command-page .listing-cell:focus-visible { outline: 2px solid var(--blue); outline-offset: -2px; box-shadow: none; }
.listing-command-page tbody tr { transition: background .14s ease; }

.newlink-command-page { --newlink-section-line: #dfe4ec; }
.newlink-command-intro { display: grid; min-height: 116px; grid-template-columns: minmax(0, 1fr) 144px; align-items: center; gap: 28px; margin-bottom: 12px; padding: 20px 22px; border: 1px solid var(--line); border-top: 3px solid var(--ink); border-radius: 10px; background: #fff; }
.newlink-command-intro h2 { max-width: 780px; margin: 0 0 6px; font-size: clamp(20px, 2vw, 27px); letter-spacing: -.035em; text-wrap: pretty; }
.newlink-command-intro p:last-child { max-width: 760px; margin: 0; color: var(--muted); font-size: 11px; line-height: 1.6; text-wrap: pretty; }
.newlink-total { display: grid; align-content: center; min-height: 74px; padding-left: 22px; border-left: 1px solid var(--newlink-section-line); text-align: right; }
.newlink-total small, .newlink-total strong, .newlink-total span { display: block; }
.newlink-total small { color: var(--muted); font-size: 9px; font-weight: 750; }
.newlink-total strong { margin: 5px 0 4px; color: var(--ink); font: 760 28px/1 ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace; font-variant-numeric: tabular-nums; }
.newlink-total span { color: #98a2b3; font-size: 8px; }
.newlink-command-status, .newlink-decision-deck { display: grid; grid-template-columns: 138px minmax(0, 1fr); overflow: hidden; margin-bottom: 12px; border: 1px solid var(--newlink-section-line); border-radius: 10px; background: #fff; }
.newlink-command-label { display: flex; align-items: flex-start; gap: 10px; padding: 15px; border-right: 1px solid var(--newlink-section-line); background: #f8f9fb; }
.newlink-command-label > span { color: #98a2b3; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 10px; font-weight: 800; letter-spacing: .08em; }
.newlink-command-label strong, .newlink-command-label small { display: block; }
.newlink-command-label strong { color: #273247; font-size: 11px; }
.newlink-command-label small { margin-top: 5px; color: #8a94a5; font-size: 8px; line-height: 1.45; }
.newlink-command-status .new-link-summary { margin: 0; border: 0; border-radius: 0; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.newlink-command-status .new-link-summary > div { min-height: 92px; border-right: 1px solid var(--newlink-section-line); border-bottom: 1px solid var(--newlink-section-line); }
.newlink-command-status .new-link-summary > div:nth-child(4n) { border-right: 0; }
.newlink-command-status .new-link-summary > div:nth-child(n+5) { border-bottom: 0; }
.newlink-command-status .new-link-summary small { color: #5e6879; font-size: 10px; font-weight: 700; }
.newlink-command-status .new-link-summary strong { margin: 8px 0 6px; color: #172033; font-size: 24px; }
.newlink-command-status .new-link-summary em { max-width: 210px; color: #7a8494; font-size: 9px; line-height: 1.45; text-wrap: pretty; }
.newlink-mode-panel { display: grid; grid-template-columns: minmax(350px, .85fr) minmax(420px, 1.15fr); align-items: center; gap: 24px; padding: 12px 14px; }
.newlink-mode-panel .monitor-mode-tabs { display: grid; width: 100%; grid-template-columns: repeat(3, 1fr); gap: 0; margin: 0; padding: 3px; border-radius: 8px; background: #f3f5f8; }
.newlink-mode-panel .monitor-mode-tabs button { min-width: 0; border-radius: 6px; }
.newlink-mode-panel .monitor-mode-tabs button.active { background: #273247; }
.newlink-mode-notes { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; color: #7b8595; font-size: 8px; }
.newlink-mode-notes span { padding: 5px 12px; border-left: 1px solid var(--newlink-section-line); text-align: center; }
.newlink-workbench { overflow: hidden; padding: 0; border-radius: 10px; box-shadow: none; }
.newlink-workbench-head { display: flex; min-height: 76px; align-items: center; justify-content: space-between; gap: 24px; padding: 14px 16px; border-bottom: 1px solid var(--newlink-section-line); }
.newlink-workbench-head h3 { margin: 2px 0 3px; font-size: 15px; letter-spacing: -.02em; }
.newlink-workbench-head p:last-child { margin: 0; color: var(--muted); font-size: 9px; }
.newlink-workbench-head .table-hint { max-width: 390px; padding-left: 14px; border-left: 1px solid var(--newlink-section-line); line-height: 1.5; text-align: right; }
.newlink-workbench .table-tools { margin: 0; padding: 12px 16px; border-bottom: 1px solid var(--newlink-section-line); background: #fbfcfd; }
.newlink-workbench .listing-filters { display: grid; width: min(100%, 680px); grid-template-columns: repeat(3, minmax(150px, 1fr)); }
.newlink-workbench .table-wrap.tall { min-height: 360px; max-height: calc(100vh - 250px); }
.newlink-workbench th { background: #f7f8fa; }
.newlink-workbench th:first-child, .newlink-workbench td:first-child { padding-left: 16px; }
.newlink-workbench th:last-child, .newlink-workbench td:last-child { padding-right: 16px; }
.newlink-workbench .table-pagination { margin: 0; padding: 12px 16px; border-top: 1px solid var(--newlink-section-line); }
.newlink-command-page button:focus-visible, .newlink-command-page select:focus-visible { outline: 2px solid var(--blue); outline-offset: 2px; }
.newlink-command-page tbody tr { transition: background .14s ease; }

.review-command-page { --review-section-line: #dfe4ec; }
.review-command-intro { display: grid; min-height: 116px; grid-template-columns: minmax(0, 1fr) 144px; align-items: center; gap: 28px; margin-bottom: 12px; padding: 20px 22px; border: 1px solid var(--line); border-top: 3px solid var(--ink); border-radius: 10px; background: #fff; }
.review-command-intro h2 { max-width: 790px; margin: 0 0 6px; font-size: clamp(20px, 2vw, 27px); letter-spacing: -.035em; text-wrap: pretty; }
.review-command-intro p:last-child { max-width: 760px; margin: 0; color: var(--muted); font-size: 11px; line-height: 1.6; text-wrap: pretty; }
.review-total { display: grid; align-content: center; min-height: 74px; padding-left: 22px; border-left: 1px solid var(--review-section-line); text-align: right; }
.review-total small, .review-total strong, .review-total span { display: block; }
.review-total small { color: var(--muted); font-size: 9px; font-weight: 750; }
.review-total strong { margin: 5px 0 4px; color: var(--ink); font: 760 28px/1 ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace; font-variant-numeric: tabular-nums; }
.review-total span { color: #98a2b3; font-size: 8px; }
.review-command-status, .review-command-filter { display: grid; grid-template-columns: 138px minmax(0, 1fr); overflow: hidden; margin-bottom: 12px; border: 1px solid var(--review-section-line); border-radius: 10px; background: #fff; }
.review-command-label { display: flex; align-items: flex-start; gap: 10px; padding: 15px; border-right: 1px solid var(--review-section-line); background: #f8f9fb; }
.review-command-label > span { color: #98a2b3; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 10px; font-weight: 800; letter-spacing: .08em; }
.review-command-label strong, .review-command-label small { display: block; }
.review-command-label strong { color: #273247; font-size: 11px; }
.review-command-label small { margin-top: 5px; color: #8a94a5; font-size: 8px; line-height: 1.45; }
.review-command-status .review-summary { margin: 0; border: 0; border-radius: 0; grid-template-columns: repeat(5, minmax(0, 1fr)); }
.review-command-status .review-summary > div { min-height: 84px; align-items: center; padding: 14px 16px; border-right: 1px solid var(--review-section-line); }
.review-command-status .review-summary > div:last-child { border-right: 0; }
.review-command-status .review-summary strong { color: #172033; font-size: 25px; }
.review-command-status .review-summary span { color: #697386; font-size: 9px; font-weight: 700; }
.review-filter-panel { display: grid; min-height: 74px; grid-template-columns: auto minmax(170px, 230px) auto minmax(240px, 1fr); align-items: center; gap: 10px; padding: 11px 14px; }
.review-filter-panel > label { color: #667085; font-size: 9px; font-weight: 750; }
.review-filter-panel > p { margin: 0; color: #8a94a5; font-size: 9px; text-align: right; }
.review-filter-count { display: flex; align-items: baseline; gap: 6px; padding-left: 14px; border-left: 1px solid var(--review-section-line); }
.review-filter-count strong { color: var(--ink); font: 760 16px/1 ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace; }
.review-filter-count span { color: var(--muted); font-size: 8px; }
.review-workbench { overflow: hidden; padding: 0; border-radius: 10px; box-shadow: none; }
.review-workbench-head { display: flex; min-height: 82px; align-items: center; justify-content: space-between; gap: 24px; padding: 14px 16px; border-bottom: 1px solid var(--review-section-line); }
.review-workbench-head h3 { margin: 2px 0 3px; font-size: 15px; letter-spacing: -.02em; }
.review-workbench-head p:last-child { margin: 0; color: var(--muted); font-size: 9px; }
.review-metric-legend { display: grid; grid-template-columns: repeat(3, 100px); color: #98a2b3; font: 700 8px/1.45 ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace; letter-spacing: .04em; text-align: right; }
.review-metric-legend span { padding-left: 12px; border-left: 1px solid var(--review-section-line); }
.review-metric-legend b { color: #697386; font-family: inherit; font-size: 8px; letter-spacing: 0; }
.review-workbench .review-list { gap: 0; padding: 0 16px 16px; }
.review-workbench .review-item { min-height: 112px; grid-template-columns: 76px minmax(300px, 1fr) 240px; gap: 18px; margin: 0; padding: 16px 0; border: 0; border-bottom: 1px solid var(--review-section-line); border-radius: 0; background: #fff; }
.review-workbench .review-item:last-child { border-bottom: 0; }
.review-workbench .review-item:hover { background: #fbfcfd; }
.review-workbench .review-window { width: 68px; min-height: 68px; padding: 8px; border: 1px solid #dce3ed; border-radius: 7px; background: #f7f9fc; }
.review-workbench .review-window strong { color: #273247; font: 760 24px/1 ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace; }
.review-workbench .review-window span { margin-top: 5px; }
.review-workbench .review-main h3 { margin: 8px 0 5px; font-size: 13px; letter-spacing: -.01em; }
.review-workbench .review-main p { max-width: 720px; color: #606b7d; line-height: 1.55; text-wrap: pretty; }
.review-workbench .review-metrics { min-width: 0; grid-template-columns: minmax(80px, 1fr) auto; gap: 8px 12px; padding: 12px 14px; border: 1px solid #e6eaf0; border-radius: 7px; background: #fafbfc; }
.review-workbench .review-metrics span { font-size: 8px; }
.review-workbench .review-metrics strong { font: 760 15px/1 ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace; font-variant-numeric: tabular-nums; }
.review-workbench .review-metrics .trend { justify-self: end; padding: 3px 6px; border-radius: 4px; background: #fff; }
.review-workbench .empty-state { margin: 16px 0 0; }
.review-command-page select:focus-visible { outline: 2px solid var(--blue); outline-offset: 2px; }

.order-command-page { --order-section-line: #dfe4ec; }
.order-command-intro { display: flex; min-height: 116px; align-items: center; justify-content: space-between; gap: 28px; margin-bottom: 12px; padding: 20px 22px; border: 1px solid var(--line); border-top: 3px solid var(--ink); border-radius: 10px; background: #fff; }
.order-command-intro h2 { max-width: 790px; margin: 0 0 6px; font-size: clamp(20px, 2vw, 27px); letter-spacing: -.035em; text-wrap: pretty; }
.order-command-intro p:last-child { max-width: 760px; margin: 0; color: var(--muted); font-size: 11px; line-height: 1.6; text-wrap: pretty; }
.order-command-intro .button-link { min-width: 132px; min-height: 42px; flex: 0 0 auto; }
.order-command-status, .order-command-filter { display: grid; grid-template-columns: 138px minmax(0, 1fr); overflow: hidden; margin-bottom: 12px; border: 1px solid var(--order-section-line); border-radius: 10px; background: #fff; }
.order-command-label { display: flex; align-items: flex-start; gap: 10px; padding: 15px; border-right: 1px solid var(--order-section-line); background: #f8f9fb; }
.order-command-label > span { color: #98a2b3; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 10px; font-weight: 800; letter-spacing: .08em; }
.order-command-label strong, .order-command-label small { display: block; }
.order-command-label strong { color: #273247; font-size: 11px; }
.order-command-label small { margin-top: 5px; color: #8a94a5; font-size: 8px; line-height: 1.45; }
.order-summary { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.order-summary > div { min-height: 92px; padding: 14px 16px; border-right: 1px solid var(--order-section-line); background: #fff; }
.order-summary > div:last-child { border-right: 0; }
.order-summary small, .order-summary strong, .order-summary em { display: block; }
.order-summary small { color: #5e6879; font-size: 10px; font-weight: 700; }
.order-summary strong { margin: 8px 0 6px; color: #172033; font: 760 24px/1 ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace; font-variant-numeric: tabular-nums; letter-spacing: -.04em; }
.order-summary em { color: #7a8494; font-size: 9px; font-style: normal; line-height: 1.45; }
.order-filter-panel { display: grid; min-height: 76px; grid-template-columns: 220px minmax(320px, 1fr) auto; align-items: end; gap: 12px; padding: 11px 14px; }
.order-filter-panel .inline-date-filter { display: grid; grid-template-columns: 1fr; gap: 5px; }
.order-filter-panel .inline-date-filter span, .order-search-field > span { display: block; color: #667085; font-size: 8px; font-weight: 750; }
.order-filter-panel .inline-date-filter .filter-select { width: 100%; min-width: 0; }
.order-search-field { display: grid; gap: 5px; }
.order-search-field .search-input { width: 100%; max-width: none; }
.order-filter-panel > strong { align-self: center; color: #526074; font: 730 10px/1.4 ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace; white-space: nowrap; }
.order-workbench { overflow: hidden; padding: 0; border-radius: 10px; box-shadow: none; }
.order-workbench-head { display: flex; min-height: 76px; align-items: center; justify-content: space-between; gap: 24px; padding: 14px 16px; border-bottom: 1px solid var(--order-section-line); }
.order-workbench-head h3 { margin: 2px 0 3px; font-size: 15px; letter-spacing: -.02em; }
.order-workbench-head p:last-child { margin: 0; color: var(--muted); font-size: 9px; }
.order-workbench-head > span { color: #8a94a5; font-size: 8px; }
.order-workbench .table-wrap.tall { min-height: 360px; max-height: calc(100vh - 250px); }
.order-workbench th { background: #f7f8fa; }
.order-workbench th:first-child, .order-workbench td:first-child { padding-left: 16px; }
.order-workbench th:last-child, .order-workbench td:last-child { padding-right: 16px; }
.order-workbench .table-pagination { margin: 0; padding: 12px 16px; border-top: 1px solid var(--order-section-line); }
.order-command-page a:focus-visible, .order-command-page input:focus-visible { outline: 2px solid var(--blue); outline-offset: 2px; }
.order-command-page tbody tr { transition: background .14s ease; }

.hot-command-page { --hot-section-line: #dfe4ec; }
.hot-command-intro { display: grid; min-height: 116px; grid-template-columns: minmax(0, 1fr) 144px; align-items: center; gap: 28px; margin-bottom: 12px; padding: 20px 22px; border: 1px solid var(--line); border-top: 3px solid var(--ink); border-radius: 10px; background: #fff; }
.hot-command-intro h2 { max-width: 790px; margin: 0 0 6px; font-size: clamp(20px, 2vw, 27px); letter-spacing: -.035em; text-wrap: pretty; }
.hot-command-intro p:last-child { max-width: 760px; margin: 0; color: var(--muted); font-size: 11px; line-height: 1.6; text-wrap: pretty; }
.hot-total { display: grid; align-content: center; min-height: 74px; padding-left: 22px; border-left: 1px solid var(--hot-section-line); text-align: right; }
.hot-total small, .hot-total strong, .hot-total span { display: block; }
.hot-total small { color: var(--muted); font-size: 9px; font-weight: 750; }
.hot-total strong { margin: 5px 0 4px; color: var(--ink); font: 760 28px/1 ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace; font-variant-numeric: tabular-nums; }
.hot-total span { color: #98a2b3; font-size: 8px; }
.hot-command-status, .hot-command-filter { display: grid; grid-template-columns: 138px minmax(0, 1fr); overflow: hidden; margin-bottom: 12px; border: 1px solid var(--hot-section-line); border-radius: 10px; background: #fff; }
.hot-command-label { display: flex; align-items: flex-start; gap: 10px; padding: 15px; border-right: 1px solid var(--hot-section-line); background: #f8f9fb; }
.hot-command-label > span { color: #98a2b3; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 10px; font-weight: 800; letter-spacing: .08em; }
.hot-command-label strong, .hot-command-label small { display: block; }
.hot-command-label strong { color: #273247; font-size: 11px; }
.hot-command-label small { margin-top: 5px; color: #8a94a5; font-size: 8px; line-height: 1.45; }
.hot-summary { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.hot-summary > div { min-height: 92px; padding: 14px 16px; border-right: 1px solid var(--hot-section-line); }
.hot-summary > div:last-child { border-right: 0; }
.hot-summary small, .hot-summary strong, .hot-summary em { display: block; }
.hot-summary small { color: #5e6879; font-size: 10px; font-weight: 700; }
.hot-summary strong { margin: 8px 0 6px; color: #172033; font: 760 24px/1 ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace; font-variant-numeric: tabular-nums; letter-spacing: -.04em; }
.hot-summary em { color: #7a8494; font-size: 9px; font-style: normal; line-height: 1.45; }
.hot-filter-panel { display: grid; min-height: 74px; grid-template-columns: auto minmax(320px, 620px) minmax(240px, 1fr); align-items: center; gap: 10px; padding: 11px 14px; }
.hot-filter-panel > label { color: #667085; font-size: 9px; font-weight: 750; }
.hot-filter-panel .search-input { width: 100%; max-width: none; }
.hot-filter-panel > p { margin: 0; color: #8a94a5; font-size: 9px; text-align: right; }
.hot-workbench { overflow: hidden; padding: 0; border-radius: 10px; box-shadow: none; }
.hot-workbench-head { display: flex; min-height: 76px; align-items: center; justify-content: space-between; gap: 24px; padding: 14px 16px; border-bottom: 1px solid var(--hot-section-line); }
.hot-workbench-head h3 { margin: 2px 0 3px; font-size: 15px; letter-spacing: -.02em; }
.hot-workbench-head p:last-child { margin: 0; color: var(--muted); font-size: 9px; }
.hot-compare-legend { display: flex; align-items: center; gap: 8px; color: #7f8999; font: 700 8px/1 ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace; }
.hot-compare-legend i { width: 28px; height: 1px; background: #bac3d0; }
.hot-workbench .table-wrap.tall { min-height: 360px; max-height: calc(100vh - 250px); }
.hot-workbench th { background: #f7f8fa; }
.hot-workbench th:first-child, .hot-workbench td:first-child { padding-left: 16px; }
.hot-workbench th:last-child, .hot-workbench td:last-child { padding-right: 16px; }
.hot-workbench .table-pagination { margin: 0; padding: 12px 16px; border-top: 1px solid var(--hot-section-line); }
.hot-command-page input:focus-visible { outline: 2px solid var(--blue); outline-offset: 2px; }
.hot-command-page tbody tr { transition: background .14s ease; }

.slow-command-page { --slow-section-line: #dfe4ec; }
.slow-command-intro { display: grid; min-height: 116px; grid-template-columns: minmax(0, 1fr) 144px; align-items: center; gap: 28px; margin-bottom: 12px; padding: 20px 22px; border: 1px solid var(--line); border-top: 3px solid var(--ink); border-radius: 10px; background: #fff; }
.slow-command-intro h2 { max-width: 800px; margin: 0 0 6px; font-size: clamp(20px, 2vw, 27px); letter-spacing: -.035em; text-wrap: pretty; }
.slow-command-intro p:last-child { max-width: 760px; margin: 0; color: var(--muted); font-size: 11px; line-height: 1.6; text-wrap: pretty; }
.slow-total { display: grid; align-content: center; min-height: 74px; padding-left: 22px; border-left: 1px solid var(--slow-section-line); text-align: right; }
.slow-total small, .slow-total strong, .slow-total span { display: block; }
.slow-total small { color: var(--muted); font-size: 9px; font-weight: 750; }
.slow-total strong { margin: 5px 0 4px; color: var(--red); font: 760 28px/1 ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace; font-variant-numeric: tabular-nums; }
.slow-total span { color: #98a2b3; font-size: 8px; }
.slow-command-status, .slow-command-filter { display: grid; grid-template-columns: 138px minmax(0, 1fr); overflow: hidden; margin-bottom: 12px; border: 1px solid var(--slow-section-line); border-radius: 10px; background: #fff; }
.slow-command-label { display: flex; align-items: flex-start; gap: 10px; padding: 15px; border-right: 1px solid var(--slow-section-line); background: #f8f9fb; }
.slow-command-label > span { color: #98a2b3; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 10px; font-weight: 800; letter-spacing: .08em; }
.slow-command-label strong, .slow-command-label small { display: block; }
.slow-command-label strong { color: #273247; font-size: 11px; }
.slow-command-label small { margin-top: 5px; color: #8a94a5; font-size: 8px; line-height: 1.45; }
.slow-summary { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.slow-summary > div { min-height: 92px; padding: 14px 16px; border-right: 1px solid var(--slow-section-line); }
.slow-summary > div:last-child { border-right: 0; }
.slow-summary small, .slow-summary strong, .slow-summary em { display: block; }
.slow-summary small { color: #5e6879; font-size: 10px; font-weight: 700; }
.slow-summary strong { margin: 8px 0 6px; color: #172033; font: 760 24px/1 ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace; font-variant-numeric: tabular-nums; letter-spacing: -.04em; }
.slow-summary > div:nth-child(2) strong { color: var(--red); }
.slow-summary em { color: #7a8494; font-size: 9px; font-style: normal; line-height: 1.45; }
.slow-filter-panel { display: grid; min-height: 74px; grid-template-columns: auto minmax(160px, 230px) auto minmax(320px, 1fr); align-items: center; gap: 10px; padding: 11px 14px; }
.slow-filter-panel > label { color: #667085; font-size: 9px; font-weight: 750; }
.slow-filter-panel .search-input { width: 100%; max-width: none; }
.slow-workbench { overflow: hidden; padding: 0; border-radius: 10px; box-shadow: none; }
.slow-workbench-head { display: flex; min-height: 76px; align-items: center; justify-content: space-between; gap: 24px; padding: 14px 16px; border-bottom: 1px solid var(--slow-section-line); }
.slow-workbench-head h3 { margin: 2px 0 3px; font-size: 15px; letter-spacing: -.02em; }
.slow-workbench-head p:last-child { margin: 0; color: var(--muted); font-size: 9px; }
.slow-risk-legend { display: flex; align-items: center; gap: 14px; color: #7f8999; font-size: 8px; }
.slow-risk-legend span { display: inline-flex; align-items: center; gap: 6px; }
.slow-risk-legend i { width: 8px; height: 8px; border-radius: 2px; background: var(--red-soft); }
.slow-risk-legend span:last-child i { background: var(--orange-soft); }
.slow-workbench .table-wrap.tall { min-height: 360px; max-height: calc(100vh - 250px); }
.slow-workbench th { background: #f7f8fa; }
.slow-workbench th:first-child, .slow-workbench td:first-child { padding-left: 16px; }
.slow-workbench th:last-child, .slow-workbench td:last-child { padding-right: 16px; }
.slow-workbench .table-pagination { margin: 0; padding: 12px 16px; border-top: 1px solid var(--slow-section-line); }
.slow-command-page button:focus-visible, .slow-command-page input:focus-visible, .slow-command-page select:focus-visible { outline: 2px solid var(--blue); outline-offset: 2px; }
.slow-command-page tbody tr { transition: background .14s ease; }

.stock-command-page { --stock-section-line: #dfe4ec; }
.inventory-library-page { --inventory-library-line: #dfe5ee; }
.inventory-library-intro { display: flex; min-height: 116px; align-items: center; justify-content: space-between; gap: 28px; margin-bottom: 12px; padding: 20px 22px; border: 1px solid var(--line); border-top: 3px solid #1f4d78; border-radius: 10px; background: linear-gradient(115deg, #fff 0%, #fff 66%, #f1f7fb 100%); }
.inventory-library-intro h2 { max-width: 820px; margin: 0 0 6px; font-size: clamp(20px, 2vw, 27px); letter-spacing: -.035em; text-wrap: pretty; }
.inventory-library-intro p:last-child { max-width: 780px; margin: 0; color: var(--muted); font-size: 11px; line-height: 1.6; }
.inventory-library-total { min-width: 150px; padding-left: 22px; border-left: 1px solid var(--inventory-library-line); }
.inventory-library-total small, .inventory-library-total span { display: block; color: var(--muted); font-size: 9px; }
.inventory-library-total strong { display: block; margin: 5px 0; color: #173b5c; font-size: 30px; line-height: 1; }
.inventory-library-summary { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); overflow: hidden; margin-bottom: 12px; border: 1px solid var(--inventory-library-line); border-radius: 10px; background: #fff; }
.inventory-library-summary article { min-height: 82px; padding: 16px 18px; border-right: 1px solid var(--inventory-library-line); }
.inventory-library-summary article:last-child { border-right: 0; }
.inventory-library-summary small, .inventory-library-summary span { display: block; color: var(--muted); font-size: 9px; }
.inventory-library-summary strong { display: block; margin: 5px 0; color: #1d2d3e; font-size: 24px; }
.inventory-image-matcher { display: grid; grid-template-columns: minmax(280px, .8fr) minmax(360px, 1.2fr); gap: 24px; margin-bottom: 12px; padding: 20px; border-color: #d9e4ed; background: linear-gradient(120deg, #fff 0%, #fff 58%, #f4f9fc 100%); }
.inventory-matcher-copy h3 { margin: 3px 0 7px; font-size: 17px; }
.inventory-matcher-copy > p:last-child { max-width: 520px; margin: 0; color: var(--muted); font-size: 10px; line-height: 1.6; }
.inventory-matcher-input { display: grid; grid-template-columns: minmax(240px, 1fr) 126px; gap: 10px; align-items: stretch; }
.inventory-upload-drop { display: grid; grid-template-columns: 64px 1fr; grid-template-rows: 1fr 1fr; min-height: 78px; padding: 7px 12px; border: 1px dashed #9bb3c8; border-radius: 10px; background: rgba(255,255,255,.9); color: var(--ink); text-align: left; }
.inventory-upload-drop:hover { border-color: #1f68a0; background: #fff; }
.inventory-upload-drop > span { grid-row: 1 / 3; width: 58px; height: 58px; overflow: hidden; align-self: center; border-radius: 9px; background: #edf3f7; color: #668198; font-size: 24px; line-height: 58px; text-align: center; }
.inventory-upload-drop img { width: 100%; height: 100%; object-fit: cover; }
.inventory-upload-drop strong { align-self: end; padding-left: 10px; font-size: 11px; }
.inventory-upload-drop small { align-self: start; padding: 3px 0 0 10px; color: var(--muted); font-size: 8px; }
.inventory-matcher-input > .primary { min-height: 46px; }
.inventory-match-status, .inventory-match-results { grid-column: 1 / -1; }
.inventory-match-status { padding: 11px 13px; border-radius: 8px; background: #eef6fb; color: #365a75; font-size: 10px; }
.inventory-match-status.danger { background: var(--red-soft); color: var(--red); }
.inventory-match-results { padding-top: 16px; border-top: 1px solid var(--inventory-library-line); }
.inventory-match-results-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 11px; }
.inventory-match-results-head strong { font-size: 13px; }
.inventory-match-results-head span { color: var(--muted); font-size: 9px; }
.inventory-match-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; }
.inventory-match-card { min-width: 0; overflow: hidden; border: 1px solid var(--inventory-library-line); border-radius: 10px; background: #fff; }
.inventory-match-rank { display: flex; align-items: center; justify-content: space-between; padding: 8px 10px; border-bottom: 1px solid var(--inventory-library-line); background: #f8fafc; }
.inventory-match-rank span { color: var(--muted); font-size: 8px; }
.inventory-match-rank strong { color: #12609a; font-size: 13px; }
.inventory-match-image { display: grid; place-items: center; height: 128px; padding: 8px; }
.inventory-match-image .thumb-wrap { width: 112px; height: 112px; border-radius: 9px; }
.inventory-match-card dl { margin: 0; border-top: 1px solid var(--inventory-library-line); }
.inventory-match-card dl div { padding: 7px 9px; border-bottom: 1px solid #edf0f4; }
.inventory-match-card dl div:last-child { border-bottom: 0; }
.inventory-match-card dt { color: var(--muted); font-size: 7px; }
.inventory-match-card dd { overflow: hidden; margin: 2px 0 0; font: 700 9px/1.35 ui-monospace, SFMono-Regular, Menlo, monospace; text-overflow: ellipsis; white-space: nowrap; }
.inventory-no-reliable-match { grid-column: 1 / -1; display: grid; justify-items: center; gap: 7px; padding: 34px 20px; border: 1px dashed #b8c7d5; border-radius: 10px; background: #f8fbfd; text-align: center; }
.inventory-no-reliable-match strong { color: #20384d; font-size: 15px; }
.inventory-no-reliable-match span { max-width: 560px; color: var(--muted); font-size: 10px; line-height: 1.6; }
.inventory-no-reliable-match small { color: #8a9aaa; font-size: 8px; }
.inventory-library-workbench { overflow: hidden; padding: 0; }
.inventory-library-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; padding: 18px 20px 14px; border-bottom: 1px solid var(--inventory-library-line); }
.inventory-library-head h3 { margin: 2px 0 4px; font-size: 17px; }
.inventory-library-head p { margin: 0; color: var(--muted); font-size: 10px; }
.inventory-library-workbench .table-tools { padding: 12px 16px; }
.inventory-library-workbench .table-pagination { margin: 0; padding: 12px 16px; border-top: 1px solid var(--inventory-library-line); }
.inventory-library-table th, .inventory-library-table td { width: 25%; }
.inventory-library-table .inventory-library-image .thumb-wrap { width: 82px; height: 82px; border-radius: 12px; }
.inventory-library-table tbody tr:hover { background: #f7fbfe; }
@media (max-width: 1100px) { .inventory-image-matcher { grid-template-columns: 1fr; } .inventory-match-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 680px) { .inventory-matcher-input { grid-template-columns: 1fr; } .inventory-match-grid { grid-template-columns: 1fr; } }
.stock-command-intro { display: flex; min-height: 116px; align-items: center; justify-content: space-between; gap: 28px; margin-bottom: 12px; padding: 20px 22px; border: 1px solid var(--line); border-top: 3px solid var(--ink); border-radius: 10px; background: #fff; }
.stock-command-intro h2 { max-width: 800px; margin: 0 0 6px; font-size: clamp(20px, 2vw, 27px); letter-spacing: -.035em; text-wrap: pretty; }
.stock-command-intro p:last-child { max-width: 760px; margin: 0; color: var(--muted); font-size: 11px; line-height: 1.6; text-wrap: pretty; }
.stock-heading-actions { display: flex; flex: 0 0 auto; align-items: center; gap: 18px; }
.stock-heading-actions > button { min-width: 126px; min-height: 42px; }
.stock-total { display: grid; min-width: 114px; align-content: center; min-height: 74px; padding-left: 20px; border-left: 1px solid var(--stock-section-line); text-align: right; }
.stock-total small, .stock-total strong, .stock-total span { display: block; }
.stock-total small { color: var(--muted); font-size: 9px; font-weight: 750; }
.stock-total strong { margin: 5px 0 4px; color: var(--red); font: 760 28px/1 ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace; font-variant-numeric: tabular-nums; }
.stock-total span { color: #98a2b3; font-size: 8px; }
.stock-command-status, .stock-command-views { display: grid; grid-template-columns: 138px minmax(0, 1fr); overflow: hidden; margin-bottom: 12px; border: 1px solid var(--stock-section-line); border-radius: 10px; background: #fff; }
.stock-command-label { display: flex; align-items: flex-start; gap: 10px; padding: 15px; border-right: 1px solid var(--stock-section-line); background: #f8f9fb; }
.stock-command-label > span { color: #98a2b3; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 10px; font-weight: 800; letter-spacing: .08em; }
.stock-command-label strong, .stock-command-label small { display: block; }
.stock-command-label strong { color: #273247; font-size: 11px; }
.stock-command-label small { margin-top: 5px; color: #8a94a5; font-size: 8px; line-height: 1.45; }
.stock-command-status .inventory-summary { margin: 0; border: 0; border-radius: 0; }
.stock-command-status .inventory-summary-card { min-height: 92px; }
.stock-view-panel { display: grid; min-height: 76px; grid-template-columns: minmax(650px, 1fr) auto; align-items: center; gap: 18px; padding: 11px 14px; }
.stock-view-panel .monitor-mode-tabs { display: grid; width: 100%; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 0; margin: 0; padding: 3px; border-radius: 8px; background: #f3f5f8; }
.stock-view-panel .monitor-mode-tabs button { min-width: 0; padding: 0 8px; border-radius: 6px; }
.stock-view-panel .monitor-mode-tabs button.active { background: #273247; }
.stock-view-panel > p { margin: 0; color: #8a94a5; font-size: 8px; white-space: nowrap; }
.stock-workbench { overflow: hidden; padding: 0; border-radius: 10px; box-shadow: none; }
.stock-workbench-head { display: flex; min-height: 76px; align-items: center; justify-content: space-between; gap: 24px; padding: 14px 16px; border-bottom: 1px solid var(--stock-section-line); }
.stock-workbench-head h3 { margin: 2px 0 3px; font-size: 15px; letter-spacing: -.02em; }
.stock-workbench-head p:last-child { margin: 0; color: var(--muted); font-size: 9px; }
.stock-workbench-head .table-hint { max-width: 260px; padding-left: 14px; border-left: 1px solid var(--stock-section-line); text-align: right; }
.stock-workbench .table-tools { margin: 0; padding: 12px 16px; border-bottom: 1px solid var(--stock-section-line); background: #fbfcfd; }
.stock-workbench .listing-filters { display: grid; width: min(100%, 760px); grid-template-columns: 190px minmax(320px, 1fr); }
.stock-workbench .search-input { max-width: none; }
.stock-workbench .table-wrap.tall { min-height: 360px; max-height: calc(100vh - 250px); }
.stock-workbench th { background: #f7f8fa; }
.stock-workbench th:first-child, .stock-workbench td:first-child { padding-left: 16px; }
.stock-workbench th:last-child, .stock-workbench td:last-child { padding-right: 16px; }
.stock-workbench .table-pagination { margin: 0; padding: 12px 16px; border-top: 1px solid var(--stock-section-line); }
.stock-command-page button:focus-visible, .stock-command-page input:focus-visible, .stock-command-page select:focus-visible { outline: 2px solid var(--blue); outline-offset: 2px; }
.stock-command-page tbody tr { transition: background .14s ease; }

.profit-command-page { --profit-section-line: #dfe4ec; }
.profit-command-intro { display: flex; min-height: 126px; align-items: center; justify-content: space-between; gap: 28px; margin-bottom: 12px; padding: 20px 22px; border: 1px solid var(--line); border-top: 3px solid var(--ink); border-radius: 10px; background: #fff; }
.profit-command-intro h2 { max-width: 800px; margin: 0 0 6px; font-size: clamp(20px, 2vw, 27px); letter-spacing: -.035em; text-wrap: pretty; }
.profit-command-intro p:last-child { max-width: 770px; margin: 0; color: var(--muted); font-size: 11px; line-height: 1.6; text-wrap: pretty; }
.profit-command-actions { display: grid; flex: 0 0 auto; grid-template-columns: auto auto; gap: 8px; }
.profit-command-actions > span { grid-column: 1 / -1; justify-self: end; padding: 5px 8px; border-radius: 5px; color: var(--blue); background: var(--blue-soft); font: 750 9px/1.2 ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace; }
.profit-command-actions button { min-height: 42px; }
.profit-command-status, .profit-command-readiness, .profit-command-dimensions { display: grid; grid-template-columns: 138px minmax(0, 1fr); overflow: hidden; margin-bottom: 12px; border: 1px solid var(--profit-section-line); border-radius: 10px; background: #fff; }
.profit-command-label { display: flex; align-items: flex-start; gap: 10px; padding: 15px; border-right: 1px solid var(--profit-section-line); background: #f8f9fb; }
.profit-command-label > span { color: #98a2b3; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 10px; font-weight: 800; letter-spacing: .08em; }
.profit-command-label strong, .profit-command-label small { display: block; }
.profit-command-label strong { color: #273247; font-size: 11px; }
.profit-command-label small { margin-top: 5px; color: #8a94a5; font-size: 8px; line-height: 1.45; }
.profit-command-status .metric-grid.compact { display: grid; margin: 0; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 0; }
.profit-command-status .metric-card { min-height: 102px; padding: 15px 16px; border: 0; border-right: 1px solid var(--profit-section-line); border-radius: 0; box-shadow: none; }
.profit-command-status .metric-card:last-child { border-right: 0; }
.profit-command-status .metric-card::after { display: none; }
.profit-command-status .metric-card small { color: #5e6879; font-size: 9px; font-weight: 700; }
.profit-command-status .metric-card strong { margin: 9px 0 7px; font: 760 21px/1 ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace; font-variant-numeric: tabular-nums; }
.profit-command-status .metric-card em { color: #7a8494; font-size: 8px; line-height: 1.45; }
.profit-command-readiness .profit-readiness { margin: 0; }
.profit-command-readiness .readiness-card { min-height: 110px; margin: 0; padding: 16px 18px; border: 0; border-radius: 0; box-shadow: none; }
.profit-command-readiness .readiness-score { padding-right: 20px; border-right: 1px solid var(--profit-section-line); }
.profit-command-readiness .readiness-score strong { font: 760 30px/1 ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace; }
.profit-command-readiness .readiness-bars i { border-radius: 2px; }
.profit-command-readiness .readiness-bars i em { border-radius: 2px; }
.profit-dimension-panel { display: grid; min-height: 76px; grid-template-columns: minmax(460px, 650px) minmax(240px, 1fr); align-items: center; gap: 18px; padding: 11px 14px; }
.profit-dimension-panel .profit-dimension-tabs { display: grid; width: 100%; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 0; margin: 0; padding: 3px; border-radius: 8px; background: #f3f5f8; }
.profit-dimension-panel .profit-dimension-tabs button { min-width: 0; border-radius: 6px; }
.profit-dimension-panel .profit-dimension-tabs button.active { background: #273247; }
.profit-dimension-panel > p { margin: 0; color: #8a94a5; font-size: 8px; text-align: right; }
.profit-workbench { overflow: hidden; padding: 0; border-radius: 10px; box-shadow: none; }
.profit-workbench-head { display: flex; min-height: 76px; align-items: center; justify-content: space-between; gap: 24px; padding: 14px 16px; border-bottom: 1px solid var(--profit-section-line); }
.profit-workbench-head h3 { margin: 2px 0 3px; font-size: 15px; letter-spacing: -.02em; }
.profit-workbench-head p:last-child { margin: 0; color: var(--muted); font-size: 9px; }
.profit-workbench-head .table-hint { max-width: 420px; padding-left: 14px; border-left: 1px solid var(--profit-section-line); line-height: 1.5; text-align: right; }
.profit-workbench .table-tools { margin: 0; padding: 12px 16px; border-bottom: 1px solid var(--profit-section-line); background: #fbfcfd; }
.profit-ledger-filters { display: grid; width: min(100%, 860px); grid-template-columns: 190px minmax(320px, 1fr); gap: 10px; }
.profit-ledger-filters .filter-select,
.profit-ledger-filters .search-input { width: 100%; max-width: none; }
.profit-ledger-filters .filter-select:disabled { cursor: not-allowed; opacity: .55; background: #f1f4f8; }
.profit-workbench .table-wrap.tall { min-height: 360px; max-height: calc(100vh - 250px); }
.profit-workbench th { background: #f7f8fa; }
.profit-workbench th:first-child, .profit-workbench td:first-child { padding-left: 16px; }
.profit-workbench th:last-child, .profit-workbench td:last-child { padding-right: 16px; }
.profit-history-section { overflow: hidden; margin-bottom: 14px; border: 1px solid var(--profit-section-line); border-radius: 10px; background: #fff; }
.profit-history-heading { min-height: 76px; padding: 14px 16px; border-bottom: 1px solid var(--profit-section-line); }
.profit-history-heading h3 { margin: 2px 0 3px; font-size: 15px; }
.profit-history-heading p:last-child { margin: 0; color: var(--muted); font-size: 9px; }
.profit-history-section .profit-history-grid { gap: 0; }
.profit-history-section .profit-import-history { min-height: 180px; margin: 0; padding: 16px; border: 0; border-right: 1px solid var(--profit-section-line); border-radius: 0; box-shadow: none; }
.profit-history-section .profit-import-history:last-child { border-right: 0; }
.profit-command-page button:focus-visible, .profit-command-page input:focus-visible { outline: 2px solid var(--blue); outline-offset: 2px; }
.profit-command-page tbody tr { transition: background .14s ease; }
.profit-sku-pane { overflow: hidden; padding: 0; }
.profit-sku-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }
.profit-sku-pane .profit-sku-tools { display: grid; grid-template-columns: 190px minmax(280px, 520px) 1fr; align-items: center; gap: 10px; margin: 0; padding: 12px 16px; border-bottom: 1px solid var(--profit-section-line); background: #fbfcfd; }
.profit-sku-pane .profit-sku-tools .search-input { width: 100%; max-width: none; }
.profit-sku-pane .profit-sku-tools .table-hint { justify-self: end; }
.profit-sku-selection { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 9px 16px; border-bottom: 1px solid #cdddf7; background: #f3f7ff; color: #17345b; }
.profit-sku-selection.hidden { display: none; }
.profit-sku-selection strong { font-size: 12px; }
.profit-sku-status-summary { display: grid; grid-template-columns: repeat(5, minmax(110px, 1fr)); border-bottom: 1px solid var(--profit-section-line); background: #fff; }
.profit-sku-status-summary .status-stat { display: flex; min-height: 54px; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 16px; border-right: 1px solid var(--profit-section-line); }
.profit-sku-status-summary .status-stat:last-child { border-right: 0; }
.profit-sku-status-summary small { color: var(--muted); font-size: 9px; font-weight: 700; }
.profit-sku-status-summary strong { color: var(--ink); font: 760 18px/1 ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace; }
.profit-sku-status-summary .danger strong { color: var(--red); }
.profit-sku-status-summary .success strong { color: var(--green); }
.profit-sku-pane .table-wrap.tall { min-height: 420px; max-height: none; }
.profit-sku-pane .table-pagination { margin: 0; padding: 12px 16px; border-top: 1px solid var(--profit-section-line); }
.profit-sku-pane .cost-incomplete-row { background: #fffdfd; }
.profit-sku-pane .cost-complete-row { background: #fbfefc; }
.profit-sku-pane .order-priority { color: var(--blue); font: 760 12px/1 ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace; }
.profit-sku-pane .cost-status { display: flex; max-width: 170px; flex-wrap: wrap; gap: 4px; }
.profit-sku-pane .sku-component-line { min-height: 31px; display: flex; align-items: center; border-bottom: 1px dashed #e3e9f1; }
.profit-sku-pane .sku-component-line:last-child { border-bottom: 0; }
.sku-inline-value { display: inline-flex; max-width: 220px; min-height: 30px; align-items: center; padding: 4px 7px; border: 1px dashed transparent; border-radius: 8px; background: transparent; color: inherit; text-align: left; cursor: pointer; }
.sku-inline-value:hover, .sku-inline-value:focus-visible { border-color: #8db1ed; background: #edf4ff; outline: none; }
.sku-inline-value.missing { border-color: #efb7b7; background: #fff5f5; }
.sku-inline-value .code-sub { display: block; width: 100%; }
.sku-inline-editor { width: min(210px, 100%); min-height: 32px; padding: 5px 8px; border: 1px solid #2f6fed; border-radius: 8px; background: #fff; color: var(--ink); box-shadow: 0 0 0 3px rgba(47, 111, 237, .12); }
.profit-sku-pane th:first-child, .profit-sku-pane td:first-child { width: 42px; text-align: center; }
#tab-profit.sku-only-mode .profit-command-intro,
#tab-profit.sku-only-mode .profit-command-status,
#tab-profit.sku-only-mode .profit-command-readiness,
#tab-profit.sku-only-mode .profit-section-nav,
#tab-profit.sku-only-mode #profitLedgerPane,
#tab-profit.sku-only-mode #profitWarningsPane,
#tab-profit.sku-only-mode #profitPurchasesPane,
#tab-profit.sku-only-mode #profitRulesPane,
#tab-profit.sku-only-mode #profitActualPane { display: none !important; }
#tab-profit.sku-only-mode #profitSkuPane { display: block !important; margin-top: 16px; }
#tab-profit.sku-only-mode .profit-filter-deck { margin-top: 0; }
@media (max-width: 1050px) {
  .profit-sku-actions { justify-content: flex-start; }
  .profit-sku-pane .profit-sku-tools { grid-template-columns: 180px minmax(240px, 1fr); }
  .profit-sku-pane .profit-sku-tools .table-hint { grid-column: 1 / -1; justify-self: start; }
  .profit-sku-status-summary { grid-template-columns: repeat(3, minmax(110px, 1fr)); }
}

.settings-command-page { --settings-section-line: #dfe4ec; }
.settings-command-intro { display: grid; min-height: 116px; grid-template-columns: minmax(0, 1fr) 144px; align-items: center; gap: 28px; margin-bottom: 12px; padding: 20px 22px; border: 1px solid var(--line); border-top: 3px solid var(--ink); border-radius: 10px; background: #fff; }
.settings-command-intro h2 { max-width: 810px; margin: 0 0 6px; font-size: clamp(20px, 2vw, 27px); letter-spacing: -.035em; text-wrap: pretty; }
.settings-command-intro p:last-child { max-width: 770px; margin: 0; color: var(--muted); font-size: 11px; line-height: 1.6; text-wrap: pretty; }
.settings-total { display: grid; align-content: center; min-height: 74px; padding-left: 22px; border-left: 1px solid var(--settings-section-line); text-align: right; }
.settings-total small, .settings-total strong, .settings-total span { display: block; }
.settings-total small { color: var(--muted); font-size: 9px; font-weight: 750; }
.settings-total strong { margin: 5px 0 4px; color: var(--ink); font: 760 28px/1 ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace; font-variant-numeric: tabular-nums; }
.settings-total span { color: #98a2b3; font-size: 8px; }
.settings-command-framework, .settings-channel-section { display: grid; grid-template-columns: 138px minmax(0, 1fr); overflow: hidden; margin-bottom: 12px; border: 1px solid var(--settings-section-line); border-radius: 10px; background: #fff; }
.settings-command-label { display: flex; align-items: flex-start; gap: 10px; padding: 15px; border-right: 1px solid var(--settings-section-line); background: #f8f9fb; }
.settings-command-label > span { color: #98a2b3; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 10px; font-weight: 800; letter-spacing: .08em; }
.settings-command-label strong, .settings-command-label small { display: block; }
.settings-command-label strong { color: #273247; font-size: 11px; }
.settings-command-label small { margin-top: 5px; color: #8a94a5; font-size: 8px; line-height: 1.45; }
.settings-framework-grid { display: grid; grid-template-columns: repeat(3, 1fr); }
.settings-framework-grid > div { min-height: 96px; padding: 15px 16px; border-right: 1px solid var(--settings-section-line); }
.settings-framework-grid > div:last-child { border-right: 0; }
.settings-framework-grid small, .settings-framework-grid strong, .settings-framework-grid span { display: block; }
.settings-framework-grid small { color: #98a2b3; font: 750 8px/1 ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace; letter-spacing: .08em; }
.settings-framework-grid strong { margin: 8px 0 6px; color: #273247; font-size: 11px; }
.settings-framework-grid span { max-width: 320px; color: #778294; font-size: 9px; line-height: 1.5; text-wrap: pretty; }
.settings-channel-section > #channelSettings { min-width: 0; }
.settings-channel-section .channel-card { min-height: 188px; margin: 0; padding: 16px 18px; border: 0; border-radius: 0; box-shadow: none; }
.settings-channel-section .channel-card .card-head { margin-bottom: 12px; }
.settings-channel-section .channel-fields input { border-radius: 7px; }
.settings-channel-section .dingtalk-rule-box { margin: 12px 0; border-color: var(--settings-section-line); border-radius: 8px; background: #f8f9fb; }
.settings-channel-section .channel-actions { justify-content: flex-end; }
.settings-rules-section { overflow: hidden; margin-bottom: 14px; border: 1px solid var(--settings-section-line); border-radius: 10px; background: #fff; }
.settings-rules-heading { min-height: 76px; padding: 14px 16px; border-bottom: 1px solid var(--settings-section-line); }
.settings-rules-heading h3 { margin: 2px 0 3px; font-size: 15px; }
.settings-rules-heading p:last-child { margin: 0; color: var(--muted); font-size: 9px; }
.settings-rules-section .settings-grid { gap: 12px; padding: 14px; background: #f8f9fb; }
.settings-rules-section .setting-card { min-width: 0; margin: 0; padding: 16px; border: 1px solid var(--settings-section-line); border-radius: 8px; box-shadow: none; }
.settings-rules-section .setting-card .card-head { margin-bottom: 13px; }
.settings-rules-section .setting-fields { gap: 10px; margin-bottom: 14px; }
.settings-rules-section .setting-fields label > div { border-radius: 7px; background: #fff; }
.settings-rules-section .setting-card > button { width: 100%; min-height: 38px; }
.settings-command-page button:focus-visible, .settings-command-page input:focus-visible { outline: 2px solid var(--blue); outline-offset: 2px; }

.users-command-page { --users-section-line: #dfe4ec; }
.users-command-intro { display: flex; min-height: 116px; align-items: center; justify-content: space-between; gap: 28px; margin-bottom: 12px; padding: 20px 22px; border: 1px solid var(--line); border-top: 3px solid var(--ink); border-radius: 10px; background: #fff; }
.users-command-intro h2 { max-width: 800px; margin: 0 0 6px; font-size: clamp(20px, 2vw, 27px); letter-spacing: -.035em; text-wrap: pretty; }
.users-command-intro p:last-child { max-width: 760px; margin: 0; color: var(--muted); font-size: 11px; line-height: 1.6; text-wrap: pretty; }
.users-heading-actions { display: flex; flex: 0 0 auto; align-items: center; gap: 18px; }
.users-heading-actions > button { min-width: 106px; min-height: 42px; }
.users-total { display: grid; min-width: 106px; align-content: center; min-height: 70px; padding-right: 18px; border-right: 1px solid var(--users-section-line); text-align: right; }
.users-total small, .users-total strong, .users-total span { display: block; }
.users-total small { color: var(--muted); font-size: 9px; font-weight: 750; }
.users-total strong { margin: 5px 0 4px; color: var(--ink); font: 760 26px/1 ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace; }
.users-total span { color: #98a2b3; font-size: 8px; }
.users-command-roles { display: grid; grid-template-columns: 138px minmax(0, 1fr); overflow: hidden; margin-bottom: 12px; border: 1px solid var(--users-section-line); border-radius: 10px; background: #fff; }
.users-command-label { display: flex; align-items: flex-start; gap: 10px; padding: 15px; border-right: 1px solid var(--users-section-line); background: #f8f9fb; }
.users-command-label > span { color: #98a2b3; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 10px; font-weight: 800; letter-spacing: .08em; }
.users-command-label strong, .users-command-label small { display: block; }
.users-command-label strong { color: #273247; font-size: 11px; }
.users-command-label small { margin-top: 5px; color: #8a94a5; font-size: 8px; line-height: 1.45; }
.users-command-roles .permission-template-grid { margin: 0; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); border: 0; border-radius: 0; }
.users-command-roles .permission-template-card { min-width: 0; padding: 14px; border-right: 1px solid var(--users-section-line); }
.users-command-roles .permission-template-card:last-child { border-right: 0; }
.users-command-roles .permission-template-card strong { font-size: 12px; }
.users-command-roles .permission-template-card p { min-height: 32px; margin: 7px 0 10px; font-size: 9px; }
.users-command-roles .permission-template-card span { font-size: 8px; }
.users-management-grid { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(270px, .45fr); gap: 12px; }
.users-workbench, .audit-workbench { overflow: hidden; margin: 0; padding: 0; border-radius: 10px; box-shadow: none; }
.users-workbench-head, .audit-workbench-head { display: flex; min-height: 76px; align-items: center; justify-content: space-between; gap: 18px; padding: 14px 16px; border-bottom: 1px solid var(--users-section-line); }
.users-workbench-head h3, .audit-workbench-head h3 { margin: 2px 0 3px; font-size: 15px; }
.users-workbench-head p:last-child, .audit-workbench-head p:last-child { margin: 0; color: var(--muted); font-size: 9px; }
.users-workbench-head > span { color: #8a94a5; font-size: 8px; }
.users-workbench .table-wrap { max-height: 560px; }
.users-workbench th { background: #f7f8fa; }
.users-workbench th:first-child, .users-workbench td:first-child { padding-left: 16px; }
.users-workbench th:last-child, .users-workbench td:last-child { padding-right: 16px; }
.audit-workbench .audit-list { gap: 0; max-height: 560px; padding: 0 14px 14px; }
.audit-workbench .audit-item { padding: 12px 2px; border-bottom: 1px solid var(--users-section-line); border-radius: 0; background: #fff; }
.audit-workbench .audit-item:last-child { border-bottom: 0; }
.users-command-page button:focus-visible { outline: 2px solid var(--blue); outline-offset: 2px; }
.users-command-page tbody tr { transition: background .14s ease; }

.binding-command-page { --binding-section-line: #dfe4ec; }
.binding-command-intro { display: grid; min-height: 116px; grid-template-columns: minmax(0, 1fr) 144px; align-items: center; gap: 28px; margin-bottom: 12px; padding: 20px 22px; border: 1px solid var(--line); border-top: 3px solid var(--ink); border-radius: 10px; background: #fff; }
.binding-command-intro h2 { max-width: 820px; margin: 0 0 6px; font-size: clamp(20px, 2vw, 27px); letter-spacing: -.035em; text-wrap: pretty; }
.binding-command-intro p:last-child { max-width: 780px; margin: 0; color: var(--muted); font-size: 11px; line-height: 1.6; text-wrap: pretty; }
.binding-total { display: grid; align-content: center; min-height: 74px; padding-left: 22px; border-left: 1px solid var(--binding-section-line); text-align: right; }
.binding-total small, .binding-total strong, .binding-total span { display: block; }
.binding-total small { color: var(--muted); font-size: 9px; font-weight: 750; }
.binding-total strong { margin: 5px 0 4px; color: var(--ink); font: 760 28px/1 ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace; }
.binding-total span { color: #98a2b3; font-size: 8px; }
.binding-command-flow { display: grid; grid-template-columns: 138px minmax(0, 1fr); overflow: hidden; margin-bottom: 12px; border: 1px solid var(--binding-section-line); border-radius: 10px; background: #fff; }
.binding-command-label { display: flex; align-items: flex-start; gap: 10px; padding: 15px; border-right: 1px solid var(--binding-section-line); background: #f8f9fb; }
.binding-command-label > span { color: #98a2b3; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 10px; font-weight: 800; letter-spacing: .08em; }
.binding-command-label strong, .binding-command-label small { display: block; }
.binding-command-label strong { color: #273247; font-size: 11px; }
.binding-command-label small { margin-top: 5px; color: #8a94a5; font-size: 8px; line-height: 1.45; }
.binding-flow-grid { display: grid; min-height: 96px; grid-template-columns: 1fr 40px 1fr 40px 1fr; align-items: center; padding: 12px 16px; }
.binding-flow-grid > div { display: grid; grid-template-columns: 30px 1fr; align-items: center; gap: 3px 10px; }
.binding-flow-grid > div > span { grid-row: 1 / 3; display: grid; width: 28px; height: 28px; place-items: center; border-radius: 6px; color: var(--blue); background: var(--blue-soft); font: 750 8px/1 ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace; }
.binding-flow-grid strong { color: #273247; font-size: 10px; }
.binding-flow-grid small { color: #7d8797; font-size: 8px; line-height: 1.4; }
.binding-flow-grid > i { height: 1px; margin: 0 10px; background: #ccd4df; }
.binding-management-grid { display: grid; grid-template-columns: minmax(520px, .92fr) minmax(0, 1.08fr); gap: 12px; }
.binding-form-card, .bound-store-workbench { overflow: hidden; margin: 0; padding: 0; border-radius: 10px; box-shadow: none; }
.binding-card-head { display: flex; min-height: 84px; align-items: center; justify-content: space-between; gap: 18px; padding: 14px 18px; border-bottom: 1px solid var(--binding-section-line); }
.binding-card-head h3 { margin: 2px 0 3px; font-size: 15px; }
.binding-card-head p:last-child { margin: 0; color: var(--muted); font-size: 9px; }
.binding-private-badge { flex: 0 0 auto; padding: 6px 8px; border: 1px solid #cfe5db; border-radius: 6px; color: #08704e; background: #f0faf6; font-size: 8px; font-weight: 750; white-space: nowrap; }
.binding-form-card form { padding: 18px; }
.binding-form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 14px; }
.binding-field { min-width: 0; }
.binding-field label { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; margin: 0 0 7px; color: #344054; }
.binding-field label span { font-size: 11px; font-weight: 750; }
.binding-field label small { color: #98a2b3; font-size: 8px; font-weight: 600; white-space: nowrap; }
.binding-field input, .binding-field select { display: block; width: 100%; height: 42px; min-width: 0; padding: 0 12px; border: 1px solid #d7dde7; border-radius: 7px; outline: none; color: var(--ink); background: #fff; font-size: 11px; transition: border-color .16s ease, box-shadow .16s ease, background .16s ease; }
.binding-field input::placeholder { color: #a2abba; }
.binding-field select { padding-right: 34px; }
.binding-field input:hover, .binding-field select:hover { border-color: #b8c2d1; background: #fcfdff; }
.binding-form-card .binding-security-note { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 5px 14px; margin: 18px 0 14px; padding: 12px 14px; border: 1px solid #dce5f3; border-radius: 7px; color: #667085; background: #f5f8fc; line-height: 1.5; }
.binding-security-note strong { color: #344054; font-size: 9px; white-space: nowrap; }
.binding-security-note span { font-size: 8px; }
.binding-form-card .form-error:not(:empty) { margin: -2px 0 12px; padding: 9px 11px; border: 1px solid #ffd0d0; border-radius: 7px; color: #a42b2b; background: #fff2f2; font-size: 9px; }
.binding-submit { min-height: 46px; flex-direction: column; gap: 2px; border-radius: 7px; box-shadow: none; }
.binding-submit span { font-size: 11px; }
.binding-submit small { color: rgba(255, 255, 255, .68); font: 700 7px/1 ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace; letter-spacing: .13em; }
.bound-store-workbench .table-wrap { max-height: 560px; }
.bound-store-workbench th { background: #f7f8fa; }
.bound-store-workbench th:first-child, .bound-store-workbench td:first-child { padding-left: 16px; }
.bound-store-workbench th:last-child, .bound-store-workbench td:last-child { padding-right: 16px; }
.binding-command-page button:focus-visible, .binding-command-page input:focus-visible, .binding-command-page select:focus-visible { outline: 2px solid var(--blue); outline-offset: 2px; }
.binding-command-page tbody tr { transition: background .14s ease; }

@media (max-width: 1100px) {
  .listing-command-scope, .listing-command-status { grid-template-columns: 116px minmax(0, 1fr); }
  .listing-command-scope .listing-period-controls { grid-template-columns: 104px 142px 14px 142px minmax(120px, 1fr) minmax(120px, 1fr); }
  .listing-command-scope .compact-check { grid-column: 1 / -1; min-height: 32px; }
  .listing-job-workbench .listing-filters { grid-template-columns: repeat(3, minmax(130px, 1fr)); }
  .listing-job-workbench .search-input { grid-column: 1 / -1; }
  .newlink-command-status, .newlink-decision-deck { grid-template-columns: 116px minmax(0, 1fr); }
  .newlink-mode-panel { grid-template-columns: 1fr; gap: 8px; }
  .newlink-mode-notes { display: none; }
  .review-command-status, .review-command-filter { grid-template-columns: 116px minmax(0, 1fr); }
  .review-filter-panel { grid-template-columns: auto minmax(160px, 220px) auto; }
  .review-filter-panel > p { grid-column: 1 / -1; text-align: left; }
  .review-command-status .review-summary { grid-template-columns: repeat(3, 1fr); }
  .review-command-status .review-summary > div { border-right: 1px solid var(--review-section-line); border-bottom: 1px solid var(--review-section-line); }
  .review-command-status .review-summary > div:nth-child(3n) { border-right: 0; }
  .review-command-status .review-summary > div:nth-child(n+4) { border-bottom: 0; }
  .review-command-status .review-summary > div:last-child { border-right: 1px solid var(--review-section-line); }
  .order-command-status, .order-command-filter { grid-template-columns: 116px minmax(0, 1fr); }
  .order-filter-panel { grid-template-columns: 190px minmax(260px, 1fr); }
  .order-filter-panel > strong { grid-column: 1 / -1; }
  .hot-command-status, .hot-command-filter { grid-template-columns: 116px minmax(0, 1fr); }
  .hot-filter-panel { grid-template-columns: auto minmax(260px, 1fr); }
  .hot-filter-panel > p { grid-column: 1 / -1; text-align: left; }
  .slow-command-status, .slow-command-filter { grid-template-columns: 116px minmax(0, 1fr); }
  .slow-filter-panel { grid-template-columns: auto minmax(150px, 220px) auto minmax(260px, 1fr); }
  .stock-command-status, .stock-command-views { grid-template-columns: 116px minmax(0, 1fr); }
  .stock-view-panel { grid-template-columns: 1fr; gap: 8px; }
  .stock-view-panel > p { white-space: normal; }
  .profit-command-status, .profit-command-readiness, .profit-command-dimensions { grid-template-columns: 116px minmax(0, 1fr); }
  .profit-command-status .metric-grid.compact { grid-template-columns: repeat(3, 1fr); }
  .profit-command-status .metric-card { border-right: 1px solid var(--profit-section-line); border-bottom: 1px solid var(--profit-section-line); }
  .profit-command-status .metric-card:nth-child(3n) { border-right: 0; }
  .profit-command-status .metric-card:nth-child(n+4) { border-bottom: 0; }
  .profit-dimension-panel { grid-template-columns: 1fr; gap: 8px; }
  .profit-dimension-panel > p { text-align: left; }
  .settings-command-framework, .settings-channel-section { grid-template-columns: 116px minmax(0, 1fr); }
  .users-command-roles { grid-template-columns: 116px minmax(0, 1fr); }
  .users-command-roles .permission-template-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; padding: 12px; background: #f8f9fb; }
  .users-command-roles .permission-template-card { border: 1px solid var(--users-section-line); border-radius: 7px; }
  .users-management-grid { grid-template-columns: 1fr; }
  .binding-command-flow { grid-template-columns: 116px minmax(0, 1fr); }
  .binding-management-grid { grid-template-columns: 1fr; }
}

@media (max-width: 680px) {
  .listing-command-intro { min-height: 0; align-items: stretch; flex-direction: column; padding: 17px; }
  .listing-command-intro h2 { font-size: 22px; line-height: 1.18; }
  .listing-heading-actions { width: 100%; }
  .listing-heading-actions button { min-height: 44px; flex: 1; }
  .listing-command-scope, .listing-command-status { display: block; }
  .listing-command-label { min-height: 58px; border-right: 0; border-bottom: 1px solid var(--listing-section-line); }
  .listing-command-scope .listing-period-bar { padding: 12px; }
  .listing-command-scope .listing-period-controls { display: grid; width: 100%; grid-template-columns: 1fr 1fr; }
  .listing-command-scope .listing-period-controls > * { min-width: 0; }
  .listing-command-scope .listing-period-controls > span { display: none; }
  .listing-command-scope #listingPeriodPreset, .listing-command-scope #listingProgressStoreFilter, .listing-command-scope #listingProgressOwnerFilter, .listing-command-scope .compact-check { grid-column: 1 / -1; }
  .listing-command-scope .listing-period-bar > span { text-align: left; }
  .listing-command-scope .listing-period-controls .compact-check { min-height: 44px; }
  .listing-command-scope .filter-select, .listing-command-scope input, .listing-job-workbench .filter-select, .listing-job-workbench .search-input { min-height: 44px; }
  .listing-command-status .new-link-summary { grid-template-columns: 1fr 1fr; }
  .listing-command-status .new-link-summary > div { min-height: 96px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
  .listing-command-status .new-link-summary > div:nth-child(2n) { border-right: 0; }
  .listing-command-status .new-link-summary > div:nth-child(n+7) { border-bottom: 0; }
  .listing-command-section .card-head, .listing-job-head { min-height: 82px; padding: 14px; }
  .listing-job-workbench .table-tools { padding: 12px; }
  .listing-job-workbench .listing-filters { grid-template-columns: 1fr 1fr; }
  .listing-job-workbench .search-input { grid-column: 1 / -1; }
  .listing-state-legend { max-width: 170px; flex-wrap: wrap; justify-content: flex-end; gap: 6px 9px; }
  .listing-section-nav { position: static; overflow-x: auto; }
  .listing-section-nav > span { display: none; }
  .listing-section-nav > div { min-width: max-content; }
}

@media (max-height: 760px) and (min-width: 901px) {
  .sidebar { padding-top: 14px; padding-bottom: 14px; }
  .sidebar-brand { padding-bottom: 14px; }
  .sidebar-brand .brand-mark.small { width: 34px; height: 34px; }
  .nav-list { gap: 0; margin-top: 4px; padding: 2px 0; }
  .nav-group-label { margin: 0; padding: 5px 10px 2px; }
  .nav-item { height: 32px; padding-right: 9px; padding-left: 9px; font-size: 12px; }
  .nav-item span { width: 23px; height: 23px; }
  .sidebar-foot { padding-top: 10px; }
}

@media (prefers-reduced-motion: reduce) {
  .listing-command-page .listing-cell, .listing-command-page tbody tr { transition: none; }
  .listing-command-page .listing-cell:hover { transform: none; }
}

.modal-card.selection-listing-modal { display: flex; max-height: min(850px, 92vh); flex-direction: column; padding: 0; overflow: hidden; }
.selection-listing-modal .modal-head { flex: 0 0 auto; padding: 15px 17px; }
.selection-listing-modal .selection-target-config input,
.selection-listing-modal .selection-target-config select,
.selection-listing-modal .selection-batch-controls input,
.selection-listing-modal .selection-batch-controls select,
.selection-listing-modal .selection-row-input { height: 34px; padding: 0 9px; border-radius: 7px; }

.profit-command-page .profit-command-intro {
  display: flex;
  min-height: 170px;
  padding: 30px 34px;
  border: 0;
  border-radius: 18px;
  color: white;
  background: radial-gradient(circle at 84% 18%, rgba(77,148,255,.28), transparent 25%), linear-gradient(125deg, #092440 0%, #153d68 58%, #1a5e75 100%);
  box-shadow: 0 20px 45px rgba(12,42,73,.18);
}
.profit-command-page .profit-command-intro h2 { color: white; font-size: clamp(25px, 2.4vw, 36px); }
.profit-command-page .profit-command-status,
.profit-command-page .profit-command-readiness,
.profit-command-page .profit-command-dimensions { grid-template-columns: 210px minmax(0,1fr); overflow: visible; border: 0; background: transparent; }
.profit-command-page .profit-command-label { border: 1px solid #dce6f2; border-radius: 18px; background: linear-gradient(145deg,#f7faff,#eef5ff); }
.profit-command-page .profit-command-label > span { display: grid; width: 30px; height: 30px; place-items: center; border-radius: 8px; background: #2467f3; color: white; }
.profit-command-page .profit-command-status .metric-grid.compact { grid-template-columns: repeat(6,minmax(150px,1fr)); overflow: visible; border: 0; border-radius: 0; background: transparent; }
.profit-command-page .profit-command-status .metric-card { min-height: 128px; padding: 20px; border: 1px solid #dce6f2 !important; border-radius: 16px; background: linear-gradient(160deg,#fff,#f8fbff); }
.profit-command-page .profit-command-status .metric-card strong { font-size: 25px; color: #0b2036; }
.profit-command-page .profit-command-readiness .readiness-card { min-height: 150px; padding: 22px; border: 1px solid #dce6f2; border-radius: 18px; }
.profit-command-page .profit-dimension-panel { border: 1px solid #dce6f2; border-radius: 18px; background: white; }
.profit-command-page .profit-dimension-panel .profit-dimension-tabs { grid-template-columns: repeat(4,minmax(0,1fr)); }
.profit-command-page .profit-workbench { border-radius: 18px; box-shadow: 0 10px 30px rgba(22,54,90,.07); }
.profit-command-page .profit-workbench-head { min-height: 96px; padding: 22px 24px; }
.profit-command-page .profit-workbench-head h3 { font-size: 22px; }
.profit-command-page .profit-workbench-head p:last-child { font-size: 12px; }
.profit-command-page .profit-workbench .table-tools { padding: 14px 24px; }
.profit-warning-pane { display: grid; gap: 16px; }
.profit-warning-pane.hidden { display: none; }
.profit-warning-hero {
  display: flex;
  min-height: 118px;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 24px 28px;
  border: 1px solid #f1d9dc;
  border-radius: 18px;
  background: radial-gradient(circle at 88% 14%, rgba(235,73,91,.12), transparent 28%), linear-gradient(135deg,#fff 0%,#fff8f8 100%);
}
.profit-warning-hero h3 { margin: 3px 0 6px; font-size: 24px; color: #18263a; }
.profit-warning-hero p:last-child { margin: 0; color: #6f7d90; font-size: 12px; }
.profit-warning-summary { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 12px; }
.profit-risk-card {
  position: relative;
  display: grid;
  min-height: 112px;
  align-content: center;
  gap: 6px;
  overflow: hidden;
  padding: 18px 20px;
  border: 1px solid #dce6f2;
  border-radius: 16px;
  background: white;
}
.profit-risk-card::before { position: absolute; inset: 0 auto 0 0; width: 4px; content: ""; background: #2f6df6; }
.profit-risk-card.violet::before { background: #7956df; }
.profit-risk-card.red::before { background: #e84c5b; }
.profit-risk-card.orange::before { background: #e69428; }
.profit-risk-card.green::before { background: #1ba67a; }
.profit-risk-card small { color: #7d8a9c; font-weight: 700; }
.profit-risk-card strong { color: #17263a; font: 760 27px/1 ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace; }
.profit-risk-card span { color: #9aa5b5; font-size: 10px; }
.profit-warning-workbench { overflow: hidden; padding: 0; border-radius: 18px; }
.profit-warning-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 16px 20px; border-bottom: 1px solid #e7edf5; }
.profit-warning-toolbar > div { display: flex; flex: 1; gap: 10px; }
.profit-warning-toolbar select { min-width: 180px; }
.profit-warning-toolbar .search-input { width: min(520px,100%); max-width: none; }
.profit-warning-product > div { display: flex; min-width: 260px; align-items: center; gap: 10px; }
.profit-warning-product .product-thumb { width: 48px; height: 48px; border-radius: 10px; }
.profit-warning-product span { display: grid; max-width: 260px; gap: 4px; }
.profit-warning-product strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.profit-warning-product small { color: #99a4b4; }
.badge.violet { color: #6644c7; background: #f0ebff; }

/* Customer engagement: the first release is deliberately original-language-first. */
.engagement-command-page { display: grid; gap: 16px; }
.engagement-command-intro {
  display: flex; min-height: 168px; align-items: center; justify-content: space-between; gap: 28px;
  padding: 28px 32px; border: 0; border-radius: 18px; color: #fff;
  background: radial-gradient(circle at 84% 20%, rgba(143,103,255,.32), transparent 24%), linear-gradient(122deg,#112a52 0%,#213e73 56%,#3a4b8e 100%);
  box-shadow: 0 18px 40px rgba(28,53,105,.18);
}
.engagement-command-intro .workspace-kicker { color: #b9caff; }
.engagement-command-intro h2 { margin: 6px 0 8px; color: #fff; font-size: clamp(25px,2.35vw,35px); letter-spacing: -.035em; }
.engagement-command-intro p:last-child { max-width: 700px; margin: 0; color: #d7e1f7; font-size: 13px; }
.engagement-sync-card { display: grid; min-width: 225px; gap: 6px; padding: 16px 18px; border: 1px solid rgba(221,230,255,.25); border-radius: 14px; background: rgba(255,255,255,.1); }
.engagement-sync-card small, .engagement-sync-card span { color: #cbd8f5; font-size: 11px; }
.engagement-sync-card strong { color: #fff; font-size: 14px; }
.engagement-sync-card .secondary { min-height: 34px; margin-top: 4px; border-color: rgba(226,234,255,.55); color: #fff; background: rgba(10,27,65,.28); }
.engagement-command-status { display: grid; grid-template-columns: 210px minmax(0,1fr); overflow: visible; border: 0; background: transparent; }
.engagement-command-label { display: flex; align-items: center; gap: 12px; padding: 18px 20px; border: 1px solid #dce6f2; border-radius: 18px; background: linear-gradient(145deg,#f7f9ff,#eff3ff); }
.engagement-command-label > span { display: grid; width: 30px; height: 30px; place-items: center; border-radius: 8px; color: #fff; background: #5263d7; font: 800 11px/1 ui-monospace,Menlo,Consolas,monospace; }
.engagement-command-label div { display: grid; gap: 4px; }
.engagement-command-label strong { color: #1b2c48; font-size: 14px; }.engagement-command-label small { color: #78869b; font-size: 11px; }
.engagement-summary { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 10px; margin-left: 14px; }
.engagement-metric { position: relative; display: grid; min-height: 91px; align-content: center; gap: 5px; padding: 16px 18px; overflow: hidden; border: 1px solid #dfe7f2; border-radius: 15px; background: #fff; }
.engagement-metric::before { position:absolute; inset:0 auto 0 0; width:4px; content:""; background:#536be2; }.engagement-metric.warn::before { background:#e36354; }.engagement-metric.positive::before { background:#1b9d7c; }.engagement-metric.amber::before { background:#d4942f; }
.engagement-metric small { color:#7b889a; font-weight:700; }.engagement-metric strong { color:#1a2941; font:760 25px/1 ui-monospace,Menlo,Consolas,monospace; }.engagement-metric span { color:#98a4b5; font-size:10px; }
.engagement-workbench { overflow: hidden; padding: 0; border-radius: 18px; box-shadow: 0 10px 30px rgba(22,54,90,.07); }
.engagement-workbench-head { display:flex; min-height:94px; align-items:center; justify-content:space-between; gap:18px; padding:20px 24px; border-bottom:1px solid #e6ecf4; }.engagement-workbench-head h3 { margin:3px 0 5px; color:#18263a; font-size:21px; }.engagement-workbench-head p:last-child { margin:0; color:#7a8797; font-size:12px; }
.translation-reserve { padding:7px 10px; border:1px dashed #bec8d9; border-radius:7px; color:#77849a; font-size:11px; white-space:nowrap; }
.engagement-filter-bar { display:flex; gap:10px; padding:14px 20px; border-bottom:1px solid #e7edf5; background:#fbfcff; }.engagement-filter-bar .filter-select { min-width:156px; }.engagement-filter-bar .search-input { flex:1; min-width:240px; max-width:none; }
.engagement-table th { white-space:nowrap; }.engagement-table td { vertical-align:top; }.engagement-product { display:flex; min-width:205px; align-items:center; gap:10px; }.engagement-product .product-thumb { width:42px; height:42px; border-radius:9px; }.engagement-product > div { display:grid; max-width:220px; gap:4px; }.engagement-product strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#23324a; }.engagement-product small { color:#8a97a9; font-size:10px; }
.engagement-source { min-width:280px; max-width:390px; color:#38485f; line-height:1.55; }.engagement-source p { display:-webkit-box; margin:0; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:3; }.engagement-source small { display:block; margin-top:7px; color:#9aa6b7; font-size:10px; }
.engagement-store { display:grid; min-width:132px; gap:5px; color:#47566d; }.engagement-store small { color:#96a2b3; font-size:10px; }.engagement-status { display:grid; min-width:103px; gap:5px; }.engagement-status small { color:#9aa6b7; font-size:10px; }
.engagement-reply { max-width:220px; min-width:160px; color:#53627a; line-height:1.45; }.engagement-reply p { margin:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.engagement-reply small { color:#d25757; font-size:10px; }.engagement-action { white-space:nowrap; }
.engagement-reply-modal { width:min(600px,calc(100vw - 32px)); }.engagement-source-preview { margin:0 0 14px; padding:13px 14px; border-left:3px solid #6376e6; border-radius:8px; background:#f4f6fb; }.engagement-source-preview small { color:#71809a; font-weight:700; }.engagement-source-preview p { max-height:140px; margin:7px 0 0; overflow:auto; color:#31405a; white-space:pre-wrap; line-height:1.55; }.engagement-reply-modal textarea { width:100%; resize:vertical; }.form-hint { margin:8px 0 0; color:#7e8a9d; font-size:12px; }

@media (max-width: 1280px) {
  .profit-command-page .profit-command-status .metric-grid.compact { grid-template-columns: repeat(3,1fr); }
  .profit-warning-summary { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .engagement-summary { grid-template-columns: repeat(3,minmax(0,1fr)); }
}
@media (max-width: 900px) {
  .profit-command-page .profit-command-intro { padding: 24px; }
  .profit-command-page .profit-command-status,
  .profit-command-page .profit-command-readiness,
  .profit-command-page .profit-command-dimensions { grid-template-columns: 1fr; }
  .profit-command-page .profit-command-status .metric-grid.compact { grid-template-columns: 1fr 1fr; }
  .profit-warning-hero, .profit-warning-toolbar, .profit-warning-toolbar > div { align-items: stretch; flex-direction: column; }
  .profit-warning-summary { grid-template-columns: 1fr 1fr; }
  .engagement-command-intro { align-items:stretch; flex-direction:column; padding:24px; }.engagement-command-status { grid-template-columns:1fr; }.engagement-summary { margin:12px 0 0; }.engagement-filter-bar { flex-wrap:wrap; }.engagement-filter-bar .search-input { flex-basis:100%; }
}