.business-statistics-view {
  color: #173655;
}

.business-statistics-header {
  min-height: 76px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 15px 22px;
  border-bottom: 1px solid #bfd3e7;
  background: #f8fbfe;
}

.business-statistics-header h2 {
  margin: 2px 0 0;
  color: #173f69;
  font-size: 22px;
  font-weight: 900;
  letter-spacing: 0;
}

.business-statistics-header-summary {
  display: flex;
  align-items: center;
  gap: 10px;
}

.business-statistics-header-summary span,
.business-statistics-header-summary strong {
  min-height: 30px;
  display: inline-flex;
  align-items: center;
  border: 1px solid #b8cde1;
  border-radius: 999px;
  padding: 0 13px;
  background: #fff;
  box-shadow: inset 0 1px 0 #fff, 0 2px 5px rgba(34, 76, 114, .1);
  color: #315c82;
  font-size: 13px;
  white-space: nowrap;
}

.business-statistics-header-summary span {
  border-color: #8fc5bd;
  background: #edf9f6;
  color: #247568;
  font-weight: 800;
}

.business-statistics-header-summary span.archived {
  border-color: #b7c5d6;
  background: #f0f4f8;
  color: #526a83;
}

.business-statistics-search {
  position: relative;
  z-index: 8;
  display: flex;
  align-items: end;
  gap: 6px;
  min-height: 70px;
  padding: 11px 16px;
  border-bottom: 1px solid #c6d7e8;
  background: #f7fafc;
  overflow: visible;
}

.business-statistics-query-group,
.business-statistics-search-actions,
.business-statistics-filter-fields {
  display: flex;
  align-items: end;
  gap: 6px;
}

.business-statistics-query-group {
  flex: 0 1 462px;
  min-width: 0;
  align-items: center;
}

.business-statistics-group-title {
  min-width: 72px;
  border-left: 3px solid #2b86bd;
  padding-left: 8px;
  color: #315a7b;
  font-size: 12px;
  font-weight: 900;
  white-space: nowrap;
}

.business-statistics-filter-fields {
  flex: 0 0 auto;
  align-items: end;
  flex-wrap: nowrap;
}

.business-statistics-search-actions { flex: 0 0 auto; }

.business-statistics-search select,
.business-statistics-search input,
.business-statistics-search button {
  height: 36px;
  box-sizing: border-box;
  border-radius: 5px;
  font-family: "Noto Sans SC", "Microsoft YaHei", Arial, sans-serif;
  font-size: 13px;
  letter-spacing: 0;
}

.business-statistics-search select,
.business-statistics-search input {
  border: 1px solid #b8cee3;
  background: #fbfdff;
  color: #173b5e;
  padding: 0 10px;
  outline: none;
  box-shadow: inset 0 1px 2px rgba(45, 82, 116, .06);
}

.business-statistics-search select:focus,
.business-statistics-search input:focus {
  border-color: #4b91cc;
  background: #fff;
  box-shadow: 0 0 0 3px rgba(55, 132, 194, .12), inset 0 1px 2px rgba(45, 82, 116, .04);
}

#businessStatisticsSearchType { width: 112px; flex: 0 0 112px; }
.business-statistics-keyword-wrap { position: relative; width: 260px; min-width: 130px; max-width: 260px; flex: 0 1 260px; }
.business-statistics-keyword-wrap input { width: 100%; }

.business-statistics-filter-fields > label {
  display: grid;
  grid-template-rows: 16px 36px;
  gap: 2px;
  color: #56718c;
  font-size: 11px;
  font-weight: 800;
}

.business-statistics-filter-fields > label select { width: 112px; min-width: 112px; max-width: 112px; }

.business-statistics-date-group {
  display: flex;
  align-items: end;
  gap: 6px;
}

.business-statistics-date-group label,
#businessStatisticsArchivedDateField {
  display: grid;
  grid-template-rows: 16px 36px;
  gap: 2px;
  color: #56718c;
  font-size: 11px;
  font-weight: 800;
}

