/* VIAL LMS 0.6.21: reliable upload zones, enrolled-only home courses, safer side overlays. */
:root{
  --vial-field-gap:8px;
}
.dropzone{
  margin-bottom:var(--vial-field-gap)!important;
  user-select:none!important;
}
.dropzone + .btn,
.dropzone + button,
.dropzone + .form-actions,
.course-cover-settings + .btn,
.course-cover-settings + button{
  margin-top:var(--vial-field-gap)!important;
}
.course-cover-settings{
  margin-bottom:var(--vial-field-gap)!important;
  gap:var(--vial-field-gap)!important;
}
.mini-form .dropzone,
.profile-card + .card .dropzone,
.course-create-form .dropzone{
  margin-bottom:var(--vial-field-gap)!important;
}
form .btn,
form button.btn{
  margin-top:var(--vial-field-gap);
}
.inline-form .btn,
.moodle-toolbar .btn,
.block-head .btn,
.course-row-actions .btn,
.lesson-reader-actions .btn,
.modal-actions .btn{
  margin-top:0!important;
}
.course-create-form,
.mini-form,
.form-row,
.course-description-editor,
.lesson-page-editor-card form{
  row-gap:var(--vial-field-gap)!important;
}

@media(min-width:1100px){
  body.lesson-page-view.with-sidebar:not(.sidebar-hidden):not(:has(.lesson-reading-layout.lesson-nav-open)) .moodle-layout,
  body.course-view.with-sidebar:not(.sidebar-hidden):not(:has(.course-outline-shell.course-outline-open)) .moodle-layout{
    width:min(1080px, calc(100vw - 390px))!important;
    max-width:1080px!important;
    margin-left:auto!important;
    margin-right:340px!important;
  }
  body.lesson-page-view.sidebar-hidden:has(.lesson-reading-layout.lesson-nav-open) .moodle-layout,
  body.course-view.sidebar-hidden:has(.course-outline-shell.course-outline-open) .moodle-layout{
    width:min(1080px, calc(100vw - 390px))!important;
    max-width:1080px!important;
    margin-left:340px!important;
    margin-right:auto!important;
  }
}

@media(min-width:1260px){
  body.lesson-page-view.with-sidebar:not(.sidebar-hidden):has(.lesson-reading-layout.lesson-nav-open) .moodle-layout,
  body.course-view.with-sidebar:not(.sidebar-hidden):has(.course-outline-shell.course-outline-open) .moodle-layout{
    width:calc(100vw - 720px)!important;
    max-width:1080px!important;
    margin-left:360px!important;
    margin-right:340px!important;
    padding-left:0!important;
    padding-right:0!important;
  }
}

@media(max-width:1099px){
  body.lesson-page-view .moodle-layout,
  body.course-view .moodle-layout{
    width:100%!important;
    max-width:100%!important;
    padding-left:12px!important;
    padding-right:12px!important;
  }
}