/* ============== 共通 ============== */


/*日時選択*/

.user-date{
display:grid;
grid-template-columns:1fr 1fr;
gap:25px;
}

.user-date .block{
border:1px solid #ccc;
border-radius:10px;
background:#fff;
text-align:center;
padding:10px;
}
.user-date .title{
font-size:1.2rem;
font-weight:bold;
margin-bottom:12px;
}
.user-date .closed {
background:#eee;
}


@media screen and (max-width : 800px) {
.user-date{
grid-template-columns:1fr;
}
}

/* 予約フォーム */
.input_text{
width:100%;
padding:5px;
border:1px solid #ccc;
border-radius:5px;
font-size:1.2rem;
}

/* チケット画面 */
.ticket-list{
max-width:240px;
margin:0 auto 25px auto;
border:1px solid #333;
}
.ticket-list dt{
padding:5px 10px;
text-align:center;
background:#ccc;
border-bottom:1px solid #333;
font-weight:bold;
}

.ticket-list dd{
text-align:center;
padding:10px;
}

/* 待機一覧（chips） */
.waiting-list{
display: flex;
flex-wrap: wrap;
gap: 10px;
justify-content:center;
}
.waiting-list .break{
    flex-basis: 100%;
	height:0;
}
.chip {
  display: inline-block;
  padding: 3px 8px;
  border-radius: 5px;
  border: 1px solid #e5e7eb;
  background: #f5f5f5;
  font-weight: 600;
}
.chip.is-me {
  background: #fff8e1;
  color:#c30;
}
.chip.ellipsis{
background: transparent;
border: none;
padding: 0px;
}



.clinic-reserve-ticket h2 { margin: 0 0 12px; }
.clinic-reserve-ticket__table th, .clinic-reserve-ticket__table td { padding: 6px 10px; }
.clinic-reserve-ticket__actions .button,
.clinic-reserve-ticket__actions button { padding: 8px 14px; border-radius: 8px; }



/* 検索フォーム */
.clinic-reserve-search__form input[type="text"],
.clinic-reserve-search__form input[type="date"] {
  padding: 6px 8px; border: 1px solid #ddd; border-radius: 6px;
}