/* Approved public white-background treatment. Admin panels retain their formal theme. */
html:has(body.public-shell),
body.public-shell,
body.public-shell .public-view,
body.public-shell .public-view.has-results,
body.public-shell .public-view.has-date-lookup {
  background: #fff !important;
  background-image: none !important;
}

body.public-shell .public-view:not(.has-results):not(.has-date-lookup) .query-hero,
body.public-shell .public-view:not(.has-results):not(.has-date-lookup) .hero-inner {
  background: #fff !important;
  background-image: none !important;
}

body.public-shell .public-view:not(.has-results):not(.has-date-lookup) .query-hero::before {
  display: none !important;
}

body.public-shell .public-view:not(.has-results):not(.has-date-lookup) .hero-copy,
body.public-shell .public-view:not(.has-results):not(.has-date-lookup) .hero-copy h1,
body.public-shell .public-view:not(.has-results):not(.has-date-lookup) .hero-copy h1 span {
  color: #1f2a32 !important;
  text-shadow: none !important;
}

body.public-shell .public-view:not(.has-results):not(.has-date-lookup) .hero-copy p,
body.public-shell .public-view:not(.has-results):not(.has-date-lookup) .public-hero-eyebrow,
body.public-shell .public-view:not(.has-results):not(.has-date-lookup) .public-hero-brand-copy small {
  color: #5d6872 !important;
  text-shadow: none !important;
}

body.public-shell .public-view:not(.has-results):not(.has-date-lookup) .public-hero-brand-copy strong {
  color: #1f2a32 !important;
  text-shadow: none !important;
}

body.public-shell .public-view:not(.has-results):not(.has-date-lookup) .public-hero-nav,
body.public-shell .public-view:not(.has-results):not(.has-date-lookup) .public-hero-links {
  border-color: #e2e7eb !important;
}

body.public-shell .public-view.has-results .results-section,
body.public-shell .date-lookup-section {
  background: #fff !important;
}

/* Keep the approved public brand block centered without changing its size. */
body.public-shell .public-view:not(.has-results):not(.has-date-lookup) .public-hero-brand {
  justify-self: center !important;
  margin-inline: auto;
}

/* Make the history label and clear control visible on a white surface. */
body.public-shell .search-history {
  color: #33434f !important;
  border-top-color: #dfe6eb !important;
  font-family: Arial, "Microsoft YaHei", sans-serif;
}

body.public-shell .search-history-header h2 {
  color: #253641 !important;
  font-weight: 700 !important;
}

body.public-shell .search-history-clear {
  width: 34px !important;
  height: 34px !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 8px;
  background: #12a5dc !important;
  box-shadow: 0 3px 0 #0b86b5;
  -webkit-appearance: none;
}

body.public-shell .search-history-clear:hover,
body.public-shell .search-history-clear:active,
body.public-shell .search-history-clear:focus-visible {
  color: #fff !important;
  background: #0b91c4 !important;
}

body.public-shell .search-history-clear-icon {
  display: block;
  width: 18px;
  height: 18px;
  color: currentColor !important;
  stroke: currentColor !important;
  fill: none !important;
}

/* The approved mobile layout keeps the circle and its position unchanged. */
@media (max-width: 760px) {
  body.public-shell .public-view:not(.has-results):not(.has-date-lookup) .public-hero-brand-mark {
    position: relative;
    font-size: 0 !important;
  }

  body.public-shell .public-view:not(.has-results):not(.has-date-lookup) .public-hero-brand-mark::before {
    content: "单号\A查询";
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: pre;
    color: #545b8e;
    font-family: "Microsoft YaHei", "PingFang SC", Arial, sans-serif;
    font-size: 10px;
    font-weight: 800;
    line-height: 1.1;
    letter-spacing: 0;
    text-align: center;
  }
}