/* 📚 Accounts + 🛠 Maintenance menus (js/rmaccounts.js, js/rmmaint.js) and the Retailman title bar. Reuses the POS reports' look (.prp-*). */
.rm-title { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 8px; padding: 5px 12px; margin: -2px 0 8px; border-radius: 8px; font-size: .86em;
  background: var(--panel2, var(--panel)); border: 1px solid var(--line); color: var(--text); line-height: 1.3; overflow-wrap: anywhere; }
.rm-title span { color: var(--muted); } .rm-title .rm-who { color: var(--text); }
.rma-line { display: grid; grid-template-columns: minmax(180px, 2fr) minmax(90px, 1fr) minmax(90px, 1fr) minmax(120px, 1.5fr) auto; gap: 8px; align-items: end; padding: 8px 0; border-bottom: 1px dashed var(--line); }
.rma-line label { display: flex; flex-direction: column; gap: 3px; font-size: .85em; min-width: 0; } .rma-line input { width: 100%; min-width: 0; }
.rma-acct { text-align: left; white-space: normal; min-height: 42px; }
.rma-tiles { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(230px, 100%), 1fr)); gap: 6px; margin: 4px 0 10px; }
.rma-tile { text-align: left; padding: 9px 11px; border: 1px solid var(--line); border-radius: 10px; background: var(--panel); color: var(--text); cursor: pointer; font: inherit; }
.rma-tile:hover, .rma-tile.on { border-color: var(--pink); } .rma-tile b { color: var(--pink); margin-right: 4px; }
.rma-pick { max-height: 60vh; overflow-y: auto; margin-top: 8px; }
.rma-posted { margin: 8px 0; }
.rmm-c { margin: 6px 0; padding: 10px 12px; } .rmm-c.bad { border-color: var(--amber, #d89b00); } .rmm-c ul { margin: 6px 0 4px 18px; }
.rmm-steps { display: flex; flex-direction: column; gap: 8px; margin: 10px 0; }
.rmm-step { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding: 8px 10px; border: 1px solid var(--line); border-radius: 10px; }
.rmm-step.done { border-color: var(--green, #2a9d5b); } .rmm-step input { max-width: 160px; }
.rmm-kinds { margin: 6px 0; } .rmm-foot { margin-top: 10px; }
@media (max-width: 640px) {
  .rma-line { grid-template-columns: 1fr 1fr; } .rma-line .rma-acct, .rma-line .rma-memo { grid-column: 1 / -1; }
  .rm-title { font-size: .8em; }
}