/* Formuláre: entry/rules/profile/add-item, dátumové pole. */
.add { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-top: 8px; }
.add input { min-width: 160px; font: inherit; }
.add input[type="file"] { min-width: 0; }

form.entry, form.rules {
  display: grid;
  gap: 10px;
  margin-top: 12px;
  padding: 12px;
  background: var(--panel);
  border: 1px solid var(--line);
}
form.entry fieldset {
  border: 0;
  margin: 0;
  padding: 0 0 4px;
  display: grid;
  gap: 8px;
  border-bottom: 1px solid var(--line);
}
form.entry legend {
  font-weight: 650;
  padding: 0;
}
form.entry label, form.rules label {
  display: grid;
  gap: 4px;
  min-width: 0;
}
form.entry input, form.entry select, form.rules input, form.rules select {
  width: 100%;
  min-height: 34px;
  padding: 6px 8px;
}
form.entry .pair, form.rules .pair {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px 12px;
}
form.entry .hours, form.rules .hours {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px 12px;
}
form.entry .days, form.rules .days {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
}
form.entry button[type="submit"], form.rules button {
  justify-self: start;
  min-height: 34px;
  padding: 6px 14px;
  background: var(--red);
  color: #fff;
  border-color: var(--red);
}
form.entry [hidden] { display: none !important; }
form.entry .programmes {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(14rem, 1fr));
  gap: 6px 16px;
}
form.entry .programmes label {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 6px;
}
form.entry .programmes input[type="checkbox"] {
  width: 1em;
  height: 1em;
  min-width: 1em;
  min-height: 0;
  margin: 0;
  padding: 0;
  flex: 0 0 auto;
}
form.entry label.tick, form.rules label.tick {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-self: end;
  gap: 8px;
  min-height: 34px;
}
form.entry label.tick input, form.rules label.tick input {
  width: 1em;
  height: 1em;
  min-width: 1em;
  min-height: 0;
  margin: 0;
  padding: 0;
}
form.entry .reqs { display: grid; gap: 4px; }
form.entry .rooms, form.rules .rooms {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(7rem, 1fr));
  gap: 4px 8px;
}
form.entry .rooms label, form.rules .rooms label {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
}
form.entry .rooms input, form.rules .rooms input {
  width: 1em;
  height: 1em;
  min-width: 1em;
  min-height: 0;
  margin: 0;
  padding: 0;
}
form.entry .checks {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  gap: 8px;
}
form.entry .checks label { display: flex; align-items: center; gap: 6px; }
form.entry .checks input { width: auto; min-height: 0; }
form.entry .hits, form.entry .picked { list-style: none; margin: 0; padding: 0; display: grid; gap: 4px; }
form.entry .hits button, form.entry .picked button.text {
  width: auto;
  min-height: 28px;
  padding: 4px 8px;
  background: transparent;
  color: var(--text);
  border: 1px solid var(--line);
  text-align: left;
}

.login label { display: grid; gap: 2px; }
.login button { background: var(--red); color: #fff; border-color: var(--red); }
.error { color: var(--red); }

form.add-item {
  display: grid;
  grid-template-columns: 1.15fr 1.25fr 1fr 1.35fr;
  gap: 8px 12px;
  align-items: end;
  margin-top: 8px;
}
form.add-item label { display: flex; flex-direction: column; gap: 4px; }
form.add-item input, form.add-item select { width: 100%; min-height: 34px; }
form.add-item label.tick { flex-direction: column; align-items: flex-start; }
form.add-item label.tick span { display: flex; align-items: center; gap: 8px; }
form.add-item label.tick span:last-child { min-height: 34px; }
form.add-item label.tick input { width: auto; min-height: 0; }
form.add-item label.fresh { grid-column: 1 / 4; }
form.add-item label.name { grid-column: 1 / -1; }
form.add-item label.sheet { grid-column: 1 / 4; }
form.add-item button.quiet { min-height: 34px; }
form.add-item a.quiet { align-self: center; }
form.profile {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr));
  gap: 10px 16px;
  margin-top: 12px;
}
form.profile label { display: grid; gap: 4px; }
form.profile label.wide { grid-column: 1 / -1; }
form.profile input, form.profile select { width: 100%; min-height: 34px; }
form.profile button { justify-self: start; }

/* Dátumové polia (DD.MM.RRRR): šírka podľa obsahu, nie podľa stĺpca */
html body input.sk-date {
  width: 7.4em;
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
  padding-left: 8px;
  padding-right: 8px;
  font-variant-numeric: tabular-nums;
}