/* ============================================================
   车间手机端公共皮肤（/ship/m、/plan/m）
   加载在页面内联样式之后：统一字体、底色、圆角与主色，
   页面自身的 --blue/--green/--orange/--red 由 design_tokens.css 收编。
   ============================================================ */
body {
  font-family: var(--pf-font) !important;
  background: var(--pf-bg) !important;
  color: var(--pf-ink) !important;
  -webkit-text-size-adjust: 100%;
}

/* 顶部条：深海渐变 */
.top-bar,
.nav-bar,
header.topbar,
.hd {
  background: linear-gradient(120deg, var(--pf-navy-850) 0%, var(--pf-navy-700) 100%) !important;
  color: #fff !important;
  border-bottom: 1px solid rgba(255, 255, 255, .08) !important;
}

/* 卡片/面板 */
.card,
.box,
.item,
.model-card,
.mc,
.panel {
  border-radius: var(--pf-r-md) !important;
  border-color: var(--pf-line) !important;
  box-shadow: 0 1px 3px rgba(12, 28, 43, .06);
}

/* 主按钮与选中态统一主色 */
.btn.primary,
.btn-primary,
button.primary,
.tab.on,
.chip.on,
.ws-tab.on {
  background: var(--pf-teal-600) !important;
  border-color: var(--pf-teal-600) !important;
  color: #fff !important;
}

/* 输入框 */
input, select, textarea {
  border-radius: var(--pf-r-sm) !important;
  border-color: var(--pf-line-2) !important;
  font-family: inherit;
}
input:focus, select:focus, textarea:focus {
  outline: none;
  border-color: var(--pf-teal-600) !important;
}