/* Approved settlement details: one records table, local scrolling and shared tabs. */
#appView:is(.china-finance-user, .amin-finance-user) .settlement-unregistered {
  margin: 8px 0;
  color: #64707e;
  font-size: 13px;
  line-height: 1.5;
}

#appView:is(.china-finance-user, .amin-finance-user) .settlement-records-compact {
  inline-size: 100%;
  max-inline-size: 100%;
  min-inline-size: 0;
}

#appView:is(.china-finance-user, .amin-finance-user)
  :is(table.settlement-records-compact, .settlement-records-compact > table) {
  inline-size: 100%;
  min-inline-size: 0;
  border-collapse: collapse;
  table-layout: auto;
  background: #fff;
}

#appView:is(.china-finance-user, .amin-finance-user)
  :is(table.settlement-records-compact, .settlement-records-compact > table)
  :is(th, td) {
  padding: 11px 12px;
  border: 1px solid #dfe5ec;
  text-align: start;
  vertical-align: top;
  white-space: nowrap;
  overflow-wrap: normal;
  word-break: normal;
  font-size: 14px;
  line-height: 1.5;
}

#appView:is(.china-finance-user, .amin-finance-user)
  :is(table.settlement-records-compact, .settlement-records-compact > table)
  th {
  background: #f4f6f9;
  color: #4b5b6f;
  font-weight: 600;
}

#appView:is(.china-finance-user, .amin-finance-user) .settlement-records-compact bdi {
  white-space: nowrap;
}

#appView:is(.china-finance-user, .amin-finance-user) .ps-record-state.is-received {
  color: #078648;
  font-weight: 600;
}

#appView:is(.china-finance-user, .amin-finance-user) [data-cf-statement-registration-list] article {
  padding-block: 10px;
  border-block-end: 1px solid #e5eaf0;
}

#appView.amin-finance-user div.settlement-records-compact {
  overflow-x: auto;
  overscroll-behavior-inline: contain;
}

#appView:is(.china-finance-user, .amin-finance-user) .settlement-detail-tabs {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 0;
  max-inline-size: 100%;
  min-inline-size: 0;
  margin-block: 12px 0;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  border-block-end: 1px solid #dfe5ec;
  background: #fff;
}

#appView:is(.china-finance-user, .amin-finance-user) .settlement-detail-tabs [role='tab'] {
  flex: 0 0 auto;
  min-inline-size: 9rem;
  min-block-size: 44px;
  margin: 0;
  padding: 11px 20px;
  border: 0;
  border-block-end: 2px solid transparent;
  border-radius: 0;
  background: transparent;
  color: #233449;
  font: inherit;
  font-weight: 600;
  white-space: nowrap;
  cursor: pointer;
}

#appView:is(.china-finance-user, .amin-finance-user)
  .settlement-detail-tabs
  [role='tab'][aria-selected='true'] {
  border-block-end-color: #be8e35;
  color: #8c5e15;
}

#appView:is(.china-finance-user, .amin-finance-user)
  .settlement-detail-tabs
  [role='tab']:focus-visible {
  outline: 2px solid #be8e35;
  outline-offset: -3px;
}

#appView:is(.china-finance-user, .amin-finance-user) .settlement-itinerary-compact {
  min-inline-size: 0;
  max-inline-size: 100%;
  margin-block: 12px 0;
  border: 1px solid #dfe5ec;
  border-radius: 8px;
  background: #fff;
}

#appView:is(.china-finance-user, .amin-finance-user) .settlement-itinerary-compact > summary {
  min-block-size: 44px;
  padding: 12px 16px;
  color: #233449;
  font-weight: 600;
  cursor: pointer;
}

#appView:is(.china-finance-user, .amin-finance-user)
  .settlement-itinerary-compact
  > .brief-itinerary {
  border: 0;
  border-block-start: 1px solid #e5eaf0;
  border-radius: 0;
  background: #fff;
}

/* 付款单不按月份筛选：放在“付款单”标题旁，不占用单行工具栏宽度。 */
#appView:is(.china-finance-user, .amin-finance-user) .settlement-month-note {
  margin-inline-start: 12px;
  color: #64748b;
  font-size: 13px;
  font-weight: 400;
  white-space: nowrap;
}

/* 付款单入口：古胡金色（与左栏选中项、主按钮同一套 guhu-theme 变量）。 */
#appView:is(.china-finance-user, .amin-finance-user) button.settlement-statement-query {
  border-color: var(--brand-gold-shade);
  background: var(--brand-gold-metal);
  color: #fffdf9;
}

#appView:is(.china-finance-user, .amin-finance-user)
  button.settlement-statement-query:hover:not(:disabled) {
  border-color: var(--archive-gold-700);
  background: var(--brand-gold-shade);
  color: #fffdf9;
}

#appView:is(.china-finance-user, .amin-finance-user)
  button.settlement-statement-query:focus-visible {
  outline: 3px solid var(--archive-gold-300);
  outline-offset: 2px;
}

@media (max-width: 900px) {
  #appView:is(.china-finance-user, .amin-finance-user)
    :is(table.settlement-records-compact, .settlement-records-compact > table) {
    min-inline-size: 840px;
  }

  /* Only the new nested records table opts out of the existing mobile cards. */
  #appView:is(.china-finance-user, .amin-finance-user)
    :is(table.settlement-records-compact, .settlement-records-compact > table) {
    display: table !important;
  }

  #appView:is(.china-finance-user, .amin-finance-user)
    :is(table.settlement-records-compact, .settlement-records-compact > table)
    thead {
    display: table-header-group !important;
  }

  #appView:is(.china-finance-user, .amin-finance-user)
    :is(table.settlement-records-compact, .settlement-records-compact > table)
    tbody {
    display: table-row-group !important;
  }

  #appView:is(.china-finance-user, .amin-finance-user)
    :is(table.settlement-records-compact, .settlement-records-compact > table)
    tr {
    display: table-row !important;
  }

  #appView:is(.china-finance-user, .amin-finance-user)
    :is(table.settlement-records-compact, .settlement-records-compact > table)
    :is(th, td) {
    display: table-cell !important;
    inline-size: auto !important;
    max-inline-size: none !important;
  }

  #appView:is(.china-finance-user, .amin-finance-user)
    :is(table.settlement-records-compact, .settlement-records-compact > table)
    td::before {
    display: none !important;
    content: none !important;
  }
}