/* RAVID Hotfix 25.1 - Kelola Soal Layout Stabilizer
   Scoped only to #admin-questions-panel so healthy modules stay untouched. */
#admin-questions-panel.ravid-question-layout-v25-1,
#admin-questions-panel.ravid-question-layout-v25-1 * {
  box-sizing: border-box;
}

#admin-questions-panel.ravid-question-layout-v25-1 {
  overflow: visible;
}

#admin-questions-panel.ravid-question-layout-v25-1 .question-form-card {
  width: 100%;
  max-width: none;
  overflow: visible;
  padding: clamp(18px, 2vw, 26px);
}

#admin-questions-panel.ravid-question-layout-v25-1 #admin-question-form {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
}

#admin-questions-panel.ravid-question-layout-v25-1 .ravid-question-form-grid {
  display: grid !important;
  grid-template-columns: minmax(430px, 1.12fr) minmax(340px, .88fr) !important;
  gap: 22px !important;
  align-items: start !important;
  width: 100% !important;
  max-width: none !important;
}

#admin-questions-panel.ravid-question-layout-v25-1 .ravid-question-editor,
#admin-questions-panel.ravid-question-layout-v25-1 .ravid-question-main-field,
#admin-questions-panel.ravid-question-layout-v25-1 .ravid-question-options-box,
#admin-questions-panel.ravid-question-layout-v25-1 .ravid-question-answer-box,
#admin-questions-panel.ravid-question-layout-v25-1 .ravid-question-preview-panel {
  min-width: 0 !important;
  width: 100% !important;
}

#admin-questions-panel.ravid-question-layout-v25-1 .ravid-question-editor {
  display: grid !important;
  gap: 14px !important;
}

#admin-questions-panel.ravid-question-layout-v25-1 .ravid-question-main-field {
  display: block !important;
}

#admin-questions-panel.ravid-question-layout-v25-1 .ravid-question-options-box {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

#admin-questions-panel.ravid-question-layout-v25-1 .ravid-question-options-box label,
#admin-questions-panel.ravid-question-layout-v25-1 .ravid-question-main-field label,
#admin-questions-panel.ravid-question-layout-v25-1 .ravid-question-answer-box label {
  display: grid !important;
  gap: 8px !important;
  width: 100% !important;
  min-width: 0 !important;
}

#admin-questions-panel.ravid-question-layout-v25-1 #admin-question-text {
  min-height: 156px !important;
  width: 100% !important;
}

#admin-questions-panel.ravid-question-layout-v25-1 input,
#admin-questions-panel.ravid-question-layout-v25-1 select,
#admin-questions-panel.ravid-question-layout-v25-1 textarea {
  width: 100% !important;
  min-width: 0 !important;
}

#admin-questions-panel.ravid-question-layout-v25-1 .ravid-question-answer-box {
  margin-top: 0 !important;
}

#admin-questions-panel.ravid-question-layout-v25-1 .ravid-question-form-actions {
  display: flex !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  margin-top: 0 !important;
}

#admin-questions-panel.ravid-question-layout-v25-1 .ravid-question-form-actions .btn,
#admin-questions-panel.ravid-question-layout-v25-1 #admin-question-form button {
  width: auto !important;
  min-width: 132px;
  min-height: 46px;
}

#admin-questions-panel.ravid-question-layout-v25-1 .ravid-question-preview-panel {
  position: sticky !important;
  top: 14px !important;
  align-self: start !important;
  min-width: 340px !important;
  max-width: 100% !important;
  padding: 18px !important;
}

#admin-questions-panel.ravid-question-layout-v25-1 .ravid-question-preview-title {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  writing-mode: horizontal-tb !important;
}

#admin-questions-panel.ravid-question-layout-v25-1 .ravid-question-preview-box {
  width: 100% !important;
  min-width: 0 !important;
}

#admin-questions-panel.ravid-question-layout-v25-1 .ravid-question-preview-text,
#admin-questions-panel.ravid-question-layout-v25-1 .ravid-question-preview-option,
#admin-questions-panel.ravid-question-layout-v25-1 .ravid-question-preview-option span,
#admin-questions-panel.ravid-question-layout-v25-1 .ravid-question-validation-summary {
  writing-mode: horizontal-tb !important;
  text-orientation: mixed !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
  line-height: 1.45 !important;
}

#admin-questions-panel.ravid-question-layout-v25-1 .ravid-question-preview-options {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 9px !important;
}

#admin-questions-panel.ravid-question-layout-v25-1 .ravid-question-preview-option {
  min-height: 44px !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 9px !important;
  padding: 10px 12px !important;
}

#admin-questions-panel.ravid-question-layout-v25-1 .ravid-question-preview-option b {
  flex: 0 0 26px !important;
  width: 26px !important;
  height: 26px !important;
}

#admin-questions-panel.ravid-question-layout-v25-1 .ravid-question-live-pill,
#admin-questions-panel.ravid-question-layout-v25-1 .form-mode-pill {
  writing-mode: horizontal-tb !important;
  min-width: fit-content !important;
}

#admin-questions-panel.ravid-question-layout-v25-1 .ravid-question-quality-strip {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

@media (max-width: 1120px) {
  #admin-questions-panel.ravid-question-layout-v25-1 .ravid-question-form-grid {
    grid-template-columns: 1fr !important;
  }
  #admin-questions-panel.ravid-question-layout-v25-1 .ravid-question-preview-panel {
    position: static !important;
    min-width: 0 !important;
  }
}

@media (max-width: 720px) {
  #admin-questions-panel.ravid-question-layout-v25-1 .ravid-question-options-box,
  #admin-questions-panel.ravid-question-layout-v25-1 .ravid-question-quality-strip {
    grid-template-columns: 1fr !important;
  }
}