:root {
  --glowny: rgb(0, 121, 107); /* Ciemna turkusowa zieleń (#00796b) */
  --tlo: rgb(224, 242, 241); /* Bardzo jasny turkus (#e0f2f1) */
  --tekst: rgb(0 ,77 ,64); /* Ciemny zielony (#004d40) */
}

body {
  font-family: "Segoe UI", Tahoma, sans-serif;
  background-color: var(--tlo);
}

#powrot {
  position: fixed;
  top: 15px;
  left: 15px;
  width: 40px;
  height: 40px;
  border: none;
  border-radius: 50%; /* Okrągły kształt */
  background: var(--tekst);
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3);
  color: white;
  cursor: pointer;
  font-size: 30px;
  text-decoration: none;
  text-align: center;
  line-height: 34px; /* O 4px mniej niż wysokość <div>, aby idealnie wypośrodkować strzałkę ← w pionie. */
  transition: transform 0.2s;
}

#powrot:hover {
  transform: rotate(45deg);
}

#tytul, #uzytkownik {
  text-align: center;
  font-size: x-large;
  font-weight: bold;
}

#uzytkownik {
  color: var(--tekst);
}

table {
  border-collapse: collapse;
  width: 80%;
  margin: 20px auto 20px auto;
  background-color: white;
}

th, td {
  border: 1px solid rgb(221, 221, 221); /* Bardzo jasny szary */
  padding: 4px;
}

th {
  color: white;
  background-color: var(--tekst);
}

td:first-child {
  color: var(--tekst);
  text-align: center;
}

#podswietlonyWiersz {
  background-color: rgb(255, 218, 218) /* Blady róż */
}

.notatka {
  padding-top: 2px;
  padding-bottom: 2px;
  /* background-color: red; */
}