/* DrainBrain: remedial-money module styles (Remedials, Purchasing, Payments). */

/* Money pages: an amount never breaks across two lines, so a narrow screen scrolls the table instead. */
.money-page .num, .money-page .stats-info, .rm-report .num { white-space: nowrap; }
/* A table that scrolls sideways must also contain the absolutely placed screen-reader text inside it, or the page scrolls too. */
.money-page .table-responsive { position: relative; }
.rm-figure { font-size: 1.5rem; font-weight: 700; white-space: nowrap; }
@media (max-width: 575.98px) {
    .rm-figure { font-size: 1.05rem; }
}

/* Remedial calendar */
.rm-cal { table-layout: fixed; }
.rm-cal th, .rm-cal td { border-left: 1px solid #EEF0F6; }
.rm-cal th:first-child, .rm-cal td:first-child { border-left: 0; width: 150px; }
.rm-cal thead th.rm-today { background: var(--db-sky); color: var(--db-navy); }
.rm-cal td { vertical-align: top; height: 58px; padding: .3rem .35rem; }
.rm-cal td.rm-weekend { background: #FAFAFC; }
.rm-cal td.rm-today { background: #F1F4FD; }
.rm-chip { display: block; border-radius: .4rem; padding: .1rem .4rem; margin-bottom: 2px; font-size: 11.5px; font-weight: 600; background: #E3ECFD; color: #1E4FBF; cursor: pointer; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rm-chip:hover { background: #CFDDFA; color: #1E4FBF; }
.rm-chip.done { background: #DDF5E7; color: #0F7A3E; }
.rm-chip.clash { background: #FDE8EA; color: #B0102A; }
.rm-chip small { font-weight: 500; opacity: .8; }
.rm-week-label { font-size: 12px; font-weight: 700; color: var(--db-navy); padding: .5rem 1.1rem; background: #F8F9FC; border-top: 1px solid #EEF0F6; border-bottom: 1px solid #EEF0F6; }

/* Approval cards */
.rm-answers { display: grid; grid-template-columns: max-content 1fr; gap: .25rem 1rem; font-size: 12.5px; margin: 0; }
.rm-answers dt { color: #6B7280; font-weight: 500; }
.rm-answers dd { margin: 0; overflow-wrap: anywhere; }
@media (max-width: 575.98px) {
    .rm-answers { grid-template-columns: minmax(0, 1fr); gap: 0; }
    .rm-answers dd { margin-bottom: .4rem; }
}
.rm-photos { display: grid; grid-template-columns: repeat(auto-fill, minmax(84px, 1fr)); gap: .5rem; }

/* Tables: dense layout */
.rm-dense .table > :not(caption) > * > * { padding: .4rem .5rem; font-size: 12.5px; }
.rm-dense .table thead th { font-size: 10.5px; }
.rm-toggle { border: 1px solid #DCE0EA; background: #fff; border-radius: 999px; width: 26px; height: 22px; padding: 0; color: #9CA3AF; font-size: 11px; }
.rm-toggle.on { background: #DDF5E7; border-color: #9BD8B4; color: #0F7A3E; }
.rm-scope { max-width: 260px; }
.rm-desc { max-width: 190px; }