/* VIAL LMS 0.6.38: narrower overlay panels and safe central lane on all pages. */
:root{
  --vial-overlay-right-width:280px;
  --vial-overlay-left-width:300px;
  --vial-overlay-gap:16px;
  --vial-safe-right-center-width:calc(100vw - var(--vial-overlay-right-width) - var(--vial-overlay-right-width) - var(--vial-overlay-gap) - var(--vial-overlay-gap));
  --vial-safe-both-center-width:calc(100vw - var(--vial-overlay-left-width) - var(--vial-overlay-left-width) - var(--vial-overlay-gap) - var(--vial-overlay-gap));
}

body.with-sidebar .right-sidebar.moodle-drawer,
body.with-sidebar .moodle-drawer.right-sidebar{
  width:var(--vial-overlay-right-width)!important;
  max-width:min(86vw,var(--vial-overlay-right-width))!important;
  padding-left:10px!important;
  padding-right:10px!important;
}

body.course-view .course-left-drawer,
body.lesson-page-view .lesson-course-nav{
  width:var(--vial-overlay-left-width)!important;
  max-width:min(86vw,var(--vial-overlay-left-width))!important;
  padding-left:10px!important;
  padding-right:10px!important;
}

body.with-sidebar .wrap.app-layout.moodle-layout,
body.with-sidebar:not(.sidebar-hidden) .wrap.app-layout.moodle-layout,
body.with-sidebar.sidebar-hidden .wrap.app-layout.moodle-layout{
  width:min(var(--vial-page-center-width), max(620px, var(--vial-safe-right-center-width)))!important;
  max-width:min(var(--vial-page-center-width), max(620px, var(--vial-safe-right-center-width)))!important;
}

body.course-view.with-sidebar .wrap.app-layout.moodle-layout,
body.course-view.with-sidebar:not(.sidebar-hidden) .wrap.app-layout.moodle-layout,
body.course-view.with-sidebar.sidebar-hidden .wrap.app-layout.moodle-layout,
body.lesson-page-view.with-sidebar .wrap.app-layout.moodle-layout,
body.lesson-page-view.with-sidebar:not(.sidebar-hidden) .wrap.app-layout.moodle-layout,
body.lesson-page-view.with-sidebar.sidebar-hidden .wrap.app-layout.moodle-layout,
body.course-view.with-sidebar:has(.course-outline-shell.course-outline-open) .wrap.app-layout.moodle-layout,
body.lesson-page-view.with-sidebar:has(.lesson-reading-layout.lesson-nav-open) .wrap.app-layout.moodle-layout{
  width:min(var(--vial-page-center-width), max(620px, var(--vial-safe-both-center-width)))!important;
  max-width:min(var(--vial-page-center-width), max(620px, var(--vial-safe-both-center-width)))!important;
}

body.moodle-home{
  --vial-page-center-width:1000px;
}

body.moodle-home.with-sidebar .home-columns,
body.moodle-home.with-sidebar .vial-home-columns,
body.moodle-home.with-sidebar:not(.sidebar-hidden) .home-columns,
body.moodle-home.with-sidebar:not(.sidebar-hidden) .vial-home-columns,
body.moodle-home.with-sidebar.sidebar-hidden .home-columns,
body.moodle-home.with-sidebar.sidebar-hidden .vial-home-columns{
  grid-template-columns:minmax(0,1.7fr) minmax(280px,.78fr)!important;
  gap:14px!important;
}

body.moodle-home .welcome-card,
body.moodle-home .my-courses-block{
  min-width:0!important;
}

body.moodle-home .mini-course{
  grid-template-columns:54px minmax(0,1fr)!important;
}

body.moodle-home .course-thumb{
  width:54px!important;
  height:54px!important;
}

body.moodle-home .mini-course b{
  font-size:12.5px!important;
}

body.with-sidebar .side-block{
  padding:12px!important;
}

body.with-sidebar .current-user-card{
  grid-template-columns:46px minmax(0,1fr)!important;
  gap:10px!important;
}

body.with-sidebar .avatar-lg{
  width:46px!important;
  height:46px!important;
}

body.with-sidebar .side-block h3{
  font-size:15px!important;
}

@media(max-width:1100px){
  body.with-sidebar .wrap.app-layout.moodle-layout,
  body.with-sidebar:not(.sidebar-hidden) .wrap.app-layout.moodle-layout,
  body.with-sidebar.sidebar-hidden .wrap.app-layout.moodle-layout,
  body.course-view.with-sidebar .wrap.app-layout.moodle-layout,
  body.lesson-page-view.with-sidebar .wrap.app-layout.moodle-layout{
    width:calc(100vw - 24px)!important;
    max-width:calc(100vw - 24px)!important;
  }

  body.moodle-home.with-sidebar .home-columns,
  body.moodle-home.with-sidebar .vial-home-columns{
    grid-template-columns:1fr!important;
  }
}