/* 单票下单：以下字段优速可接但优链通不展示（仍保留 input 便于提交时空值） */
#form-single-order .hyt-single-hide-from-ui,
#page-single .hyt-single-hide-from-ui {
  display: none !important;
}

/* 优链通 — 后台管理风格（蓝 / 浅灰 / 白卡片） */
:root {
  --primary: #1890ff;
  --primary-dark: #096dd9;
  --bg: #f0f2f5;
  --card: #fff;
  --text: #333;
  --muted: #8c8c8c;
  --border: #e8e8e8;
  --sidebar-w: 220px;
  --header-h: 56px;
  --font: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Microsoft YaHei', sans-serif;
}

* {
  box-sizing: border-box;
}
html,
body {
  margin: 0;
  height: 100%;
  font-family: var(--font);
  font-size: 14px;
  color: var(--text);
  background: var(--bg);
}

.hyt-layout {
  display: flex;
  min-height: 100vh;
}

.hyt-sidebar {
  width: var(--sidebar-w);
  background: #fff;
  border-right: 1px solid var(--border);
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
}
.hyt-logo {
  height: var(--header-h);
  display: flex;
  align-items: center;
  padding: 0 16px;
  font-size: 18px;
  font-weight: 600;
  color: var(--primary);
  border-bottom: 1px solid var(--border);
}
.hyt-nav {
  padding: 12px 0;
  flex: 1;
}
.hyt-nav a {
  display: block;
  padding: 12px 20px;
  color: var(--text);
  text-decoration: none;
  border-left: 3px solid transparent;
}
.hyt-nav a:hover {
  background: #e6f7ff;
  color: var(--primary);
}
.hyt-nav a.active {
  background: #e6f7ff;
  color: var(--primary);
  border-left-color: var(--primary);
  font-weight: 500;
}
.hyt-nav .nav-group {
  padding: 8px 16px 4px;
  font-size: 12px;
  color: var(--muted);
}

/* 订单管理：可展开子菜单（参考 Ant Design 侧栏） */
.hyt-nav-submenu {
  margin: 0;
}
.hyt-nav-parent-inner {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  flex: 1;
}
.hyt-nav-icon-briefcase {
  flex-shrink: 0;
  width: 14px;
  height: 10px;
  border: 1.5px solid #8c8c8c;
  border-radius: 1px;
  position: relative;
  box-sizing: border-box;
}
.hyt-nav-icon-briefcase::before {
  content: '';
  position: absolute;
  top: -4px;
  left: 2px;
  right: 2px;
  height: 3px;
  border: 1.5px solid #8c8c8c;
  border-bottom: none;
  border-radius: 2px 2px 0 0;
  box-sizing: border-box;
}
.hyt-nav-submenu.is-current .hyt-nav-icon-briefcase,
.hyt-nav-submenu.is-current .hyt-nav-icon-briefcase::before {
  border-color: var(--primary);
}

/* 查询服务 · 放大镜 */
.hyt-nav-icon-search {
  flex-shrink: 0;
  width: 14px;
  height: 14px;
  border: 2px solid #8c8c8c;
  border-radius: 50%;
  position: relative;
  box-sizing: border-box;
}
.hyt-nav-icon-search::after {
  content: '';
  position: absolute;
  width: 6px;
  height: 2px;
  background: #8c8c8c;
  right: -4px;
  bottom: -1px;
  transform: rotate(45deg);
  border-radius: 1px;
}
.hyt-nav-submenu.is-current .hyt-nav-icon-search {
  border-color: var(--primary);
}
.hyt-nav-submenu.is-current .hyt-nav-icon-search::after {
  background: var(--primary);
}
.hyt-nav-parent {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px 12px 20px;
  border: none;
  border-left: 3px solid transparent;
  background: transparent;
  cursor: pointer;
  font: inherit;
  font-size: 14px;
  color: var(--text);
  text-align: left;
  outline: none;
  -webkit-tap-highlight-color: transparent;
}
.hyt-nav-parent:focus-visible {
  box-shadow: inset 0 0 0 2px rgba(24, 144, 255, 0.45);
}
.hyt-nav-parent:hover {
  background: #e6f7ff;
  color: var(--primary);
}
.hyt-nav-submenu.is-current > .hyt-nav-parent {
  color: var(--primary);
  font-weight: 500;
}
/* 更明显的小箭头：收起时朝右，展开时朝下 */
.hyt-nav-chevron {
  display: inline-block;
  width: 6px;
  height: 6px;
  border-right: 2px solid #595959;
  border-bottom: 2px solid #595959;
  flex-shrink: 0;
  margin-left: 10px;
  margin-right: 4px;
  transform: rotate(-45deg);
  transition: transform 0.2s ease, border-color 0.15s;
}
.hyt-nav-submenu.open .hyt-nav-chevron {
  transform: rotate(45deg);
  margin-top: 2px;
}
.hyt-nav-submenu.open .hyt-nav-parent:hover .hyt-nav-chevron,
.hyt-nav-submenu.is-current .hyt-nav-chevron {
  border-right-color: var(--primary);
  border-bottom-color: var(--primary);
}
.hyt-nav-parent:hover .hyt-nav-chevron {
  border-right-color: var(--primary);
  border-bottom-color: var(--primary);
}
.hyt-nav-sublist {
  display: none;
  padding: 4px 0 8px;
}
.hyt-nav-submenu.open .hyt-nav-sublist {
  display: block;
}
.hyt-nav-sub {
  display: block;
  padding: 10px 16px 10px 40px;
  font-size: 13px;
  color: var(--text);
  text-decoration: none;
  border-right: 3px solid transparent;
}
.hyt-nav-sub:hover {
  background: #f5f5f5;
  color: var(--primary);
}
.hyt-nav-sub.active {
  background: #e6f7ff;
  color: var(--primary);
  font-weight: 500;
  border-right-color: var(--primary);
}

.hyt-main {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-width: 0;
  width: 100%;
  max-width: none;
  margin: 0;
  box-sizing: border-box;
}
.hyt-header {
  min-height: var(--header-h);
  background: #fff;
  border-bottom: 1px solid var(--border);
  display: flex;
  flex-direction: column;
  align-items: stretch;
  padding: 0;
}
.hyt-header-tabs {
  display: flex;
  gap: 0;
  border-bottom: 1px solid var(--border);
  background: #fafafa;
  padding: 0 8px;
}
.hyt-header-tab {
  display: inline-block;
  padding: 12px 22px;
  color: var(--text);
  text-decoration: none;
  font-size: 14px;
  border-bottom: 2px solid transparent;
  margin-bottom: -1px;
}
.hyt-header-tab:hover {
  color: var(--primary);
}
.hyt-header-tab.active {
  color: var(--primary);
  border-bottom-color: var(--primary);
  font-weight: 500;
  background: #fff;
}
.hyt-header-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 24px;
  min-height: 48px;
  gap: 12px;
}
.hyt-header-meta-main {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
  flex: 1 1 auto;
}
.hyt-header-prepay {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 2px;
  padding: 6px 14px;
  background: #f6ffed;
  border: 1px solid #b7eb8f;
  border-radius: 8px;
  line-height: 1.3;
}
.hyt-header-prepay--warn {
  background: #fffbe6;
  border-color: #ffe58f;
}
.hyt-header-prepay--closed {
  background: #fff2f0;
  border-color: #ffccc7;
}
.hyt-header-prepay-label {
  font-size: 12px;
  color: var(--muted);
}
.hyt-header-prepay-amount {
  font-size: 18px;
  font-weight: 600;
  color: #389e0d;
  font-variant-numeric: tabular-nums;
}
.hyt-header-prepay--warn .hyt-header-prepay-amount {
  color: #d48806;
}
.hyt-header-prepay--closed .hyt-header-prepay-amount {
  color: #cf1322;
}
.hyt-header-hint {
  color: var(--muted);
  font-size: 13px;
}
.hyt-header h1 {
  margin: 0;
  font-size: 16px;
  font-weight: 500;
}

