:root{--roc-control-radius:8px}
#osApp .filter-btn,#osApp .gold-btn,#osApp .calendar-action,#osApp .due-date-link,#osApp .more-btn,#osApp .loan-mobile-due{border-radius:var(--roc-control-radius)}
#osApp .loan-table td{vertical-align:middle}
#osApp .loan-client small{font-variant-numeric:tabular-nums}
#osApp .loan-paid-check{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;color:var(--green);font-size:9px;font-weight:700}
#osApp .loan-paid-check>i{width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:#e7f4ed;color:#13845f;font-style:normal}
#osApp .loan-paid-check svg{width:12px;height:12px;stroke-width:2.5}
#osApp .loan-settled-date{display:inline-flex;align-items:center;gap:6px;color:var(--green);font-size:9px;font-weight:700;white-space:nowrap}
#osApp .loan-settled-date svg{width:14px;height:14px;stroke-width:2.3}
#osApp .loan-mobile-due.settled{grid-template-columns:1fr auto;cursor:default}
#osApp .loan-mobile-due.settled>small{align-self:center;color:#777}
#osApp .client-document-notice b{color:#383833}
html[data-roc-theme="dark"] #osApp .loan-paid-check>i{background:rgba(43,163,112,.2);color:#6de2ad}
html[data-roc-theme="dark"] #osApp .loan-settled-date{color:#6de2ad}
@media(max-width:700px){#osApp .loan-mobile-due.settled{min-height:42px}}