:root { --nj-follow: 23; }

.nj23-follow {
  padding: 14px;
  margin-block: 12px;
  border: 1px solid #dfcdb2;
  border-radius: 12px;
  background: #f9f3e8;
}
.nj23-follow h3 { margin-block: 0 10px; }
.nj23-follow dl {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(145px, 100%), 1fr));
  gap: 8px;
  margin-block: 0 10px;
}
.nj23-follow dl > div {
  padding: 8px 10px;
  background: #fffdfa;
  border: 1px solid #e8dac5;
  border-radius: 8px;
}
.nj23-follow dt { color: #725737; font-size: .85em; }
.nj23-follow dd { margin: 0; font-weight: 700; overflow-wrap: anywhere; }
.nj23-follow > button { margin-inline-end: 8px; margin-block-end: 6px; }
.ui23 .nj23-follow .nj23-primary { background: #67431f; color: #fff; min-height: 44px; }
.nj23-follow [role="status"] { color: #245842; font-weight: 700; }
.nj23-follow summary { cursor: pointer; min-height: 40px; align-content: center; }
.nj23-follow ul { padding-inline-start: 18px; }
.nj23-follow li button { margin-inline-end: 8px; }
.nj23-more .nj21-record-tools { margin-block-end: 0; }
.nj23-omit-old-collect [data-nj23-legacy-collect],
.nj23-linked-service #extNav,
.nj23-linked-cash [data-quick-party] { display: none !important; }
@media (min-width: 651px) { .nj23-more > summary { display: none; } }
@media (max-width: 650px) {
  .nj23-follow > button { width: 100%; margin-inline: 0; }
  .nj23-more > summary { min-height: 44px; }
}

.ui24 #opsNav[hidden],
.ui24 #flowRightsOpen,
.ui24 #btnOpenDebtModal,
.ui24 #btnOpenCheckModal,
.ui24 #tileNewDebt,
.ui24 #btnNewDebtTab,
.ui24 #btnNewCheckTab,
.ui24 #btnOpenWarrantyModal,
.ui24 [data-nj20-add="checksTableBody"] { display:none !important; }
.ui24 #flowActions { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr)); gap:8px; }
.ui24 #flowActions button { text-align:start; min-height:44px; white-space:normal; overflow-wrap:anywhere; }