:root {
  --fn-col-width: 40px;
  --main-col-min-width: 200px;
}

.danger-note {
  color: var(--error_color);
}

.scroll-table-container {
  overflow-x: auto;
}

.header-container th {
  vertical-align: bottom;
}

.loco-header .info {
  display: flex;
  flex-direction: column;
}

.loco-header .address,
.loco-header .class,
.loco-header .name {
  display: block;
}

.loco-header .address,
.loco-header .name {
  font-weight: normal;
  font-size: 75%;
}

.loco-header .address {
  order: 1;
}

.loco-header .class {
  order: 2;
}

table.table {
  width: 100%;
  margin: 2px;
}

table.table td.currency {
  text-align: right;
}

table.table td.no-value {
  color: var(--page_color_foreground-secondary);
  pointer-events: none;
}

table.table td.no-value::after {
  content: "-";
}

table.table tfoot {
  border-top: 1px solid var(--table_color_background-title);
}

table#dcc-functions th {
  min-width: var(--main-col-min-width);
  width: calc(var(--loco-column-width) - var(--fn-col-width));
}

table#dcc-functions th:first-child {
  min-width: unset;
  width: var(--fn-col-width);
}