/* Match the shipping panel base typography; shared row classes keep their own size hierarchy. */
html body #douyinOrdersSection #douyinFactsRoot { font: 400 14px/1.35 "Microsoft YaHei", "PingFang SC", "Segoe UI", Arial, sans-serif; }
/* Shipping capsule geometry with Douyin-scoped IDs and event bindings. */
html body #douyinOrdersSection #douyinFactsRoot .douyin-search-capsule {
  display: flex !important;
  align-items: center !important;
  flex: 0 1 420px !important;
  width: 420px !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: 36px !important;
  box-sizing: border-box !important;
  gap: 6px !important;
  margin: 0 !important;
  padding: 3px 4px !important;
  border: 1px solid rgba(60,60,67,.16) !important;
  border-radius: 18px !important;
  background: #fff !important;
  box-shadow: none !important;
}
html body #douyinOrdersSection #douyinFactsRoot .douyin-search-capsule input {
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  height: 28px !important;
  padding: 0 8px !important;
  border: 0 !important;
  background: transparent !important;
  outline: none !important;
  box-shadow: none !important;
  color: var(--tg-ink,#1d1d1f) !important;
}
html body #douyinOrdersSection #douyinFactsRoot .douyin-search-capsule button {
  flex: 0 0 auto;
  min-width: 48px;
  height: 28px;
  padding: 0 12px;
  border: 0;
  border-radius: 14px;
  font-size: 12px;
  font-weight: 600;
  box-shadow: none;
}
html body #douyinOrdersSection #douyinFactsRoot .douyin-search-submit {
  color: #fff;
  background: var(--tg-blue,#0071e3);
}
html body #douyinOrdersSection #douyinFactsRoot .douyin-search-reset {
  color: #6e6e73;
  background: #f2f2f7;
}
html body #douyinOrdersSection #douyinFactsRoot .douyin-search-capsule button:focus { outline: none; }
html body #douyinOrdersSection #douyinFactsRoot .douyin-search-capsule button:focus-visible { outline: 1px solid #85858a; outline-offset: 1px; }
html body #douyinOrdersSection #douyinFactsRoot .douyin-search-capsule:focus-within { border-color: #999 !important; }
/* One selected shop: use the shared specification grid once, without a second shop row. */
html body #douyinOrdersSection #douyinFactsRoot .douyin-single-shop .shipping-desktop-fulfillment-stack {
  display: flex !important;
  flex-flow: row nowrap !important;
  align-items: baseline !important;
  justify-content: flex-start !important;
  gap: 14px !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
}
html body #douyinOrdersSection #douyinFactsRoot .douyin-single-shop .shipping-fulfillment-row {
  display: flex !important;
  flex: 0 0 auto !important;
  align-items: baseline !important;
  justify-content: flex-start !important;
  gap: 4px !important;
  width: auto !important;
}
html body #douyinOrdersSection #douyinFactsRoot .douyin-single-shop .shipping-fulfillment-row:first-child { margin-right: auto !important; }
/* Match shipping's integrated summary: no reserved numeric track before the count. */
html body #douyinOrdersSection #douyinFactsRoot .douyin-single-shop .shipping-fulfillment-pending {
  order: -1;
  width: auto !important;
  min-width: 0 !important;
  flex: 0 0 auto !important;
  text-align: left !important;
  font-size: 24px !important;
  line-height: 1.15 !important;
  font-weight: 750 !important;
}
html body #douyinOrdersSection #douyinFactsRoot .douyin-single-shop .shipping-spec-item::before { content: none !important; }
/* Keep all ring sizes visible in three columns; the product row grows with the list. */
html body #douyinOrdersSection #douyinFactsRoot .douyin-single-shop .shipping-data-spec-text,
html body #douyinOrdersSection #douyinFactsRoot .douyin-single-shop .shipping-data-spec-list {
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}
html body #douyinOrdersSection #douyinFactsRoot .douyin-single-shop .shipping-data-spec-list {
  grid-template-columns: repeat(3, max-content) !important;
}
html body #douyinOrdersSection #douyinFactsRoot .douyin-note-button {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 28px;
  height: auto !important;
  max-height: none !important;
  padding: 4px 0 !important;
  border: 0 !important;
  border-radius: 4px;
  background: transparent;
  box-shadow: none !important;
  text-align: left !important;
  font: 400 12px/18px "Microsoft YaHei", "PingFang SC", "Segoe UI", Arial, sans-serif !important;
  white-space: pre-wrap !important;
  overflow-wrap: anywhere;
  color: var(--tg-ink,#1d1d1f);
}
html body #douyinOrdersSection #douyinFactsRoot .douyin-note-button:enabled:hover { background: #f0f0f0; }
html body #douyinOrdersSection #douyinFactsRoot .douyin-note-button:focus-visible { outline: 1px solid #85858a; }
html body #douyinOrdersSection #douyinFactsRoot .douyin-card-followup { display: flex; align-items: baseline; gap: 12px; }
html body .douyin-followup-editor {
  position: fixed !important;
  z-index: 2147483000;
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #b7b7bd !important;
  outline: none !important;
  box-shadow: none !important;
  border-radius: 4px;
  padding: 0;
}
html body .douyin-followup-editor[hidden] { display: none !important; }
html body .douyin-followup-editor textarea {
  display: block;
  width: 100%;
  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
  box-sizing: border-box;
  margin: 0;
  padding: 4px;
  border: 0;
  border-radius: 4px;
  resize: none;
  background: #fff;
  color: var(--tg-ink,#1d1d1f);
  font: 400 12px/18px "Microsoft YaHei", "PingFang SC", "Segoe UI", Arial, sans-serif;
  text-align: left;
  outline: none !important;
  box-shadow: none !important;
}
html body .douyin-followup-editor p:empty { display: none; }
html body .douyin-followup-editor p { position: absolute; top: 100%; left: 0; margin: 4px 0; padding: 4px; font-size: 12px; background: #fff; min-width: 150px; }
html body .douyin-followup-actions { position: absolute; bottom: 0; right: 0; display: flex; gap: 6px; padding: 4px; background: #fff; }
html body .douyin-followup-actions[hidden] { display: none; }
@media (max-width: 768px) {
  html body.is-mobile-viewport:not(.is-dashboard-login-page) #douyinFactsRoot .douyin-search-capsule {
    grid-column: 1 / -1;
    width: 100% !important;
  }
}