/* 订单管理 · 参照同行后台 */
.hyt-om-list-card {
  padding: 0;
  overflow: hidden;
}
.hyt-om-page-head {
  padding: 12px 16px 0;
  border-bottom: 1px solid var(--border);
  background: #fafafa;
}
.hyt-om-subtabs {
  display: flex;
  gap: 8px;
}
.hyt-om-subtab {
  padding: 8px 18px;
  font-size: 14px;
  border: 1px solid var(--border);
  border-bottom: none;
  border-radius: 6px 6px 0 0;
  background: #f5f5f5;
  cursor: pointer;
  color: var(--text);
}
.hyt-om-subtab.active {
  background: #fff;
  border-color: var(--primary);
  color: var(--primary);
  font-weight: 500;
}
.hyt-om-filters {
  padding: 14px 16px;
  background: #fff;
  border-bottom: 1px solid var(--border);
}
.hyt-om-filter-row {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 16px;
  align-items: flex-end;
  margin-bottom: 10px;
}
.hyt-om-filter-row:last-child {
  margin-bottom: 0;
}
.hyt-om-filter-row--dense {
  align-items: flex-end;
}
.hyt-om-field {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 120px;
}
.hyt-om-field--grow {
  flex: 1 1 220px;
  min-width: 180px;
}
.hyt-om-label {
  font-size: 12px;
  color: var(--muted);
}
.hyt-om-textarea {
  min-height: 52px;
  resize: vertical;
}
.hyt-om-filter-actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-left: auto;
  align-items: center;
}
.hyt-om-btn-export {
  background: #fff !important;
  color: var(--primary) !important;
  border: 1px solid var(--primary) !important;
}
.hyt-om-batch-agree {
  flex: 1 1 100%;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  margin-bottom: 4px;
}
.hyt-om-batch-bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  background: #fafafa;
  border-bottom: 1px solid var(--border);
}
.hyt-om-batch {
  font-size: 13px;
  padding: 5px 12px;
}
.hyt-om-plugin-link {
  margin-left: 8px;
  font-size: 13px;
  color: var(--primary);
  text-decoration: none;
}
.hyt-om-plugin-link:hover {
  text-decoration: underline;
}
.hyt-om-table-wrap {
  overflow-x: auto;
  margin: 0;
  padding: 0 0 12px;
  max-width: 100%;
}
.hyt-om-table {
  min-width: 3200px;
  font-size: 12px;
}
.hyt-om-table th,
.hyt-om-table td {
  white-space: nowrap;
  padding: 8px 10px;
  max-width: 280px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.hyt-om-table tbody tr {
  background: #fff;
}
.hyt-om-table tbody tr:nth-child(even) {
  background: #fafafa;
}
.hyt-om-th-check {
  width: 36px;
  position: sticky;
  left: 0;
  z-index: 2;
  background: #fafafa;
}
.hyt-om-table tbody td:first-child {
  position: sticky;
  left: 0;
  z-index: 2;
  background: #fff;
  box-shadow: 4px 0 8px rgba(0, 0, 0, 0.06);
}
.hyt-om-table tbody tr:nth-child(even) td:first-child {
  background: #fafafa;
}
.hyt-om-th-actions {
  position: sticky;
  right: 0;
  z-index: 2;
  background: #fafafa;
  min-width: 200px;
  box-shadow: -4px 0 8px rgba(0, 0, 0, 0.06);
}
.hyt-om-table tbody td.hyt-om-ops {
  position: sticky;
  right: 0;
  z-index: 2;
  background: #fff;
  min-width: 200px;
  box-shadow: -4px 0 8px rgba(0, 0, 0, 0.06);
}
.hyt-om-table tbody tr:nth-child(even) td.hyt-om-ops {
  background: #fafafa;
}
.hyt-om-ops {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}
.hyt-om-op {
  font-size: 12px;
  padding: 2px 6px;
  border: none;
  background: transparent;
  color: var(--primary);
  cursor: pointer;
  text-decoration: underline;
}
.hyt-om-op:hover {
  color: var(--primary-dark);
}
.hyt-om-op--danger {
  color: #ff4d4f;
}
.hyt-om-op--disabled,
.hyt-om-op:disabled {
  color: #bfbfbf !important;
  cursor: not-allowed;
  text-decoration: none;
  pointer-events: none;
}
.hyt-single-view-banner {
  margin: 0 0 12px;
  padding: 10px 14px;
  background: #e6f4ff;
  border: 1px solid #91caff;
  border-radius: 6px;
  color: #0958d9;
  font-size: 13px;
  font-weight: 500;
}
.hyt-single-form--readonly input[readonly],
.hyt-single-form--readonly select:disabled,
.hyt-single-form--readonly textarea[readonly] {
  background: #f5f5f5;
  color: rgba(0, 0, 0, 0.65);
  cursor: default;
}
.hyt-single-form--readonly .hyt-target-aside {
  opacity: 0.72;
}
.hyt-single-form--edit input[name='waybillNo'],
.hyt-single-form--edit input[name='outsideNo'] {
  background: #f5f5f5;
  color: rgba(0, 0, 0, 0.45);
  cursor: not-allowed;
}
.hyt-single-view-banner--edit {
  background: #fff7e6;
  border-color: #ffd591;
  color: #ad6800;
}
.hyt-status-pill {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 4px;
  font-size: 12px;
}
.hyt-status-pill--muted {
  background: #f5f5f5;
  color: var(--muted);
}
.hyt-status-pill--ok {
  background: #f6ffed;
  color: #52c41a;
  border: 1px solid #b7eb8f;
}
.hyt-status-pill--blue {
  background: #e6f7ff;
  color: #1890ff;
  border: 1px solid #91d5ff;
}
.hyt-status-pill--warn {
  background: #fff7e6;
  color: #fa8c16;
  border: 1px solid #ffd591;
}
.hyt-status-pill--err {
  background: #fff2f0;
  color: #ff4d4f;
  border: 1px solid #ffccc7;
}
.hyt-om-loading {
  text-align: center;
  padding: 24px;
  color: var(--muted);
}
.hyt-content {
  padding: 16px 24px 32px;
  flex: 1;
  min-width: 0;
  width: 100%;
  max-width: none;
  margin: 0;
  box-sizing: border-box;
}

.hyt-grid {
  display: grid;
  gap: 16px;
}
@media (min-width: 900px) {
  .hyt-grid-2 {
    grid-template-columns: 1fr 1fr;
  }
}

.hyt-card {
  background: var(--card);
  border-radius: 8px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
  padding: 16px 20px;
}
.hyt-card-title {
  font-size: 15px;
  font-weight: 600;
  margin: 0 0 14px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--border);
}
.hyt-dash-notice-card {
  display: flex;
  flex-direction: column;
  min-height: 220px;
}
.hyt-notice-board {
  flex: 1;
  max-height: 280px;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 10px;
}
.hyt-notice-board-empty {
  margin: 24px 0;
  text-align: center;
  color: var(--text-muted, #999);
  font-size: 13px;
}
.hyt-notice-item {
  padding: 12px 14px;
  border-radius: 6px;
  background: #fafafa;
  border: 1px solid var(--border);
}
.hyt-notice-item__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 6px;
}
.hyt-notice-item__title {
  margin: 0;
  font-size: 14px;
  font-weight: 600;
  color: var(--text, #333);
  line-height: 1.4;
}
.hyt-notice-tag {
  display: inline-block;
  margin-left: 6px;
  padding: 0 6px;
  font-size: 11px;
  font-weight: 500;
  color: #0958d9;
  background: #e6f4ff;
  border-radius: 4px;
  vertical-align: middle;
}
.hyt-notice-item__time {
  flex-shrink: 0;
  font-size: 12px;
  color: var(--text-muted, #999);
  white-space: nowrap;
}
.hyt-notice-item__summary {
  margin: 0;
  font-size: 13px;
  line-height: 1.55;
  color: rgba(0, 0, 0, 0.65);
  word-break: break-word;
}

.hyt-textarea {
  width: 100%;
  min-height: 100px;
  padding: 10px 12px;
  border: 1px solid var(--border);
  border-radius: 4px;
  resize: vertical;
  font-family: inherit;
}
.hyt-input {
  width: 100%;
  padding: 8px 10px;
  border: 1px solid var(--border);
  border-radius: 4px;
  font-family: inherit;
  font-size: 13px;
}
.hyt-btn {
  display: inline-block;
  padding: 8px 18px;
  border-radius: 4px;
  border: 1px solid var(--border);
  background: #fff;
  cursor: pointer;
  font-size: 14px;
}
.hyt-btn-primary {
  background: var(--primary);
  border-color: var(--primary);
  color: #fff;
}
.hyt-btn-primary:hover {
  background: var(--primary-dark);
  border-color: var(--primary-dark);
}
.hyt-actions {
  margin-top: 12px;
  text-align: right;
}
.hyt-actions .hyt-btn + .hyt-btn {
  margin-left: 8px;
}

.hyt-icons {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: flex-start;
}
.hyt-icon-btn {
  width: 88px;
  text-align: center;
  cursor: pointer;
  border: none;
  background: none;
  padding: 8px;
  font-size: 12px;
  color: var(--text);
}
.hyt-icon-circle {
  width: 56px;
  height: 56px;
  margin: 0 auto 8px;
  border-radius: 50%;
  background: linear-gradient(145deg, #69c0ff 0%, #1890ff 50%, #0050b3 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 22px;
}
.hyt-icon-btn:hover .hyt-icon-circle {
  opacity: 0.92;
  transform: scale(1.02);
}

.hyt-form-row--inline {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}
.hyt-form-row--inline label {
  min-width: 72px;
  margin: 0;
}
.hyt-form-row--inline .hyt-input {
  width: auto;
  min-width: 160px;
  flex: 0 1 auto;
  max-width: 220px;
}
.hyt-fin-freight-query-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 20px;
}
.hyt-fin-freight-dates,
.hyt-fin-freight-no-wrap,
.hyt-fin-freight-sender-wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 20px;
}
.hyt-fin-freight-query-row .hyt-form-row--inline {
  margin: 0;
}
.hyt-fin-freight-no-field .hyt-input,
.hyt-fin-freight-sender-field .hyt-input {
  min-width: 200px;
  max-width: 360px;
}

.hyt-weigh-import-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 12px;
}
.hyt-weigh-import-fname {
  font-size: 13px;
  color: var(--muted);
  max-width: 280px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.hyt-ext-import-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 14px;
  margin-bottom: 16px;
}

.hyt-ext-import-fname {
  font-size: 13px;
  color: var(--muted);
  max-width: 280px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.hyt-ext-trace-block {
  margin-top: 8px;
}

.hyt-ext-trace-table-wrap {
  overflow-x: auto;
}

.hyt-ext-trace-table-wrap .hyt-ext-trace-table {
  table-layout: fixed;
  width: max-content;
  min-width: 100%;
}

.hyt-ext-trace-layout-bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin: 8px 0 10px;
}

.hyt-ext-trace-layout-label {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
}

.hyt-ext-trace-density-select {
  min-width: 88px;
  padding: 4px 8px;
}

