@charset "UTF-8";

/* 工作台采用紧凑的标题与正文层级，适配左右分栏。 */
body[data-workbench="supplier"] {
  --workspace-title: 32px;
  --workspace-section: 20px;
  --workspace-body: 14px;
  --workspace-meta: 12px;
  font-size: var(--workspace-body);
}

body[data-workbench="supplier"] .business-column h1,
body[data-workbench="supplier"] .chat-welcome h1 {
  font-size: var(--workspace-title);
  line-height: 1.3;
  letter-spacing: -.5px;
}

body[data-workbench="supplier"] .business-column h2,
body[data-workbench="supplier"] .business-column .section-heading h2,
body[data-workbench="supplier"] .business-column .panel-header h2,
body[data-workbench="supplier"] dialog h2 {
  font-size: var(--workspace-section);
  line-height: 1.35;
}

body[data-workbench="supplier"] .business-column h3,
body[data-workbench="supplier"] .business-column .store-list-item h3,
body[data-workbench="supplier"] .business-column .guide-card h3 {
  font-size: 17px;
  line-height: 1.4;
}

body[data-workbench="supplier"] .brand,
body[data-workbench="supplier"] .new-task,
body[data-workbench="supplier"] .task-search,
body[data-workbench="supplier"] .task-search input,
body[data-workbench="supplier"] .sidebar-label,
body[data-workbench="supplier"] .nav-button,
body[data-workbench="supplier"] .sidebar-bottom,
body[data-workbench="supplier"] .sidebar-bottom button,
body[data-workbench="supplier"] .breadcrumb,
body[data-workbench="supplier"] .text-button,
body[data-workbench="supplier"] .conversation-bar,
body[data-workbench="supplier"] .business-bar,
body[data-workbench="supplier"] .chat-welcome > p,
body[data-workbench="supplier"] .chat-suggestions button,
body[data-workbench="supplier"] .chat-composer textarea,
body[data-workbench="supplier"] .chat-composer > div,
body[data-workbench="supplier"] .chat-bubble,
body[data-workbench="supplier"] .chat-bubble button,
body[data-workbench="supplier"] .business-column .page-heading p,
body[data-workbench="supplier"] .business-column .panel-header p,
body[data-workbench="supplier"] .business-column .section-heading p,
body[data-workbench="supplier"] .business-column .muted,
body[data-workbench="supplier"] .business-column .button,
body[data-workbench="supplier"] .business-column .field,
body[data-workbench="supplier"] .business-column .field input,
body[data-workbench="supplier"] .business-column .field textarea,
body[data-workbench="supplier"] .business-column .field select,
body[data-workbench="supplier"] .business-column .note,
body[data-workbench="supplier"] .business-column .empty p,
body[data-workbench="supplier"] .business-column .guide-card p,
body[data-workbench="supplier"] .business-column .store-path,
body[data-workbench="supplier"] .business-column .store-path strong,
body[data-workbench="supplier"] .business-column .store-path span,
body[data-workbench="supplier"] .business-column .store-list-item p,
body[data-workbench="supplier"] .business-column .store-list-item small,
body[data-workbench="supplier"] .business-column .workspace-checklist strong,
body[data-workbench="supplier"] .business-column .workbench-status p,
body[data-workbench="supplier"] .business-column .quota-card p,
body[data-workbench="supplier"] .business-column .quota-card small,
body[data-workbench="supplier"] .business-column .review-row p,
body[data-workbench="supplier"] .business-column .tab {
  font-size: var(--workspace-body);
}

body[data-workbench="supplier"] .brand strong,
body[data-workbench="supplier"] .business-bar > span:last-child,
body[data-workbench="supplier"] .chat-composer > p,
body[data-workbench="supplier"] .chat-bubble > span,
body[data-workbench="supplier"] .chat-token-usage,
body[data-workbench="supplier"] .chat-model-status,
body[data-workbench="supplier"] .business-column .eyebrow,
body[data-workbench="supplier"] .business-column .badge,
body[data-workbench="supplier"] .business-column .field small,
body[data-workbench="supplier"] .business-column .store-current,
body[data-workbench="supplier"] .business-column .site-points,
body[data-workbench="supplier"] .business-column .workspace-checklist small,
body[data-workbench="supplier"] .business-column .task-number,
body[data-workbench="supplier"] .business-column .panel small,
body[data-workbench="supplier"] .demo-badge,
body[data-workbench="supplier"] .sidebar-bottom > span,
body[data-workbench="supplier"] .conversation-bar > span:first-child,
body[data-workbench="supplier"] .conversation-column .chat-scope,
body[data-workbench="supplier"] .chat-eyebrow,
body[data-workbench="supplier"] dialog p,
body[data-workbench="supplier"] .dialog-top {
  font-size: var(--workspace-meta);
}

@media (max-width: 1150px) {
  body[data-workbench="supplier"] { --workspace-title: 28px; --workspace-section: 20px; }
}

@media (max-width: 760px) {
  body[data-workbench="supplier"] { --workspace-title: 26px; --workspace-section: 18px; }
}

