/* Product Accounts mapped to the current Navorina DS module. */
.acc-page .acc-head { display: none; }
.acc-page .nv-acc { display: grid; gap: 24px; min-width: 0; padding-block-end: 48px; color: var(--nv-table-text); font-family: var(--lib-font-primary, Inter, sans-serif); container: nv-acc / inline-size; }
.acc-page .acc-summary-shell { margin: 0; }
.acc-page .acc-summary.dash-kpi-row { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 4px; }
.acc-page .nv-acc-tools { display: flex; min-height: 2rem; align-items: center; gap: 8px; min-width: 0; overflow-x: auto; scrollbar-width: none; }
.acc-page .nv-acc-tools::-webkit-scrollbar { display: none; }
.acc-page .nv-acc-tools .acc-chips { display: flex; flex: none; align-items: center; gap: 8px; overflow: visible; padding: 0; }
.acc-page .nv-acc-search { display: inline-flex; flex: none; align-items: center; gap: 8px; min-height: 2rem; padding: 0 12px; border-radius: 999px; background: var(--nv-table-well); color: var(--nv-table-cell); }
.acc-page .nv-acc-search input { width: 11rem; border: 0; background: transparent; color: inherit; font: inherit; font-size: var(--nv-type-callout-size); letter-spacing: var(--nv-type-callout-tracking); outline: none; }
.acc-page .nv-acc-search input::placeholder { color: var(--nv-table-head); opacity: 1; }
.acc-page .nv-acc__layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, var(--nv-aside-w)); gap: 24px; align-items: start; }
.acc-page .nv-acc__main,
.acc-page .nv-acc__aside { display: grid; gap: 24px; min-width: 0; align-content: start; }
.acc-page .nv-acc__aside { position: static; }
.acc-page .nv-acc-actions { order: 1; }
.acc-page .nv-acc-distribution { order: 2; }
.acc-page .nv-acc-activity-list { order: 3; }
.acc-page .nv-acc-table { overflow: hidden; border: var(--nv-table-island-border); border-radius: var(--nv-island-radius); background: var(--nv-table-island); container: nv-acc-table / inline-size; }
.acc-page .nv-acc-table .nv-o-table__grid { min-width: 0; table-layout: fixed; }
.acc-page .nv-acc-table th.nv-acc-col-type { width: 9.25rem; }
.acc-page .nv-acc-table th.nv-acc-col-currency { width: 6.5rem; }
.acc-page .nv-acc-table th.nv-acc-col-balance { width: 9.5rem; }
.acc-page .nv-acc-table th.nv-acc-col-change { width: 9rem; }
.acc-page .nv-acc-table th.nv-acc-col-status { width: 7.25rem; }
.acc-page .nv-acc-table :is(th, td).nv-o-table__actions { width: 4rem; min-width: 4rem; padding-inline: 0 1rem; }
.acc-page .nv-acc-table .nv-o-table__grid td { padding: 1rem 1.25rem; }
.acc-page .nv-acc-table .nv-o-table__grid :is(th, td):not(.nv-o-table__actions) {
  text-align: start !important;
}
.acc-page .nv-acc-table .nv-o-table__grid :is(.acc-balance__primary, .acc-balance__secondary, .acc-balance__avail, .acc-change) {
  text-align: start !important;
}
.acc-page .nv-acc-table .acc-account { display: flex; min-width: 0; align-items: center; }
.acc-page .nv-acc-table .acc-account > div { min-width: 0; }
.acc-page .nv-acc-table :is(.acc-account__title, .acc-account__sub) { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.acc-page .nv-acc-table .acc-account__icon { --nv-mark-size: 24px; --nv-mark-fill: 58%; width: var(--nv-mark-size); height: var(--nv-mark-size); min-width: 0; flex: 0 0 var(--nv-mark-size); border-radius: 50%; }
.acc-page .nv-acc-table .acc-account__icon--flag { --nv-mark-fill: 100%; background: var(--nv-table-avatar); }
.acc-page .nv-acc-table .acc-account__icon--crypto { --nv-mark-fill: 78%; }
.acc-page .nv-acc-table .acc-account__icon--mastercard::before,
.acc-page .nv-acc-table .acc-account__icon--mastercard::after { top: 7px; width: 11px; height: 11px; }
.acc-page .nv-acc-table .acc-account__icon--mastercard::before { left: 5px; }
.acc-page .nv-acc-table .acc-account__icon--mastercard::after { right: 5px; }
.acc-page .nv-acc-table :is(.acc-account__title, .acc-client__name) { margin: 0; color: var(--nv-table-text); font-size: var(--nv-type-headline-size); letter-spacing: var(--nv-type-headline-tracking); font-weight: var(--nv-type-weight-medium); line-height: var(--nv-type-headline-line); }
.acc-page .nv-acc-table :is(.acc-account__sub, .acc-type__sub) { margin: 2px 0 0; color: var(--nv-table-head); font-size: var(--nv-type-footnote-size); letter-spacing: var(--nv-type-footnote-tracking); }
.acc-page .nv-acc-table .acc-balance__primary { margin: 0; color: var(--nv-table-amount); font-size: var(--nv-type-body-size); letter-spacing: var(--nv-type-body-tracking); font-weight: var(--nv-type-weight-semibold); font-variant-numeric: tabular-nums; }
.acc-page .nv-acc-table .acc-row-action { display: inline-grid; width: 2rem; height: 2rem; place-items: center; padding: 0; border: 0; border-radius: .5rem; background: transparent; color: var(--nv-table-head); }
.acc-page .nv-acc-table .acc-row-action:hover { background: var(--nv-table-well-hover); color: var(--nv-table-text); }
.acc-page .nv-acc-table .acc-pagination { padding: 1rem 1.25rem; }
.acc-page :is(.acc-panel, .acc-table-card) { border: var(--nv-table-island-border); border-radius: var(--nv-island-radius); background: var(--nv-table-island); }
.acc-page .nv-acc-actions { padding: 20px; }
.acc-page .nv-acc-actions .nv-o-card__actions { gap: 12px; }
.acc-page .nv-acc-actions .nv-o-card__action { min-height: 88px; background: transparent; }
.acc-page .nv-acc-actions .nv-o-card__action:hover { background: var(--nv-action-surface-hover, var(--nv-table-well-hover)); }
.acc-page .nv-acc-actions .nv-o-card__action:active { transform: scale(.96); }
.acc-page .nv-acc-distribution { padding: 20px; }
.acc-page .nv-acc-activity-list { padding: 20px 20px 10px; }
.acc-page .nv-acc-activity-list .acc-activity { margin-inline: -12px; padding: 10px 12px; border-radius: 16px; }
.acc-page .nv-acc-activity-list .acc-activity:first-of-type { padding-block-start: 10px; }
.acc-page .nv-acc-activity-list .acc-activity:last-of-type { padding-block-end: 0; }
.acc-page .nv-acc-activity-list .acc-activity__icon { --nv-mark-size: 32px; --nv-mark-fill: 50%; border-radius: 10px; }
.acc-page .acc-toast { right: 24px; left: auto; bottom: max(24px, env(safe-area-inset-bottom)); transform: translateY(8px); }
.acc-page .acc-toast.is-visible { transform: translateY(0); }
@container nv-acc (max-width: 980px) { .acc-page .nv-acc__layout { grid-template-columns: minmax(0, 1fr); } }
@container nv-acc-table (max-width: 1000px) {
  .acc-page .nv-acc-table .nv-o-table__grid :is(.nv-acc-col-currency, th:nth-child(3), td:nth-child(3)) { display: none; }
}
@container nv-acc-table (max-width: 820px) {
  .acc-page .nv-acc-table .nv-o-table__grid { width: 100%; min-width: 0; table-layout: fixed; }
  .acc-page .nv-acc-table .nv-o-table__grid :is(.nv-acc-col-type, .nv-acc-col-change, th:nth-child(2), td:nth-child(2), th:nth-child(5), td:nth-child(5)) { display: none; }
  .acc-page .nv-acc-table .nv-o-table__grid :is(th, td):nth-child(1) { width: 44% !important; }
  .acc-page .nv-acc-table .nv-o-table__grid :is(th, td):nth-child(4) { width: 28% !important; }
  .acc-page .nv-acc-table .nv-o-table__grid :is(th, td):nth-child(6) { width: 20% !important; }
  .acc-page .nv-acc-table .nv-o-table__grid :is(th, td):nth-child(7) { width: 8% !important; min-width: 44px; padding-inline: 6px; }
}
@container nv-acc (max-width: 640px) { .acc-page .nv-acc-search input { width: 9rem; } }
@media (max-width: 1280px) { .acc-page .acc-summary.dash-kpi-row { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 800px) { .acc-page .acc-summary.dash-kpi-row { grid-template-columns: minmax(0, 1fr); } }