.hyt-ext-trace-layout-hint {
  margin: 0;
  color: var(--muted, #888);
}

.hyt-ext-trace-th-resizable {
  position: relative;
  overflow: visible;
  white-space: normal;
  word-break: break-word;
  overflow-wrap: anywhere;
  vertical-align: top;
  line-height: 1.4;
}

.hyt-ext-trace-col-resizer {
  position: absolute;
  top: 0;
  right: 0;
  width: 6px;
  height: 100%;
  cursor: col-resize;
  user-select: none;
  touch-action: none;
}

.hyt-ext-trace-col-resizer:hover {
  background: rgba(24, 144, 255, 0.25);
}

.hyt-ext-trace-table td,
.hyt-ext-trace-table th {
  white-space: normal;
  word-break: break-word;
  overflow-wrap: anywhere;
  vertical-align: top;
  line-height: 1.45;
}

.hyt-ext-trace-table td.hyt-td-check,
.hyt-ext-trace-table th[data-col='cb'] {
  white-space: nowrap;
  vertical-align: middle;
  text-align: center;
}

.hyt-ext-trace-table td.hyt-td-check {
  line-height: 1;
}

.hyt-ext-trace-table .hyt-trace-latest-cell,
.hyt-ext-trace-table .hyt-trace-milestone-cell {
  white-space: normal;
  word-break: break-word;
  overflow-wrap: anywhere;
}

.hyt-ext-trace--compact td,
.hyt-ext-trace--compact th {
  padding: 4px 6px;
  font-size: 12px;
  line-height: 1.35;
}

.hyt-ext-trace--comfortable td,
.hyt-ext-trace--comfortable th {
  padding: 12px 10px;
  line-height: 1.55;
}

.hyt-sortable-th {
  cursor: pointer;
  user-select: none;
}

.hyt-sortable-th:hover .hyt-sort-ind--idle {
  opacity: 0.85;
  color: #1890ff;
}

.hyt-sortable-label {
  display: inline;
}

.hyt-sort-ind {
  display: inline-block;
  margin-left: 4px;
  font-size: 10px;
  line-height: 1;
  color: var(--muted, #999);
  vertical-align: middle;
  white-space: nowrap;
}

.hyt-sort-ind--active {
  color: #1890ff;
  font-weight: 600;
}

.hyt-sort-ind--idle {
  opacity: 0.35;
  font-size: 11px;
}

.hyt-sort-pri {
  font-size: 9px;
  margin-left: 1px;
  opacity: 0.75;
}

.hyt-ext-orders-hint {
  line-height: 1.6;
}

.hyt-tabs {
  display: flex;
  gap: 8px;
  margin-bottom: 12px;
  flex-wrap: wrap;
}
.hyt-tab {
  padding: 6px 14px;
  border-radius: 4px;
  border: 1px solid var(--border);
  background: #fff;
  cursor: pointer;
  font-size: 13px;
}
.hyt-tab.active {
  border-color: var(--primary);
  color: var(--primary);
  background: #e6f7ff;
}

.hyt-stats {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
  gap: 12px;
  margin-top: 12px;
}
.hyt-stat-big {
  font-size: 28px;
  font-weight: 600;
  color: var(--primary);
  text-align: center;
}
.hyt-stat-label {
  font-size: 12px;
  color: var(--muted);
  text-align: center;
  margin-top: 4px;
}
.hyt-stat-row {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  font-size: 13px;
}
.hyt-stat-row span {
  color: var(--muted);
}
.hyt-stat-row em {
  font-style: normal;
  font-weight: 600;
  color: var(--text);
}
.hyt-stat-row .danger em {
  color: #f5222d;
}

.hyt-rings {
  display: flex;
  gap: 32px;
  flex-wrap: wrap;
  justify-content: center;
  padding: 16px 0;
}
.hyt-ring {
  text-align: center;
}
.hyt-ring-svg {
  width: 120px;
  height: 120px;
  margin: 0 auto 8px;
}
.hyt-ring-label {
  font-size: 13px;
  color: var(--muted);
}
.hyt-ring-sub {
  font-size: 12px;
  color: var(--muted);
  margin-top: 4px;
}

.hyt-page {
  display: none;
}
.hyt-page.active {
  display: block;
}

.hyt-table-wrap {
  overflow-x: auto;
  user-select: text;
  -webkit-user-select: text;
}
table.hyt-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}
.hyt-table th,
.hyt-table td {
  border: 1px solid var(--border);
  padding: 8px 10px;
  text-align: left;
}
.hyt-table th {
  background: #fafafa;
}
table.hyt-table td,
table.hyt-table th {
  user-select: text;
  -webkit-user-select: text;
  cursor: text;
}
table.hyt-table input[type='checkbox'],
table.hyt-table button,
table.hyt-table .hyt-btn {
  user-select: none;
  -webkit-user-select: none;
  cursor: default;
}

.hyt-table-copy-menu {
  display: none;
  position: fixed;
  z-index: 12000;
  min-width: 148px;
  padding: 4px 0;
  background: #fff;
  border: 1px solid var(--border, #e8e8e8);
  border-radius: 6px;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);
}
.hyt-table-copy-menu.show {
  display: block;
}
.hyt-table-copy-menu-item {
  display: block;
  width: 100%;
  padding: 8px 14px;
  border: none;
  background: transparent;
  text-align: left;
  font-size: 13px;
  color: #333;
  cursor: pointer;
}
.hyt-table-copy-menu-item:hover,
.hyt-table-copy-menu-item:focus {
  background: #f5f5f5;
  outline: none;
}

.hyt-perm-modal-body {
  max-height: min(60vh, 420px);
  overflow: auto;
  margin: 8px 0 12px;
}
.hyt-perm-group {
  margin-bottom: 12px;
}
.hyt-perm-group-title {
  font-size: 12px;
  font-weight: 600;
  color: var(--muted, #888);
  margin-bottom: 6px;
}
.hyt-perm-check {
  display: block;
  font-size: 13px;
  margin: 4px 0;
  cursor: pointer;
}

.hyt-modal-mask {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.45);
  z-index: 1000;
  align-items: center;
  justify-content: center;
  padding: 24px;
}
.hyt-modal-mask.show {
  display: flex;
}
.hyt-modal-yousu {
  max-width: min(900px, 96vw);
}
.hyt-yousu-pre {
  max-height: min(60vh, 520px);
  overflow: auto;
  white-space: pre-wrap;
  word-break: break-word;
  font-size: 13px;
  line-height: 1.55;
  margin: 0 0 16px;
}
.hyt-btn:disabled,
.hyt-btn.hyt-btn-primary:disabled {
  opacity: 0.45;
  cursor: not-allowed;
  pointer-events: none;
}
.hyt-modal {
  background: #fff;
  border-radius: 8px;
  max-width: 640px;
  width: 100%;
  max-height: 90vh;
  overflow: auto;
  padding: 20px 24px;
  position: relative;
}
.hyt-modal--closable {
  padding-top: 28px;
}
.hyt-modal-close {
  position: absolute;
  top: 8px;
  right: 10px;
  width: 32px;
  height: 32px;
  border: none;
  background: transparent;
  color: #666;
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
  border-radius: 4px;
}
.hyt-modal-close:hover {
  background: #f0f0f0;
  color: #111;
}
.hyt-modal h3 {
  margin: 0 0 16px;
  font-size: 16px;
}
.hyt-form-row {
  margin-bottom: 12px;
}
.hyt-form-row label {
  display: block;
  font-size: 12px;
  color: var(--muted);
  margin-bottom: 4px;
}
.hyt-form-row input,
.hyt-form-row select {
  width: 100%;
  padding: 8px 10px;
  border: 1px solid var(--border);
  border-radius: 4px;
}
.hyt-footnote {
  font-size: 12px;
  color: var(--muted);
  margin-top: 12px;
}
.hyt-print-helper-status {
  display: inline-block;
  margin-left: 10px;
  margin-top: 0;
  vertical-align: middle;
}
.hyt-print-helper--ok {
  color: #1a7f37;
}
.hyt-print-helper--warn {
  color: #b06000;
}

.hyt-toast {
  position: fixed;
  top: 20px;
  right: 20px;
  padding: 10px 16px;
  background: #333;
  color: #fff;
  border-radius: 4px;
  z-index: 2000;
  display: none;
  font-size: 13px;
}
.hyt-toast.show {
  display: block;
}

.hyt-pre {
  background: #f5f5f5;
  padding: 12px;
  border-radius: 4px;
  overflow: auto;
  max-height: 320px;
  font-size: 12px;
  white-space: pre-wrap;
  word-break: break-all;
}

/* 单票下单：寄件蓝条 / 收件橙条 / 物品蓝条 */
.hyt-single-form {
  max-width: 1100px;
  overflow: visible !important;
  min-height: auto !important;
  box-sizing: border-box;
}
#form-single-order {
  overflow: visible !important;
  min-height: auto !important;
  box-sizing: border-box;
}
.hyt-order-section {
  display: flex;
  background: var(--card);
  border-radius: 8px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
  margin-bottom: 16px;
  overflow: visible !important;
  min-height: auto !important;
  box-sizing: border-box;
}
.section-item {
  overflow: visible !important;
  min-height: auto !important;
  box-sizing: border-box;
}
.hyt-order-section__rail {
  width: 4px;
  flex-shrink: 0;
  background: #1890ff;
}
.hyt-order-section--recv .hyt-order-section__rail {
  background: #fa8c16;
}
.hyt-order-section--goods .hyt-order-section__rail {
  background: #10239e;
}
.hyt-order-section__content {
  flex: 1;
  min-width: 0;
  padding: 16px 20px 20px;
}
.hyt-order-section__title {
  margin: 0 0 14px;
  font-size: 15px;
  font-weight: 600;
  color: var(--text);
}
.hyt-order-section__grid {
  display: grid;
  grid-template-columns: 1fr minmax(220px, 300px);
  gap: 20px;
  align-items: start;
}
@media (max-width: 960px) {
  .hyt-order-section__grid {
    grid-template-columns: 1fr;
  }
}
.hyt-order-section__aside {
  background: #fafafa;
  border: 1px solid var(--border);
  border-radius: 6px;
  padding: 12px;
}
.hyt-aside-title {
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 8px;
  color: var(--text);
}
.hyt-aside-ta {
  min-height: 140px;
  margin-bottom: 10px;
}
.hyt-btn-block {
  width: 100%;
  text-align: center;
}
.hyt-form-grid-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
.hyt-form-grid-3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}
@media (max-width: 640px) {
  .hyt-form-grid-2,
  .hyt-form-grid-3 {
    grid-template-columns: 1fr;
  }
}
.hyt-inline-actions {
  display: flex;
  gap: 8px;
  align-items: center;
  flex-wrap: wrap;
}
.hyt-flex-input {
  flex: 1;
  min-width: 140px;
  padding: 8px 10px;
  border: 1px solid var(--border);
  border-radius: 4px;
}
.hyt-toolbar-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin-top: 8px;
  padding-top: 12px;
  border-top: 1px dashed var(--border);
}
.hyt-check-label {
  font-size: 13px;
  color: var(--text);
  display: inline-flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
}
.hyt-goods-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px 32px;
}
@media (max-width: 800px) {
  .hyt-goods-grid {
    grid-template-columns: 1fr;
  }
}
.hyt-single-footer {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 12px;
  padding: 16px 20px;
  background: var(--card);
  border-radius: 8px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
}
.hyt-check-label--agree {
  max-width: 520px;
  line-height: 1.5;
}
.hyt-single-footer__btns {
  display: flex;
  gap: 10px;
  justify-content: flex-end;
  flex-wrap: wrap;
}
.hyt-single-footer__btns .hyt-btn[hidden] {
  display: none !important;
}
.hyt-single-agree {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-size: 13px;
  line-height: 1.5;
  color: var(--text);
  cursor: pointer;
  margin: 0;
}
.hyt-single-agree input {
  margin-top: 3px;
  flex-shrink: 0;
}

