/* Combined collection controls and scan-first record rows. */
.jp-sr-only { position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
[data-record-collection] [hidden] { display:none !important; }
.jp-records-workspace [data-record-collection] .jp-record-toolbar {
  grid-template-columns:minmax(0,1fr) auto; grid-template-areas:"title summary" "controls controls" "collection collection";
  gap:14px 20px; padding:0 !important;
}
.jp-records-workspace [data-record-collection] .jp-record-controls { display:flex !important; flex-wrap:wrap; align-items:center; gap:10px; }
.jp-records-workspace [data-record-collection] .jp-record-search { flex:1 1 240px; width:auto !important; max-width:none; margin:0 !important; }
.jp-records-workspace [data-record-collection] .jp-record-filter { flex:0 1 170px; width:170px !important; margin:0 !important; padding:0; }
.jp-collection-filter { flex:0 1 150px; width:150px; margin:0; }
[data-record-collection] .jp-record-controls select,
.jp-collection-pager select, .jp-collection-date-range input {
  width:100%; min-width:0; height:40px !important; min-height:40px !important; padding:7px 28px 7px 12px !important;
  border:1px solid #e5e8ed !important; border-radius:8px !important; color:#334155 !important; background-color:#fff !important;
  font-family:inherit; font-size:13px !important; line-height:1.4; box-shadow:none !important;
}
.jp-collection-date-range { display:flex; gap:10px; flex:1 1 100%; }
[data-record-collection] .jp-record-controls select, .jp-collection-pager select {
  appearance:none; -webkit-appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364758b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") !important;
  background-position:right 9px center !important; background-size:12px !important; background-repeat:no-repeat !important;
}
.jp-collection-date-range label { display:flex; align-items:center; gap:8px; font-size:12px; margin:0; color:#64748b; }
.jp-collection-date-range input { width:155px; padding-right:10px !important; }
.jp-collection-footer { grid-area:collection; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:10px; }
.jp-collection-count { font-size:12px; color:#64748b; font-weight:600; }
.jp-collection-pager { display:flex; gap:8px; align-items:center; }
.jp-collection-pager button, .jp-collection-empty button { border:0; border-radius:7px; background:#e9edf2; color:#334155; font-family:inherit; font-size:12px; font-weight:700; padding:8px 11px; line-height:1.5; cursor:pointer; }
.jp-collection-pager button:disabled { opacity:.4; cursor:default; }
.jp-collection-page { min-width:42px; text-align:center; font-size:12px; color:#64748b; font-variant-numeric:tabular-nums; }
.jp-collection-pager select { width:112px; height:34px !important; min-height:34px !important; font-size:12px !important; padding-left:8px !important; }
.jp-collection-empty { padding:30px 16px; text-align:center; font-size:14px; margin:0; color:#64748b; }
.jp-collection-empty button { margin-left:12px; }
.jp-records-workspace [data-record-collection] .jp-record-total:before { content:none !important; }
.jp-records-workspace [data-record-collection] .jp-record-total .item:before { content:none !important; }
.jp-total-scope { display:block; color:#64748b; font-size:11px; line-height:1.4; font-weight:600; white-space:normal; }
.jp-records-workspace [data-record-collection] .jp-record-total { gap:3px; margin:0 !important; }
.jp-records-workspace .jp-record-name, .jp-records-workspace .jp-payment-records__title,
.jp-records-workspace .jp-note-record-title { font-size:14px !important; line-height:1.4 !important; font-weight:800; }
.jp-records-workspace .jp-record-copy, .jp-records-workspace .jp-payment-records__summary { flex:1 1 auto; }
.jp-records-workspace .jp-record-meta, .jp-records-workspace .jp-payment-records__date,
.jp-records-workspace .jp-payment-records__status, .jp-records-workspace .jp-note-record-created,
.jp-records-workspace .jp-record-owner, .jp-records-workspace .jp-payment-records__actor,
.jp-records-workspace .jp-note-record-author { font-size:12px !important; line-height:1.5 !important; font-weight:500 !important; }
.jp-records-workspace .jp-record-owner, .jp-records-workspace .jp-payment-records__actor { margin-top:2px; }
.jp-records-workspace .jp-record-content, .jp-records-workspace .jp-payment-records__body { align-items:flex-start !important; }
.jp-records-workspace .jp-record-amount, .jp-records-workspace .jp-payment-records__amount { font-size:13px !important; line-height:1.5 !important; text-align:right; padding-top:0; min-width:135px; }
.jp-header-project { display:none; }
@media (max-width:1023px) {
  body.jp-has-profile-header .jp-header-with-profile .pageTitle:has(.jp-header-project) { line-height:1.3; }
  .jp-header-project { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:100%; margin-top:2px; color:#64748b !important; font-size:11px; font-weight:600; line-height:1.35; text-decoration:none; }
}
@media (max-width:719px) {
  .jp-records-workspace [data-record-collection] .jp-record-toolbar { grid-template-columns:minmax(0,1fr); grid-template-areas:"summary" "controls" "collection"; gap:12px; }
  .jp-records-workspace [data-record-collection] .jp-record-title { display:none; }
  .jp-records-workspace [data-record-collection] .jp-record-total { display:flex; align-items:center; justify-content:space-between; gap:10px; }
  .jp-records-workspace [data-record-collection] .jp-record-total .item { margin:0; }
  .jp-records-workspace [data-record-collection] .jp-record-search { flex-basis:100%; }
  .jp-records-workspace [data-record-collection] .jp-record-filter, .jp-collection-filter { flex:1 1 90px; width:auto !important; min-width:0; }
  [data-record-collection] .jp-record-controls select { font-size:12px !important; padding-left:9px !important; }
  .jp-collection-footer { gap:8px; }
  .jp-collection-pager { width:100%; justify-content:space-between; }
  .jp-collection-date-range label { flex:1; min-width:0; display:block; }
  .jp-collection-date-range input { width:100%; }
  .jp-records-workspace .jp-record-link, .jp-records-workspace .jp-payment-records__trigger { align-items:flex-start; padding:14px !important; }
  .jp-records-workspace .jp-record-type-icon { display:none; }
  .jp-records-workspace .jp-record-amount, .jp-records-workspace .jp-payment-records__amount { min-width:105px; font-size:12px !important; }
  .jp-records-workspace .jp-record-name, .jp-records-workspace .jp-payment-records__title { white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
}

/* Finance collection command bar -------------------------------------- */
.jp-collection-filter-toggle {
  display:none;
  align-items:center;
  justify-content:center;
  gap:6px;
  height:40px;
  padding:0 12px;
  border:0;
  border-radius:8px;
  color:#334155;
  background:#fff;
  box-shadow:0 5px 16px rgba(15,23,42,.055);
  font-family:inherit;
  font-size:12px;
  font-weight:800;
  white-space:nowrap;
}
.jp-collection-filter-toggle ion-icon { font-size:16px; }
.jp-collection-filter-toggle__count {
  display:inline-grid;
  place-items:center;
  min-width:18px;
  height:18px;
  padding:0 5px;
  border-radius:999px;
  color:#fff;
  background:#AF1F24;
  font-size:10px;
  line-height:1;
}
.jp-records-workspace .jp-record-list-wrap {
  box-shadow:0 10px 28px rgba(2,6,23,.04) !important;
}
.jp-records-workspace .jp-record-row + .jp-record-row {
  box-shadow:inset 0 1px 0 #edf0f3 !important;
}

@media (max-width:719px) {
  .jp-records-workspace { --jp-record-row-height:82px; }
  .jp-records-workspace [data-record-collection] .jp-record-toolbar {
    gap:10px;
  }
  .jp-records-workspace [data-record-collection] .jp-record-controls {
    display:flex !important;
    flex-wrap:wrap;
    align-items:center;
    gap:8px;
  }
  .jp-records-workspace [data-record-collection] .jp-record-search {
    flex:1 1 220px !important;
    width:auto !important;
  }
  .jp-collection-filter-toggle {
    display:inline-flex;
    flex:0 0 auto;
  }
  .jp-records-workspace [data-record-collection] .jp-record-filter:not([hidden]),
  .jp-records-workspace [data-record-collection] .jp-collection-filter:not([hidden]),
  .jp-records-workspace [data-record-collection] .jp-collection-date-range:not([hidden]) {
    display:none !important;
  }
  .jp-records-workspace [data-record-collection].jp-filters-open .jp-record-filter:not([hidden]),
  .jp-records-workspace [data-record-collection].jp-filters-open .jp-collection-filter:not([hidden]) {
    display:block !important;
    flex:1 1 100px;
    width:auto !important;
  }
  .jp-records-workspace [data-record-collection].jp-filters-open .jp-collection-date-range:not([hidden]) {
    display:flex !important;
    flex:1 1 100%;
  }
  .jp-records-workspace [data-record-collection] .jp-record-total {
    min-height:30px;
    padding:0 1px !important;
  }
  .jp-records-workspace [data-record-collection] .jp-record-total strong {
    font-size:13px !important;
  }
  .jp-total-scope { font-size:10.5px; }
  .jp-collection-footer {
    flex-wrap:nowrap;
    min-height:34px;
    gap:10px;
  }
  .jp-collection-count {
    flex:1 1 auto;
    min-width:0;
    white-space:nowrap;
  }
  .jp-collection-pager {
    flex:0 0 auto;
    width:auto;
    gap:5px;
    justify-content:flex-end;
  }
  .jp-collection-pager button {
    min-width:42px;
    padding:7px 9px;
    font-size:11px;
  }
  .jp-collection-pager select { display:none; }
  .jp-collection-page { min-width:38px; }
  .jp-records-workspace .jp-record-link,
  .jp-records-workspace .jp-payment-records__trigger {
    min-height:82px !important;
    padding:11px 13px !important;
  }
}
