:root {
  --bg: #f3f6fb;
  --panel: #ffffff;
  --text: #172033;
  --muted: #778198;
  --line: #e5eaf2;
  --primary: #5b61e6;
  --primary-dark: #474dcc;
  --green: #20a878;
  --amber: #e99931;
  --red: #e55562;
  --sidebar: #171b2c;
  font-family: "Microsoft YaHei UI", "PingFang SC", system-ui, sans-serif;
  color: var(--text);
  background: var(--bg);
}
* { box-sizing: border-box; }
body { margin: 0; min-width: 1080px; background: var(--bg); }
button, input, select { font: inherit; }
button { cursor: pointer; }
.app-shell { display: flex; min-height: 100vh; }
.sidebar { position: fixed; inset: 0 auto 0 0; width: 232px; padding: 23px 15px 18px; background: var(--sidebar); color: #fff; display: flex; flex-direction: column; z-index: 10; }
.brand { display: flex; align-items: center; gap: 11px; padding: 0 9px 25px; }
.brand-mark { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 11px; background: linear-gradient(145deg, #777bff, #5157da); font-size: 21px; font-weight: 800; box-shadow: 0 8px 24px #4a50d955; }
.brand strong, .brand span { display: block; }
.brand strong { font-size: 15px; letter-spacing: .3px; }
.brand span { color: #8d96b2; font-size: 10px; margin-top: 3px; text-transform: uppercase; }
nav { display: grid; gap: 6px; }
.nav-item { height: 43px; padding: 0 13px; border: 0; border-radius: 9px; color: #a9b1c9; background: transparent; text-align: left; display: flex; align-items: center; gap: 12px; transition: .2s; }
.nav-item span { width: 18px; font-size: 17px; text-align: center; }
.nav-item:hover { background: #ffffff09; color: #fff; }
.nav-item.active { color: #fff; background: linear-gradient(90deg, #5b61e6, #5156d3); box-shadow: 0 6px 20px #4c52d133; }
.sidebar-foot { margin-top: auto; display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 9px; padding: 14px 10px 0; border-top: 1px solid #ffffff12; }
.sidebar-foot strong, .sidebar-foot small { display: block; }
.sidebar-foot strong { font-size: 11px; color: #d9deed; }
.sidebar-foot small { font-size: 10px; color: #7f89a7; margin-top: 3px; }
.sidebar-status { grid-column: 1 / -1; padding: 9px 11px; border-radius: 8px; width: 100%; color: #aab4cf; background: #ffffff11; font-size: 10px; line-height: 1.45; }
.sidebar-note { grid-column: 1 / -1; padding: 8px 11px; border-radius: 8px; width: 100%; color: #b5c2df; background: #ffffff0d; font-size: 10px; line-height: 1.45; }
.dot { width: 8px; height: 8px; border-radius: 50%; }
.dot.safe { background: #35d29a; box-shadow: 0 0 0 4px #35d29a18; }
.main { margin-left: 232px; min-height: 100vh; width: calc(100% - 232px); }
.topbar { height: 92px; padding: 20px 30px; display: flex; align-items: center; justify-content: space-between; background: #fff; border-bottom: 1px solid var(--line); }
.topbar h1 { font-size: 20px; margin: 0 0 5px; }
.topbar p { margin: 0; color: var(--muted); font-size: 12px; }
.top-actions { display: flex; align-items: center; gap: 9px; }
body.clean-topbar .top-actions .sim-control { display: none; }
.top-status {
  padding: 7px 10px;
  border-radius: 999px;
  font-size: 11px;
  color: #6f7890;
  background: #f0f2f9;
  max-width: 260px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.button { border: 0; border-radius: 8px; padding: 10px 15px; background: #e9edf5; color: #39425a; font-weight: 600; font-size: 12px; transition: .16s; }
.button:hover:not(:disabled) { transform: translateY(-1px); }
.button:disabled { opacity: .45; cursor: default; }
.button.primary { color: #fff; background: var(--primary); box-shadow: 0 5px 14px #5b61e632; }
.button.primary:hover:not(:disabled) { background: var(--primary-dark); }
.button.ghost { background: #f1f3f8; }
.button.compact { padding: 8px 11px; }
.badge { padding: 7px 11px; border-radius: 999px; font-size: 11px; font-weight: 700; }
.badge.paused { color: #6d768b; background: #eef1f6; }
.badge.running { color: #13845d; background: #e6f8f1; }
.page { display: none; padding: 24px 28px 40px; }
.page.active { display: block; }
.safety-banner { min-height: 68px; padding: 14px 16px; display: flex; align-items: center; justify-content: space-between; color: #354076; background: #eff0ff; border: 1px solid #dfe1ff; border-radius: 11px; }
.safety-banner strong, .safety-banner span { display: block; }
.safety-banner strong { font-size: 13px; margin-bottom: 5px; }
.safety-banner span { color: #7079a5; font-size: 11px; }
.stat-grid { display: grid; grid-template-columns: repeat(5, minmax(145px, 1fr)); gap: 13px; margin: 16px 0; }
.stat-card { min-height: 116px; padding: 16px; background: var(--panel); border: 1px solid var(--line); border-radius: 11px; box-shadow: 0 4px 14px #26355808; }
.stat-card span, .stat-card small { display: block; color: var(--muted); font-size: 11px; }
.stat-card strong { display: block; margin: 9px 0 7px; font-size: 28px; color: #4d55c8; }
.stat-card.blue strong { color: #4386df; }.stat-card.green strong { color: var(--green); }.stat-card.amber strong { color: var(--amber); }.stat-card.red strong { color: var(--red); }
.overview-metrics { display: grid; grid-template-columns: repeat(4, minmax(170px, 1fr)); gap: 14px; margin-bottom: 15px; }
.overview-metric { min-height: 112px; padding: 17px; display: flex; align-items: center; gap: 15px; background: #fff; border: 1px solid var(--line); border-radius: 12px; box-shadow: 0 4px 14px #26355808; }
.overview-metric-icon { width: 44px; height: 44px; flex: 0 0 44px; display: grid; place-items: center; border-radius: 12px; color: #5b61e6; background: #eff0ff; font-size: 15px; font-weight: 800; }
.overview-metric.blue .overview-metric-icon { color: #317bd2; background: #eaf4ff; }.overview-metric.green .overview-metric-icon { color: #13845d; background: #e7f8f1; }.overview-metric.amber .overview-metric-icon { color: #b36a10; background: #fff2df; }
.overview-metric span, .overview-metric small { display: block; color: var(--muted); font-size: 10px; }.overview-metric strong { display: inline-block; margin: 5px 6px 3px 0; font-size: 26px; }.overview-metric small { display: inline; }
.overview-current-panel { padding: 19px 20px; }
.auto-runner-panel { border-color: #dfe2ff; background: linear-gradient(135deg, #fbfbff, #fff); }
.auto-runner-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.auto-runner-grid article { padding: 12px 14px; border-radius: 9px; background: #f5f6fb; }
.auto-runner-grid article.wide { grid-column: span 3; }
.auto-runner-grid span, .auto-runner-grid strong { display: block; }
.auto-runner-grid span { color: var(--muted); font-size: 9px; }
.auto-runner-grid strong { margin-top: 6px; color: #3f4863; font-size: 11px; line-height: 1.45; word-break: break-word; }
.auto-runner-preview { margin-top: 12px; overflow: hidden; border: 1px solid var(--line); border-radius: 9px; background: #eef0f5; }
.auto-runner-preview img { display: block; width: 100%; max-height: 330px; object-fit: contain; }
.auto-runner-log { display: grid; gap: 5px; margin-top: 11px; }
.auto-runner-log div { display: flex; justify-content: space-between; gap: 12px; padding: 6px 8px; border-radius: 6px; color: #59637a; background: #f8f9fc; font-size: 9px; }
.auto-runner-log div.error { color: #a53a49; background: #fff1f3; }
.auto-runner-log div.warning { color: #986114; background: #fff7e9; }
.auto-runner-actions { flex-wrap: wrap; }
.overview-current-task { padding: 0; }
.overview-task-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; padding: 15px; border-radius: 10px; background: #f7f8fc; }
.overview-task-top > div > strong, .overview-task-top > div > small { display: block; }.overview-task-top > div > strong { margin: 7px 0 4px; font-size: 15px; }.overview-task-top > div > small { color: var(--muted); font-size: 10px; }
.overview-task-shop { padding: 4px 7px; border-radius: 6px; color: #5058c5; background: #eceeff; font-size: 9px; font-weight: 700; }
.overview-task-step { display: grid; grid-template-columns: 90px 1fr; gap: 10px; align-items: center; padding: 15px 6px 12px; border-bottom: 1px solid #edf0f5; }.overview-task-step span { color: var(--muted); font-size: 10px; }.overview-task-step strong { font-size: 11px; }
.overview-stage-line { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; padding-top: 13px; }.overview-stage-line span { display: flex; align-items: center; justify-content: center; gap: 6px; padding: 9px; border-radius: 8px; color: #8992a6; background: #f5f6f9; font-size: 10px; font-weight: 700; }.overview-stage-line span.done { color: #16835e; background: #eaf8f3; }.overview-stage-line i { font-style: normal; }
.overview-bottom-grid { display: grid; grid-template-columns: 1.12fr .88fr; gap: 15px; }
.overview-bottom-grid .panel { margin-bottom: 0; }
.overview-shop-list { display: grid; gap: 14px; }.overview-shop-row { padding: 2px 0 12px; border-bottom: 1px solid #edf0f5; }.overview-shop-row:last-child { border-bottom: 0; padding-bottom: 0; }.overview-shop-title { display: flex; justify-content: space-between; align-items: center; }.overview-shop-title strong { font-size: 11px; }.overview-shop-title span { color: #5d65ce; font-size: 10px; font-weight: 700; }.overview-shop-row small { display: block; margin-top: 7px; color: var(--muted); font-size: 9px; }
.overview-progress { height: 7px; margin-top: 9px; overflow: hidden; border-radius: 99px; background: #edf0f5; }.overview-progress i { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #6268e8, #7b82ef); }
.overview-alert-list { display: grid; gap: 9px; }.overview-alert-row { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 10px; padding: 10px; border-radius: 9px; background: #fff8ed; }.overview-alert-row strong, .overview-alert-row small { display: block; }.overview-alert-row strong { font-size: 10px; }.overview-alert-row small { margin-top: 4px; color: var(--muted); font-size: 9px; }
.overview-all-clear { min-height: 150px; display: flex; align-items: center; justify-content: center; gap: 12px; border-radius: 10px; color: #16835e; background: #edf9f5; }.overview-all-clear b { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 50%; color: #fff; background: var(--green); }.overview-all-clear strong, .overview-all-clear small { display: block; }.overview-all-clear strong { font-size: 11px; }.overview-all-clear small { margin-top: 4px; color: #6a8c80; font-size: 9px; }
.panel { padding: 18px; background: var(--panel); border: 1px solid var(--line); border-radius: 11px; box-shadow: 0 4px 14px #26355807; margin-bottom: 15px; }
.panel-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 15px; }
.panel-head h2 { margin: 0 0 4px; font-size: 14px; }
.panel-head p { margin: 0; color: var(--muted); font-size: 10px; }
.two-column { display: grid; grid-template-columns: 1.18fr 1fr; gap: 15px; }
.flow-line { display: flex; align-items: center; justify-content: space-between; gap: 7px; padding: 20px 8px 15px; }
.flow-line span { flex: 1; min-width: 74px; padding: 9px 5px; border-radius: 7px; color: #5058c2; background: #f0f1ff; text-align: center; font-size: 10px; font-weight: 700; }
.flow-line i { color: #adb4c5; font-style: normal; }
.muted { color: var(--muted); font-size: 10px; margin: 0; }
.event-list { display: grid; gap: 7px; max-height: 145px; overflow: auto; }
.event-item { display: flex; gap: 9px; align-items: center; }
.event-item i { width: 7px; height: 7px; border-radius: 50%; background: #7681e9; }.event-item i.warning { background: var(--amber); }.event-item i.error { background: var(--red); }
.event-item strong, .event-item small { display: block; }.event-item strong { font-size: 10px; font-weight: 600; }.event-item small { color: var(--muted); font-size: 9px; margin-top: 2px; }
.module-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.module-card { border: 1px solid var(--line); border-radius: 9px; padding: 11px; display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 9px; }
.module-card > div { display: flex; align-items: center; gap: 9px; }.module-card strong, .module-card small { display: block; }.module-card strong { font-size: 11px; }.module-card small { color: var(--muted); font-size: 9px; margin-top: 3px; }
.module-icon { width: 32px; height: 32px; display: grid; place-items: center; border-radius: 8px; color: #fff; background: #5c63da; font-weight: 800; }
.module-state { font-size: 9px; }.module-state.ok { color: var(--green); }.module-state.missing { color: var(--red); }.module-card button { grid-column: 1 / -1; }
.task-form { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.task-metric-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 13px; margin-bottom: 15px; }.task-metric-grid article { padding: 15px 17px; border: 1px solid var(--line); border-radius: 11px; background: #fff; }.task-metric-grid span, .task-metric-grid small { display: block; color: var(--muted); font-size: 9px; }.task-metric-grid strong { display: block; margin: 7px 0 4px; color: #5b61e6; font-size: 25px; }.task-metric-grid article.blue strong { color: #3d83d7; }.task-metric-grid article.green strong { color: var(--green); }.task-metric-grid article.amber strong { color: var(--amber); }
.dispatch-form { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }.dispatch-form .dispatch-notes { grid-column: 1 / -1; }.dispatch-form textarea { min-height: 65px; }.dispatch-submit { grid-column: 1 / -1; display: flex; align-items: center; justify-content: flex-end; gap: 12px; }
label { display: grid; gap: 6px; color: #59637a; font-size: 10px; font-weight: 600; }
label.wide { grid-column: span 2; }
input, select { width: 100%; height: 38px; padding: 0 10px; border: 1px solid #dfe4ed; border-radius: 7px; color: var(--text); background: #fff; outline: 0; }
input[type="checkbox"] { width: 14px; height: 14px; margin-right: 4px; }
textarea { width: 100%; min-height: 88px; padding: 9px 10px; border: 1px solid #dfe4ed; border-radius: 7px; color: var(--text); background: #fff; outline: 0; resize: vertical; font: inherit; }
input:focus, select:focus { border-color: #8186e9; box-shadow: 0 0 0 3px #6268e612; }
.form-actions { grid-column: 1 / -1; display: flex; align-items: center; justify-content: flex-end; gap: 12px; }.form-message { color: #6d7690; font-size: 10px; }
.table-panel { padding: 0; overflow: hidden; }.table-panel .panel-head { padding: 17px 18px 0; }
.task-filter-toolbar { padding: 0 18px 14px; display: flex; align-items: center; justify-content: space-between; gap: 12px; }.task-filter-tabs { display: flex; gap: 5px; flex-wrap: wrap; }.task-filter-tabs button { padding: 7px 10px; border: 0; border-radius: 7px; color: #727c92; background: #f1f3f7; font-size: 9px; cursor: pointer; }.task-filter-tabs button.active { color: #fff; background: var(--primary); }.task-filter-fields { display: flex; gap: 7px; }.task-filter-fields select { width: 120px; height: 32px; font-size: 9px; }.task-filter-fields input { width: 160px; height: 32px; font-size: 9px; }
.table-scroll { overflow: auto; scrollbar-gutter: stable; }
table { width: 100%; border-collapse: collapse; font-size: 10px; }
th { padding: 10px 12px; color: #7c869c; background: #f7f8fb; text-align: left; white-space: nowrap; }
td { padding: 11px 12px; border-top: 1px solid #eef1f5; vertical-align: middle; }
.task-board-table { min-width: 960px; }.task-board-table th:last-child { width: 180px; min-width: 180px; z-index: 3; background: #f7f8fb; }.task-board-table td:last-child { z-index: 2; background: #fff; }.task-board-table tr:has(.task-result[open]) td { vertical-align: top; }.task-board-table th:last-child, .task-board-table td:last-child { position: sticky; right: 0; box-shadow: -8px 0 12px -12px #25304a66; }.task-board-table .theme-cell { min-width: 155px; max-width: 210px; }.task-step-cell { min-width: 155px; max-width: 220px; line-height: 1.5; }.link-state { padding: 5px 7px; border-radius: 6px; color: #7b8498; background: #f0f2f5; white-space: nowrap; font-size: 9px; font-weight: 700; }.link-state.ready { color: #16835e; background: #e8f8f2; }
.task-row-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 5px; }.task-link-button, .task-result summary { padding: 5px 7px; border: 0; border-radius: 6px; color: #5058c5; background: #eff0ff; font-size: 8px; font-weight: 700; cursor: pointer; white-space: nowrap; list-style: none; }.task-link-button.warning { color: #a3691f; background: #fff1dc; }.task-link-button.success { color: #16835e; background: #e7f8f1; }.task-result { position: relative; }.task-result[open] { flex-basis: 100%; }.task-result summary::-webkit-details-marker { display: none; }.task-result[open] > div { width: 100%; margin-top: 5px; padding: 9px; border: 1px solid var(--line); border-radius: 8px; color: #5c667d; background: #fff; font-size: 9px; line-height: 1.7; word-break: break-all; }.test-record-label { color: #8992a6; font-size: 8px; }
td strong, td small { display: block; } td small { color: var(--muted); margin-top: 3px; }.theme-cell { min-width: 170px; }
.status { padding: 5px 8px; border-radius: 999px; white-space: nowrap; font-weight: 700; }.status.neutral { color: #687189; background: #eef1f5; }.status.working { color: #4d55c5; background: #eff0ff; }.status.success { color: #16835e; background: #e7f8f1; }.status.warning { color: #a96715; background: #fff1dc; }.status.danger { color: #b63c49; background: #ffe8eb; }
.empty-cell, .empty-note { padding: 24px; color: #929bb0; text-align: center; font-size: 10px; }
.choice-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.choice-card { display: flex; align-items: center; gap: 10px; padding: 12px; border: 1px solid var(--line); border-radius: 9px; cursor: pointer; }.choice-card input { width: 16px; height: 16px; }.choice-card strong, .choice-card small { display: block; }.choice-card strong { color: var(--text); font-size: 11px; }.choice-card small { color: var(--muted); font-size: 9px; margin-top: 3px; }
.rule-box { margin-top: 16px; padding: 14px; border-radius: 9px; background: #f7f8fb; }.rule-box h3 { margin: 0 0 11px; font-size: 12px; }.rule-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }.rule-grid span { padding: 9px; border-radius: 7px; background: #fff; color: #657088; font-size: 10px; }
.panel-actions { display: flex; justify-content: flex-end; align-items: center; gap: 10px; margin-top: 14px; }
.check-list { display: grid; gap: 11px; color: #5c667d; font-size: 10px; }.check-list span::first-letter { color: var(--green); }
.dedupe-summary { display: flex; align-items: baseline; gap: 7px; margin-bottom: 15px; padding: 13px; border-radius: 9px; background: #f0f1ff; color: #626b85; }.dedupe-summary strong { color: #5158ca; font-size: 25px; }.dedupe-summary span { font-size: 10px; }.dedupe-summary i { margin-left: auto; color: #7b849c; font-size: 9px; font-style: normal; }
.mini-summary { margin-top: 12px; padding: 10px; border-radius: 9px; background: #f7f8fc; color: #556083; font-size: 10px; line-height: 1.6; }
.mini-list { margin-top: 10px; display: grid; gap: 8px; font-size: 10px; color: #53607f; }
.mini-list .mini-item { padding: 8px 9px; border-radius: 8px; background: #f7f8fc; line-height: 1.45; }
.mini-list .mini-item strong { display: block; margin-bottom: 3px; color: #414c72; font-weight: 600; }
.mini-list .mini-item small { color: var(--muted); font-size: 9px; }
.timeline { display: grid; grid-template-columns: repeat(5, 1fr); gap: 12px; }.timeline > div { display: flex; gap: 9px; padding: 12px; border-radius: 9px; background: #f7f8fc; }.timeline b { width: 25px; height: 25px; display: grid; place-items: center; border-radius: 50%; color: #fff; background: var(--primary); font-size: 10px; }.timeline strong, .timeline small { display: block; }.timeline strong { font-size: 10px; }.timeline small { margin-top: 4px; color: var(--muted); font-size: 8px; line-height: 1.5; }
.tag-list { display: flex; flex-wrap: wrap; gap: 8px; }.tag-list span { padding: 8px 10px; border-radius: 7px; color: #5058bd; background: #eff0ff; font-size: 10px; }
.field { margin-bottom: 12px; }.info-row { display: flex; justify-content: space-between; padding: 11px 0; border-top: 1px solid #eef1f5; color: var(--muted); font-size: 10px; }.info-row b { color: var(--text); }.text-green { color: var(--green) !important; }.text-red { color: var(--red) !important; }
.price-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 9px; margin-bottom: 13px; }
.alert-list { display: grid; gap: 9px; }.alert-item { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 11px; padding: 12px; border: 1px solid var(--line); border-radius: 9px; }.alert-item.ack { opacity: .6; }.alert-icon { width: 28px; height: 28px; display: grid; place-items: center; border-radius: 50%; color: #fff; background: var(--amber); font-weight: 800; }.alert-icon.error { background: var(--red); }.alert-icon.success { background: var(--green); }.alert-item strong { font-size: 11px; }.alert-item p { margin: 4px 0; color: #687289; font-size: 10px; }.alert-item small, .ack-text { color: var(--muted); font-size: 9px; }
.path-box { padding: 12px; border-radius: 8px; background: #f4f6fa; color: #555f78; font-family: Consolas, monospace; font-size: 10px; margin-bottom: 12px; word-break: break-all; }
.live-service-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 11px; }
.live-service-grid article { padding: 14px; border: 1px solid var(--line); border-radius: 9px; background: #f8f9fc; }
.live-service-grid span, .live-service-grid strong, .live-service-grid small { display: block; }
.live-service-grid span { color: var(--muted); font-size: 10px; }
.live-service-grid strong { margin: 8px 0 5px; color: #6c758c; font-size: 14px; }
.live-service-grid strong.ready { color: var(--green); }
.live-service-grid strong.missing { color: var(--amber); }
.live-service-grid small { color: var(--muted); font-size: 9px; }
.live-task-summary-grid { display: grid; grid-template-columns: 1fr .75fr 1fr 1fr; gap: 10px; }
.live-task-summary-grid article { min-height: 75px; padding: 13px 14px; border-radius: 9px; background: #f6f7fb; }.live-task-summary-grid article:nth-child(3) { grid-column: span 2; }.live-task-summary-grid article.wide { grid-column: span 3; }.live-task-summary-grid span, .live-task-summary-grid strong { display: block; }.live-task-summary-grid span { color: var(--muted); font-size: 9px; }.live-task-summary-grid strong { margin-top: 7px; color: #39435d; font-size: 11px; line-height: 1.45; }
.live-policy-badge, .live-no-upload { padding: 7px 10px; border-radius: 999px; color: #5058c5; background: #eceeff; font-size: 10px; font-weight: 700; }.live-no-upload { color: #9b641c; background: #fff2df; }
.live-browser-placeholder { min-height: 180px; display: flex; align-items: center; justify-content: center; gap: 14px; border: 1px dashed #d8deea; border-radius: 10px; color: #59637c; background: #f8f9fc; }.live-browser-placeholder.is-off { display: none; }.live-browser-placeholder b { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 50%; color: #fff; background: var(--primary); }.live-browser-placeholder strong, .live-browser-placeholder small { display: block; }.live-browser-placeholder strong { font-size: 12px; }.live-browser-placeholder small { margin-top: 5px; color: var(--muted); font-size: 9px; }
.live-delivery-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }.live-delivery-grid article { padding: 14px; border: 1px solid var(--line); border-radius: 9px; background: #f8f9fc; }.live-delivery-grid article.wide { grid-column: 1 / -1; }.live-delivery-grid span, .live-delivery-grid strong { display: block; }.live-delivery-grid span { color: var(--muted); font-size: 9px; }.live-delivery-grid strong { margin-top: 7px; color: #3f4863; font-size: 11px; }.live-delivery-grid strong.ready { color: var(--green); }.live-delivery-grid article.wide strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-family: Consolas, monospace; font-size: 10px; }
.live-scope-note { margin-top: 12px; padding: 11px 13px; display: flex; gap: 10px; border-radius: 8px; color: #6d7690; background: #f2f4f8; font-size: 10px; }.live-scope-note b { color: #4a5369; }.live-scope-note span { line-height: 1.5; }
.live-warning { color: #7b4c0d; background: #fff7e8; border-color: #f4dfb9; }
.live-warning span { color: #9a7138; }
.current-work-grid { display: grid; grid-template-columns: 1fr 1.5fr 1fr; gap: 10px; }
.current-work-grid article { padding: 12px 14px; border-radius: 9px; background: #f5f6fb; }
.current-work-grid span, .current-work-grid strong { display: block; }
.current-work-grid span { color: var(--muted); font-size: 9px; }
.current-work-grid strong { margin-top: 6px; color: #3f4863; font-size: 11px; }
.live-console-actions { margin-bottom: 14px; }
.live-browser-area { overflow: hidden; border: 1px solid #dce1ea; border-radius: 10px; background: #161a25; }
.live-browser-area.is-off { display: none; }
.live-browser-tabs { display: flex; gap: 5px; padding: 8px 9px 0; background: #272d3c; }
.live-browser-tabs button { padding: 8px 13px; border: 0; border-radius: 7px 7px 0 0; color: #b6bfd2; background: #353c4d; font-size: 10px; cursor: pointer; }
.live-browser-tabs button.active { color: #27304a; background: #fff; font-weight: 700; }
.live-browser-toolbar { display: flex; align-items: center; gap: 7px; padding: 8px; background: #fff; border-bottom: 1px solid #e5e8ef; }
.live-browser-url { flex: 1; min-width: 0; margin-left: 5px; color: #7a849a; font-size: 9px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.live-browser-viewport { position: relative; width: 100%; aspect-ratio: 1450 / 920; background: #0e1118; overflow: hidden; user-select: none; }
.live-browser-viewport img { display: block; width: 100%; height: 100%; object-fit: contain; cursor: crosshair; }
.live-browser-viewport > span { position: absolute; inset: auto 12px 12px auto; padding: 6px 9px; border-radius: 6px; color: #dce2f0; background: #111827cc; font-size: 9px; pointer-events: none; }
.live-browser-inputs { display: grid; grid-template-columns: 1fr auto auto auto auto auto; gap: 7px; padding: 9px; background: #fff; }
.live-browser-inputs input { min-width: 220px; }
.collection-metric-grid { margin-bottom: 15px; }
.collection-platform-field, .collection-mode-field { display: grid; gap: 8px; color: #59637a; font-size: 10px; font-weight: 600; }
.collection-platform-field > span, .collection-mode-field > span { display: block; }
.collection-platform-field .choice-grid { grid-template-columns: repeat(4, 1fr); }
.choice-card.is-disabled { cursor: default; opacity: .6; background: #f7f8fb; }
.collection-mode-toggle { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; min-height: 38px; }
.collection-mode-toggle > label { display: flex; align-items: center; gap: 5px; padding: 8px 10px; border-radius: 7px; background: #f5f6fa; color: #566078; font-size: 10px; }
.collection-mode-toggle > label:last-child { margin-left: auto; background: transparent; padding: 0; }
.collection-mode-toggle > label:last-child input { width: 86px; height: 32px; }
.collection-mode-toggle .is-muted { opacity: .45; }
.collection-mode-field small { color: var(--muted); font-size: 9px; font-weight: 400; }
.platform-config-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 9px; margin-top: 14px; }
.platform-config-card { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 11px 12px; border: 1px solid var(--line); border-radius: 9px; background: #f9fafc; }
.platform-config-card strong, .platform-config-card small { display: block; }.platform-config-card strong { font-size: 10px; }.platform-config-card small { margin-top: 4px; color: var(--muted); font-size: 9px; }
.collection-current-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.collection-current-grid article { padding: 12px 14px; border-radius: 9px; background: #f6f7fb; }.collection-current-grid article.wide { grid-column: span 3; }.collection-current-grid span, .collection-current-grid strong { display: block; }.collection-current-grid span { color: var(--muted); font-size: 9px; }.collection-current-grid strong { margin-top: 6px; color: #3f4863; font-size: 11px; line-height: 1.45; }
.collection-filter-toolbar { padding-top: 0; }.collection-filter-toolbar .task-filter-fields { flex-wrap: wrap; }.collection-filter-toolbar .task-filter-fields select { width: 118px; }.collection-filter-toolbar .task-filter-fields input { width: 190px; }
.collection-table { min-width: 1280px; }.collection-table th:last-child, .collection-table td:last-child { position: sticky; right: 0; background: #fff; box-shadow: -8px 0 12px -12px #25304a66; }.collection-table th:last-child { background: #f7f8fb; }
.collection-failure-cell { max-width: 180px; color: #9b5962; line-height: 1.45; }
.collection-row-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 5px; min-width: 200px; }.collection-row-actions select { width: 100px; height: 27px; padding: 0 5px; font-size: 8px; }
.collection-exception-list { display: grid; gap: 9px; }.collection-exception-list article { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 11px 12px; border: 1px solid #f0d9dc; border-radius: 9px; background: #fffafb; }.collection-exception-list strong, .collection-exception-list small { display: block; }.collection-exception-list strong { color: #8c4550; font-size: 10px; }.collection-exception-list small { margin-top: 4px; color: #7f8798; font-size: 9px; }
.modal-backdrop { position: fixed; inset: 0; z-index: 25; display: grid; place-items: center; padding: 24px; background: #1d243866; }.modal-backdrop[hidden] { display: none; }.modal-card { width: min(680px, 100%); max-height: calc(100vh - 48px); overflow: auto; padding: 20px; border-radius: 12px; background: #fff; box-shadow: 0 18px 50px #17203355; }.modal-card .task-form { grid-template-columns: repeat(2, 1fr); }.modal-card .wide { grid-column: 1 / -1; }
.lingtu-sku-panel { border-color: #dfe2ff; background: linear-gradient(135deg, #fbfbff, #fff); }.lingtu-search-form { display: flex; gap: 9px; }.lingtu-search-form input { flex: 1; }
.lingtu-sku-result { margin-top: 14px; }.lingtu-sku-card { padding: 14px; border: 1px solid var(--line); border-radius: 10px; background: #fff; }.lingtu-sku-card-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }.lingtu-sku-card-head strong, .lingtu-sku-card-head small { display: block; }.lingtu-sku-card-head strong { font-size: 12px; }.lingtu-sku-card-head small { margin-top: 4px; color: var(--muted); font-size: 9px; }
.lingtu-sku-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 9px; margin-top: 12px; }.lingtu-sku-grid > div { min-width: 0; padding: 9px 10px; border-radius: 8px; background: #f7f8fc; }.lingtu-sku-grid span, .lingtu-sku-grid b { display: block; }.lingtu-sku-grid span { color: var(--muted); font-size: 9px; }.lingtu-sku-grid b { margin-top: 4px; overflow: hidden; color: #424b64; font-size: 10px; line-height: 1.45; text-overflow: ellipsis; white-space: nowrap; }
.lingtu-sku-actions { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 12px; }.lingtu-version-list { margin-top: 12px; padding: 10px; border-radius: 8px; background: #fafbfe; }.lingtu-version-list > span { color: #687289; font-size: 9px; font-weight: 700; }.lingtu-version-list ul { display: flex; flex-wrap: wrap; gap: 7px; margin: 7px 0 0; padding: 0; list-style: none; }.lingtu-version-list li { padding: 5px 7px; border-radius: 6px; color: #626b80; background: #eef0f6; font-size: 9px; }
.lingtu-filter-toolbar { padding-top: 0; }.lingtu-material-table { min-width: 940px; }.lingtu-result-table { min-width: 1080px; }.lingtu-source-cell { max-width: 240px; }.lingtu-source-cell small, .lingtu-path-cell { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.lingtu-path-cell { max-width: 240px; color: #59647e; font-family: Consolas, monospace; font-size: 9px; }
.lingtu-current-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }.lingtu-current-grid article { padding: 12px 14px; border-radius: 9px; background: #f6f7fb; }.lingtu-current-grid article.wide { grid-column: span 3; }.lingtu-current-grid span, .lingtu-current-grid strong { display: block; }.lingtu-current-grid span { color: var(--muted); font-size: 9px; }.lingtu-current-grid strong { margin-top: 6px; color: #3f4863; font-size: 11px; line-height: 1.45; }
.lingtu-stage-line { display: flex; align-items: center; gap: 6px; margin-top: 13px; overflow: auto; }.lingtu-stage-line span { min-width: 112px; display: flex; align-items: center; justify-content: center; gap: 6px; padding: 9px 8px; border-radius: 8px; color: #8992a6; background: #f4f5f8; font-size: 9px; font-weight: 700; white-space: nowrap; }.lingtu-stage-line span b { width: 18px; height: 18px; display: grid; place-items: center; border-radius: 50%; color: #7a849b; background: #e4e7ed; font-size: 8px; }.lingtu-stage-line span.done { color: #16835e; background: #eaf8f3; }.lingtu-stage-line span.done b { color: #fff; background: var(--green); }.lingtu-stage-line span.active { color: #5058c5; background: #eceeff; }.lingtu-stage-line span.active b { color: #fff; background: var(--primary); }.lingtu-stage-line i { color: #a8afbe; font-style: normal; }
.lingtu-color-field { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; padding: 10px 12px; border-radius: 8px; background: #f7f8fb; color: #59637a; font-size: 10px; font-weight: 600; }.lingtu-color-field > span { margin-right: 4px; }.lingtu-color-field label { display: flex; align-items: center; gap: 4px; color: #59637a; font-size: 10px; }.lingtu-row-actions { display: flex; flex-wrap: wrap; gap: 5px; min-width: 170px; }
.uzum-safety-panel { border-color: #dfe2ff; background: linear-gradient(135deg, #fbfbff, #fff); }.uzum-account-grid { display: grid; grid-template-columns: 1fr 1fr 1.25fr auto; align-items: end; gap: 11px; }.uzum-account-grid article { min-height: 38px; padding: 9px 11px; border-radius: 8px; background: #f6f7fb; }.uzum-account-grid article span, .uzum-account-grid article strong { display: block; }.uzum-account-grid article span { color: var(--muted); font-size: 9px; }.uzum-account-grid article strong { margin-top: 5px; color: #46506c; font-size: 10px; }.uzum-account-grid .panel-actions { margin: 0; }.uzum-add-account { margin-top: 14px; padding: 10px 12px; border: 1px solid var(--line); border-radius: 9px; background: #f9fafc; }.uzum-add-account summary { color: #5058c5; font-size: 11px; font-weight: 700; cursor: pointer; }.uzum-account-form { display: flex; align-items: center; flex-wrap: wrap; gap: 9px; margin-top: 11px; }.uzum-account-form label { display: flex; align-items: center; gap: 5px; color: #59637a; font-size: 10px; }.uzum-account-form label:first-child { display: grid; gap: 5px; }.uzum-defaults-form { display: grid; grid-template-columns: repeat(3, minmax(120px, 1fr)) 1.4fr; gap: 10px; align-items: end; }.uzum-defaults-form .form-actions { margin: 0; }.uzum-filter-toolbar { margin-top: -2px; }.uzum-product-table { min-width: 1220px; }.uzum-result-table { min-width: 980px; }.uzum-product-table th:last-child, .uzum-product-table td:last-child { position: sticky; right: 0; background: #fff; box-shadow: -8px 0 12px -12px #25304a66; }.uzum-product-table th:last-child { background: #f7f8fb; }.uzum-preview-cell { min-width: 190px; max-width: 260px; }.uzum-preview-cell small, .uzum-path-cell { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.uzum-path-cell { max-width: 230px; color: #59647e; font-family: Consolas, monospace; font-size: 9px; }.uzum-row-actions { display: flex; flex-wrap: wrap; gap: 5px; min-width: 125px; }.uzum-draft-form { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }.uzum-draft-form > label { display: grid; gap: 6px; color: #59637a; font-size: 10px; font-weight: 600; }.uzum-draft-form > label.wide, .uzum-draft-form > .wide, .uzum-draft-form > .mini-summary, .uzum-draft-form > .form-actions { grid-column: 1 / -1; }.uzum-draft-form textarea { min-height: 88px; resize: vertical; }.uzum-stage-line { display: flex; align-items: center; gap: 6px; margin: 14px 0; overflow: auto; }.uzum-stage-line span { min-width: 110px; display: flex; align-items: center; justify-content: center; gap: 6px; padding: 9px 8px; border-radius: 8px; color: #8992a6; background: #f4f5f8; font-size: 9px; font-weight: 700; white-space: nowrap; }.uzum-stage-line span b { width: 18px; height: 18px; display: grid; place-items: center; border-radius: 50%; color: #7a849b; background: #e4e7ed; font-size: 8px; }.uzum-stage-line span.done { color: #16835e; background: #eaf8f3; }.uzum-stage-line span.done b { color: #fff; background: var(--green); }.uzum-stage-line span.active { color: #5058c5; background: #eceeff; }.uzum-stage-line span.active b { color: #fff; background: var(--primary); }.uzum-stage-line i { color: #a8afbe; font-style: normal; }.uzum-control-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.uzum-preview-wrap { display: flex; align-items: center; gap: 8px; min-width: 0; }.uzum-preview-thumb { width: 40px; height: 40px; flex: 0 0 40px; border: 1px solid #e0e4ed; border-radius: 7px; object-fit: cover; background: #f3f5f9; }
.generated-file-panel { border-color: #dfe2ff; background: linear-gradient(135deg, #fbfbff, #fff); }.generated-file-toolbar { align-items: center; justify-content: space-between; margin: 12px 0; }.generated-file-toolbar select { width: 150px; }.generated-file-table-summary { color: #59637a; font-size: 10px; font-weight: 700; }.generated-file-daily-wrap { border: 1px solid var(--line); border-radius: 9px; background: #fff; }.generated-file-daily-table { min-width: 940px; }.generated-file-daily-table th, .generated-file-daily-table td { text-align: center; }.generated-file-daily-table th:first-child, .generated-file-daily-table td:first-child { text-align: left; }.generated-file-daily-table tbody tr.selected td { background: #f0f1ff; }.generated-file-daily-table tfoot th { color: #46506b; background: #f3f5fa; font-weight: 800; }.generated-file-uploaded-count { color: #16835e; }.generated-file-pending-count { color: #a96715; }.generated-file-rate { display: flex; align-items: center; justify-content: center; gap: 7px; }.generated-file-rate > span { width: 68px; height: 7px; overflow: hidden; border-radius: 999px; background: #e8eaf1; }.generated-file-rate i { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #6b73dc, #28a77b); }.generated-file-rate b { min-width: 28px; color: #59637a; font-size: 9px; }.generated-file-day-panel { margin-top: 13px; padding: 13px; border: 1px solid #dfe2f2; border-radius: 10px; background: #fff; }.generated-file-day-head, .generated-file-detail-head, .generated-file-detail-actions { display: flex; align-items: center; justify-content: space-between; gap: 10px; }.generated-file-day-head { margin-bottom: 11px; }.generated-file-day-head span, .generated-file-day-head small { color: var(--muted); font-size: 8px; }.generated-file-day-head h3 { margin: 3px 0; font-size: 14px; }.generated-file-day-table { min-width: 1320px; }.generated-file-day-table td:first-child { max-width: 390px; }.generated-file-day-table td strong, .generated-file-day-table td small { display: block; }.generated-file-day-table td strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.generated-file-day-table td small { margin-top: 4px; color: var(--muted); font-size: 8px; }.generated-file-day-table tr.selected td { background: #f0f1ff; }.generated-file-path-cell { display: flex; align-items: center; gap: 6px; min-width: 430px; }.generated-file-path-cell input, .generated-file-detail-path input { min-width: 0; width: 100%; height: 30px; padding: 0 8px; border: 1px solid #dfe3ec; border-radius: 6px; color: #48536c; background: #f8f9fc; font: 9px Consolas, monospace; }.generated-file-row-actions { display: flex; align-items: center; gap: 6px; white-space: nowrap; }.generated-file-detail { min-height: 120px; margin-top: 13px; padding: 14px; border: 1px solid #dfe2f2; border-radius: 10px; background: #fff; }.generated-file-detail-head span { color: var(--muted); font-size: 8px; }.generated-file-detail-head h3 { max-width: 760px; margin: 4px 0 0; overflow-wrap: anywhere; font-size: 12px; }.generated-file-detail-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 7px; margin: 13px 0; }.generated-file-detail-grid span { min-width: 0; padding: 8px 9px; border-radius: 7px; color: var(--muted); background: #f7f8fb; font-size: 8px; }.generated-file-detail-grid b { display: block; margin-top: 4px; overflow: hidden; color: #4d5770; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }.generated-file-detail-path { margin: 0 0 12px; padding: 10px; border-radius: 8px; background: #f7f8fb; }.generated-file-detail-path > span { display: block; margin-bottom: 6px; color: var(--muted); font-size: 8px; }.generated-file-detail-path > div { display: flex; gap: 7px; }.generated-file-title-list { display: grid; gap: 7px; margin-bottom: 12px; }.generated-file-title-list article { padding: 9px; border-left: 3px solid #9ca2ef; border-radius: 6px; background: #f8f8ff; }.generated-file-title-list b, .generated-file-title-list span { display: block; }.generated-file-title-list b { margin-bottom: 4px; font-size: 9px; }.generated-file-title-list span { color: #626c84; font-size: 8px; line-height: 1.5; }.generated-file-section > strong, .generated-file-sku-details summary { color: #4e5871; font-size: 9px; }.generated-file-sku-details { margin-top: 11px; }.generated-file-sku-details summary { cursor: pointer; font-weight: 700; }.generated-file-chips { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 7px; }.generated-file-chips span { padding: 5px 7px; border-radius: 6px; color: #5058c5; background: #eef0ff; font: 8px Consolas, monospace; }.generated-file-chips .muted-chip { color: var(--muted); background: #f4f5f8; font-family: inherit; }.sku-chips { max-height: 170px; overflow: auto; }.generated-file-operation-record { margin-top: 13px; padding: 10px; border: 1px solid var(--line); border-radius: 8px; }.generated-file-operation-record span, .generated-file-operation-record strong, .generated-file-operation-record small { display: block; }.generated-file-operation-record span, .generated-file-operation-record small { color: var(--muted); font-size: 8px; }.generated-file-operation-record strong { margin: 4px 0; font-size: 11px; }.generated-file-operation-record strong.uploaded { color: #16835e; }.generated-file-operation-record strong.pending { color: #a96715; }.generated-file-note { display: grid; gap: 5px; margin: 11px 0; color: #59637a; font-size: 9px; font-weight: 600; }.generated-file-detail-actions { justify-content: flex-start; flex-wrap: wrap; }.generated-file-scope, .generated-file-detail-scope { margin: 10px 0 0; color: var(--muted); font-size: 8px; line-height: 1.55; }.print-master-status { margin: 0 0 11px; padding: 8px 10px; border-radius: 7px; font-size: 9px; }.print-master-status.ready { color: #16835e; background: #eaf8f3; }.print-master-status.error { color: #b63c49; background: #ffe8eb; }
.print-search-panel { border-color: #dfe2ff; background: linear-gradient(135deg, #fbfbff, #fff); }.print-metric-grid { display: grid; grid-template-columns: repeat(4, minmax(150px, 1fr)); gap: 13px; margin: 15px 0; }.print-metric-grid article { padding: 15px; border: 1px solid var(--line); border-radius: 10px; background: #fff; box-shadow: 0 4px 14px #26355808; }.print-metric-grid span, .print-metric-grid small { display: block; color: var(--muted); font-size: 10px; }.print-metric-grid strong { display: block; margin: 8px 0 5px; color: #5058c5; font-size: 25px; }.print-filter-toolbar { margin-top: 0; }.print-card-list { display: grid; gap: 12px; }.print-card { padding: 14px; border: 1px solid var(--line); border-radius: 10px; background: #fff; }.print-card.selected { border-color: #bfc3ff; box-shadow: 0 5px 18px #4c52d11a; }.print-card-head, .print-card-title, .print-card-actions, .print-search-card { display: flex; align-items: center; justify-content: space-between; gap: 10px; }.print-card-title { justify-content: flex-start; min-width: 0; }.print-card-title strong, .print-card-title small, .print-search-card strong, .print-search-card small { display: block; }.print-card-title strong, .print-search-card strong { font-size: 12px; }.print-card-title small, .print-search-card small { margin-top: 4px; color: var(--muted); font-size: 9px; }.print-local-thumb { width: 42px; height: 42px; flex: 0 0 42px; border: 1px solid #e0e4ed; border-radius: 7px; object-fit: cover; background: #f3f5f9; }.print-card-summary { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin: 12px 0; }.print-card-summary span, .print-detail-grid span { display: block; color: var(--muted); font-size: 9px; }.print-card-summary b, .print-detail-grid b { display: block; margin-top: 5px; overflow: hidden; color: #47516a; font-size: 10px; line-height: 1.4; text-overflow: ellipsis; white-space: nowrap; }.print-card-summary span { padding: 9px 10px; border-radius: 8px; background: #f7f8fc; }.print-card details { border-top: 1px solid #edf0f5; padding-top: 11px; }.print-card summary { color: #5058c5; font-size: 10px; font-weight: 700; cursor: pointer; }.print-detail-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; margin: 10px 0; }.print-detail-grid > div { min-width: 0; padding: 10px; border-radius: 8px; background: #f8f9fc; }.print-detail-grid small { display: block; margin-top: 5px; overflow: hidden; color: var(--muted); font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }.print-sku-list, .print-preflight-list { display: flex; flex-wrap: wrap; gap: 6px; }.print-sku-list span, .print-preflight-list span { padding: 5px 7px; border-radius: 6px; font-size: 8px; }.print-sku-list span.ready, .print-preflight-list span.ready { color: #16835e; background: #e7f8f1; }.print-sku-list span.pending, .print-preflight-list span.pending { color: #a3691f; background: #fff1dc; }.print-card-actions { justify-content: flex-end; margin-top: 11px; }.print-search-result { display: grid; gap: 8px; margin-top: 13px; }.print-search-card { padding: 10px 12px; border: 1px solid var(--line); border-radius: 8px; background: #fff; }.print-search-card.warning, .print-reference-case { color: #8b5b1c; border-color: #f3dfbd; background: #fff9ef; }.print-preflight { display: grid; gap: 10px; }.print-preflight > div:first-child { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px; border-radius: 8px; background: #f7f8fc; }.print-preflight strong, .print-preflight span { display: block; }.print-preflight strong { font-size: 11px; }.print-preflight span { margin-top: 4px; color: #667086; font-size: 9px; line-height: 1.5; }.print-reference-cases { display: grid; gap: 8px; margin-top: 12px; }.print-reference-case { display: flex; gap: 8px; padding: 10px 12px; border: 1px solid #f3dfbd; border-radius: 8px; font-size: 10px; }.print-reference-case span { color: #8a704a; }
.file-production-summary { border-color: #dfe2ff; background: linear-gradient(135deg, #fbfbff, #fff); }.file-production-metrics { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; }.file-production-metrics article { padding: 13px; border: 1px solid var(--line); border-radius: 9px; background: #fff; }.file-production-metrics span, .file-production-metrics strong { display: block; }.file-production-metrics span { color: var(--muted); font-size: 9px; }.file-production-metrics strong { margin-top: 7px; color: #5058c5; font-size: 15px; }.file-port-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }.file-port { min-width: 0; }.file-port-number { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 50%; color: #fff; background: var(--primary); font-size: 13px; font-weight: 800; }.file-drop { min-height: 105px; display: grid; place-items: center; align-content: center; gap: 7px; padding: 18px; border: 1px dashed #bdc3e8; border-radius: 10px; color: #5058c5; background: #f8f8ff; cursor: pointer; text-align: center; }.file-drop input { position: absolute; width: 1px; height: 1px; opacity: 0; }.file-drop strong { font-size: 11px; }.file-drop span { max-width: 100%; overflow: hidden; color: var(--muted); font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }.file-port-progress { margin-top: 13px; }.file-port-progress > div { display: flex; justify-content: space-between; margin-bottom: 7px; color: #667086; font-size: 9px; }.file-port-progress progress { width: 100%; height: 8px; accent-color: var(--primary); }.file-production-task-list { display: grid; gap: 10px; }.file-production-task { padding: 13px; border: 1px solid var(--line); border-radius: 9px; background: #fff; }.file-production-task-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }.file-production-task-head strong, .file-production-task-head small { display: block; }.file-production-task-head strong { font-size: 11px; }.file-production-task-head small { margin-top: 4px; color: var(--muted); font-size: 9px; }.file-production-task-meta { display: grid; grid-template-columns: .55fr .6fr .6fr .7fr 2fr; gap: 8px; margin: 11px 0; }.file-production-task-meta span { min-width: 0; padding: 8px 9px; border-radius: 7px; color: var(--muted); background: #f6f7fb; font-size: 8px; }.file-production-task-meta b { display: block; margin-top: 4px; overflow: hidden; color: #4e5870; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }.file-production-downloads { display: flex; align-items: center; flex-wrap: wrap; gap: 7px; }.file-upload-path-table { min-width: 980px; }.file-upload-path-table th:first-child, .file-upload-path-table td:first-child { width: 52px; text-align: center; }.file-upload-path-table th:last-child, .file-upload-path-table td:last-child { width: 92px; }.file-upload-path-table td:nth-child(2) { max-width: 310px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.file-path-copy-field { width: 100%; min-width: 430px; height: 30px; padding: 0 9px; border: 1px solid #dfe3ec; border-radius: 6px; color: #48536c; background: #f8f9fc; font: 9px Consolas, monospace; }
.pim-compatibility-panel { border-color: #f0d7a0; background: linear-gradient(135deg, #fffdf8, #fff); }.pim-preset-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }.pim-preset-grid article { padding: 12px; border: 1px solid #eadfca; border-radius: 9px; background: #fff; }.pim-preset-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 9px; }.pim-preset-head strong { color: #5f522f; font-size: 11px; }.pim-preset-grid ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; margin: 0; padding: 0; list-style: none; }.pim-preset-grid li { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-width: 0; padding: 7px 8px; border-radius: 6px; background: #faf7f0; font-size: 8px; }.pim-preset-grid li span { overflow: hidden; color: var(--muted); text-overflow: ellipsis; white-space: nowrap; }.pim-preset-grid li b { flex: 0 0 auto; color: #5a4d2b; }
.daily-order-panel { border-color: #cfe8df; background: linear-gradient(135deg, #fbfffd, #fff); }.daily-order-metrics { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; }.daily-order-metrics article { padding: 12px; border: 1px solid #dfe9e5; border-radius: 9px; background: #fff; }.daily-order-metrics span, .daily-order-metrics strong { display: block; }.daily-order-metrics span { color: var(--muted); font-size: 9px; }.daily-order-metrics strong { margin-top: 6px; color: #087568; font-size: 13px; }.daily-order-output { display: grid; grid-template-columns: auto minmax(0, 1fr) auto auto; align-items: center; gap: 8px; margin-top: 12px; }.daily-order-output > span { color: #59637a; font-size: 9px; font-weight: 700; }
.file-production-intake { border-color: #dfe2ff; background: linear-gradient(135deg, #fbfbff, #fff); }.file-production-health-panel { border-color: #d9e9e3; background: linear-gradient(135deg, #fbfffd, #fff); }.file-production-health-grid, .file-production-simple-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }.file-production-health-grid article, .file-production-simple-metrics article { min-width: 0; padding: 12px; border: 1px solid #e1e7e5; border-radius: 9px; background: #fff; }.file-production-health-grid span, .file-production-health-grid strong, .file-production-health-grid small, .file-production-simple-metrics span, .file-production-simple-metrics strong { display: block; }.file-production-health-grid span, .file-production-simple-metrics span { color: var(--muted); font-size: 9px; }.file-production-health-grid strong { margin-top: 6px; color: #087568; font-size: 13px; }.file-production-health-grid small { min-height: 28px; margin-top: 5px; overflow: hidden; color: #7b8495; font-size: 8px; line-height: 1.45; }.file-production-simple-metrics { margin-top: 11px; }.file-production-simple-metrics strong { margin-top: 6px; color: #5058c5; font-size: 18px; }.file-production-simple-metrics article:last-child strong { color: #c84754; }.file-production-simple-progress { margin-top: 13px; padding: 12px; border-radius: 9px; background: #fff; }.file-production-simple-progress > div { display: flex; align-items: center; justify-content: space-between; color: #59637a; font-size: 9px; }.file-production-simple-progress progress { width: 100%; height: 10px; margin-top: 8px; accent-color: var(--primary); }.file-production-simple-progress p { margin: 8px 0 0; color: #697389; font-size: 9px; }.file-production-error-list { margin-top: 12px; padding: 11px 12px; border: 1px solid #f0cbd0; border-radius: 9px; color: #a63d49; background: #fff6f7; }.file-production-error-list[hidden] { display: none; }.file-production-error-list strong { display: block; margin-bottom: 6px; font-size: 10px; }.file-production-error-list p { margin: 4px 0; font-size: 9px; line-height: 1.5; }.order-production-page-panel { min-height: 250px; }
.codex-health-card .button { margin-top: 8px; }.codex-login-panel { margin-top: 9px; padding: 9px; border: 1px solid #dfe2ff; border-radius: 8px; background: #f7f7ff; }.codex-login-panel[hidden] { display: none; }.codex-login-panel code { display: block; margin-top: 5px; color: #4f57b9; font: 700 16px/1.3 Consolas, monospace; letter-spacing: 1px; }.codex-login-panel small { min-height: 0; margin-top: 4px; }.codex-login-panel .button { margin-top: 7px; }
.segment-progress { margin-top: 13px; }.segment-progress > div, .segment-overview article > div { display: flex; align-items: center; justify-content: space-between; gap: 10px; color: #626d84; font-size: 9px; }.segment-progress progress, .segment-overview progress { width: 100%; height: 9px; margin-top: 7px; accent-color: var(--primary); }.segment-overview { display: grid; grid-template-columns: repeat(4, 1fr); gap: 9px; margin-top: 12px; }.segment-overview article { padding: 11px; border: 1px solid #e1e4f3; border-radius: 8px; background: #fafbff; }.segment-overview span { color: #4f57b9; font-weight: 700; }.segment-overview small { display: block; margin-top: 6px; color: var(--muted); font-size: 8px; }
.file-entry-choice { display: grid; grid-template-columns: auto minmax(150px, 210px); align-items: center; gap: 7px 10px; margin: 0 0 11px; padding: 11px 12px; border: 1px solid #dfe2f3; border-radius: 9px; background: #fafbff; }.file-entry-choice > span { color: #59647a; font-size: 10px; font-weight: 700; }.file-entry-choice select { min-height: 34px; }.file-entry-choice small { grid-column: 1 / -1; color: var(--muted); font-size: 8px; line-height: 1.6; }
.exception-summary { display: grid; grid-template-columns: repeat(4, minmax(150px, 1fr)); gap: 13px; margin-bottom: 15px; }.exception-summary article { padding: 15px; border: 1px solid var(--line); border-radius: 10px; background: #fff; box-shadow: 0 4px 14px #26355808; }.exception-summary span, .exception-summary small { display: block; color: var(--muted); font-size: 10px; }.exception-summary strong { display: block; margin: 8px 0 5px; color: #5058c5; font-size: 25px; }.exception-safety-note { display: flex; align-items: center; gap: 15px; border-color: #dfe2ff; background: #fbfbff; }.exception-safety-note strong { color: #4f56c4; font-size: 12px; white-space: nowrap; }.exception-safety-note span { color: #667086; font-size: 10px; line-height: 1.65; }.exception-filter-toolbar { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 14px; }.exception-filter-toolbar select, .exception-filter-toolbar input { min-width: 122px; height: 32px; padding: 0 9px; border: 1px solid var(--line); border-radius: 7px; color: #536078; background: #fff; font-size: 10px; }.exception-filter-toolbar input { flex: 1 1 210px; }.exception-layout { display: grid; grid-template-columns: minmax(0, 1.7fr) minmax(300px, .9fr); gap: 14px; align-items: start; }.exception-table { min-width: 1030px; }.exception-table tbody tr.selected td { background: #f5f5ff; }.exception-table td strong, .exception-table td small { display: block; }.exception-table td small { margin-top: 4px; color: var(--muted); font-size: 9px; }.exception-reason-cell { max-width: 250px; }.exception-reason-cell small { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.4; }.exception-detail { position: sticky; top: 14px; padding: 14px; border: 1px solid var(--line); border-radius: 10px; background: #fbfcff; }.exception-detail.empty-note { position: static; }.exception-detail-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; }.exception-detail-head strong, .exception-detail-head small { display: block; }.exception-detail-head strong { font-size: 12px; }.exception-detail-head small { margin-top: 4px; color: var(--muted); font-size: 9px; }.exception-reason { margin: 11px 0; color: #4e5870; font-size: 10px; line-height: 1.65; }.exception-detail-meta { display: grid; grid-template-columns: 1fr; gap: 7px; }.exception-detail-meta span, .exception-file-grid span { display: block; color: var(--muted); font-size: 9px; }.exception-detail-meta b, .exception-file-grid b { display: block; margin-top: 4px; color: #48526c; font-size: 10px; line-height: 1.4; }.exception-detail-meta span { padding: 8px 9px; border-radius: 7px; background: #f2f4f9; }.exception-preview-row { display: grid; grid-template-columns: 64px 1fr; gap: 9px; margin-top: 11px; }.exception-preview-row img, .exception-no-preview { width: 64px; height: 64px; display: grid; place-items: center; border: 1px solid #e0e4ed; border-radius: 7px; color: #9a6d32; background: #f8f9fc; font-size: 8px; object-fit: cover; text-align: center; }.exception-file-grid { display: grid; gap: 6px; min-width: 0; }.exception-file-grid > div { min-width: 0; padding: 7px 8px; border-radius: 7px; background: #f7f8fc; }.exception-file-grid b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.exception-log-details { margin-top: 11px; border-top: 1px solid #e9ecf3; padding-top: 10px; }.exception-log-details summary { color: #5058c5; font-size: 10px; font-weight: 700; cursor: pointer; }.exception-log-details pre { max-height: 170px; overflow: auto; margin: 8px 0 0; padding: 9px; border-radius: 7px; color: #56617a; background: #f1f3f8; font: 9px/1.55 Consolas, monospace; white-space: pre-wrap; }.exception-log-details p { color: var(--muted); font-size: 9px; }.exception-resolution-note { margin-top: 10px; padding: 8px 9px; border-radius: 7px; color: #197454; background: #eaf8f3; font-size: 9px; }.exception-detail-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-top: 12px; }.exception-detail-actions select { height: 27px; max-width: 120px; padding: 0 5px; border: 1px solid var(--line); border-radius: 6px; color: #59637a; background: #fff; font-size: 9px; }.exception-queue { display: grid; gap: 8px; }.exception-queue article { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 12px; border: 1px solid var(--line); border-radius: 8px; background: #fbfcff; }.exception-queue strong, .exception-queue small { display: block; }.exception-queue strong { font-size: 10px; }.exception-queue small { margin-top: 4px; color: var(--muted); font-size: 9px; }
.settings-guard { display: flex; align-items: center; gap: 12px; color: #4852a9; background: #f1f2ff; border-color: #dde0ff; }.settings-guard strong { font-size: 12px; white-space: nowrap; }.settings-guard span { color: #6872a0; font-size: 10px; line-height: 1.55; }
.settings-form-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 11px; }.account-default-grid { grid-template-columns: minmax(150px, 1fr) minmax(130px, 1fr) auto; align-items: end; }.settings-inline-actions { display: flex; gap: 8px; flex-wrap: wrap; }.settings-account-list, .settings-platform-list, .settings-storage-list, .settings-backup-list { display: grid; gap: 9px; margin: 13px 0; }
.settings-account-card, .settings-platform-card { display: grid; gap: 9px; padding: 12px; border: 1px solid var(--line); border-radius: 9px; background: #fbfcff; }.settings-account-card { grid-template-columns: 1fr 1fr 1.25fr auto minmax(150px, 1fr) auto; align-items: end; }.settings-platform-card { grid-template-columns: .8fr 1fr 1.2fr 1.2fr 1.2fr auto; align-items: end; }.settings-account-card input, .settings-platform-card input { height: 34px; }.settings-account-card button { align-self: end; }.settings-login-state { min-height: 34px; display: flex; align-items: center; color: #778198; font-size: 9px; line-height: 1.35; }.check-field { display: flex; align-items: center; min-height: 34px; gap: 3px; white-space: nowrap; }.check-field input { flex: 0 0 auto; }
.settings-platform-default { display: flex; align-items: end; gap: 14px; }.settings-platform-default label { width: 230px; }.settings-platform-default span { padding-bottom: 10px; color: var(--muted); font-size: 10px; }.settings-storage-row { display: grid; grid-template-columns: minmax(160px, .7fr) minmax(280px, 1.7fr) auto; gap: 11px; align-items: center; padding: 10px 12px; border: 1px solid var(--line); border-radius: 8px; background: #fbfcff; }.settings-storage-row strong, .settings-storage-row small { display: block; }.settings-storage-row strong { font-size: 11px; }.settings-storage-row small { margin-top: 4px; font-size: 9px; }
.production-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); align-items: end; }.settings-rule-note { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin: 13px 0; }.settings-rule-note span { padding: 9px 10px; border-radius: 7px; color: #626d84; background: #f5f6fa; font-size: 10px; }.settings-rule-note b { color: #4e56c3; }.settings-shop-defaults { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }.settings-shop-defaults article { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; padding: 11px; border: 1px solid var(--line); border-radius: 8px; }.settings-shop-defaults strong { grid-column: 1 / -1; font-size: 11px; }.settings-shop-defaults input { height: 32px; }
.content-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }.content-grid label small { color: var(--muted); font-weight: 500; }.settings-notification-rules { display: flex; align-items: center; flex-wrap: wrap; gap: 13px; padding: 11px; border-radius: 8px; background: #f7f8fc; }.settings-notification-rules label { display: flex; align-items: center; gap: 3px; white-space: nowrap; }.settings-notification-rules span { color: var(--muted); font-size: 10px; }
.settings-safety-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 9px; }.settings-safety-grid label { min-height: 84px; padding: 11px; border: 1px solid #e0e3ff; border-radius: 8px; background: #fbfbff; }.settings-safety-grid label > input { float: left; }.settings-safety-grid strong { display: block; color: #4f57b9; font-size: 10px; }.settings-safety-grid small { display: block; margin-top: 8px; color: var(--muted); font-size: 9px; line-height: 1.45; }.settings-backup-toolbar, .settings-restore-row { display: flex; align-items: end; justify-content: space-between; gap: 14px; margin-top: 15px; }.settings-backup-toolbar strong, .settings-backup-toolbar small, .settings-backup-toolbar span { display: block; }.settings-backup-toolbar strong { font-size: 11px; }.settings-backup-toolbar small, .settings-backup-toolbar span { margin-top: 4px; color: var(--muted); font-size: 9px; word-break: break-all; }.settings-restore-row label { flex: 1; }.settings-restore-row select { max-width: 570px; }.settings-backup-list { grid-template-columns: repeat(2, 1fr); }.settings-backup-list article { padding: 9px 10px; border: 1px solid var(--line); border-radius: 8px; background: #fbfcff; }.settings-backup-list strong, .settings-backup-list small { display: block; }.settings-backup-list strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 10px; }.settings-backup-list small { margin-top: 4px; color: var(--muted); font-size: 9px; }.settings-save-bar { position: sticky; bottom: 15px; z-index: 2; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 13px 16px; border: 1px solid #dfe2ff; border-radius: 10px; background: #ffffffef; box-shadow: 0 6px 22px #26355816; }.settings-save-bar strong, .settings-save-bar span { display: block; }.settings-save-bar strong { font-size: 12px; }.settings-save-bar span { margin-top: 4px; color: var(--muted); font-size: 9px; }
.print-search-record { min-width: 0; flex: 1; }.print-search-link-label { display: block; margin-top: 8px; color: var(--muted); font-size: 9px; }.print-search-link { display: block; max-width: 760px; margin-top: 3px; overflow: hidden; color: #5058c5; font-size: 10px; text-decoration: underline; text-overflow: ellipsis; white-space: nowrap; }.print-search-actions { display: flex; flex: 0 0 auto; flex-wrap: wrap; justify-content: flex-end; gap: 6px; }
.toast { position: fixed; right: 24px; bottom: 24px; padding: 11px 16px; border-radius: 8px; color: #fff; background: #26304a; box-shadow: 0 9px 30px #17203335; opacity: 0; transform: translateY(12px); pointer-events: none; transition: .2s; z-index: 30; font-size: 11px; }.toast.show { opacity: 1; transform: none; }.toast.error { background: #c84754; }
.auth-pending .app-shell { visibility: hidden; }
.auth-gate { position: fixed; inset: 0; z-index: 100; display: grid; place-items: center; padding: 24px; background: radial-gradient(circle at 30% 20%, #eef0ff 0, #f6f7fb 48%, #e7eaf5 100%); }
.auth-gate[hidden], .auth-panel[hidden] { display: none; }
.auth-card { width: min(430px, 100%); padding: 30px; border: 1px solid #e0e3f2; border-radius: 18px; background: #fff; box-shadow: 0 24px 70px #26355824; }
.auth-brand { display: flex; align-items: center; gap: 11px; margin-bottom: 27px; }.auth-brand strong, .auth-brand span { display: block; }.auth-brand strong { color: #303954; font-size: 16px; }.auth-brand span { margin-top: 3px; color: var(--muted); font-size: 10px; }
.auth-panel h1 { margin: 0; color: #303954; font-size: 21px; }.auth-panel > p { margin: 9px 0 20px; color: #737d93; font-size: 11px; line-height: 1.65; }.auth-form { display: grid; gap: 12px; }.auth-form label { color: #59647a; font-size: 10px; font-weight: 700; }.auth-form input { width: 100%; height: 40px; margin-top: 6px; padding: 0 11px; border: 1px solid #dce0eb; border-radius: 8px; background: #fff; }.auth-submit { width: 100%; height: 42px; margin-top: 5px; }.auth-message { min-height: 18px; margin-top: 13px; color: #c84754; font-size: 10px; text-align: center; }.auth-loading-dot { width: 34px; height: 34px; margin-bottom: 16px; border: 3px solid #e5e7fb; border-top-color: var(--primary); border-radius: 50%; animation: auth-spin .8s linear infinite; } @keyframes auth-spin { to { transform: rotate(360deg); } }
.auth-user-pill { display: flex; align-items: center; gap: 9px; padding: 5px 6px 5px 10px; border: 1px solid #e0e3ef; border-radius: 9px; background: #fff; }.auth-user-pill span, .auth-user-pill b, .auth-user-pill small { display: block; }.auth-user-pill b { color: #4a556e; font-size: 9px; }.auth-user-pill small { margin-top: 2px; color: var(--muted); font-size: 8px; }
.center-user-form { display: grid; grid-template-columns: 1fr 1fr 1fr .8fr auto; align-items: end; gap: 9px; margin-top: 13px; padding: 12px; border: 1px solid #e2e4f0; border-radius: 9px; background: #fafbff; }.center-user-form[hidden] { display: none; }.center-user-form label { color: #5e687e; font-size: 9px; font-weight: 700; }.center-user-form input, .center-user-form select { width: 100%; height: 34px; margin-top: 5px; }.center-user-list { display: grid; gap: 8px; margin-top: 13px; }.center-user-row { display: grid; grid-template-columns: minmax(150px, 1.2fr) minmax(110px, .8fr) minmax(120px, .8fr) auto; align-items: center; gap: 10px; padding: 11px 12px; border: 1px solid var(--line); border-radius: 8px; background: #fff; }.center-user-row.is-disabled { opacity: .62; background: #f6f7fa; }.center-user-identity strong, .center-user-identity small { display: block; }.center-user-identity strong { color: #48536c; font-size: 11px; }.center-user-identity small { margin-top: 4px; color: var(--muted); font-size: 9px; }.center-user-meta { color: #687289; font-size: 9px; }.center-user-actions { display: flex; justify-content: flex-end; gap: 6px; }.role-viewer .admin-only-control { display: none !important; }
.exception-layout > * { min-width: 0; }.exception-table-wrap { min-width: 0; overflow: auto; }
.print-coverage-metrics { grid-template-columns: repeat(3, minmax(180px, 1fr)); }.print-coverage-metrics article.green strong { color: #16835e; }.print-coverage-metrics article.amber strong { color: #b06b13; }
.inventory-update-panel { border-color: #d7ebe4; background: linear-gradient(135deg, #fbfffd, #fff); }.inventory-template-bar { display: grid; grid-template-columns: 1fr 1fr 1.35fr; gap: 10px; }.inventory-template-bar article, .inventory-template-upload { min-width: 0; padding: 12px 13px; border: 1px solid #e1e9e6; border-radius: 9px; background: #fff; }.inventory-template-bar span, .inventory-template-bar strong, .inventory-template-bar small { display: block; }.inventory-template-bar article > span { color: var(--muted); font-size: 9px; }.inventory-template-bar article > strong { margin: 6px 0 4px; overflow: hidden; color: #3f5260; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }.inventory-template-bar article > small { color: #7a8495; font-size: 8px; }.inventory-template-upload { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }.inventory-template-upload .form-message { flex: 1 1 190px; line-height: 1.45; }.inventory-update-metrics { display: flex; flex-wrap: wrap; gap: 8px; margin: 12px 0; }.inventory-update-metrics span { padding: 7px 10px; border-radius: 999px; color: #5b667a; background: #f0f4f2; font-size: 9px; }.inventory-update-metrics b { margin-left: 4px; color: #16835e; font-size: 11px; }.inventory-update-table { min-width: 1120px; }.inventory-update-table td strong, .inventory-update-table td small { display: block; }.inventory-update-table td small { max-width: 280px; margin-top: 4px; overflow: hidden; color: var(--muted); font-size: 8px; line-height: 1.4; text-overflow: ellipsis; white-space: nowrap; }.inventory-file-cell { min-width: 260px; }.inventory-file-cell strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.inventory-file-cell input { width: 100%; height: 28px; margin-top: 5px; padding: 0 7px; border: 1px solid #dfe3ec; border-radius: 6px; color: #536078; background: #f8f9fc; font: 8px Consolas, monospace; }.inventory-row-actions { display: flex; flex-wrap: wrap; gap: 5px; min-width: 125px; }.muted-text { color: var(--muted); font-size: 9px; }
@media (max-width: 1200px) { .stat-grid { grid-template-columns: repeat(3, 1fr); }.overview-metrics, .task-metric-grid { grid-template-columns: repeat(2, 1fr); }.module-grid { grid-template-columns: repeat(2, 1fr); }.timeline { grid-template-columns: repeat(3, 1fr); }.task-filter-toolbar { align-items: flex-start; flex-direction: column; }.collection-platform-field .choice-grid { grid-template-columns: repeat(2, 1fr); }.collection-current-grid, .lingtu-current-grid, .auto-runner-grid { grid-template-columns: repeat(2, 1fr); }.collection-current-grid article.wide, .lingtu-current-grid article.wide, .auto-runner-grid article.wide { grid-column: span 2; }.lingtu-sku-grid { grid-template-columns: repeat(2, 1fr); }.uzum-account-grid { grid-template-columns: repeat(2, 1fr); }.uzum-defaults-form { grid-template-columns: repeat(2, 1fr); }.uzum-draft-form { grid-template-columns: repeat(2, 1fr); }.generated-file-toolbar { align-items: flex-start; }.print-metric-grid, .print-card-summary { grid-template-columns: repeat(2, 1fr); }.inventory-template-bar { grid-template-columns: 1fr; } }
@media (max-width: 1200px) { .file-port-grid, .pim-preset-grid { grid-template-columns: 1fr; }.file-production-metrics, .file-production-task-meta, .segment-overview, .daily-order-metrics, .file-production-health-grid, .file-production-simple-metrics { grid-template-columns: repeat(2, 1fr); }.daily-order-output { grid-template-columns: 1fr; }.daily-order-output .file-path-copy-field { min-width: 0; } }
@media (max-width: 1200px) { .exception-summary { grid-template-columns: repeat(2, 1fr); }.exception-layout { grid-template-columns: 1fr; }.exception-detail { position: static; }.exception-table-wrap { overflow-x: auto; }.settings-account-card, .settings-platform-card { grid-template-columns: repeat(3, 1fr); }.settings-safety-grid { grid-template-columns: repeat(3, 1fr); }.settings-form-grid.content-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 1200px) { .center-user-form { grid-template-columns: repeat(2, 1fr); }.center-user-form button { min-height: 34px; }.center-user-row { grid-template-columns: 1fr 1fr; }.center-user-actions { justify-content: flex-start; } }