/* 单票下单：双列寄/收 + 多列物品区（禁止横向撑出视口） */
#page-single.hyt-page {
  width: 100%;
  max-width: none;
  margin: 0;
  box-sizing: border-box;
}
#page-single.active {
  overflow-x: hidden;
  max-width: none;
  width: 100%;
  margin: 0;
  box-sizing: border-box;
}
.hyt-single-scale-wrap {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  overflow-x: hidden;
}
.hyt-content:has(#page-single.active) {
  padding: 8px 8px 24px;
  overflow-x: hidden;
  max-width: none;
  width: 100%;
  margin: 0;
  box-sizing: border-box;
}
.hyt-parse-details {
  margin: 0;
}
.hyt-parse-details__summary {
  cursor: pointer;
  font-size: 12px;
  font-weight: 600;
  color: var(--text);
  padding: 2px 0 6px;
  list-style: none;
}
.hyt-parse-details__summary::-webkit-details-marker {
  display: none;
}
.hyt-parse-details[open] .hyt-parse-details__summary {
  margin-bottom: 4px;
  border-bottom: 1px dashed var(--border);
  padding-bottom: 6px;
}
.hyt-goods-dense-wrap {
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
/* 物品信息：参考 5+5+底行（运单/外部单号/作业类型） */
.hyt-goods-ref {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: min(1100px, 100%);
}
.hyt-goods-ref__row--5 {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px 10px;
  align-items: end;
}
.hyt-goods-ref__row--tail {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 1.35fr) minmax(72px, 140px);
  gap: 8px 10px;
  align-items: end;
  max-width: 100%;
}
.hyt-goods-ref__row .hyt-form-row {
  margin-bottom: 0;
}
@media (max-width: 1100px) {
  .hyt-goods-ref__row--5 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 720px) {
  .hyt-goods-ref__row--5 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .hyt-goods-ref__row--tail {
    grid-template-columns: 1fr;
  }
}
.hyt-single-footer__note {
  margin: 0;
  max-width: 420px;
}

.hyt-single-form--compact {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6px 10px;
  align-items: start;
}
.hyt-single-form--compact .hyt-order-section--goods,
.hyt-single-form--compact .hyt-single-footer {
  grid-column: 1 / -1;
}
@media (max-width: 1320px) {
  .hyt-single-form--compact {
    grid-template-columns: 1fr;
  }
}
.hyt-single-form--compact .hyt-order-section {
  margin-bottom: 0;
  border-radius: 6px;
  min-width: 0;
  max-width: 100%;
}
.hyt-single-form--compact .hyt-order-section__content {
  padding: 6px 10px 8px;
  min-width: 0;
  max-width: 100%;
}
.hyt-single-form--compact .hyt-order-section__main {
  min-width: 0;
}
.hyt-single-form--compact .hyt-order-section__title {
  font-size: 13px;
  margin: 0 0 6px;
}
.hyt-single-form--compact .hyt-order-section__grid {
  gap: 6px 8px;
  grid-template-columns: minmax(0, 1fr) minmax(100px, 168px);
  max-width: 100%;
}
.hyt-single-form--compact .hyt-order-section__aside {
  padding: 6px;
  min-width: 0;
  max-width: 100%;
}
/* 寄件 / 收件：左约 70% 主表 + 右约 30%（智能解析；寄件侧栏下另有专属业务员） */
.hyt-single-form--compact .hyt-order-section__grid--split-parse {
  grid-template-columns: minmax(0, 2.25fr) minmax(200px, 30%);
  align-items: stretch;
}
.hyt-single-form--compact .hyt-order-section__aside--stack {
  display: flex;
  flex-direction: column;
  gap: 8px;
  background: #fafafa;
  border: 1px solid var(--border);
  border-radius: 6px;
  padding: 8px;
}
.hyt-single-form--compact .hyt-order-section__aside--stack .hyt-parse-details {
  flex: 1;
  min-height: 0;
}
.hyt-single-form--compact .hyt-order-section__aside--recv-only-parse .hyt-parse-details {
  flex: 1;
}
.hyt-single-form--compact .hyt-aside-sales-row {
  margin-bottom: 0;
  flex-shrink: 0;
}
.hyt-single-form--compact .hyt-aside-sales-row input {
  width: 100%;
}
@media (max-width: 1320px) {
  .hyt-single-form--compact .hyt-order-section__grid--split-parse {
    grid-template-columns: minmax(0, 1fr) minmax(100px, 168px);
  }
}
@media (max-width: 960px) {
  .hyt-single-form--compact .hyt-order-section__grid--split-parse {
    grid-template-columns: 1fr;
  }
}
.hyt-single-form--compact .hyt-aside-ta {
  min-height: 52px;
  margin-bottom: 4px;
  padding: 4px 6px;
  font-size: 12px;
  line-height: 1.3;
}
.hyt-single-form--compact .hyt-form-row {
  margin-bottom: 4px;
}
.hyt-single-form--compact .hyt-form-row label {
  margin-bottom: 1px;
  font-size: 11px;
}
.hyt-single-form--compact .hyt-form-row input,
.hyt-single-form--compact .hyt-form-row select {
  padding: 3px 6px;
  font-size: 12px;
}
.hyt-single-form--compact .hyt-form-grid-2,
.hyt-single-form--compact .hyt-form-grid-3 {
  gap: 4px;
}
.hyt-single-form--compact .hyt-toolbar-row {
  margin-top: 2px;
  padding-top: 4px;
  gap: 6px;
}
.hyt-single-form--compact .hyt-toolbar-row .hyt-btn {
  padding: 3px 8px;
  font-size: 12px;
}
.hyt-single-form--compact .hyt-btn-block {
  padding: 4px 10px;
  font-size: 12px;
}
.hyt-single-form--compact .hyt-goods-ref {
  gap: 6px;
}
.hyt-single-form--compact .hyt-goods-ref__row--5 {
  gap: 6px 8px;
}
.hyt-single-form--compact .hyt-goods-ref__row--tail {
  gap: 6px 8px;
}
.hyt-single-form--compact .hyt-goods-ref__job input {
  width: 100%;
}
.hyt-single-form--compact .hyt-single-footer {
  padding: 6px 10px;
  gap: 6px;
  margin-top: 0;
}
.hyt-single-form--compact .hyt-single-footer .hyt-footnote {
  font-size: 11px;
  line-height: 1.3;
  max-width: 100%;
}
.hyt-single-form--compact .hyt-single-footer__btns .hyt-btn {
  padding: 5px 14px;
  font-size: 12px;
}

/* —— 批量导入 —— */
.hyt-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.hyt-link {
  color: var(--primary);
  text-decoration: none;
}
.hyt-link:hover {
  text-decoration: underline;
  color: var(--primary-dark);
}
.hyt-batch-card {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.hyt-batch-toolbar {
  padding-bottom: 4px;
  border-bottom: 1px solid var(--border);
}
.hyt-batch-steps {
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 16px;
  line-height: 1.6;
}
.hyt-batch-steps__gap {
  color: var(--muted);
}
.hyt-batch-salesman-label {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  color: var(--text);
}
.hyt-batch-salesman-select {
  min-width: 140px;
  max-width: 200px;
}
.hyt-batch-td-status {
  white-space: nowrap;
  font-size: 12px;
}
.hyt-batch-td-status .hyt-btn-text {
  margin-left: 4px;
}
.hyt-batch-addrbook {
  margin-left: 4px;
  font-size: 13px;
  color: var(--muted);
}
.hyt-batch-table-wrap {
  overflow-x: auto;
  max-width: 100%;
  border: 1px solid var(--border);
  border-radius: 4px;
  background: var(--card);
  min-height: 200px;
}
.hyt-batch-preview-table {
  min-width: 2400px;
  margin: 0;
}
.hyt-batch-preview-table thead th {
  background: #fafafa;
  white-space: nowrap;
  font-weight: 500;
  font-size: 12px;
}
.hyt-batch-th-op,
.hyt-batch-td-op {
  position: sticky;
  left: 0;
  z-index: 1;
  background: #fafafa;
  box-shadow: 2px 0 4px rgba(0, 0, 0, 0.04);
}
.hyt-batch-preview-table tbody .hyt-batch-td-op {
  background: #fff;
}
.hyt-batch-preview-table tbody td {
  white-space: nowrap;
  max-width: 220px;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 12px;
}
.hyt-batch-empty {
  text-align: center;
  color: var(--muted);
  padding: 48px 16px !important;
  white-space: normal !important;
  max-width: none !important;
}
.hyt-batch-footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  padding-top: 8px;
}
.hyt-batch-agree {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-size: 13px;
  line-height: 1.5;
  color: var(--text);
  max-width: 720px;
  cursor: pointer;
}
.hyt-batch-agree input {
  margin-top: 3px;
  flex-shrink: 0;
}
.hyt-btn-batch-submit {
  min-width: 160px;
  padding: 10px 32px;
  font-size: 15px;
}
.hyt-btn-text {
  padding: 2px 6px;
  font-size: 12px;
  color: var(--primary);
  background: transparent;
  border: none;
  cursor: pointer;
  border-radius: 2px;
}
.hyt-btn-text:hover {
  background: #e6f7ff;
  color: var(--primary-dark);
}

