/* Style własne aplikacji */

/* ---- tablica zajętości ---- */
.board {
  display: grid;
  grid-template-columns: 8rem repeat(2, 1fr);
  gap: 2px 6px;
  overflow-x: auto;
}
.board-head { min-height: 2.6rem; }
.board-hours { position: relative; height: 1rem; }
.board-hour {
  position: absolute;
  transform: translateX(-50%);
  font-size: .7rem;
  color: var(--bs-secondary-color);
}
.board-strip {
  position: relative;
  height: 2.2rem;
  background: var(--bs-tertiary-bg);
  border-radius: .25rem;
  overflow: hidden;
}
.board-tick {
  position: absolute; top: 0; bottom: 0;
  border-left: 1px solid var(--bs-border-color);
  opacity: .5;
}
.board-cell { position: absolute; top: 0; bottom: 0; display: block; }
a.board-cell:hover { outline: 2px solid var(--bs-body-color); z-index: 2; }
.board-free    { background: #198754; }
.board-low     { background: #ffc107; }
.board-high    { background: #fd7e14; }
.board-full    { background: #dc3545; }
.board-past    { background: var(--bs-secondary-bg); }
.board-blocked {
  background: repeating-linear-gradient(45deg,
    var(--bs-secondary-bg), var(--bs-secondary-bg) 4px,
    var(--bs-tertiary-bg) 4px, var(--bs-tertiary-bg) 8px);
}
.board-legend {
  display: inline-block;
  width: .9rem; height: .9rem;
  border-radius: .2rem;
  vertical-align: -.15rem;
  margin-left: .6rem;
}