/* Jednoduché styly pro formulář a tabulku */
.bowling-res { max-width: 640px; margin: 1rem auto; font-family: inherit; }
.bowling-res h3 { margin-bottom: .5rem; }
.bowling-res__form { display: grid; grid-template-columns: 1fr; gap: .75rem; }
.bowling-res__row { display: flex; flex-direction: column; gap: .25rem; }
.bowling-res__btn { padding: .6rem 1rem; cursor: pointer; border: 0; border-radius: .5rem; background: #111; color: #fff; }
.bowling-res__notice { padding: .75rem 1rem; border-radius: .5rem; margin: .5rem 0 1rem; }
.bowling-res__notice--success { background: #e6ffed; }
.bowling-res__notice--error { background: #ffecec; }

.bowling-res__table { width: 100%; border-collapse: collapse; margin-top: .5rem; }
.bowling-res__table th, .bowling-res__table td { border: 1px solid #ddd; padding: .5rem; text-align: center; }
.bowling-res__table td.free { background: #effaf0; }
.bowling-res__table td.taken { background: #fde8e8; }