/* 全渠道订单（与批量导入同表头） */
.hyt-omni-card .hyt-omni-toolbar {
  margin-bottom: 12px;
}
.hyt-omni-title {
  margin: 0 0 8px;
}
.hyt-omni-desc {
  margin: 0 0 12px;
  font-size: 13px;
  color: var(--muted);
  line-height: 1.5;
  max-width: 900px;
}
.hyt-omni-filters {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px 20px;
  margin-bottom: 12px;
  max-width: 960px;
}
@media (min-width: 720px) {
  .hyt-omni-filters {
    grid-template-columns: 1fr 1fr;
  }
}
.hyt-omni-filter-item {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.hyt-omni-filter-label {
  font-size: 12px;
  color: var(--muted);
}
.hyt-omni-textarea {
  min-height: 52px;
  font-size: 13px;
}
.hyt-omni-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 8px;
}
.hyt-cod-only-label {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 14px;
  font-size: 13px;
  cursor: pointer;
  max-width: 960px;
}
.hyt-cod-card .hyt-card-title {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 8px;
}

/* 基础资料 · 地址簿 */
.hyt-base-intro {
  margin: 0;
  color: var(--muted);
  line-height: 1.6;
}
.hyt-addrbook-card .hyt-addrbook-main-title {
  margin-bottom: 12px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--border);
}
.hyt-addrbook-toolbar {
  margin-bottom: 12px;
}
.hyt-addrbook-toolbar__row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}
.hyt-addrbook-keyword {
  flex: 1 1 240px;
  min-width: 200px;
  max-width: 480px;
}
.hyt-addrbook-select {
  width: auto;
  min-width: 100px;
  max-width: 140px;
}
.hyt-addrbook-toolbar__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.hyt-link-btn {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
}
.hyt-addrbook-import-hint {
  margin: 10px 0 0;
  font-size: 13px;
  line-height: 1.65;
  color: var(--muted);
}
.hyt-addrbook-table-wrap {
  border: 1px solid var(--border);
  border-radius: 4px;
  overflow-x: auto;
}
.hyt-addrbook-table thead th {
  background: #e6f7ff;
  color: var(--primary-dark);
  font-weight: 600;
  font-size: 13px;
  white-space: nowrap;
}
.hyt-addrbook-th-check {
  width: 44px;
  text-align: center;
}
.hyt-addrbook-th-op {
  min-width: 200px;
}
.hyt-addrbook-tr--default {
  background: #f0f9ff;
}
.hyt-addrbook-contact {
  white-space: nowrap;
}
.hyt-addrbook-name {
  font-weight: 500;
}
.hyt-addrbook-phone-muted {
  font-size: 12px;
  color: var(--muted);
}
.hyt-addrbook-addr {
  max-width: 360px;
  font-size: 13px;
  line-height: 1.45;
  word-break: break-all;
}
.hyt-addrbook-ops {
  white-space: nowrap;
}
.hyt-linklike {
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  color: var(--primary);
  font-size: 13px;
  text-decoration: none;
}
.hyt-linklike:hover {
  text-decoration: underline;
}
.hyt-linklike--warn {
  color: #fa8c16;
}
.hyt-addrbook-table-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 20px;
  padding: 10px 0 6px;
  border-bottom: 1px solid var(--border);
  margin-bottom: 8px;
}
.hyt-addrbook-select-all {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  cursor: pointer;
}
.hyt-addrbook-footer-hint {
  flex: 1;
  font-size: 12px;
  color: var(--muted);
}
.hyt-addrbook-pagination {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding-top: 4px;
}
.hyt-addrbook-dblhint {
  font-size: 12px;
  color: var(--muted);
}
.hyt-addrbook-page-controls {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  font-size: 13px;
}
.hyt-addrbook-pagesize {
  width: auto;
  min-width: 96px;
}
.hyt-btn-icon {
  min-width: 32px;
  padding: 4px 10px;
  font-size: 16px;
  line-height: 1;
}
.hyt-addrbook-page-num {
  min-width: 28px;
  text-align: center;
  color: var(--primary);
  font-weight: 600;
}
.hyt-addrbook-jump-input {
  width: 52px;
  text-align: center;
}
.hyt-addrbook-empty {
  text-align: center;
  color: var(--muted);
  padding: 36px 16px !important;
}
.hyt-modal-addrbook {
  max-width: 920px;
  width: calc(100vw - 32px);
}
.hyt-modal-addrbook-pick {
  max-width: 760px;
  width: calc(100vw - 32px);
}
.hyt-addrbook-pick-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 12px;
}
.hyt-addrbook-pick-keyword {
  flex: 1 1 220px;
  min-width: 180px;
}
.hyt-addrbook-pick-table-wrap {
  max-height: min(52vh, 420px);
  overflow: auto;
  border: 1px solid var(--border);
  border-radius: 6px;
}
.hyt-addrbook-pick-table tbody tr {
  cursor: pointer;
}
.hyt-addrbook-pick-table tbody tr:hover {
  background: rgba(37, 99, 235, 0.06);
}
.hyt-addrbook-pick-th-op {
  width: 72px;
  white-space: nowrap;
}
.hyt-addrbook-pick-hint {
  margin: 10px 0 0;
}
.hyt-addrbook-pick-empty {
  text-align: center;
  color: var(--muted);
  padding: 28px 12px !important;
}
.hyt-addrbook-form-split {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 320px);
  gap: 20px;
  align-items: stretch;
}
@media (max-width: 768px) {
  .hyt-addrbook-form-split {
    grid-template-columns: 1fr;
  }
}
.hyt-addrbook-form-main {
  min-width: 0;
}
.hyt-addrbook-form-aside .hyt-target-smart-ta {
  min-height: 140px;
  resize: vertical;
}
.hyt-addrbook-form-actions {
  margin-top: 16px;
  padding-top: 12px;
  border-top: 1px solid var(--border);
}

/* ========== 单票下单冻结版式 .hyt-single-form--frozen（与 index 注释一致，勿随意改） ========== */
.hyt-single-form--frozen {
  max-width: 1180px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.hyt-req {
  color: #ff4d4f;
  margin-right: 2px;
}
.hyt-check-label--muted {
  font-size: 12px;
  color: var(--muted);
  white-space: nowrap;
}
.hyt-btn-outline {
  background: #fff;
  border: 1px solid var(--primary);
  color: var(--primary);
  flex-shrink: 0;
  padding: 6px 14px;
  font-size: 13px;
  border-radius: 4px;
  cursor: pointer;
}
.hyt-btn-outline:hover {
  border-color: var(--primary-dark);
  color: var(--primary-dark);
}
.hyt-frozen-name-line {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 10px;
  width: 100%;
}
.hyt-frozen-grow {
  flex: 1;
  min-width: 140px;
}
.hyt-frozen-phone-pair {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  width: 100%;
}
.hyt-frozen-phone-cell {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.hyt-frozen-sub {
  font-size: 11px;
  color: var(--muted);
}
.hyt-frozen-pcd {
  width: 100%;
}
.hyt-frozen-pcd input {
  width: 100%;
}
.hyt-frozen-pcd-single {
  width: 100%;
  box-sizing: border-box;
}
.hyt-frozen-parse-aside {
  display: flex;
  flex-direction: column;
  background: #fafafa;
  border: 1px solid var(--border);
  border-radius: 6px;
  padding: 12px;
  min-height: 240px;
}
.hyt-frozen-parse-title {
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 8px;
  color: var(--text);
}
.hyt-frozen-parse-ta {
  flex: 1;
  min-height: 140px;
  margin-bottom: 10px;
  width: 100%;
  resize: vertical;
  box-sizing: border-box;
}
.hyt-frozen-parse-actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin-top: auto;
}
.hyt-frozen-goods-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px 36px;
  align-items: start;
}
@media (max-width: 900px) {
  .hyt-frozen-goods-grid {
    grid-template-columns: 1fr;
  }
}
.hyt-frozen-goods-col .hyt-form-row {
  margin-bottom: 10px;
}
.hyt-frozen-inline-save {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 12px;
  width: 100%;
}
.hyt-frozen-wv {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  width: 100%;
}
.hyt-frozen-wv input {
  flex: 1;
  min-width: 100px;
}
.hyt-frozen-checkbox-row {
  padding-top: 6px;
}
.hyt-single-form--frozen .hyt-order-section {
  margin-bottom: 0;
}
.hyt-single-form--frozen .hyt-order-section__content {
  padding: 16px 20px 20px;
}
.hyt-single-form--frozen .hyt-order-section__title {
  font-size: 16px;
  margin: 0 0 14px;
}
.hyt-single-form--frozen .hyt-order-section__grid--split-parse {
  grid-template-columns: minmax(0, 1fr) minmax(260px, 340px);
  gap: 20px;
  align-items: stretch;
}
.hyt-single-form--frozen .hyt-form-row label {
  font-size: 13px;
}
.hyt-single-form--frozen .hyt-form-row input,
.hyt-single-form--frozen .hyt-form-row select {
  padding: 8px 10px;
  font-size: 13px;
}
@media (max-width: 960px) {
  .hyt-single-form--frozen .hyt-order-section__grid--split-parse {
    grid-template-columns: 1fr;
  }
  .hyt-frozen-phone-pair {
    grid-template-columns: 1fr;
  }
}

