.reservation-wa-shell {
  height: min(780px, calc(100vh - 250px));
  max-height: 780px;
}

.reservation-wa-list {
  min-height: 0;
  overflow: hidden;
}

.reservation-wa-chat {
  min-height: 0;
  overflow: hidden;
}

.reservation-wa-stream {
  min-height: 0;
  overflow-x: hidden;
  overflow-y: scroll;
  scrollbar-color: #68757c #0e1417;
  scrollbar-gutter: stable;
  scrollbar-width: thin;
}

.reservation-wa-stream::-webkit-scrollbar {
  width: 10px;
}

.reservation-wa-stream::-webkit-scrollbar-track {
  background: #0e1417;
}

.reservation-wa-stream::-webkit-scrollbar-thumb {
  background: #68757c;
  border: 2px solid #0e1417;
  border-radius: 10px;
}

.reservation-wa-stream::-webkit-scrollbar-thumb:hover {
  background: #89969c;
}

.reservation-wa-conversations {
  min-height: 0;
  overflow-x: hidden;
  overflow-y: scroll;
  scrollbar-color: #68757c #101619;
  scrollbar-gutter: stable;
  scrollbar-width: thin;
}

.reservation-wa-conversations::-webkit-scrollbar {
  width: 10px;
}

.reservation-wa-conversations::-webkit-scrollbar-track {
  background: #101619;
}

.reservation-wa-conversations::-webkit-scrollbar-thumb {
  background: #68757c;
  border: 2px solid #101619;
  border-radius: 10px;
}

.reservation-wa-conversations::-webkit-scrollbar-thumb:hover {
  background: #89969c;
}

.reservation-wa-shadow {
  margin-top: 10px;
  padding: 10px;
  border: 1px solid #7a6230;
  border-radius: 6px;
  background: #171d20;
  color: #e8c37d;
}

.reservation-wa-shadow strong {
  display: block;
  font-size: 11px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.reservation-wa-shadow p {
  margin: 6px 0;
  color: #edf1f2;
}

.reservation-wa-shadow small {
  color: #aeb8bd;
  text-align: left;
}

.reservation-wa-chat > footer { grid-template-columns: repeat(4, 1fr); }
.reservation-wa-training-approval { display:flex; align-items:center; gap:8px; margin-top:10px; padding-top:9px; border-top:1px solid #4b4530; color:#edf1f2; cursor:pointer; }
.reservation-wa-training-approval input { width:16px; height:16px; accent-color:#e2aa55; }
.reservation-wa-training-reviewed { display:block; margin-top:9px; color:#69c18b; font-size:11px; font-weight:700; }
.reservation-wa-learning-score { display:flex; align-items:baseline; gap:8px; margin-top:10px; }
.reservation-wa-learning-score span { color:#e2aa55; font-size:24px; font-weight:800; }
.reservation-wa-learning-score small { color:#aeb8bd; }
.reservation-wa-learning-bar { height:8px; margin:9px 0 12px; overflow:hidden; border-radius:999px; background:#293238; }
.reservation-wa-learning-bar span { display:block; width:0; height:100%; border-radius:inherit; background:linear-gradient(90deg,#bd7b3c,#e2aa55,#69c18b); transition:width .25s ease; }
.reservation-wa-learning p { margin:7px 0 0; }
.reservation-wa-learning #reservationWaLearningReadiness.ready { color:#69c18b; font-weight:700; }
.reservation-wa-chat > header > .reservation-wa-header-status { display:flex; align-items:flex-end; gap:6px; flex-direction:column; }
.reservation-wa-chat > header > .reservation-wa-header-status > span { padding:6px 9px; border:1px solid #3a464c; border-radius:14px; color:#aeb8bd; font-size:11px; white-space:nowrap; }
.reservation-wa-chat > header #reservationWaWindowTimer { font-variant-numeric:tabular-nums; font-weight:700; }
.reservation-wa-chat > header #reservationWaWindowTimer.open { border-color:#386c4c; background:#13281d; color:#79d49a; }
.reservation-wa-chat > header #reservationWaWindowTimer.closed { border-color:#7e493f; background:#2c1816; color:#f0a393; }
.reservation-wa-chat > header #reservationWaWindowTimer.homologation { border-color:#6f5c32; background:#272113; color:#e8c37d; }
@media(max-width:760px) {
  .reservation-wa-chat > header { align-items:flex-start; flex-wrap:wrap; }
  .reservation-wa-chat > header > .reservation-wa-header-status { width:100%; align-items:stretch; flex-direction:row; }
  .reservation-wa-chat > header > .reservation-wa-header-status > span { flex:1; text-align:center; }
}
.reservation-wa-templates select { width:100%; margin-top:10px; background:#101619; }
.reservation-wa-templates p { white-space:pre-wrap; }
.reservation-wa-templates small { display:block; margin-top:8px; color:#e8c37d; line-height:1.4; }