/* /Pages/Components/ItmLessonCalendar.razor.rz.scp.css */
.scheduler-overlay[b-xb4u5p6wrd] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0); /* Semi-transparent white */
    z-index: 99; /* Ensure it's above the scheduler but below modal dialogs, adjust as needed */
    cursor: default;
    display: flex;
    justify-content: center;
    align-items: center;
}

.btn-calendar-change-date[b-xb4u5p6wrd] {
    border-radius: 100%;
    border: 1px transparent;
    padding: 0.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: transparent;

}
    .btn-calendar-change-date:hover[b-xb4u5p6wrd] {
        background-color: #EEEEEE;
    }

.btn-calendar-change-date > i[b-xb4u5p6wrd]{
    width: 1em;
    height: 1em;
}
/* /Pages/Components/ItmSaveStatusBadge.razor.rz.scp.css */
.itm-save-status-badge[b-igusjd1kf6] {
    display: inline-flex;
    align-items: center;
    font-size: 0.85rem;
    padding: 0.125rem 0.5rem;
    border-radius: 0.25rem;
    margin-left: 0.5rem;
    transition: opacity 0.3s ease-out;
}
.itm-save-status-badge--saving[b-igusjd1kf6] {
    background: var(--bs-info-bg-subtle, #cff4fc);
    color: var(--bs-info-text-emphasis, #055160);
}
.itm-save-status-badge--saved[b-igusjd1kf6] {
    background: var(--bs-success-bg-subtle, #d1e7dd);
    color: var(--bs-success-text-emphasis, #0a3622);
}
.itm-save-status-badge--error[b-igusjd1kf6] {
    background: var(--bs-danger-bg-subtle, #f8d7da);
    color: var(--bs-danger-text-emphasis, #58151c);
}
/* /Pages/Components/PublicChatClient.razor.rz.scp.css */
/* Floating Chat Button */
#chat-button-container[b-dym35b6p7z] {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 1000;
}

.prevent-select[b-dym35b6p7z] {
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
}

.chat-button[b-dym35b6p7z] {
  background-color: #008e76;
  color: white;
  border: 1px solid white;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  font-size: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.chat-button:hover[b-dym35b6p7z] {
  background-color: #04aa8a;
}

/* Chat Interface */
.chat-interface[b-dym35b6p7z] {
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: 340px;
  height: 600px;
  max-height: 700px;
  background-color: white;
  border: 1px solid #ccc;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  z-index: 999;
}

.chat-header[b-dym35b6p7z] {
  background-color: #008e76;
  color: white;
  padding: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.close-button[b-dym35b6p7z] {
  background: none;
  border: none;
  color: white;
  font-size: 18px;
  cursor: pointer;
}

.close-button:hover[b-dym35b6p7z] {
  color: #ff797d;
}

.chat-content[b-dym35b6p7z] {
  flex: 1;
  padding: 10px;
  overflow-y: auto;
  min-height: 250px;
  background-color: #f9f9f9;
}

.chat-input-container[b-dym35b6p7z] {
  display: flex;
  padding: 0px;
  border-top: 1px solid #ccc;
}

.chat-input[b-dym35b6p7z] {
  flex: 1;
  border: 0px solid #ccc;
  border-radius: 5px;
  padding: 12px;
  line-height: 1;
  resize: none;
}

.send-button[b-dym35b6p7z] {
  margin-left: 5px;
  background-color: #008e76;
  color: white;
  border: none;
  border-radius: 0px;
  padding: 5px 15px;
}

.send-button:hover[b-dym35b6p7z] {
  background-color: #04aa8a;
}