/* ========== 单票目标版面 .hyt-single-form--target ========== */
.hyt-single-form--target .hyt-order-section {
  margin-bottom: 0;
}
.hyt-single-form--target .hyt-order-section__content {
  padding: 16px 20px 20px;
}
.hyt-single-form--target .hyt-order-section__title {
  font-size: 16px;
  margin: 0 0 14px;
}
.hyt-target-split {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 340px);
  gap: 20px;
  align-items: stretch;
}
@media (max-width: 960px) {
  .hyt-target-split {
    grid-template-columns: 1fr;
  }
  .hyt-target-phone-row {
    grid-template-columns: 1fr;
  }
}
.hyt-target-main {
  min-width: 0;
}
.hyt-target-field {
  margin-bottom: 14px;
}
.hyt-target-field:last-child {
  margin-bottom: 0;
}
.hyt-target-field--2col {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px 20px;
}
@media (max-width: 640px) {
  .hyt-target-field--2col {
    grid-template-columns: 1fr;
  }
}
.hyt-target-label {
  display: block;
  font-size: 13px;
  font-weight: 500;
  margin-bottom: 6px;
  color: var(--text);
}
.hyt-target-input {
  width: 100%;
  box-sizing: border-box;
  padding: 8px 10px;
  font-size: 13px;
  border: 1px solid var(--border);
  border-radius: 4px;
  background: #fff;
}
.hyt-target-input:focus {
  outline: none;
  border-color: var(--primary);
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.15);
}
.hyt-target-input--grow {
  flex: 1;
  min-width: 120px;
}
.hyt-target-name-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 10px;
  width: 100%;
}
.hyt-target-phone-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  width: 100%;
}
.hyt-target-phone-cell {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}
.hyt-target-phone-cell .hyt-target-input,
.hyt-target-phone-cell input {
  width: 100%;
  box-sizing: border-box;
  padding: 8px 10px;
  font-size: 13px;
  border: 1px solid var(--border);
  border-radius: 4px;
}
.hyt-target-hint {
  font-size: 11px;
  color: var(--muted);
}
.hyt-check-label--compact {
  font-size: 12px;
  color: var(--muted);
  white-space: nowrap;
}
.hyt-field-error {
  margin: 4px 0 0;
  font-size: 12px;
  color: #ff4d4f;
  line-height: 1.4;
}
.hyt-target-aside {
  min-width: 0;
}
.hyt-target-aside-inner {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 280px;
  background: #fafafa;
  border: 1px solid var(--border);
  border-radius: 6px;
  padding: 12px;
  box-sizing: border-box;
}
.hyt-target-aside-title {
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 8px;
  color: var(--text);
}
.hyt-target-smart-ta {
  flex: 1;
  min-height: 200px;
  width: 100%;
  box-sizing: border-box;
  resize: vertical;
  padding: 10px;
  font-size: 13px;
  line-height: 1.5;
  border: 1px solid var(--border);
  border-radius: 4px;
  font-family: inherit;
}
.hyt-target-aside-actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 10px;
  flex-shrink: 0;
}
.hyt-target-inline-checks {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 14px;
  width: 100%;
}
.hyt-target-wv {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  width: 100%;
}
.hyt-target-wv .hyt-target-input {
  flex: 1;
  min-width: 100px;
}
.hyt-target-goods-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px 36px;
  align-items: start;
}
@media (max-width: 900px) {
  .hyt-target-goods-grid {
    grid-template-columns: 1fr;
  }
}
.hyt-target-goods-col .hyt-target-field,
.hyt-target-goods-cell .hyt-target-field {
  margin-bottom: 12px;
}
.hyt-target-goods-grid--inline {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  column-gap: 24px;
  row-gap: 12px;
  align-items: start;
}
.hyt-target-goods-cell {
  min-width: 0;
}
.hyt-target-goods-cell--empty {
  pointer-events: none;
}
.hyt-target-goods-cell--stack {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
}
.hyt-target-goods-cell--stack > .hyt-target-field--inline {
  margin-bottom: 0;
}
@media (max-width: 900px) {
  .hyt-target-goods-grid--inline .hyt-target-goods-cell--empty {
    display: none;
  }
}

/* ========== 单票：标签左侧同行 + 紧凑间距（20260403-inline，见 *.bak.20260403-inline 回滚） ========== */
#form-single-order.hyt-single-form--target .hyt-order-section__content {
  padding: 10px 16px 12px;
}
#form-single-order.hyt-single-form--target .hyt-order-section__title {
  margin: 0 0 8px;
  font-size: 15px;
}
#form-single-order.hyt-single-form--target .hyt-target-split {
  gap: 12px;
  align-items: stretch;
}
#form-single-order.hyt-single-form--target .hyt-target-main .hyt-target-field--inline {
  display: grid;
  grid-template-columns: minmax(118px, 32%) 1fr;
  gap: 4px 10px;
  align-items: start;
  margin-bottom: 6px;
}
#form-single-order.hyt-single-form--target .hyt-target-goods-grid--inline .hyt-target-goods-cell .hyt-target-field--inline {
  display: grid;
  grid-template-columns: minmax(92px, 36%) 1fr;
  gap: 4px 10px;
  align-items: start;
  margin-bottom: 6px;
}
#form-single-order.hyt-single-form--target .hyt-target-field--inline > .hyt-target-label,
#form-single-order.hyt-single-form--target .hyt-target-field--inline > .hyt-target-label--mark {
  display: block;
  margin: 0;
  padding-top: 6px;
  text-align: right;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.35;
  color: var(--text);
  word-break: break-word;
}
#form-single-order.hyt-single-form--target .hyt-target-field--phone > .hyt-target-label--mark {
  padding-top: 6px;
}
#form-single-order.hyt-single-form--target .hyt-target-control-wrap {
  min-width: 0;
}
#form-single-order.hyt-single-form--target .hyt-target-field--inline .hyt-field-error {
  margin: 2px 0 0;
}
#form-single-order.hyt-single-form--target .hyt-target-name-row {
  gap: 6px 8px;
}
#form-single-order.hyt-single-form--target .hyt-target-phone-inline {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 12px;
  width: 100%;
}
#form-single-order.hyt-single-form--target .hyt-target-phone-inline__cell {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  flex: 1;
  min-width: 0;
}
#form-single-order.hyt-single-form--target .hyt-target-sublabel {
  flex: 0 0 auto;
  width: 40px;
  text-align: right;
  font-size: 13px;
  font-weight: normal;
  color: var(--text);
  line-height: 1.2;
}
#form-single-order.hyt-single-form--target .hyt-target-sublabel--narrow {
  width: 28px;
  color: var(--muted);
  font-size: 12px;
}
#form-single-order.hyt-single-form--target .hyt-target-phone-inline__cell .hyt-target-input {
  flex: 1;
  min-width: 0;
}
#form-single-order.hyt-single-form--target .hyt-target-wv--inline {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 8px;
  width: 100%;
}
#form-single-order.hyt-single-form--target .hyt-target-wv--inline .hyt-target-input {
  flex: 1;
  min-width: 72px;
  max-width: 160px;
}
#form-single-order.hyt-single-form--target .hyt-target-inline-checks {
  gap: 6px 10px;
}
#form-single-order.hyt-single-form--target .hyt-target-aside-inner {
  min-height: 200px;
  padding: 8px 10px;
}
#form-single-order.hyt-single-form--target .hyt-target-aside-title {
  margin-bottom: 6px;
}
#form-single-order.hyt-single-form--target .hyt-target-smart-ta {
  min-height: 140px;
  padding: 8px;
}
#form-single-order.hyt-single-form--target .hyt-target-aside-actions {
  margin-top: auto;
  padding-top: 10px;
  gap: 6px;
}
#form-single-order.hyt-single-form--target .hyt-target-aside-actions .hyt-btn {
  padding: 5px 12px;
  font-size: 13px;
}
#form-single-order.hyt-single-form--target .hyt-single-footer {
  padding: 10px 0 8px;
  margin-top: 4px;
}
#form-single-order.hyt-single-form--target .hyt-single-footer__note {
  margin: 0 0 8px;
  font-size: 12px;
}
#form-single-order.hyt-single-form--target .hyt-single-footer__btns {
  gap: 8px;
}
#form-single-order.hyt-single-form--target .hyt-single-agree {
  font-size: 12px;
}
@media (max-width: 960px) {
  #form-single-order.hyt-single-form--target .hyt-target-main .hyt-target-field--inline,
  #form-single-order.hyt-single-form--target .hyt-target-goods-grid--inline .hyt-target-goods-cell .hyt-target-field--inline {
    grid-template-columns: minmax(88px, 38%) 1fr;
  }
}
@media (max-width: 640px) {
  #form-single-order.hyt-single-form--target .hyt-target-main .hyt-target-field--inline,
  #form-single-order.hyt-single-form--target .hyt-target-goods-grid--inline .hyt-target-goods-cell .hyt-target-field--inline {
    grid-template-columns: 1fr;
  }
  #form-single-order.hyt-single-form--target .hyt-target-field--inline > .hyt-target-label,
  #form-single-order.hyt-single-form--target .hyt-target-field--inline > .hyt-target-label--mark {
    text-align: left;
    padding-top: 0;
    padding-bottom: 2px;
  }
  #form-single-order.hyt-single-form--target .hyt-target-field--phone > .hyt-target-label--mark {
    padding-top: 0;
  }
}

