.sales-wallet-filters{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:12px 0}.sales-wallet-filters button,.sales-wallet-adjust{padding:9px 14px;border:1px solid #c8d5df;border-radius:8px;background:#fff;color:#173c4d;cursor:pointer}.sales-wallet-filters button[aria-pressed=true],.sales-wallet-adjust{background:#173c4d;color:white}.sales-wallet-filters input{min-width:140px;flex:1;padding:10px;border:1px solid #c8d5df;border-radius:8px}.wallet-balance-dialog{box-sizing:border-box;width:min(480px,calc(100vw - 24px));max-height:calc(100dvh - 40px);overflow:auto;padding:22px;border:1px solid #c8d5df;border-radius:16px;color:#173c4d;background:white}.wallet-balance-dialog::backdrop{background:#172d4180}.wallet-balance-dialog header,.wallet-balance-dialog footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.wallet-balance-dialog h2{font-size:19px;margin:0}.wallet-balance-dialog label{display:grid;gap:8px;margin:16px 0}.wallet-balance-dialog input,.wallet-balance-dialog textarea{box-sizing:border-box;width:100%;padding:10px;border:1px solid #c8d5df;border-radius:8px;font:inherit;font-size:16px}.wallet-balance-dialog button{padding:10px 16px;border:1px solid #c8d5df;border-radius:8px;background:white;color:#173c4d;cursor:pointer}.wallet-balance-dialog button[type=submit]{background:#173c4d;color:white}.wallet-balance-help{font-size:13px;line-height:1.6;color:#617386}.wallet-balance-dialog [role=alert]{color:#b33838}.wallet-balance-dialog button:disabled{opacity:.55;cursor:wait}

/* Wallet remarks have their own desktop column; retain the compact phone layout. */
.personal-income-table .wallet-note-column,
.personal-income-table .wallet-note-label { display: none; }
@media (min-width: 900px) {
  .personal-income-table-head,
  .personal-income-table-row { grid-template-columns: 110px minmax(0, 1.15fr) minmax(0, 1fr) minmax(0, 1.35fr) 170px; }
  .personal-income-table-head > span,
  .personal-income-table-row > span { min-width: 0; overflow-wrap: anywhere; }
  .personal-income-table .wallet-note-column { display: block; }
  .personal-income-table-head .wallet-note-column { font-size: 14px; }
  .personal-income-table-row .wallet-note-column { font-size: 16px; line-height: 1.5; white-space: pre-wrap; color: #4d5661; }
  .personal-income-table-row .wallet-note-column.is-empty { color: #9a9185; }
  .personal-income-table-head .wallet-amount-column,
  .personal-income-table-row .income-amount { text-align: center; }
}
@media (max-width: 899px) {
  .personal-income-table-row.wallet-transfer-no-repeat { grid-template-areas: "date detail amount"; }
  .personal-income-table-row.wallet-transfer-no-repeat > span:nth-child(3) { display: none; }
  .personal-income-table-row > .income-amount { grid-area: amount; align-self: center; font-size: 12px; white-space: nowrap; }
  .personal-income-table-row > span:first-child { font-size: 12px; }
  .personal-income-table-row.wallet-has-note { grid-template-areas: "date detail amount" "date related amount" "note note note"; }
  .personal-income-table-row.wallet-has-note.wallet-transfer-no-repeat { grid-template-areas: "date detail amount" "note note note"; }
  .personal-income-table-row > .wallet-note-column:not(.is-empty) { display: block; grid-area: note; align-self: stretch; min-width: 0; margin-top: 6px; padding: 9px 11px; border-radius: 8px; background: #f6f8fa; color: #4d5661; font-size: 14px; line-height: 1.6; white-space: pre-wrap; overflow-wrap: anywhere; }
  .personal-income-table-row .wallet-note-label { display: block; margin-bottom: 3px; color: #68776f; font-size: 12px; font-weight: 700; }

}

/* Keep mentor payouts recognizable in both wallet views. */
.wallet-record.wallet-mentor-entry,
.personal-income-table-row.wallet-mentor-entry { background: #edf7ff; border-color: #d4e7f5; }
.wallet-record.wallet-mentor-entry > dl { background: #e5f1fc; }
.personal-income-table-row .personal-wallet-photo { display: grid; place-items: center; width: 64px; margin-top: 7px; overflow: hidden; border-radius: 8px; }
.personal-income-table-row .personal-wallet-photo .sales-wallet-vehicle-thumb { display: block; width: 64px; height: 52px; object-fit: cover; border-radius: 8px; }
.personal-income-table-row .personal-wallet-photo .is-empty { display: grid; place-items: center; background: #e7edf2; color: #687785; font-size: 14px; }
@media (max-width: 899px) {
  .personal-income-table-row.wallet-has-vehicle-photo { min-height: 94px; }
  .personal-income-table-row.wallet-has-vehicle-photo > .personal-wallet-description strong { white-space: normal; overflow-wrap: anywhere; }
  .personal-income-table-row.wallet-has-vehicle-photo > .personal-wallet-vehicle-label { white-space: normal; overflow-wrap: anywhere; line-height: 1.45; }
  .personal-income-table-row.wallet-has-vehicle-photo .personal-wallet-photo { width: 60px; }
  .personal-income-table-row.wallet-has-vehicle-photo .sales-wallet-vehicle-thumb { width: 60px; height: 48px; }
}

/* Highlight performance month and apprentice name in both wallet views. */
.personal-income-table-row .personal-wallet-vehicle-label .wallet-performance-month,
.wallet-record .wallet-record-text .wallet-performance-month {
  display: inline;
  color: #c62828;
  font-size: inherit;
  font-weight: inherit;
  white-space: nowrap;
}

.personal-income-table-row .personal-wallet-description .wallet-mentor-person,
.wallet-record .wallet-record-text .wallet-mentor-person {
  color: #c62828;
}