/* Finishing pass: native admin proportions, readable content and restrained surfaces. */
:root {
  --font:"Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans CJK SC","WenQuanYi Zen Hei",Arial,sans-serif;
  --desk-muted:#7b8490;
}
body { -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility; }
.admin-content { padding:18px 20px 0; }
.page-head { margin-bottom:16px;min-height:58px; }
.ph-desc { color:#7b8490;font-size:12px; }
.el-card { border-color:#e8ecf1; }
.el-card__header { min-height:52px;padding:14px 20px; }
.el-card__title { font-size:14px; }
.el-card__title .title-sub { color:#7b8490; }
.el-input__inner { font-size:14px; }
.el-input__inner::placeholder { color:#a2a9b3; }
.metric-grid { gap:0;border:1px solid #e8ecf1;border-radius:4px;background:#fff;overflow:hidden;margin-bottom:16px; }
.metric { border:0;border-radius:0;padding:14px 20px;position:relative; }
.metric+.metric::before { content:"";position:absolute;left:0;top:20px;bottom:20px;width:1px;background:#edf0f4; }
button.metric:hover { background:#fafcfe; }
.metric-top { color:#606975;font-size:13px; }
.metric-top svg { width:17px;height:17px;color:#8fa0b3; }
.metric-value { font-size:28px;line-height:34px;margin:6px 0;letter-spacing:-.5px; }
.metric-bottom { color:#7b8490;line-height:18px; }
.filter-bar { gap:14px 24px; }
.filter-item>label { color:#5a6370; }
.filter-card .el-card__body { padding:18px 20px; }
.record-tab { padding:14px 0 12px;font-size:13px; }
.record-tab b { min-width:18px;text-align:center;padding:1px 4px; }
.table-toolbar { padding:13px 0;min-height:58px; }
.table-toolbar h3 { font-size:14px; }
.record-table td { padding:11px 12px;height:72px; }
.record-table .product-name { font-size:14px;line-height:22px; }
.record-table .product-sub { color:#7b8490;font-size:12px; }
.record-table .product-thumb { width:44px;height:48px;background:#f7f9fb; }
.record-table .task-id { color:#5c6673;font-size:12px; }
.operator-cell { display:flex;align-items:center;gap:7px;white-space:nowrap;font-size:12px; }
.operator-avatar { width:23px;height:23px;display:inline-flex;align-items:center;justify-content:center;background:#f0f4f8;color:#70849a;border-radius:50%;font-size:11px;flex-shrink:0; }
.record-status-note { color:#84909c;font-size:11px;white-space:nowrap;margin-top:5px;line-height:16px; }
.system-progress { color:#7b8490; }
.system-pill { height:23px;width:23px;font-size:11px; }
.el-pagination { color:#6d7784; }
.record-table tbody tr.selected td { background:#f2f8ff; }
.record-table.is-compact td { height:52px;padding-top:6px;padding-bottom:6px; }
.record-table.is-compact .product-thumb { width:34px;height:38px; }
.record-table.is-compact .record-status-note { display:none; }
.detail-summary h2 { font-size:19px;font-weight:600;line-height:1.55; }
.detail-summary-meta { font-size:12px;gap:10px 20px;color:#7b8490; }
.detail-summary-meta b { font-weight:400;color:#424c59; }
.info-pair { font-size:13px;padding:13px 0; }
.info-pair dt { color:#7b8490; }
.info-pair dd { color:#303b49; }
.review-feedback { background:#fffaf2;border:1px solid #f3e8d3;border-radius:4px;margin-bottom:16px;padding:14px 18px; }
.feedback-heading { display:flex;align-items:center;gap:10px; }
.feedback-symbol { flex-shrink:0;width:20px;height:20px;border-radius:50%;background:#fdf0d6;color:#a77728;font-size:14px;display:flex;align-items:center;justify-content:center;font-weight:600; }
.feedback-heading>div { flex:1;min-width:0;display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 14px; }
.feedback-heading b { font-size:13px;font-weight:600;color:#6d552f; }
.feedback-heading>div>span { font-size:12px;color:#8a785c; }
.feedback-heading>.link-button { font-size:12px; }
.feedback-items { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 24px;padding:12px 0 0 30px; }
.feedback-item { display:flex;gap:10px;align-items:baseline; }
.feedback-item strong { flex-shrink:0;font-weight:500;font-size:12px;color:#7e653e; }
.feedback-item p { margin:0;color:#756b5b;font-size:12px;line-height:1.8; }
.dsys-card .dc-head { padding:14px 16px; }
.dc-identity { display:flex;align-items:center;gap:10px;min-width:0; }
.dc-monogram { width:31px;height:31px;display:flex;align-items:center;justify-content:center;background:#f1f5f9;color:#69839e;border-radius:5px;font-size:13px;flex-shrink:0; }
.dsys-card[data-state="rejected"] .dc-monogram { background:#fcf3e6;color:#ad7d37; }
.dsys-card .dc-head .dc-sub { font-size:11px;color:#7f8a96; }
.dsys-card .dc-body { padding:16px; }
.tl-content { font-size:13px;line-height:1.7; }
.tl-time { color:#88929e;font-size:11px;margin-top:4px; }
.tl-remark { font-size:12px;line-height:1.8;border-radius:3px; }
.tl-remark.danger { background:#fff8f0;color:#9b6c39; }
.el-timeline-item { padding-bottom:18px; }
.el-timeline-item:last-child { padding-bottom:0; }
.material-label { font-size:13px;line-height:1.7; }
.material-label small { color:#7f8a96; }
.material-image>.el-tag { background:#fff;box-shadow:0 1px 4px #172c4310;font-size:11px; }
.material-tile:hover { border-color:#b3cde8; }
.material-image { background:#fafbfc; }
.welcome-card { padding:20px 22px; }
.welcome-title { font-size:17px;font-weight:600; }
.welcome-sub { font-size:13px;color:#7b8490;line-height:1.8; }
.mini-table .product-name { font-size:14px; }
.mini-table td { height:69px; }
.todo-item b { font-size:14px;font-weight:500; }
.todo-item div span { font-size:12px;line-height:1.65;color:#7b8490; }
.quick-item { border-radius:4px;min-height:76px; }
.quick-item svg { color:#6288ad;stroke-width:1.6; }
.coverage-item span { color:#7b8490; }

/* Shorter guide chrome so the task, not its explanation, occupies the screen. */
.stepper-card { padding:18px 24px; }
.stepper-inner .el-steps { gap:36px;align-items:center; }
.stepper-inner .el-step { display:flex;align-items:center;gap:12px; }
.stepper-inner .el-step:last-child { flex:1; }
.stepper-inner .el-step__head { width:30px;flex:0 0 30px; }
.stepper-inner .el-step__line { display:none; }
.stepper-inner .el-step__main { padding:0;flex:0 1 auto; }
.stepper-inner .el-step:not(:last-child)::after { content:"";height:1px;flex:1;background:#e6ecf2;margin-left:12px; }
.stepper-inner .el-step__title { font-size:14px; }
.stepper-inner .el-step__description { font-size:12px;margin-top:3px;color:#7b8490; }
.preset-bar { padding:8px 14px;background:#fafbfc;border-color:#e8ecf1; }
.preset-hints { color:#586879;gap:8px; }
.preset-description { color:#84909c; }
.preset-actions .el-button { height:26px;font-size:12px; }
.scan-sub { color:#7b8490;margin:5px 0 12px;line-height:1.7; }
.scan-input-row { margin-bottom:16px; }
.check-grid { gap:0;background:#fafbfc;border:1px solid #edf0f4;border-radius:4px;overflow:hidden; }
.check-item,.check-item.ok,.check-item.dup { background:transparent;border:0;border-radius:0;padding:13px 16px; }
.check-item+.check-item { border-left:1px solid #e9edf2; }
.ci-head { margin-bottom:9px; }
.ci-name { font-size:13px; }
.ci-entry { color:#7f8a96;margin-top:8px;line-height:1.6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px; }
.check-summary { margin-top:12px; }
.form-section { gap:18px 28px;margin-bottom:24px; }
.form-section-title { font-weight:600;padding-bottom:12px; }
.form-section-title small { color:#7b8490; }
.el-form-item__label { margin-bottom:8px;font-size:13px; }
.field-hint { color:#84909c;min-height:0;line-height:1.65; }
.form-actions { padding-top:18px;margin-top:20px; }
.photo-grid { gap:14px; }
.photo-card .photo-meta { padding:11px 12px; }
.photo-name { font-size:13px; }
.photo-desc { color:#7b8490;line-height:1.7; }
.photo-state .link-button { font-size:12px; }
.photo-systems .el-tag { color:#758290; }
.gt-right { color:#7b8490;font-size:12px; }
.workflow-steps { padding:18px 24px; }
.workflow-step small { color:#8a95a1; }
.import-help ol,.import-help .muted { color:#7b8490; }
.upload-zone { border-style:solid;border-color:#dee7f1;background:#fafcfe;min-height:138px; }
.upload-zone strong { font-size:14px;font-weight:500; }
.upload-zone small { color:#83909e;font-size:12px; }
.matching-row strong { font-size:14px; }
.matching-row small { color:#7b8490;font-size:12px; }
@media(max-width:1200px) { .operator-avatar { display:none; }.feedback-items { grid-template-columns:1fr; }.stepper-inner .el-steps { gap:20px; }.check-item,.check-item.ok,.check-item.dup { padding:12px; } }
@media(max-width:1000px) { .check-item+.check-item { border-left:0; }.check-item { border-bottom:1px solid #edf0f4; }.form-section { gap:18px 22px; } }
@media(max-width:900px) { .metric-grid { gap:0; }.metric:nth-child(3)::before { display:none; }.metric:nth-child(n+3) { border-top:1px solid #edf0f4; }.admin-content { padding:16px 12px 0; } }
@media(max-width:600px) { .feedback-items { padding-left:0; }.feedback-heading { flex-wrap:wrap; }.feedback-heading>.link-button { margin-left:30px; }.preset-description { display:none; }.stepper-inner .el-steps { gap:8px; }.stepper-inner .el-step { gap:6px; }.stepper-inner .el-step:not(:last-child)::after { display:none; }.stepper-inner .el-step__title { font-size:12px; }.stepper-card { padding:16px; }.metric { padding:14px; }.metric-bottom { font-size:11px; } }
.photo-card .photo-meta { flex:1; }
.photo-card .photo-thumb { flex-shrink:0; }
.photo-card .photo-state { min-height:41px;flex-shrink:0; }
.sys-body .desc-item { display:grid;grid-template-columns:58px minmax(0,1fr);gap:8px;font-size:12px;line-height:1.8;margin-bottom:5px; }
.sys-body .desc-item:last-child { margin-bottom:0; }
.sys-body .dt { color:#8a95a1; }
.sys-body .dd { color:#5b6774;overflow-wrap:anywhere; }
.sys-body>.proj-box:nth-child(2) { min-height:138px; }
.proj-fields { font-size:12px;line-height:1.9;overflow-wrap:anywhere; }
.proj-fields b { color:#657180;font-weight:400; }
.proj-fields .sync-hl { font-size:11px; }
.proj-box .pb-title { font-size:12px;color:#475767; }
.dispatch-product { display:flex;align-items:center;gap:12px;padding:0 0 16px;border-bottom:1px solid #edf0f4;margin-bottom:16px; }
.dispatch-product>div { min-width:0;flex:1; }
.dispatch-product h3 { font-size:15px;font-weight:500;line-height:1.7; }
.dispatch-product p { color:#7b8793;font-size:12px;line-height:1.8;margin:4px 0 0;display:flex;flex-wrap:wrap;gap:4px 20px; }
.dispatch-demo-note { font-size:11px;color:#8c97a3;max-width:180px;line-height:1.8; }
.p3-summary { padding-bottom:16px; }
@media(max-width:600px) { .dispatch-product { flex-wrap:wrap; }.dispatch-demo-note { width:100%;max-width:none; }.sys-body .desc-item { grid-template-columns:54px minmax(0,1fr); } }