/*
 * Tabela w ustawieniach panelu administracyjnego — wspólny wygląd rejestru warstw
 * mapy (`ustawienia/zawartosc_mapy/warstwy.html`), zdefiniowanej listy etapów
 * (`ustawienia/side_panel/predefined_stages.html`) i rejestru aktualności (`ustawienia.html`).
 *
 * Wydzielone z `ustawienia/zawartosc_mapy.css` i przemianowane z `map-layer-register`
 * / `map-layer-icon`: reguły od początku były uniwersalne, a prefiks `map-layer` odwoływał się
 * wyłącznie do pierwszego miejsca użycia.
 *
 * Warianty ikony wynikają ze sposobu narysowania SVG: `icon_edit.svg` ma `fill="none"`
 * i kolorowaną ścieżkę (`stroked`), `icon_trash.svg` jest wypełniony (`filled`).
 */
.settings-table {
  background-color: #fff;
  border-bottom: 1em solid var(--white-color);
  border-left: 2em solid var(--white-color);
  border-right: 2em solid var(--white-color);
  border-top: 1em solid var(--white-color);
  width: 100%;
}
.settings-table thead {
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
}
.settings-table td {
  border-bottom: var(--default-outline);
  padding: 0.4em;
}
.settings-table-icon {
  margin: auto;
  padding: 0.4em;
  width: fit-content;
}
.settings-table-icon.clickable {
  cursor: pointer;
}
button.settings-table-icon {
  background: none;
  border: none;
  color: inherit;
  display: block;
  font: inherit;
  line-height: 0;
}
.settings-table-icon.filled {
  fill: var(--graphite-color);
}
.settings-table-icon.filled:hover {
  fill: var(--blue-color);
}
.settings-table-icon.stroked {
  stroke: var(--graphite-color);
}
.settings-table-icon.stroked:hover {
  stroke: var(--blue-color);
}