/*
 * Øktdetaljer as a drawer (js/components/SessionEditorShell.js, 1.40.0):
 * the session's form, outcomes and reflection over the storyboard or the
 * Kurs page, in the look of the activity editor (bauhaus-theme.css).
 */

.session-editor.offcanvas {
  --bs-offcanvas-width: min(760px, 90vw);
  border-left: 3px solid var(--bh-black, #111);
  background-color: var(--bh-white, #fff);
}

@media (max-width: 767.98px) {
  .session-editor.offcanvas {
    --bs-offcanvas-width: 100vw;
  }
}

.session-editor-header {
  background-color: var(--bh-navy, #1B2A4A);
  color: var(--bh-white, #fff);
  border-bottom: 3px solid var(--bh-gold, #E8A820);
}

.session-editor-header .offcanvas-title {
  font-size: 1.05rem;
  font-weight: 800;
  letter-spacing: 1px;
  text-transform: uppercase;
}