.business-statistics-date-group input,
#businessStatisticsArchivedDateField input { width: 118px; }
.business-statistics-date-group i { height: 36px; display: flex; align-items: center; color: #7890a7; font-style: normal; }

.business-statistics-check {
  grid-template-rows: 36px !important;
  display: flex !important;
  align-items: center;
  flex-direction: row;
  gap: 7px !important;
  min-width: 150px;
  color: #405f7c !important;
  white-space: nowrap;
}

.business-statistics-check.hidden { display: none !important; }

.business-statistics-check input { width: 16px; height: 16px; accent-color: #2e75ad; }

.business-statistics-page-size-field {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #496983;
  white-space: nowrap;
}

.business-statistics-page-size-field span { font-size: 12px; font-weight: 900; }
.business-statistics-page-size-field select { width: 76px; height: 32px; box-sizing: border-box; border: 1px solid #b2c6d9; border-radius: 4px; background: #fff; color: #315776; padding: 0 24px 0 9px; font-family: "Noto Sans SC", "Microsoft YaHei", Arial, sans-serif; font-size: 12px; font-weight: 900; }
.business-statistics-page-size-field select:focus { border-color: #4b91cc; outline: none; box-shadow: 0 0 0 3px rgba(55,132,194,.12); }
.business-statistics-page-size-field b { color: #6b8297; font-size: 12px; }

.business-statistics-search-button,
.business-statistics-reset-button,
.business-statistics-archive-button,
.business-statistics-export-button {
  min-width: 74px;
  border: 1px solid #2d72ab;
  border-bottom-color: #174d79;
  color: #fff;
  padding: 0 15px;
  font-weight: 900;
  background: linear-gradient(#5da3d8, #2f79b3 54%, #24689f);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.45), 0 2px 0 #1e5b8c, 0 6px 12px rgba(33, 86, 128, .14);
  transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
}

.business-statistics-reset-button {
  border-color: #9fb5ca;
  border-bottom-color: #728ba3;
  color: #345570;
  background: linear-gradient(#fff, #edf3f8 58%, #dce7f0);
  box-shadow: inset 0 1px 0 #fff, 0 2px 0 #a8bacb, 0 5px 10px rgba(55, 82, 105, .1);
}

.business-statistics-search-button:hover,
.business-statistics-reset-button:hover,
.business-statistics-archive-button:hover:not(:disabled),
.business-statistics-export-button:hover:not(:disabled) {
  transform: translateY(-1px);
  filter: brightness(1.03);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.55), 0 3px 0 #1e5b8c, 0 8px 14px rgba(33, 86, 128, .18);
}

.business-statistics-suggestions {
  position: absolute;
  z-index: 80;
  top: calc(100% + 5px);
  left: 0;
  width: min(360px, 70vw);
  max-height: 280px;
  overflow: auto;
  padding: 5px;
  border: 1px solid #9fbdd8;
  border-radius: 6px;
  background: #fff;
  box-shadow: 0 16px 34px rgba(25, 62, 96, .22), inset 0 1px 0 #fff;
}

.business-statistics-suggestions button,
.business-statistics-suggestion-empty {
  width: 100%;
  min-height: 36px;
  height: auto;
  display: block;
  border: 0;
  border-radius: 4px;
  background: transparent;
  color: #234b70;
  text-align: left;
  padding: 8px 10px;
  box-shadow: none;
  font-weight: 700;
}

.business-statistics-suggestions button:hover { background: #e9f4fd; color: #155b91; }
.business-statistics-suggestion-empty { color: #8296aa; }

.business-statistics-toolbar {
  min-height: 54px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 9px 16px;
  border-bottom: 1px solid #c5d6e7;
  background: #f4f8fc;
  color: #5b7187;
  font-size: 13px;
}

.business-statistics-toolbar.archived { min-height: 16px; padding: 0; border: 0; }
.business-statistics-toolbar.archived > * { display: none; }
.business-statistics-toolbar strong,
.business-statistics-toolbar b { color: #164f80; font-size: 14px; }
.business-statistics-toolbar > div:last-child { display: flex; gap: 10px; }

.business-statistics-archive-button,
.business-statistics-export-button { height: 34px; border-radius: 5px; font-size: 13px; }
.business-statistics-archive-button { border-color: #9a7326; border-bottom-color: #765419; background: linear-gradient(#f3d589, #dcb45a 55%, #c99b39); color: #4e370a; box-shadow: inset 0 1px 0 rgba(255,255,255,.65), 0 2px 0 #a97c28, 0 6px 12px rgba(112, 77, 16, .14); }
.business-statistics-archive-button:disabled,
.business-statistics-export-button:disabled { opacity: .48; cursor: not-allowed; transform: none; }

.business-statistics-table-wrap {
  overflow: auto;
  border-bottom: 1px solid #c5d6e7;
  background: #fff;
}

.business-statistics-table {
  width: 100%;
  min-width: 1450px;
  border-collapse: separate;
  border-spacing: 0;
  table-layout: auto;
  font-size: 12px;
  color: #173550;
}

.business-statistics-view:has(#businessStatisticsModeChip.archived) .business-statistics-table { min-width: 1040px; }

.business-statistics-table th {
  position: sticky;
  top: 0;
  z-index: 3;
  height: 42px;
  border-right: 1px solid #c4d6e8;
  border-bottom: 1px solid #aebfd1;
  background: linear-gradient(#f8fbfe, #e4edf6);
  color: #2e5273;
  padding: 0 9px;
  font-size: 12px;
  font-weight: 900;
  white-space: nowrap;
  text-align: center;
}

.business-statistics-table td {
  min-height: 46px;
  border-right: 1px solid #d2dfeb;
  border-bottom: 1px solid #d2dfeb;
  background: #fff;
  padding: 10px 9px;
  vertical-align: middle;
  text-align: center;
}

.business-statistics-table tbody tr:nth-child(even) td { background: #f9fbfd; }
.business-statistics-table tbody tr:hover td { background: #edf6fd; }
.business-statistics-table tbody tr.fee-not-ready td { background: #eef1f4; color: #758493; }
.business-statistics-table tbody tr.fee-not-ready:nth-child(even) td { background: #e8ecef; }
.business-statistics-table tbody tr.fee-not-ready:hover td { background: #e1e7ec; }

.business-statistics-table th.check,
.business-statistics-table td.check { width: 34px; padding-left: 7px; padding-right: 7px; }
.business-statistics-table input[type="checkbox"] { width: 15px; height: 15px; accent-color: #2e76ae; }
.business-statistics-table .money { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
.business-statistics-table td.profit { color: #0d658d; font-weight: 900; }
.business-statistics-table td.bonus { color: #8a5a19; font-weight: 900; }
.business-statistics-table td.bonus-rate { min-width: 150px; }
.business-statistics-table .operation { min-width: 104px; }

.business-statistics-order {
  color: #155b94;
  font-weight: 900;
  text-decoration: underline;
  text-underline-offset: 3px;
  white-space: nowrap;
}

.business-statistics-order.multiple-sales { color: #c54848; }
.business-statistics-table mark,
.business-statistics-suggestions mark { border-radius: 2px; background: #ffe797; color: #503900; padding: 0 1px; }
.business-statistics-transport { display: inline-flex; align-items: center; min-height: 25px; border: 1px solid #b6cce0; border-radius: 4px; background: #f5f9fc; padding: 0 7px; color: #284d70; font-weight: 800; white-space: nowrap; }
.business-statistics-lock { display: inline-flex; min-width: 24px; height: 22px; align-items: center; justify-content: center; border: 1px solid #aeb9c4; border-radius: 4px; background: #dfe5ea; color: #607182; font-size: 11px; font-weight: 900; }

.business-statistics-factories { min-width: 100px; text-align: left; }
.business-statistics-factories summary { display: flex; align-items: center; justify-content: center; gap: 5px; cursor: pointer; list-style: none; font-weight: 800; }
.business-statistics-factories summary::-webkit-details-marker { display: none; }
.business-statistics-factories summary span { border: 1px solid #b7c9da; border-radius: 999px; background: #f4f8fb; padding: 1px 6px; color: #57728b; font-size: 10px; white-space: nowrap; }
.business-statistics-factories div { margin-top: 7px; padding-top: 6px; border-top: 1px dashed #b9cadd; }
.business-statistics-factories div span { display: block; padding: 2px 0; text-align: center; }

.business-statistics-table tfoot td {
  position: sticky;
  bottom: 0;
  z-index: 2;
  border-top: 1px solid #9db6cd;
  background: #eaf2f9;
  color: #2c526f;
  font-weight: 900;
}

.business-statistics-archive-order { display: flex; align-items: center; justify-content: center; gap: 8px; }
.business-statistics-archive-order button { min-width: 44px; height: 25px; display: inline-flex; align-items: center; justify-content: center; gap: 3px; border: 1px solid #aac2d8; border-radius: 999px; background: linear-gradient(#fff, #e9f1f8); color: #315e82; font-size: 11px; font-weight: 900; box-shadow: 0 1px 2px rgba(39, 75, 107, .12); }
.business-statistics-archive-order button span { font-size: 14px; line-height: 1; }
.business-statistics-delete-archive { min-width: 82px; min-height: 29px; border: 1px solid #c79090; border-radius: 999px; background: linear-gradient(#fff, #f4e5e5); color: #9e3f3f; font-size: 12px; font-weight: 900; box-shadow: inset 0 1px 0 #fff, 0 2px 4px rgba(117, 55, 55, .1); }
.business-statistics-delete-archive:hover { border-color: #b66e6e; transform: translateY(-1px); }
.business-statistics-archive-detail td { background: #f3f8fc !important; color: #536c83; border-bottom-style: dashed; }
.business-statistics-archive-detail td:first-child { padding-left: 28px; }
.business-statistics-archive-detail a { color: #3d7099; font-weight: 800; }

.business-statistics-loading,
.business-statistics-empty { min-height: 180px; display: flex; align-items: center; justify-content: center; gap: 10px; color: #6a8197; font-size: 14px; font-weight: 700; }
.business-statistics-loading i { width: 20px; height: 20px; border: 3px solid #d0deeb; border-top-color: #337eb8; border-radius: 50%; animation: business-statistics-spin .72s linear infinite; }
@keyframes business-statistics-spin { to { transform: rotate(360deg); } }

.business-statistics-pagination-row { display: flex; align-items: center; gap: 12px; min-height: 58px; padding: 8px 16px; border-top: 1px solid #c5d6e7; background: #f7fafc; }
.business-statistics-pagination { min-height: 40px; padding: 0; border-top: 0; background: transparent; }
.business-statistics-pagination button { min-width: 34px; min-height: 32px; border: 1px solid #b2c6d9; border-radius: 4px; background: linear-gradient(#fff, #e8f0f7); color: #315776; font-weight: 800; }
.business-statistics-pagination button.active { border-color: #2f73aa; background: linear-gradient(#4b91c6, #2c70a6); color: #fff; box-shadow: 0 2px 5px rgba(30, 85, 126, .2); }
.business-statistics-pagination button:disabled { opacity: .45; }

@media (max-width: 1200px) {
  .business-statistics-keyword-wrap { flex-basis: 170px; }
}

@media (max-width: 1100px) {
  .business-statistics-search { flex-wrap: wrap; }
  .business-statistics-query-group { flex: 1 1 100%; }
  .business-statistics-filter-fields { flex: 1 1 auto; }
  .business-statistics-search-actions { margin-left: auto; }
}

@media (max-width: 760px) {
  .business-statistics-header { align-items: flex-start; padding: 14px; }
  .business-statistics-header-summary { flex-wrap: wrap; justify-content: flex-end; }
  .business-statistics-search { flex-wrap: wrap; padding: 12px; }
  .business-statistics-query-group { flex-wrap: wrap; }
  .business-statistics-group-title { width: 100%; }
  #businessStatisticsSearchType { width: 116px; flex-basis: 116px; }
  .business-statistics-keyword-wrap { width: calc(100% - 125px); flex: 1 1 220px; }
  .business-statistics-filter-fields { width: 100%; flex-wrap: wrap; }
  .business-statistics-search-actions { justify-content: flex-end; }
  .business-statistics-date-group { width: 100%; }
  .business-statistics-date-group label { flex: 1 1 0; }
  .business-statistics-date-group input { width: 100%; }
  .business-statistics-pagination-row { flex-wrap: wrap; }
}