/* ========== 单票细节调整 20260403-adjust（回滚：*.bak.20260403-adjust） ========== */
#form-single-order.hyt-single-form--target {
  --hyt-single-label-col: 140px;
}
#form-single-order.hyt-single-form--target .hyt-target-main .hyt-target-field--inline {
  grid-template-columns: var(--hyt-single-label-col) minmax(0, 1fr);
}
#form-single-order.hyt-single-form--target .hyt-target-goods-grid--inline .hyt-target-goods-cell .hyt-target-field--inline {
  grid-template-columns: var(--hyt-single-label-col) minmax(0, 1fr);
}
#form-single-order.hyt-single-form--target .hyt-target-control-wrap {
  width: 100%;
  max-width: 100%;
  align-self: stretch;
}
#form-single-order.hyt-single-form--target .hyt-target-name-row,
#form-single-order.hyt-single-form--target .hyt-target-inline-checks--goods-name {
  width: 100%;
  justify-content: flex-start;
}
#form-single-order.hyt-single-form--target .hyt-target-inline-checks--goods-name .hyt-target-input--grow {
  flex: 1 1 auto;
  min-width: 120px;
}
#form-single-order.hyt-single-form--target .hyt-target-check-group {
  display: inline-flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
}
#form-single-order.hyt-single-form--target .hyt-target-label--spacer {
  visibility: hidden;
  padding-top: 6px;
  min-height: 1.2em;
}
#form-single-order.hyt-single-form--target .hyt-target-label--spacer::before {
  content: '\00a0';
}
#form-single-order.hyt-single-form--target .hyt-target-dual-company-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 20px;
  width: 100%;
  justify-content: flex-start;
}
#form-single-order.hyt-single-form--target .hyt-target-inline-pair {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  flex: 1 1 220px;
  min-width: 0;
  justify-content: flex-start;
}
#form-single-order.hyt-single-form--target .hyt-target-sublabel--field {
  flex: 0 0 auto;
  width: 5.5em;
  min-width: 5.5em;
  text-align: right;
  font-size: 13px;
  font-weight: normal;
  color: var(--text);
  line-height: 1.2;
}
#form-single-order.hyt-single-form--target .hyt-target-sublabel--field.hyt-target-sublabel--pack {
  width: auto;
  min-width: 4em;
  margin-left: 2px;
}
#form-single-order.hyt-single-form--target .hyt-target-input--flex {
  flex: 1 1 0;
  min-width: 0;
  width: auto;
}
#form-single-order.hyt-single-form--target .hyt-target-qty-pack-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 10px;
  width: 100%;
  justify-content: flex-start;
}
#form-single-order.hyt-single-form--target .hyt-target-input--qty {
  width: 64px;
  flex: 0 0 64px;
  max-width: 72px;
  box-sizing: border-box;
}
#form-single-order.hyt-single-form--target .hyt-target-input--pack-select {
  flex: 1 1 120px;
  min-width: 96px;
  max-width: 200px;
  box-sizing: border-box;
}
@media (max-width: 960px) {
  #form-single-order.hyt-single-form--target .hyt-target-main .hyt-target-field--inline,
  #form-single-order.hyt-single-form--target .hyt-target-goods-grid--inline .hyt-target-goods-cell .hyt-target-field--inline {
    grid-template-columns: minmax(100px, 32%) minmax(0, 1fr);
  }
}
@media (max-width: 640px) {
  #form-single-order.hyt-single-form--target .hyt-target-field--dual-company .hyt-target-label--spacer {
    display: none;
  }
  #form-single-order.hyt-single-form--target .hyt-target-field--dual-company {
    display: block;
  }
  #form-single-order.hyt-single-form--target .hyt-target-field--dual-company .hyt-target-control-wrap {
    width: 100%;
  }
  #form-single-order.hyt-single-form--target .hyt-target-check-group {
    flex-wrap: wrap;
  }
}

/* ========== 单票效果图对齐 20260403-final（回滚：*.bak.20260403-final） ========== */
#form-single-order.hyt-single-form--target {
  --hyt-final-label-col: 100px;
  --hyt-final-grid-gap-x: 10px;
}
#form-single-order.hyt-single-form--target .hyt-target-main .hyt-target-field--inline,
#form-single-order.hyt-single-form--target .hyt-target-goods-grid--inline .hyt-target-goods-cell .hyt-target-field--inline {
  grid-template-columns: var(--hyt-final-label-col) minmax(0, 1fr);
  column-gap: var(--hyt-final-grid-gap-x);
  row-gap: 0;
  align-items: center;
}
#form-single-order.hyt-single-form--target .hyt-target-field--inline > .hyt-target-label {
  text-align: left;
  justify-self: start;
  padding-top: 0;
  margin: 0;
  font-size: 13px;
  line-height: 1.35;
}
#form-single-order.hyt-single-form--target .hyt-target-control-wrap {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  min-height: 32px;
}
#form-single-order.hyt-single-form--target .hyt-target-control-wrap--align {
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  align-content: center;
}
#form-single-order.hyt-single-form--target .hyt-target-input--full {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}
#form-single-order.hyt-single-form--target .hyt-target-name-row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 8px;
  width: 100%;
  justify-content: flex-start;
}
#form-single-order.hyt-single-form--target .hyt-target-name-row .hyt-target-input--grow {
  flex: 1 1 200px;
  min-width: 160px;
  width: auto;
  max-width: none;
}
#form-single-order.hyt-single-form--target .hyt-target-phone-stack {
  margin-bottom: 6px;
}
#form-single-order.hyt-single-form--target .hyt-target-phone-stack .hyt-target-field--phone-line {
  margin-bottom: 4px;
}
#form-single-order.hyt-single-form--target .hyt-target-phone-stack .hyt-target-field--phone-line:last-of-type {
  margin-bottom: 0;
}
#form-single-order.hyt-single-form--target .hyt-target-phone-stack__err {
  padding-left: calc(var(--hyt-final-label-col) + var(--hyt-final-grid-gap-x));
  margin-top: 2px;
  margin-bottom: 2px;
}
#form-single-order.hyt-single-form--target .hyt-target-phone-stack__err .hyt-field-error {
  margin: 0;
}
#form-single-order.hyt-single-form--target .hyt-target-split {
  align-items: stretch;
}
#form-single-order.hyt-single-form--target .hyt-target-main {
  display: flex;
  flex-direction: column;
}
#form-single-order.hyt-single-form--target .hyt-target-aside {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
#form-single-order.hyt-single-form--target .hyt-target-aside-inner {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  min-height: 100%;
  box-sizing: border-box;
}
#form-single-order.hyt-single-form--target .hyt-target-smart-ta {
  flex: 1 1 auto;
  min-height: 180px;
  white-space: pre;
  overflow-x: auto;
  overflow-y: auto;
  word-wrap: normal;
  overflow-wrap: normal;
}
#form-single-order.hyt-single-form--target .hyt-target-goods-grid--inline {
  column-gap: 24px;
  row-gap: 12px;
  align-items: start;
}
#form-single-order.hyt-single-form--target .hyt-target-goods-cell .hyt-target-field--inline {
  margin-bottom: 8px;
}
#form-single-order.hyt-single-form--target .hyt-target-goods-cell .hyt-target-field--inline:last-child {
  margin-bottom: 0;
}
#form-single-order.hyt-single-form--target .hyt-target-control-wrap > .hyt-target-input,
#form-single-order.hyt-single-form--target .hyt-target-control-wrap > select.hyt-target-input {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}
#form-single-order.hyt-single-form--target .hyt-target-inline-checks--goods-name {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  gap: 8px 12px;
  width: 100%;
  justify-content: flex-start;
}
#form-single-order.hyt-single-form--target .hyt-target-inline-checks--goods-name .hyt-target-input--grow {
  flex: 1 1 auto;
  min-width: 200px;
  width: auto;
  max-width: none;
}
#form-single-order.hyt-single-form--target .hyt-target-goods-cell .hyt-target-inline-checks--goods-name {
  flex-wrap: wrap;
  align-items: center;
}
#form-single-order.hyt-single-form--target .hyt-target-goods-cell .hyt-target-inline-checks--goods-name .hyt-target-input--grow {
  min-width: min(100%, 120px);
  flex: 1 1 140px;
}
#form-single-order.hyt-single-form--target .hyt-target-goods-cell .hyt-target-check-group {
  flex-shrink: 1;
  white-space: normal;
  flex-wrap: wrap;
  gap: 6px 12px;
}
#form-single-order.hyt-single-form--target .hyt-target-check-group {
  flex-shrink: 0;
  white-space: nowrap;
}
#form-single-order.hyt-single-form--target .hyt-target-qty-pack-row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 10px;
  width: 100%;
  justify-content: flex-start;
}
#form-single-order.hyt-single-form--target .hyt-target-wv--inline {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr) 28px minmax(0, 1fr);
  gap: 6px 8px;
  align-items: center;
  width: 100%;
}
#form-single-order.hyt-single-form--target .hyt-target-wv--inline .hyt-target-input {
  min-width: 0;
  width: 100%;
  max-width: none;
}
#form-single-order.hyt-single-form--target .hyt-target-sublabel--narrow {
  text-align: left;
  justify-self: start;
}
@media (max-width: 900px) {
  #form-single-order.hyt-single-form--target .hyt-target-inline-checks--goods-name {
    flex-wrap: wrap;
  }
  #form-single-order.hyt-single-form--target .hyt-target-check-group {
    white-space: normal;
  }
}
@media (max-width: 640px) {
  #form-single-order.hyt-single-form--target .hyt-target-phone-stack__err {
    padding-left: 0;
  }
}
#form-single-order.hyt-single-form--target .hyt-target-dual-company-row--final {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto minmax(0, 1fr);
  gap: 6px 12px;
  align-items: center;
  width: 100%;
  justify-content: flex-start;
}
#form-single-order.hyt-single-form--target .hyt-target-input--company {
  min-width: 0;
  width: 100%;
  box-sizing: border-box;
}
@media (max-width: 640px) {
  #form-single-order.hyt-single-form--target .hyt-target-dual-company-row--final {
    grid-template-columns: 1fr;
  }
  #form-single-order.hyt-single-form--target .hyt-target-dual-company-row--final .hyt-target-sublabel--field {
    margin-top: 4px;
  }
}

/* 单票下单：姓名/电话联想带出地址 */
.hyt-target-control-wrap--lookup {
  position: relative;
}
.hyt-contact-suggest {
  position: absolute;
  z-index: 60;
  left: 0;
  right: 0;
  top: calc(100% + 2px);
  max-height: 220px;
  overflow-y: auto;
  background: #fff;
  border: 1px solid #d9dee8;
  border-radius: 6px;
  box-shadow: 0 6px 18px rgba(15, 23, 42, 0.12);
}
.hyt-contact-suggest-item {
  display: block;
  width: 100%;
  padding: 8px 10px;
  font-size: 13px;
  line-height: 1.45;
  text-align: left;
  color: #1f2937;
  background: transparent;
  border: 0;
  border-bottom: 1px solid #f1f5f9;
  cursor: pointer;
}
.hyt-contact-suggest-item:last-child {
  border-bottom: 0;
}
.hyt-contact-suggest-item:hover,
.hyt-contact-suggest-item:focus {
  background: #eff6ff;
  outline: none;
}

