.area-matrix-panel tbody th {
  background: transparent;
  text-transform: none;
  letter-spacing: normal;
}
.area-matrix-panel tfoot {font-weight: 700}
.area-matrix-panel .row-title {min-height: 44px; text-align: left}
.area-matrix-panel td[data-value] > span {font-variant-numeric: tabular-nums}
@media screen and (max-width: 600px) {
  .area-matrix-panel .mobile-records tr {grid-template-columns: repeat(2,minmax(0,1fr))}
  .area-matrix-panel th[scope="row"] {display: block; padding: 0; border: 0; grid-column: 1/-1}
  .area-matrix-panel tfoot {display: block; margin-top: 10px}
  .area-matrix-panel tfoot tr {display: grid; gap: 9px 12px; padding: 12px; background: var(--surface); border: 1px solid var(--line); border-radius: 10px}
  .area-matrix-panel tfoot td {padding: 0; border: 0; text-align: left; white-space: normal}
}
@media print {
  .area-matrix-panel {break-inside: auto}
  .area-matrix-panel .table-wrap {overflow: visible}
  .area-matrix-panel table {min-width: 0; width: 100%}
  .area-matrix-panel thead {display: table-header-group}
  .area-matrix-panel tr {break-inside: avoid}
}