.rmkpro-account-block-title { display: flex; align-items: center; gap: .5rem; }
.rmkpro-account-block-title h3 { color: #243746; font-size: .875rem; font-weight: 600; }
.rmkpro-account-block-title > span { border-radius: 999px; background: #e8eef1; padding: .15rem .5rem; color: #425c6c; font: 500 .7rem Roboto, sans-serif; }
.rmkpro-account-list { overflow: hidden; margin-top: .75rem; border: 1px solid #e2e9ed; border-radius: 1rem; }
.rmkpro-account-row { display: grid; width: 100%; grid-template-columns: 2rem minmax(0,1fr) auto; align-items: center; gap: .7rem; border: 0; border-bottom: 1px solid #e2e9ed; background: #fff; padding: .8rem; text-align: left; cursor: pointer; }
.rmkpro-account-row:last-child { border-bottom: 0; }
.rmkpro-account-row:hover { background: #f8fafb; }
.rmkpro-account-kind { display: grid; width: 2rem; height: 2rem; place-items: center; border-radius: .65rem; color: #243746; font: 700 1rem Roboto, sans-serif; }
.rmkpro-account-kind.income { background: #ddf28f; }
.rmkpro-account-kind.expense { background: #dce5ea; }
.rmkpro-account-copy { min-width: 0; }
.rmkpro-account-copy strong, .rmkpro-account-copy small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rmkpro-account-copy strong { color: #243746; font-size: .78rem; }
.rmkpro-account-copy small { margin-top: .2rem; color: #607583; font-size: .68rem; }
.rmkpro-account-row > b { color: #243746; font: 600 .78rem Roboto, sans-serif; }
.rmkpro-account-row > b.expense { color: #607583; }
.rmkpro-account-empty, .rmkpro-account-loading, .rmkpro-account-error { margin-top: .75rem; border-radius: 1rem; background: #f4f7f8; padding: 1rem; color: #607583; font-size: .82rem; }
.rmkpro-account-error { background: #fff1f2; color: #be123c; }
.rmkpro-account-modal-open { overflow: hidden; }
.rmkpro-account-overlay { position: fixed; inset: 0; z-index: 110; display: grid; place-items: center; overflow-y: auto; background: rgba(15,23,42,.55); padding: 1rem; backdrop-filter: blur(4px); }
.rmkpro-account-modal { width: min(34rem,100%); max-height: 92vh; overflow-y: auto; border-radius: 1.25rem; background: #fff; box-shadow: 0 24px 70px rgba(15,23,42,.28); }
.rmkpro-account-modal-title { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; border-bottom: 1px solid #e2e9ed; padding: 1.25rem 1.5rem; }
.rmkpro-account-modal-title small { color: #607583; font-size: .75rem; }
.rmkpro-account-modal-title h2 { margin-top: .2rem; color: #243746; font-size: 1.25rem; font-weight: 600; }
.rmkpro-account-modal-title button { border: 0; background: transparent; color: #607583; font-size: 1.8rem; cursor: pointer; }
.rmkpro-account-amount { margin: 1.25rem 1.5rem 0; border-radius: 1rem; background: #243746; padding: 1.1rem; color: #ddf28f; font: 600 1.8rem Roboto, sans-serif; }
.rmkpro-account-amount.expense { color: #fff; }
.rmkpro-account-details { margin: 1.25rem 1.5rem; overflow: hidden; border-radius: 1rem; background: #f4f7f8; }
.rmkpro-account-details > div { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; border-bottom: 1px solid #e2e9ed; padding: .8rem 1rem; font-size: .78rem; }
.rmkpro-account-details > div:last-child { border-bottom: 0; }
.rmkpro-account-details span, .rmkpro-account-notes > span { color: #607583; }
.rmkpro-account-details strong { max-width: 60%; color: #243746; text-align: right; }
.rmkpro-account-notes { margin: 0 1.5rem 1.25rem; }
.rmkpro-account-notes > span { font-size: .75rem; }
.rmkpro-account-notes p { margin-top: .4rem; border-radius: 1rem; background: #f4f7f8; padding: 1rem; color: #425c6c; font-size: .8rem; }
.rmkpro-account-modal-actions { display: flex; justify-content: flex-end; border-top: 1px solid #e2e9ed; padding: 1rem 1.5rem; }
.rmkpro-account-modal-actions button { min-height: 2.5rem; border: 1px solid #243746; border-radius: .7rem; background: #243746; padding: .6rem 1rem; color: #fff; font: 600 .82rem Montserrat, sans-serif; cursor: pointer; }
@media (max-width: 480px) {
  .rmkpro-account-row { grid-template-columns: 2rem minmax(0,1fr); }
  .rmkpro-account-row > b { grid-column: 2; }
}