.payout-history-search {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  min-height: 44px;
  padding: 10px 14px;
  border: 1px solid #cdd9df;
  border-radius: 8px;
  background: #f5f8fa;
  color: #526575;
  font: inherit;
  font-size: 14px;
  text-align: left;
  cursor: pointer;
}
.payout-history-search:hover { border-color: #168cf4; }
.payout-history-search:focus-visible,
.payout-history-back:focus-visible { outline: 2px solid #168cf4; outline-offset: 2px; }
.payout-history-search:active { background: #e9f3fc; }
.payout-history-search:disabled { opacity: .55; cursor: wait; }
.payout-history-search small { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; }
.payout-history-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.payout-history-heading h3 { margin: 0; font-size: 18px; }
.payout-history-heading p { margin: 4px 0 0; color: #526575; font-size: 12px; }
.payout-history-back { flex: 0 0 auto; min-height: 44px; max-width: 44%; padding: 8px 10px; border: 1px solid #168cf4; border-radius: 20px; background: transparent; color: #1769aa; font: inherit; font-size: 12px; font-weight: 750; cursor: pointer; }
.payout-history-back:hover { background: #e9f3fc; }
.payout-history-period { display: block; margin-top: 4px; color: #526575; font-size: 11px; line-height: 1.3; font-weight: 750; }
html[data-theme='dark'] .payout-history-search { background: var(--dark-surface); border-color: var(--dark-border); color: var(--dark-muted); }
html[data-theme='dark'] .payout-history-heading p,
html[data-theme='dark'] .payout-history-period { color: var(--dark-muted); }
html[data-theme='dark'] .payout-history-back { color: var(--dark-blue); border-color: var(--dark-blue); }
html[data-theme='dark'] .payout-history-search:hover,
html[data-theme='dark'] .payout-history-back:hover { background: var(--dark-surface-raised); }