/* Income Center controls: restrained gold accent in both themes. */
body.income-member {
  --income-button-bg: #102235;
  --income-button-hover: #193147;
  --income-button-ink: #f3f6fa;
  --income-button-line: rgba(210, 178, 109, .32);
  --income-button-accent: #e4c47c;
  --income-button-shadow: 0 6px 16px rgba(0, 0, 0, .20);
}
html[data-theme="light"] body.income-member {
  --income-button-bg: #ffffff;
  --income-button-hover: #fff9eb;
  --income-button-ink: #243549;
  --income-button-line: #d4c5a3;
  --income-button-accent: #987323;
  --income-button-shadow: 0 6px 16px rgba(82, 65, 27, .11);
}
body.income-member .content .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 44px;
  max-width: 100%;
  padding: 11px 17px;
  border: 1px solid var(--income-button-line);
  border-radius: 12px;
  background: var(--income-button-bg);
  color: var(--income-button-ink);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05);
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
  text-decoration: none;
  white-space: normal;
  overflow-wrap: anywhere;
  cursor: pointer;
  transform: none;
  filter: none;
  transition: background-color 180ms ease, border-color 180ms ease,
    box-shadow 180ms ease, transform 180ms cubic-bezier(.2,.7,.2,1);
  -webkit-tap-highlight-color: transparent;
}
body.income-member .content .btn::before,
body.income-member .content .btn::after { content: none; }
@media (hover: hover) and (pointer: fine) {
  body.income-member .content .btn:not(:disabled):not([aria-disabled="true"]):hover {
    background: var(--income-button-hover);
    color: var(--income-button-ink);
    border-color: var(--income-button-accent);
    box-shadow: var(--income-button-shadow), inset 0 1px 0 rgba(255,255,255,.08);
    transform: translateY(-2px);
    text-decoration: none;
    filter: none;
  }
}
body.income-member .content .btn:not(:disabled):not([aria-disabled="true"]):active {
  background: var(--income-button-hover);
  transform: translateY(0);
  box-shadow: inset 0 2px 4px rgba(0,0,0,.10);
}
body.income-member .content .btn:focus-visible {
  outline: 2px solid var(--income-button-accent);
  outline-offset: 3px;
}
body.income-member .content .btn:is(:disabled,[aria-disabled="true"]) {
  opacity: .45;
  cursor: not-allowed;
  transform: none;
  box-shadow: none;
  filter: none;
}
@media (prefers-reduced-motion: reduce) {
  body.income-member .content .btn { transition: none; }
  body.income-member .content .btn:not(:disabled):hover,
  body.income-member .content .btn:not(:disabled):active { transform: none; }
}

/* Separate detail and request actions; aligned at each card's foot. */
body.income-member .income-wallet{display:flex;flex-direction:column}
body.income-member .income-wallet-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:9px;margin-top:auto;padding-top:8px}
body.income-member .income-wallet-actions .btn{width:100%;min-height:44px;font-size:13px}
body.income-member .income-wallet-actions .income-detail{background:transparent;border-color:var(--income-button-line)}
body.income-member .income-wallet-actions .income-request{background:#e4c47c;color:#252112;border-color:#e4c47c;box-shadow:inset 0 1px 0 #fff4}
html[data-theme="light"] body.income-member .income-wallet-actions .income-request{background:#f5ddaa;color:#3b2c12;border-color:#d6b26b}
@media(hover:hover) and (pointer:fine){
body.income-member .income-wallet-actions .income-detail:hover{background:var(--income-button-hover)}
body.income-member .income-wallet-actions .income-request:hover{background:#f2d792;color:#252112;border-color:#f2d792}
html[data-theme="light"] body.income-member .income-wallet-actions .income-request:hover{background:#efd093;color:#3b2c12;border-color:#b58b36}
}