.click-screen[data-v-913673f9] {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 101;
  background-color: rgba(255, 255, 0, 0.916);
}
.click-screen-left[data-v-913673f9] {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 50%;
  height: 100%;
  background-color: red;
  opacity: 0;
  z-index: 102;
}
.click-screen-right[data-v-913673f9] {
  position: absolute;
  top: 0px;
  left: 50%;
  width: 50%;
  height: 100%;
  background-color: blue;
  opacity: 0;
  z-index: 103;
}
.image-holder[data-v-913673f9] {
  position: relative;
  top: 0;
  left: 0;
}
.first_img[data-v-913673f9] {
  position: relative;
  top: 0;
  left: 0;
  z-index: 100;
  pointer-events: none;
  z-index: 100;
  pointer-events: none;
}
.other_img[data-v-913673f9] {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  pointer-events: none;
  pointer-events: none;
}
.inset-border[data-v-913673f9] {
  outline: 3px solid black;
  outline-offset: -3px;
}

/* animation */
.closed[data-v-0238419f] {
  overflow: hidden;
  max-height: 0px;
  transition: max-height 0.3s ease-in-out;
}
.open[data-v-0238419f] {
  max-height: 5000px;
  transition: max-height 0.3s ease-in-out;
}

.compact-objective-display[data-v-2278b45d] {
  /* display: flex; */
  align-items: center;
  padding: 8px;
  border: 1px solid #ccc;
  border-radius: 4px;
  cursor: pointer;
  background-color: #f5f5f5;
}
.objective-thumbnail[data-v-2278b45d] {
  width: 120px !important;
  margin-right: 16px;
}
.objective-details[data-v-2278b45d] {
  flex-grow: 1;
}
.objective-label[data-v-2278b45d] {
  font-weight: bold;
}
.objective-description[data-v-2278b45d] {
  font-size: 0.9em;
  color: #666;
}

.inline-objective-chat-component[data-v-f247c6f2] {
  display: flex;
  flex-direction: column;
}
.chat-text-white[data-v-f247c6f2] {
  color: white;
}
.chat-text-white[data-v-f247c6f2] p,
.chat-text-white[data-v-f247c6f2] span,
.chat-text-white[data-v-f247c6f2] div,
.chat-text-white[data-v-f247c6f2] i {
  color: white;
}
[data-v-f247c6f2] .v-dialog .v-card-text {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  max-height: 80vh;
  overflow: auto;
}
[data-v-f247c6f2] .v-dialog .v-img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
}
[data-v-f247c6f2] .v-dialog .inset-border {
  outline: 2px solid #ccc;
  outline-offset: 4px;
}

.modal[data-v-eb1d4a2e] {
  max-width: 90%;
  margin-left: auto;
  margin-right: auto;
}
.text-link[data-v-eb1d4a2e] {
  cursor: pointer;
}

.feedback-form[data-v-c6e8c65e] {
  text-align: right;
  /* margin-right: 10px; */
  padding-top: 10px;
  padding-bottom: 10px;
}

.chip-container[data-v-5a665e1b] {
  overflow: hidden;
  align-items: center;
}
.chip-item[data-v-5a665e1b],
.terminator-chip[data-v-5a665e1b] {
  /* This is critical: It prevents chips from shrinking to fit */
  flex-shrink: 0;
  /* Prevents text inside a chip from wrapping */
  white-space: nowrap;
  background-color: white;
  /* color: black; */
}
.terminator-chip[data-v-5a665e1b] {
  cursor: pointer;
}

/* ============================================================
   PRESENTATION MODE — flex column, height from parent chain
   ============================================================ */
.objective-display.presentation-fill[data-v-be80c918] {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.presentation-fill[data-v-be80c918] .v-tabs {
  flex-shrink: 0;
  flex-grow: 0;
}
.presentation-fill[data-v-be80c918] .v-tabs-window {
  flex: 1;
  min-height: 0;
  overflow: hidden;
}
.presentation-fill[data-v-be80c918] .v-tabs-window .v-window__container {
  height: 100%;
}
.presentation-fill[data-v-be80c918] .v-tabs-window-item {
  height: 100%;
}

/* Image: full width, contained */
.presentation-fill[data-v-be80c918] .image-panel {
  overflow: hidden;
  background-color: black;
}
.presentation-fill[data-v-be80c918] .image-panel img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: top center;
  display: block;
}

/* Animation: fill space, black bg, contained — same as image */
.presentation-fill[data-v-be80c918] .animation-panel {
  background-color: black;
  overflow: hidden;
}
.presentation-fill[data-v-be80c918] .animation-panel .image-holder {
  height: 100%;
}
.presentation-fill[data-v-be80c918] .animation-panel .first_img {
  height: 100%;
}
.presentation-fill[data-v-be80c918] .animation-panel .v-img__img {
  object-fit: contain;
  object-position: top center;
}

/* Video: centered 16:9 on black bg, capped to panel height */
.presentation-fill[data-v-be80c918] .video-panel {
  background-color: black;
  display: flex;
  align-items: center;
  justify-content: center;
}
.presentation-fill[data-v-be80c918] .video-panel .crop-holder {
  width: 100%;
  max-height: 100%;
  aspect-ratio: 16 / 9;
  position: relative;
}
.presentation-fill[data-v-be80c918] .video-panel .iframe-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding-top: 0;
}

/* Text: scrollable, white bg */
.presentation-fill[data-v-be80c918] .text-panel {
  overflow-y: auto;
  background-color: white;
  color: black;
}

/* Chat: contained, dark bg for presentation, flex to fit all children */
.presentation-fill[data-v-be80c918] .chat-panel {
  overflow: hidden;
  background-color: black;
  display: flex;
  flex-direction: column;
}
.presentation-fill[data-v-be80c918] .chat-panel > * {
  flex-shrink: 1;
  min-height: 0;
}
.presentation-fill[data-v-be80c918] .chat-panel .v-img {
  flex-shrink: 1;
  min-height: 0;
}
.presentation-fill[data-v-be80c918] .chat-panel .v-img__img {
  object-fit: contain;
  object-position: top center;
}

/* ============================================================
   SHARED STYLES
   ============================================================ */
.crop-holder.presentation-crop[data-v-be80c918] {
  background-color: black;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.inset-border[data-v-be80c918] {
  outline: 3px solid black;
  outline-offset: -3px;
}
.iframe-container[data-v-be80c918] {
  border: 2px solid black;
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%; /* 16:9 */
}
.responsive-iframe[data-v-be80c918] {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

/* Tab text default gray, white on hover (presentation) */
[data-v-be80c918] .explanation-tab-dark {
  color: #777 !important;
  transition: color 0.2s ease-in-out;
}
[data-v-be80c918] .explanation-tab-dark:hover {
  color: #fff !important;
}

/* Remove tab padding on small screens to fit more tabs */
@media (max-width: 959px) {
[data-v-be80c918] .v-tab {
    padding: 0 8px !important;
    min-width: auto !important;
}
}