/* Rozhranie obsluhy. Stavia na styles.css, tu je len to, co clenska zona nema. */

.zaskrtavatko {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 4px 0 6px;
  /* label v styles.css je verzalkami a sedy, tu je to bezna veta pri zaskrtavatku */
  font-size: 15px;
  letter-spacing: 0;
  text-transform: none;
  color: var(--ink);
  cursor: pointer;
}
.zaskrtavatko input {
  width: 20px;
  height: 20px;
  accent-color: var(--red);
  cursor: pointer;
}

/* Bloky v admin prehlade nesu meno, takze su hustejsie na text. */
.kal-blok { font-size: 10.5px; }

.prepinac { display: flex; flex-wrap: wrap; gap: 8px; }

/* V paneli obsluhy sa na blok dá ťuknúť, v členskej zóne nie. */
.kal-blok.klikatelny:hover { outline: 2px solid var(--red); outline-offset: -2px; }

/* Druhy popisok vo vnutri jedneho pola, napriklad nepovinny e-mail hosta. */
.podlabel { margin-top: 14px; }

code {
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: .9em;
  padding: 1px 5px;
  background: rgba(251, 201, 196, .45);
}

/* Ťahanie blokov má štýly v styles.css. Presunuli sa tam, keď si svoju
   rezerváciu začal vedieť presunúť aj člen. */