/* Product Accounting mapped to the current Navorina DS module. */
.acct-page .acct-head { display: none; }
.acct-page .nv-acct { 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-acct / inline-size; }
.acct-page .nv-acct__stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 4px; margin: 0; }
.acct-page .nv-acct-tools { display: flex; align-items: center; gap: 8px; min-width: 0; margin: 0; overflow-x: auto; scrollbar-width: none; }
.acct-page .nv-acct-tools::-webkit-scrollbar { display: none; }
.acct-page .nv-acct-tools .acct-filters { width: 100%; gap: 8px; }
.acct-page .nv-acct-tools :is(.acct-filter__trigger, .acct-period__trigger) { min-height: 32px; border: 0; border-radius: 999px; background: var(--nv-table-well); color: var(--nv-table-cell); box-shadow: none; }
.acct-page .nv-acct-tools :is(.acct-filter__trigger, .acct-period__trigger):hover { background: var(--nv-table-well-hover); color: var(--nv-table-text); }
.acct-page .nv-acct-tools .acct-filter__menu { border: var(--nv-table-island-border); border-radius: 16px; background: var(--nv-table-island); box-shadow: 0 20px 48px rgb(0 0 0 / .34); }
.acct-page .nv-acct-tools .acct-toolbar__actions { margin-inline-start: auto; }

.acct-page .nv-acct__layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, var(--nv-aside-w)); gap: 24px; align-items: start; }
.acct-page .nv-acct__main { grid-column: 1; grid-row: 2; display: grid; min-width: 0; gap: 24px; align-content: start; }
.acct-page .nv-acct__aside { grid-column: 2; grid-row: 1 / span 2; display: grid; min-width: 0; gap: 24px; align-content: start; position: static; width: auto; }
.acct-page .nv-acct-chart { grid-column: 1; grid-row: 1; min-width: 0; padding: 24px; border: var(--nv-table-island-border); border-radius: var(--nv-island-radius); background: var(--nv-table-island); box-shadow: none; }
.acct-page .nv-acct-chart .acct-chart-card__head { margin: 0 0 18px; }
.acct-page .nv-acct-chart .acct-chart-card__title { color: var(--nv-table-text); font-size: var(--nv-type-title-3-size); letter-spacing: var(--nv-type-title-3-tracking); font-weight: var(--nv-type-title-3-weight); }
.acct-page .nv-acct-chart .acct-chart-card__sub { color: var(--nv-table-head); font-size: var(--nv-type-footnote-size); letter-spacing: var(--nv-type-footnote-tracking); }

.acct-page .nv-acct-table { container: nv-acct-table / inline-size; }
.acct-page .nv-acct-table .acct-table-card__head { align-items: center; padding: 20px 20px 8px; border: 0; }
.acct-page .nv-acct-table .acct-table-card__title { 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-headline-weight); }
.acct-page .nv-acct-table .acct-table-card__actions { display: flex; align-items: center; gap: 4px; }
.acct-page .nv-acct-table :is(.acct-table-card__action, .acct-table-card__link) { min-height: 32px; padding: 0 10px; border: 0; border-radius: 999px; background: transparent; color: var(--nv-table-head); font: 500 13px/1 var(--lib-font-primary, Inter, sans-serif); }
.acct-page .nv-acct-table :is(.acct-table-card__action, .acct-table-card__link):hover { background: var(--nv-table-well-hover); color: var(--nv-table-text); }
.acct-page .nv-acct-table .acct-table-card__link::after { content: none; }
.acct-page .nv-acct-table .nv-o-table__grid { width: 100%; min-width: 40rem; table-layout: fixed; }
.acct-page .nv-acct-table .nv-o-table__grid :is(th, td) { padding-inline: .75rem; }
.acct-page .nv-acct-table .nv-o-table__grid :is(th, td):first-child { width: 11%; padding-inline-start: 1.25rem; }
.acct-page .nv-acct-table .nv-o-table__grid :is(th, td):nth-child(2) { width: 28%; }
.acct-page .nv-acct-table .nv-o-table__grid :is(th, td):nth-child(3) { width: 14%; }
.acct-page .nv-acct-table .nv-o-table__grid :is(th, td):nth-child(4) { width: 11%; }
.acct-page .nv-acct-table .nv-o-table__grid :is(th, td):nth-child(5) { width: 16%; text-align: end; }
.acct-page .nv-acct-table .nv-o-table__grid :is(th, td):nth-child(6) { width: 12%; }
.acct-page .nv-acct-table .nv-o-table__grid :is(th, td):last-child { width: 3rem; padding-inline-end: 1rem; }
.acct-page .nv-acct-table .nv-o-table__grid th { height: 46px; border: 0; color: var(--nv-table-head); font-size: var(--nv-type-footnote-size); font-weight: var(--nv-type-weight-medium); text-transform: none; letter-spacing: var(--nv-type-footnote-tracking); }
.acct-page .nv-acct-table .nv-o-table__grid td { padding-block: 16px; border-block-end: 1px solid var(--nv-table-divider); color: var(--nv-table-cell); }
.acct-page .nv-acct-table .nv-o-table__grid tbody tr:last-child td { border-block-end: 0; }
.acct-page .nv-acct-table .acct-filing__name { 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); }
.acct-page .nv-acct-table .acct-filing__sub { margin-top: 2px; color: var(--nv-table-head); font-size: var(--nv-type-footnote-size); letter-spacing: var(--nv-type-footnote-tracking); }
.acct-page .nv-acct-table .acct-amount { 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; white-space: nowrap; }
.acct-page .nv-acct-table .acct-status { display: inline-flex; padding: 4px 10px; border-radius: 999px; font-size: var(--nv-type-footnote-size); letter-spacing: var(--nv-type-footnote-tracking); font-weight: var(--nv-type-weight-semibold); line-height: 18px; white-space: nowrap; }
.acct-page .nv-acct-table .acct-row-main { display: flex; min-width: 0; align-items: center; gap: 12px; }
.acct-page .nv-acct-table .acct-row-main > div { min-width: 0; }
.acct-page .nv-acct-table .acct-row-icon { display: grid; width: 32px; height: 32px; min-width: 32px; place-items: center; border-radius: 9px; background: var(--nv-section-control-surface); color: var(--nv-table-cell); }
.acct-page .nv-acct-table .acct-row-icon svg { width: 16px; height: 16px; }
.acct-page .nv-acct-table .acct-row-action { display: inline-grid; width: 32px; height: 32px; place-items: center; padding: 0; border: 0; border-radius: 9px; background: var(--nv-section-control-surface); color: var(--nv-table-cell); }
.acct-page .nv-acct-table .acct-row-action:hover { background: var(--nv-section-control-hover); color: var(--nv-table-text); }
.acct-page .nv-acct-table .nv-o-table__grid tbody tr:is(.is-selected, [aria-selected="true"]) { background: var(--nv-section-row-selected); box-shadow: inset 3px 0 0 var(--nv-table-row-accent); }
.acct-page .nv-acct-table .nv-o-table__grid tbody tr:is(.is-selected, [aria-selected="true"]) > td { background: transparent; }
.acct-page .nv-acct-table .nv-acct-foot { display: flex; min-height: 56px; align-items: center; justify-content: space-between; gap: 16px; padding: 8px 20px 16px; }
.acct-page .nv-acct-table .nv-acct-foot .acct-table-card__action { display: inline-flex; align-items: center; gap: 8px; margin-inline-start: auto; color: var(--nv-table-cell); }
.acct-page .nv-acct-table .nv-acct-foot .acct-table-card__action svg { flex: 0 0 auto; }