body[data-workbench="supplier"] .business-column .page-heading { margin-bottom: 24px; }
body[data-workbench="supplier"] .business-column .page-heading p { margin-top: 8px; line-height: 1.7; }
body[data-workbench="supplier"] .business-column .panel-header { align-items: center; gap: 16px; margin-bottom: 18px; }
body[data-workbench="supplier"] .business-column .muted { line-height: 1.8; }
body[data-workbench="supplier"] .business-column .button { min-height: 40px; padding: 9px 16px; }
body[data-workbench="supplier"] .business-column .note { line-height: 1.7; padding: 12px 14px; }

/* 服务商资料、导入、服务申请与订单采用同一套卡片节奏。 */
body[data-workbench="supplier"] .business-column { container-type: inline-size; }
body[data-workbench="supplier"] #content { width: 100%; min-width: 0; }
body[data-workbench="supplier"] .business-column .page-heading { display: flex; justify-content: space-between; align-items: center; gap: 16px; }
body[data-workbench="supplier"] .business-column .page-heading > div { min-width: 0; }
body[data-workbench="supplier"] .business-column .page-heading > .button { flex-shrink: 0; }
body[data-workbench="supplier"] .business-column .panel { padding: 22px; margin-bottom: 20px; border-radius: 12px; }
body[data-workbench="supplier"] .business-column .form-grid { gap: 18px 16px; }
body[data-workbench="supplier"] .business-column .field { gap: 8px; min-width: 0; }
body[data-workbench="supplier"] .business-column .field input,
body[data-workbench="supplier"] .business-column .field select,
body[data-workbench="supplier"] .business-column .field output { min-height: 42px; font-size: 14px; }
body[data-workbench="supplier"] .business-column form > .actions { margin-top: 22px; gap: 12px; }
body[data-workbench="supplier"] .business-column .actions { gap: 12px; }
body[data-workbench="supplier"] .business-column form > .note { margin-top: 18px; font-size: 12px; }
body[data-workbench="supplier"] .business-column .empty { padding: 40px 24px; border-radius: 12px; }
body[data-workbench="supplier"] .business-column .empty p { margin: 12px auto 22px; line-height: 1.8; max-width: 430px; }
body[data-workbench="supplier"] .workspace-checklist { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
body[data-workbench="supplier"] .workspace-checklist button { min-width: 0; padding: 18px; border-color: #d7e4e9; }
body[data-workbench="supplier"] .workspace-checklist small { margin-top: 6px; }
body[data-workbench="supplier"] .business-column .supplier-steps { gap: 12px; margin-bottom: 22px; }
body[data-workbench="supplier"] .supplier-step { padding: 16px 18px; border-radius: 10px; }
body[data-workbench="supplier"] .supplier-step strong,
body[data-workbench="supplier"] .import-flow span { font-size: 15px; line-height: 1.5; }
body[data-workbench="supplier"] .supplier-step span,
body[data-workbench="supplier"] .import-flow small,
body[data-workbench="supplier"] .import-flow b,
body[data-workbench="supplier"] .business-column .supplier-backend-handoff small,
body[data-workbench="supplier"] .business-column .handoff-kicker { font-size: 12px; line-height: 1.7; }
body[data-workbench="supplier"] .business-column .import-guidance,
body[data-workbench="supplier"] .business-column .supplier-import p,
body[data-workbench="supplier"] .business-column .supplier-backend-handoff p { font-size: 14px; line-height: 1.8; }
body[data-workbench="supplier"] .business-column .type-grid { gap: 12px; margin-bottom: 22px; }
body[data-workbench="supplier"] .business-column .type-button { font-size: 14px; padding: 16px 10px; border-radius: 10px; }
body[data-workbench="supplier"] .business-column .supplier-backend-handoff { padding: 22px; gap: 20px; }
body[data-workbench="supplier"] .business-column .demo-order-stats { gap: 12px; margin: 18px 0; }
body[data-workbench="supplier"] .business-column .demo-order-stats span { font-size: 12px; }
body[data-workbench="supplier"] .business-column .demo-order-stats strong { font-size: 24px; }
body[data-workbench="supplier"] .business-column .supplier-demo-table td { font-size: 14px; }
body[data-workbench="supplier"] .business-column .supplier-demo-table th,
body[data-workbench="supplier"] .business-column .demo-order-status { font-size: 12px; }
body[data-workbench="supplier"] .business-column .button:focus-visible { outline: 3px solid #54cfc5; outline-offset: 3px; }

@container (max-width: 640px) {
  body[data-workbench="supplier"] .workspace-checklist { grid-template-columns: minmax(0, 1fr); }
  body[data-workbench="supplier"] .supplier-backend-handoff { flex-direction: column; align-items: flex-start; }
  body[data-workbench="supplier"] .business-column .page-heading { flex-wrap: wrap; }
  body[data-workbench="supplier"] .business-column .panel-header { flex-wrap: wrap; }
  body[data-workbench="supplier"] .business-column .form-grid { grid-template-columns: minmax(0, 1fr); }
  body[data-workbench="supplier"] .business-column .field.wide { grid-column: auto; }
  body[data-workbench="supplier"] .demo-order-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
  body[data-workbench="supplier"] .business-column .panel { padding: 18px; }
  body[data-workbench="supplier"] .business-column .page-heading { flex-wrap: wrap; }
  body[data-workbench="supplier"] .business-column .page-heading > div { flex: 1 1 100%; }
}