/* ========== 单票主容器 / 手机固话同行 / form-control（20260403orderwrap，回滚：*.final-bak） ========== */
.order-main-container {
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 16px 16px 48px;
  box-sizing: border-box;
  overflow: visible !important;
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-height: calc(100vh - 88px);
}
#page-single .section-item {
  flex: 1 1 0;
  width: 100%;
  background: #fff;
  border-radius: 8px;
  padding: 16px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  min-height: auto !important;
  overflow: visible !important;
}
#page-single .order-main-container > .hyt-single-scale-wrap {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  min-height: auto !important;
  overflow: visible !important;
}
#page-single .order-main-container #form-single-order {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  gap: 0;
  min-height: auto !important;
  overflow: visible !important;
}
#page-single .order-main-container .hyt-order-section {
  display: flex;
  flex: 1 1 0;
  min-height: auto !important;
  min-width: 0;
  overflow: visible !important;
}
#page-single .order-main-container .hyt-order-section__content.section-item {
  flex: 1 1 auto;
}
#page-single .order-main-container .hyt-target-split {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  gap: 16px;
  flex: 1 1 auto;
  min-height: auto !important;
  overflow: visible !important;
}
#page-single .order-main-container .hyt-target-main {
  flex: 7 1 0;
  min-width: 0;
}
#page-single .order-main-container .smart-input {
  flex: 3 1 0;
  width: auto !important;
  min-width: 0;
  max-width: none;
  box-sizing: border-box;
}
#page-single .order-main-container .form-control.hyt-target-input,
#page-single .order-main-container .form-control.hyt-target-smart-ta,
#page-single .order-main-container select.form-control.hyt-target-input {
  width: 100% !important;
  box-sizing: border-box;
}
#page-single .order-main-container input.form-control.hyt-target-input,
#page-single .order-main-container select.form-control.hyt-target-input {
  min-height: 42px;
  font-size: 15px;
  line-height: 1.45;
  padding: 10px 12px;
}
#page-single .order-main-container .form-control.hyt-target-input--qty {
  width: 64px !important;
  max-width: 72px;
}
#page-single .order-main-container .form-control.hyt-btn {
  width: auto !important;
  min-width: auto;
}
#form-single-order.hyt-single-form--target .hyt-target-phone-pair-row {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto minmax(0, 1fr);
  gap: 6px 12px;
  align-items: center;
  width: 100%;
}
#form-single-order.hyt-single-form--target .hyt-target-input--phone-half {
  min-width: 0;
  width: 100%;
  box-sizing: border-box;
}
@media (max-width: 960px) {
  #page-single .order-main-container {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 12px 12px 40px !important;
  }
  #page-single .order-main-container .hyt-target-split {
    flex-direction: column;
  }
  #page-single .order-main-container .smart-input {
    width: 100% !important;
  }
  #form-single-order.hyt-single-form--target .hyt-target-phone-pair-row {
    grid-template-columns: 1fr;
  }
}

/* ========== 单票满屏 + 加大字号/输入框（不整体 zoom） ========== */
#page-single .order-main-container .hyt-single-scale-wrap,
#page-single .order-main-container #form-single-order.hyt-single-form {
  max-width: none !important;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  box-sizing: border-box;
}
#page-single .order-main-container .hyt-order-section {
  overflow: visible !important;
}
#page-single .order-main-container .hyt-order-section__content.section-item {
  overflow: visible !important;
  min-height: auto !important;
  padding-bottom: 28px;
}
#page-single .order-main-container .hyt-single-scale-wrap {
  overflow-x: visible;
  overflow-y: visible;
}
#page-single .order-main-container .hyt-target-main {
  overflow: visible;
}
#page-single .order-main-container .hyt-target-control-wrap {
  overflow: visible;
}
#page-single .order-main-container input.form-control[name='sendAddr'],
#page-single .order-main-container input.form-control[name='recvAddr'] {
  width: 100% !important;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
  overflow: visible;
  white-space: pre-wrap;
}
#page-single .order-main-container .hyt-target-field--inline:has(input[name='remark']) {
  margin-bottom: 24px;
  overflow: visible !important;
  max-height: none !important;
}
#page-single .order-main-container .hyt-target-goods-grid--inline {
  padding-bottom: 20px;
}
#page-single .order-main-container .hyt-single-footer {
  margin-top: 12px;
  margin-bottom: 8px;
}

#page-single .order-main-container {
  max-width: none;
  width: 100%;
  margin: 0;
  padding: 8px 8px 36px;
}
#page-single .hyt-single-form,
#form-single-order.hyt-single-form--target {
  font-size: 16px;
  max-width: none !important;
  width: 100%;
  margin: 0;
  --hyt-final-label-col: 112px;
  --hyt-single-label-col: 112px;
}
#page-single .hyt-target-split {
  grid-template-columns: minmax(0, 1fr) minmax(300px, 380px);
  gap: 16px 20px;
}
#page-single .hyt-order-section__title {
  font-size: 19px !important;
  font-weight: 600;
  margin-bottom: 14px !important;
}
#page-single .hyt-target-field--inline > .hyt-target-label,
#page-single .hyt-target-field--inline > .hyt-target-label--mark,
#page-single .hyt-target-sublabel--field {
  font-size: 16px !important;
}
#page-single textarea.form-control.hyt-target-smart-ta {
  min-height: 100px;
  font-size: 16px;
  line-height: 1.5;
  padding: 10px 12px;
}
#page-single .hyt-target-aside-title {
  font-size: 16px;
  font-weight: 600;
}
#page-single .form-control.hyt-btn,
#page-single .hyt-single-footer .form-control.hyt-btn {
  min-height: 42px;
  font-size: 16px;
  padding: 8px 18px;
}
#page-single .hyt-check-label,
#page-single .hyt-check-label--compact {
  font-size: 15px;
}
#page-single .hyt-target-control-wrap {
  min-height: 44px;
}
#page-single .order-main-container input.form-control.hyt-target-input,
#page-single .order-main-container select.form-control.hyt-target-input {
  min-height: 44px;
  font-size: 16px;
  line-height: 1.45;
  padding: 10px 14px;
}
#page-single .hyt-field-error {
  font-size: 14px;
}
#page-single .hyt-single-footer__note {
  font-size: 14px;
}
#page-single .hyt-order-section__content.section-item {
  padding: 14px 16px 18px;
}

/* 运费查询页：UOP 工具分组标签 */
.hyt-freight-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 12px 0 16px;
}
.hyt-freight-tab {
  padding: 6px 12px;
  border: 1px solid var(--border);
  border-radius: 6px;
  background: #fafafa;
  cursor: pointer;
  font: inherit;
  font-size: 13px;
  color: var(--text);
}
.hyt-freight-tab:hover {
  border-color: var(--primary);
  color: var(--primary);
}
.hyt-freight-tab.active {
  border-color: var(--primary);
  background: #e6f7ff;
  color: var(--primary);
  font-weight: 500;
}
.hyt-freight-panel:not(.active) {
  display: none;
}
.hyt-freight-panel-title {
  margin: 0 0 10px;
  font-size: 15px;
  font-weight: 600;
  color: var(--text);
}

/* 查物流 · 运单查询 */
.hyt-trace-card {
  padding-bottom: 8px;
}
.hyt-trace-split {
  display: grid;
  grid-template-columns: minmax(200px, 280px) minmax(0, 1fr);
  gap: 20px 24px;
  align-items: start;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--border);
}
@media (max-width: 900px) {
  .hyt-trace-split {
    grid-template-columns: 1fr;
  }
}
.hyt-trace-panel-title {
  margin: 0 0 6px;
  font-size: 16px;
  font-weight: 600;
  color: var(--text);
}
.hyt-trace-query-hint {
  margin: 0 0 10px;
}
.hyt-trace-query-ta {
  width: 100%;
  min-height: 160px;
  resize: vertical;
  font-family: inherit;
  line-height: 1.5;
}
.hyt-trace-actions {
  margin-top: 10px;
}
.hyt-trace-split-right {
  min-width: 0;
}
.hyt-trace-summary {
  margin-bottom: 12px;
  padding: 12px 14px;
  background: #f8fafc;
  border: 1px solid var(--border);
  border-radius: 6px;
}
.hyt-trace-summary-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 24px;
}
.hyt-trace-summary-item {
  font-size: 13px;
  line-height: 1.5;
}
.hyt-trace-summary-item--wide {
  flex: 1 1 100%;
}
.hyt-trace-summary-label {
  color: var(--muted);
  margin-right: 6px;
}
.hyt-trace-detail-wrap {
  overflow-x: auto;
  border: 1px solid var(--border);
  border-radius: 6px;
  max-height: min(52vh, 420px);
  overflow-y: auto;
}
.hyt-trace-detail-table {
  margin: 0;
  font-size: 13px;
}
.hyt-trace-detail-table thead th {
  position: sticky;
  top: 0;
  z-index: 1;
  background: #f1f5f9;
  white-space: nowrap;
}
.hyt-trace-record-cell {
  min-width: 200px;
  line-height: 1.45;
}
.hyt-trace-empty {
  margin: 12px 0 0;
  color: var(--muted);
}
.hyt-trace-err {
  color: #c00;
}
.hyt-trace-status-block {
  margin-top: 16px;
}
.hyt-trace-status-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 6px;
}
.hyt-trace-status-hint {
  margin: 0 0 10px;
}
.hyt-trace-status-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
.hyt-trace-status-pagination {
  margin-top: 10px;
}
.hyt-trace-status-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  font-size: 13px;
  color: var(--muted);
}
.hyt-trace-status-sel strong {
  color: var(--primary);
}
.hyt-trace-status-pagesize-label {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
}
.hyt-trace-latest-cell {
  font-size: 13px;
  line-height: 1.45;
}
.hyt-trace-milestone-cell {
  font-size: 12px;
  line-height: 1.4;
}
.hyt-problem-piece-cell,
.hyt-problem-piece-text {
  white-space: normal;
  word-break: break-word;
  overflow-wrap: anywhere;
}
.hyt-problem-piece-cell {
  max-width: 320px;
}
.hyt-trace-milestone-line {
  margin: 0 0 4px;
}
.hyt-trace-milestone-label {
  display: inline-block;
  min-width: 3em;
  color: var(--muted);
  margin-right: 4px;
}