.acct-page .nv-acct__aside .nv-o-card { width: 100%; padding: 24px; border: var(--nv-table-island-border); border-radius: var(--nv-island-radius); background: var(--nv-table-island); box-shadow: none; }
.acct-page .nv-acct__aside .acct-panel__title { color: var(--nv-table-text); font-size: var(--nv-type-title-3-size); letter-spacing: var(--nv-type-title-3-tracking); font-weight: var(--nv-type-title-3-weight); }
.acct-page .nv-acct__aside .acct-month-close__marker { background: var(--nv-section-control-surface); }
.acct-page .nv-acct__aside .acct-panel--detail { gap: 16px; }
.acct-page .nv-acct__aside .acct-detail__head { grid-template-columns: minmax(0, 1fr) auto; align-items: start; gap: 12px; }
.acct-page .nv-acct__aside .acct-detail__head > .acct-status { justify-self: end; }
.acct-page .nv-acct__aside .acct-detail__stats { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.acct-page .nv-acct__aside .acct-detail__stats > div { display: grid; align-content: start; gap: 5px; min-height: 68px; padding: 10px 12px; border-radius: 12px; background: var(--nv-card-tile); }
.acct-page .nv-acct__aside .acct-detail__stats dd { color: var(--nv-table-text); text-align: start; }
.acct-page .nv-acct__aside .acct-detail__note { background: var(--nv-card-tile); }
.acct-page .nv-acct__aside .acct-detail__meta span { min-height: 0; padding: 0; background: transparent; }
.acct-page .nv-acct__aside .acct-detail__meta span:not(:last-child)::after { content: "·"; margin-inline-start: 6px; color: var(--nv-table-head); }
.acct-page .nv-acct__aside .acct-detail__actions,
.acct-page .nv-acct__aside .acct-month-close__actions { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 8px; }
.acct-page .nv-acct__aside :is(.acct-detail__button, .acct-month-close__button) { min-height: 36px; border: 0; border-radius: 999px; background: transparent; color: var(--nv-table-cell); box-shadow: none; }
.acct-page .nv-acct__aside :is(.acct-detail__button, .acct-month-close__button):hover:not(:disabled) { background: var(--nv-table-well-hover); color: var(--nv-table-text); }
.acct-page .nv-acct__aside :is(.acct-detail__button--primary, .acct-month-close__button--primary) { background: var(--nv-table-well-hover); color: var(--nv-table-text); }
.acct-page .nv-acct__aside :is(.acct-detail__button--primary, .acct-month-close__button--primary):hover:not(:disabled) { background: var(--color-button-primary); color: var(--color-button-primary-text); }
.acct-page .nv-acct__aside .acct-month-close__status { min-height: 0; }

@container nv-acct (max-width: 980px) {
  /* Beats the two-column financial-layout contract, whose own stack query
     listens to a container this page does not have. */
  body.dash-page.acct-page .nv-acct__layout { grid-template-columns: minmax(0, 1fr) !important; }
  .acct-page .nv-acct__main,
  .acct-page .nv-acct__aside,
  .acct-page .nv-acct-chart { grid-column: 1; grid-row: auto; }
  .acct-page .nv-acct-chart { order: -1; }
  .acct-page .nv-acct__stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}