/**
 * Copyright since 2025 Mifos Initiative
 *
 * This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at http://mozilla.org/MPL/2.0/.
 */

.mr-row {
  cursor: pointer;
  transition: background 0.12s ease;

  &:hover,
  &:focus-visible {
    background: color-mix(in srgb, var(--cert-blue) 6%, transparent);
  }

  &:focus-visible {
    outline: 2px solid var(--cert-blue);
    outline-offset: -2px;
  }

  &:hover .mr-chevron,
  &:focus-visible .mr-chevron {
    opacity: 1;
  }
}

.mr-chevron {
  opacity: 0;
  color: var(--cert-blue);
  transition: opacity 0.12s ease;
}

/* The serial is the register's own numbering, so it reads as a label rather than a figure. */
.mr-serial {
  font-weight: 700;
  color: var(--cert-g500);
  font-variant-numeric: tabular-nums;
}

.mr-address {
  max-width: 260px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Shares still awaiting approval sit beside the holding rather than inside it — they are
   not yet share capital, and adding them to the figure would overstate the register. */
.mr-pending {
  margin-left: 6px;
  font-size: 11px;
  font-weight: 700;
  color: var(--cert-amber);
}

.mr-pill--multi {
  margin-left: 8px;
  background: var(--cert-blue-l);
  color: var(--cert-blue-d);
  font-size: 10px;
  padding: 2px 7px;
}

.cert-table {
  .num {
    text-align: right;
    font-variant-numeric: tabular-nums;
  }

  tfoot .mr-total > td {
    background: var(--cert-g50);
    font-weight: 800;
    color: var(--cert-g900);
    border-top: 2px solid var(--cert-g200);
    padding: 12px;
    white-space: nowrap;
  }
}

.mr-retry {
  margin-left: 10px;
}

/* A register is a document that gets signed and filed, so printing drops the chrome. */
@media print {
  .cert-filters,
  .cert-head-r,
  .cert-kpis,
  .mr-chevron {
    display: none !important;
  }

  .cert-card {
    border: none;
  }

  .mr-address {
    max-width: none;
    white-space: normal;
  }

  .cert-table {
    font-size: 10px;
  }

  /* Repeat the column headings on every printed page of a long register. */
  .cert-table thead {
    display: table-header-group;
  }

  .mr-row {
    break-inside: avoid;
  }
}