/* v5 — mobile precision layer for unified login / student / parent pages */

.minimalize-body{
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
}
.minimalize-body img,
.login-page img{max-width:100%;}
.minimalize-body input,
.minimalize-body select,
.minimalize-body textarea,
.minimalize-body button{box-sizing:border-box;}

/* Tablet: prevent accidental horizontal overflow from desktop grids. */
@media(max-width:980px){
  .minimalize-body .mz-shell,
  .minimalize-body .mz-counsel-main{
    width:100%!important;
    max-width:100%!important;
    padding-left:20px!important;
    padding-right:20px!important;
  }
  .student-dashboard .mz-dashboard-main{
    width:100%!important;
    max-width:100%!important;
  }
  .student-dashboard .mz-accordion-trigger-row{
    width:100%!important;
    min-width:0!important;
  }
  .student-dashboard .mz-accordion-trigger{
    min-width:0!important;
  }
  .student-dashboard .mz-trigger-titleblock,
  .student-dashboard .mz-trigger-title-row,
  .student-dashboard .mz-accordion-trigger .head{
    min-width:0!important;
  }
  .mz-learning-grid,
  .mz-filter-bar{
    min-width:0!important;
  }
}

/* Phone layout */
@media(max-width:767px){
  html,body.minimalize-body,body.login-page.minimalize-body{
    width:100%!important;
    max-width:100%!important;
    overflow-x:hidden!important;
  }

  /* shared mobile header */
  .minimalize-body .mz-header-inner{
    min-height:64px!important;
    height:64px!important;
    padding:0 16px!important;
    gap:12px!important;
  }
  .minimalize-body .mz-brand{
    min-width:0!important;
    max-width:calc(100% - 56px)!important;
  }
  .minimalize-body .mz-brand img{
    width:auto!important;
    height:27px!important;
    max-width:150px!important;
  }
  .minimalize-body .mz-header-nav{
    display:none!important;
  }
  .minimalize-body .mz-mobile-menu-btn,
  .student-dashboard .mz-mobile-menu-btn{
    display:inline-flex!important;
    flex:0 0 42px!important;
    width:42px!important;
    height:42px!important;
    margin-left:auto!important;
    align-items:center!important;
    justify-content:center!important;
    border:1px solid #d9e2f1!important;
    border-radius:10px!important;
    background:#fff!important;
    color:#17243f!important;
  }
  .minimalize-body .mz-mobile-nav{
    width:100%!important;
    padding:10px 16px 14px!important;
    background:#fff!important;
    border-top:1px solid #e2e8f2!important;
  }
  .minimalize-body .mz-mobile-nav-inner{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
  }
  .minimalize-body .mz-mobile-nav-inner a{
    min-height:46px!important;
    padding:0 14px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    font-size:14px!important;
    border-radius:10px!important;
  }

  /* shared shell / page headings */
  .minimalize-body .mz-shell,
  .minimalize-body .mz-counsel-main,
  .student-dashboard .mz-shell{
    width:100%!important;
    max-width:100%!important;
    padding-left:14px!important;
    padding-right:14px!important;
  }
  .minimalize-body .mz-dashboard-main,
  .minimalize-body .mz-counsel-main,
  .student-dashboard .mz-dashboard-main{
    padding-top:20px!important;
    padding-bottom:32px!important;
  }
  .minimalize-body .mz-page-head,
  .student-dashboard .mz-page-head{
    padding:8px 0 18px!important;
    margin-bottom:14px!important;
  }
  .minimalize-body .mz-page-title,
  .student-dashboard .mz-page-title{
    font-size:25px!important;
    line-height:1.25!important;
    word-break:keep-all!important;
  }
  .minimalize-body .mz-page-subtitle{
    margin-top:8px!important;
    font-size:14px!important;
    line-height:1.6!important;
    word-break:keep-all!important;
  }

  /* student header actions */
  .student-dashboard .mz-page-head-row{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
    align-items:stretch!important;
  }
  .student-dashboard .mz-student-head-actions{
    width:100%!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
  .student-dashboard .mz-student-head-actions .mz-inbox-open-btn{
    width:100%!important;
    min-width:0!important;
    min-height:44px!important;
    padding:8px 10px!important;
    justify-content:center!important;
    font-size:13px!important;
  }
  .student-dashboard .mz-inbox-new-badge{
    flex:0 0 auto!important;
    margin-left:3px!important;
  }

  /* student lesson cards */
  .student-dashboard .mz-accordion-item{
    border-radius:12px!important;
  }
  .student-dashboard .mz-accordion-trigger-row{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:0!important;
  }
  .student-dashboard .mz-accordion-trigger{
    width:100%!important;
    min-height:0!important;
    padding:15px 14px!important;
    gap:10px!important;
  }
  .student-dashboard .mz-accordion-trigger .head{
    display:flex!important;
    align-items:flex-start!important;
    gap:10px!important;
    min-width:0!important;
  }
  .student-dashboard .mz-accordion-icon-box{
    flex:0 0 28px!important;
    width:28px!important;
    height:28px!important;
  }
  .student-dashboard .mz-trigger-title-row{
    display:flex!important;
    align-items:flex-start!important;
    gap:7px!important;
    flex-wrap:wrap!important;
    min-width:0!important;
  }
  .student-dashboard .mz-accordion-trigger .title{
    font-size:18px!important;
    line-height:1.35!important;
  }
  .student-dashboard .mz-lesson-scope{
    max-width:100%!important;
    min-height:24px!important;
    padding:4px 8px!important;
    white-space:normal!important;
    font-size:11px!important;
    line-height:1.35!important;
  }
  .student-dashboard .mz-trigger-title-row .summary{
    flex:1 0 100%!important;
    width:100%!important;
    margin:2px 0 0!important;
    font-size:12px!important;
    line-height:1.5!important;
  }
  .student-dashboard .mz-accordion-homework-slot{
    width:100%!important;
    padding:0 14px 13px!important;
    justify-content:flex-end!important;
  }
  .student-dashboard .mz-homework-check-btn{
    min-height:34px!important;
    max-width:100%!important;
  }
  .student-dashboard .mz-lesson-panel{
    padding:12px 14px 16px!important;
  }
  .student-dashboard .mz-lesson-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
  }
  .student-dashboard .mz-lesson-grid>.mz-lesson-card{
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:16px!important;
    border:1px solid #dce5f2!important;
    border-radius:12px!important;
  }
  .student-dashboard .mz-file-item,
  .student-dashboard .mz-video-item{
    width:100%!important;
    min-width:0!important;
  }
  .student-dashboard .mz-learning-panel,
  .student-dashboard .mz-learning-status-panel{
    min-width:0!important;
    overflow:hidden!important;
  }

  /* student message / memo / homework modals */
  .student-dashboard .mz-popup-overlay,
  .mz-homework-overlay{
    padding:10px!important;
  }
  .student-dashboard .mz-popup-dialog,
  .student-dashboard .mz-popup-dialog.mz-inbox-dialog,
  .student-dashboard .mz-popup-dialog.mz-student-memo-dialog,
  .mz-homework-dialog,
  .mz-password-manage-dialog{
    width:calc(100vw - 20px)!important;
    max-width:calc(100vw - 20px)!important;
    max-height:calc(100vh - 20px)!important;
    border-radius:16px!important;
  }
  .student-dashboard .mz-inbox-modal-head,
  .mz-homework-modal-head{
    padding:15px 16px!important;
  }
  .student-dashboard .mz-inbox-body,
  .mz-homework-modal-body{
    padding:12px 14px 16px!important;
  }
  .student-dashboard .mz-popup-actions{
    padding:12px 14px!important;
  }
  .student-dashboard .mz-student-memo-body{
    padding:14px!important;
  }
  .student-dashboard .mz-student-memo-body textarea{
    min-height:46vh!important;
    max-height:58vh!important;
  }

  /* parent learning status */
  .mz-filter-bar{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    padding:0!important;
    background:transparent!important;
    box-shadow:none!important;
    border:0!important;
  }
  .mz-filter-box{
    min-height:0!important;
    padding:14px!important;
    border:1px solid #d9e2f1!important;
    border-radius:12px!important;
    background:#fff!important;
  }
  .mz-learning-item .mz-accordion-trigger{
    min-height:0!important;
    padding:15px 14px!important;
  }
  .mz-learning-item .mz-trigger-title-row{
    align-items:flex-start!important;
    flex-wrap:wrap!important;
  }
  .mz-learning-item .mz-trigger-title-row .summary{
    width:100%!important;
    flex:1 0 100%!important;
    margin-left:0!important;
    font-size:12px!important;
  }
  .mz-learning-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
  }
  .mz-learning-grid .mz-lesson-card{
    padding:16px 0!important;
    border-left:0!important;
    border-top:1px solid #d9e2f1!important;
  }
  .mz-learning-grid .mz-lesson-card:first-child{border-top:0!important;}
  .mz-status-row{
    gap:12px!important;
    align-items:flex-start!important;
  }
  .mz-status-row>span,
  .mz-status-row>strong{
    min-width:0!important;
    overflow-wrap:anywhere!important;
  }

  /* parent chat */
  .mz-counsel-main{
    padding-left:0!important;
    padding-right:0!important;
  }
  .mz-counsel-main .mz-page-head{
    padding-left:14px!important;
    padding-right:14px!important;
  }
  .mz-counsel-main>.mz-card{
    width:100%!important;
    max-width:100%!important;
    padding-left:14px!important;
    padding-right:14px!important;
    border-left:0!important;
    border-right:0!important;
    border-radius:0!important;
  }
  .mz-counsel-chatbox{
    width:100%!important;
    min-height:54vh!important;
    height:58vh!important;
    padding:18px 0!important;
  }
  .mz-chat-message{
    width:100%!important;
    gap:8px!important;
    margin:16px 0!important;
  }
  .mz-chat-avatar{
    width:38px!important;
    height:38px!important;
    flex:0 0 38px!important;
  }
  .mz-chat-bubble{
    max-width:calc(100vw - 92px)!important;
    padding:12px 14px!important;
    font-size:14px!important;
    line-height:1.6!important;
    overflow-wrap:anywhere!important;
  }
  .mz-composer{
    padding:12px!important;
    border-radius:14px!important;
  }
  .mz-composer .mz-textarea{
    min-height:120px!important;
  }
  .mz-composer-toolbar{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
  }

  /* unified login */
  body.login-page.minimalize-body .mz-login-main{
    width:100%!important;
    display:block!important;
  }
  body.login-page.minimalize-body .mz-login-hero{
    width:100%!important;
    min-height:0!important;
    padding:0!important;
    overflow:hidden!important;
  }
  body.login-page.minimalize-body .mz-login-reference-hero{
    width:100%!important;
    min-height:0!important;
    aspect-ratio:1148/1370!important;
  }
  body.login-page.minimalize-body .mz-login-reference-bg{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    object-fit:cover!important;
    object-position:center center!important;
    transform:none!important;
  }
  body.login-page.minimalize-body .mz-login-side{
    width:100%!important;
    padding:16px 14px 26px!important;
  }
  body.login-page.minimalize-body .mz-login-card{
    width:100%!important;
    max-width:520px!important;
    margin:0 auto!important;
    padding:24px 18px 20px!important;
    border-radius:16px!important;
  }
  body.login-page.minimalize-body .mz-login-card h2{
    display:block!important;
    margin:0 0 18px!important;
    font-size:27px!important;
  }
  body.login-page.minimalize-body .mz-login-field{
    margin-top:16px!important;
  }
  body.login-page.minimalize-body .mz-login-field .mz-input{
    height:50px!important;
    font-size:16px!important;
  }
  body.login-page.minimalize-body .mz-login-meta{
    width:100%!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
    align-items:start!important;
  }
  body.login-page.minimalize-body .mz-login-checks{
    width:100%!important;
    display:flex!important;
    flex-wrap:wrap!important;
    gap:10px 16px!important;
  }
  body.login-page.minimalize-body .mz-login-password-manage-link{
    justify-self:start!important;
    min-height:36px!important;
  }
  body.login-page.minimalize-body .mz-login-action{
    height:52px!important;
    min-height:52px!important;
    margin-top:18px!important;
    font-size:16px!important;
  }
  body.login-page.minimalize-body .mz-login-help{
    width:100%!important;
    max-width:520px!important;
    margin:14px auto 0!important;
  }
  body.login-page.minimalize-body .mz-info-card{
    grid-template-columns:44px minmax(0,1fr)!important;
    gap:10px!important;
    min-height:0!important;
    padding:14px!important;
  }
  body.login-page.minimalize-body .mz-info-icon{
    width:42px!important;
    height:42px!important;
  }
  body.login-page.minimalize-body .mz-info-side-link{
    grid-column:2!important;
    justify-self:start!important;
    margin-top:2px!important;
  }
  body.login-page.minimalize-body .mz-login-bottom .mz-footer-inner{
    padding:14px!important;
  }
  .mz-password-manage-head{
    padding:22px 18px 16px!important;
    gap:12px!important;
  }
  .mz-password-manage-logo{
    width:105px!important;
    min-width:105px!important;
  }
  .mz-password-manage-logo img{width:105px!important;}
  .mz-password-manage-head h2{font-size:21px!important;}
  .mz-password-manage-body{padding:18px!important;}
  .mz-password-manage-actions{
    padding:10px 18px 18px!important;
    display:grid!important;
    grid-template-columns:1fr!important;
  }
  .mz-password-manage-actions .mz-btn{
    width:100%!important;
    min-width:0!important;
  }
}

@media(max-width:430px){
  .minimalize-body .mz-header-inner{padding-left:12px!important;padding-right:12px!important;}
  .minimalize-body .mz-brand img{height:25px!important;max-width:132px!important;}
  .minimalize-body .mz-shell,
  .student-dashboard .mz-shell{padding-left:10px!important;padding-right:10px!important;}
  .student-dashboard .mz-student-head-actions{grid-template-columns:1fr!important;}
  .student-dashboard .mz-accordion-trigger{padding:13px 11px!important;}
  .student-dashboard .mz-lesson-panel{padding:10px 11px 13px!important;}
  .student-dashboard .mz-lesson-grid>.mz-lesson-card{padding:14px!important;}
  .mz-learning-item .mz-accordion-trigger{padding:13px 11px!important;}
  body.login-page.minimalize-body .mz-login-side{padding-left:10px!important;padding-right:10px!important;}
  body.login-page.minimalize-body .mz-login-card{padding-left:15px!important;padding-right:15px!important;}
}

/* v83 — desktop login viewport-fit / adaptive hero fill / notice daily suppression */
@media (min-width:981px){
  html,
  body.login-page.minimalize-body{
    height:100%!important;
    min-height:100%!important;
  }
  body.login-page.minimalize-body{
    overflow:hidden!important;
  }
  body.login-page.minimalize-body .mz-login{
    width:100%!important;
    height:100dvh!important;
    min-height:100vh!important;
    max-height:100dvh!important;
    display:grid!important;
    grid-template-rows:minmax(0,1fr) auto!important;
    overflow:hidden!important;
  }
  body.login-page.minimalize-body .mz-login-main{
    min-height:0!important;
    height:auto!important;
    overflow:hidden!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    align-items:stretch!important;
  }
  body.login-page.minimalize-body .mz-login-hero{
    height:100%!important;
    min-height:0!important;
    padding:0!important;
    overflow:hidden!important;
  }
  body.login-page.minimalize-body .mz-login-reference-hero{
    position:relative!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    aspect-ratio:auto!important;
    overflow:hidden!important;
    background:#f8fbff!important;
  }
  body.login-page.minimalize-body .mz-login-reference-bg{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    object-fit:cover!important;
    object-position:center center!important;
    transform:none!important;
  }
  body.login-page.minimalize-body .mz-login-side{
    min-height:0!important;
    height:100%!important;
    overflow:hidden!important;
    padding:clamp(18px,2.8vh,30px) min(72px,4.2vw) clamp(16px,2.4vh,26px)!important;
    justify-content:center!important;
  }
  body.login-page.minimalize-body .mz-login-card{
    max-width:560px!important;
    padding:clamp(24px,3.2vh,34px) 40px clamp(22px,2.8vh,30px)!important;
  }
  body.login-page.minimalize-body .mz-login-card h2{
    margin-bottom:18px!important;
    font-size:30px!important;
  }
  body.login-page.minimalize-body .mz-login-field{
    margin-top:15px!important;
  }
  body.login-page.minimalize-body .mz-login-field label{
    margin-bottom:7px!important;
    font-size:14px!important;
  }
  body.login-page.minimalize-body .mz-login-field .mz-input{
    height:50px!important;
    min-height:50px!important;
  }
  body.login-page.minimalize-body .mz-login-meta{
    margin-top:16px!important;
  }
  body.login-page.minimalize-body .mz-login-action{
    height:52px!important;
    min-height:52px!important;
    margin-top:18px!important;
    font-size:16px!important;
  }
  body.login-page.minimalize-body .mz-login-help{
    max-width:560px!important;
    margin-top:14px!important;
    gap:10px!important;
  }
  body.login-page.minimalize-body .mz-info-card{
    min-height:80px!important;
    grid-template-columns:50px minmax(0,1fr) auto!important;
    gap:14px!important;
    padding:13px 18px!important;
  }
  body.login-page.minimalize-body .mz-info-icon{
    width:46px!important;
    height:46px!important;
  }
  body.login-page.minimalize-body .mz-info-icon svg{
    width:24px!important;
    height:24px!important;
  }
  body.login-page.minimalize-body .mz-info-card h3{
    margin-bottom:4px!important;
    font-size:16px!important;
  }
  body.login-page.minimalize-body .mz-info-card p,
  body.login-page.minimalize-body .mz-login-notice-item{
    font-size:12px!important;
    line-height:1.45!important;
  }
  body.login-page.minimalize-body .mz-info-side-link{
    font-size:13px!important;
  }
  body.login-page.minimalize-body .mz-login-bottom{
    flex:0 0 auto!important;
  }
  body.login-page.minimalize-body .mz-login-bottom .mz-footer-inner{
    min-height:52px!important;
    padding:8px clamp(28px,5vw,80px)!important;
    font-size:13px!important;
  }
}

@media (min-width:981px) and (max-height:740px){
  body.login-page.minimalize-body .mz-login-side{
    padding-top:10px!important;
    padding-bottom:10px!important;
  }
  body.login-page.minimalize-body .mz-login-card{
    padding:18px 34px 16px!important;
  }
  body.login-page.minimalize-body .mz-login-card h2{
    margin-bottom:10px!important;
    font-size:26px!important;
  }
  body.login-page.minimalize-body .mz-login-field{
    margin-top:10px!important;
  }
  body.login-page.minimalize-body .mz-login-field label{
    margin-bottom:5px!important;
    font-size:13px!important;
  }
  body.login-page.minimalize-body .mz-login-field .mz-input{
    height:46px!important;
    min-height:46px!important;
  }
  body.login-page.minimalize-body .mz-login-meta{
    margin-top:10px!important;
  }
  body.login-page.minimalize-body .mz-login-action{
    height:46px!important;
    min-height:46px!important;
    margin-top:12px!important;
  }
  body.login-page.minimalize-body .mz-login-help{
    margin-top:8px!important;
    gap:8px!important;
  }
  body.login-page.minimalize-body .mz-info-card{
    min-height:66px!important;
    grid-template-columns:42px minmax(0,1fr) auto!important;
    gap:10px!important;
    padding:9px 14px!important;
  }
  body.login-page.minimalize-body .mz-info-icon{
    width:38px!important;
    height:38px!important;
  }
  body.login-page.minimalize-body .mz-info-card h3{
    font-size:14px!important;
  }
  body.login-page.minimalize-body .mz-info-card p,
  body.login-page.minimalize-body .mz-login-notice-item{
    font-size:11px!important;
  }
  body.login-page.minimalize-body .mz-login-bottom .mz-footer-inner{
    min-height:46px!important;
    padding-top:6px!important;
    padding-bottom:6px!important;
  }
}

.mz-notice-popup-actions{
  align-items:center!important;
}
.mz-notice-today-check{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  margin:0!important;
  color:#42516c!important;
  font-size:13px!important;
  font-weight:800!important;
  line-height:1.3!important;
  cursor:pointer!important;
  user-select:none!important;
}
.mz-notice-today-check input[type="checkbox"]{
  flex:0 0 auto!important;
  width:18px!important;
  height:18px!important;
  margin:0!important;
  accent-color:#2857ff!important;
}
@media(max-width:767px){
  .mz-notice-popup-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
  }
  .mz-notice-today-check{
    justify-self:start!important;
  }
}

/* v85 — desktop login hero: preserve the complete uploaded image without top/bottom crop. */
@media (min-width:981px){
  body.login-page.minimalize-body .mz-login-main{
    display:flex!important;
    grid-template-columns:none!important;
    align-items:stretch!important;
  }
  body.login-page.minimalize-body .mz-login-hero{
    flex:0 0 var(--mz-login-hero-width,50%)!important;
    width:var(--mz-login-hero-width,50%)!important;
    max-width:60vw!important;
    min-width:0!important;
  }
  body.login-page.minimalize-body .mz-login-reference-hero{
    width:100%!important;
    height:100%!important;
    background:#f8fbff!important;
  }
  body.login-page.minimalize-body .mz-login-reference-bg{
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    object-position:center center!important;
    background:#f8fbff!important;
  }
  body.login-page.minimalize-body .mz-login-side{
    flex:1 1 0!important;
    width:auto!important;
    min-width:0!important;
  }
}


/* v85 — mobile/tablet login hero also shows the whole uploaded image without cropping. */
@media (max-width:980px){
  body.login-page.minimalize-body .mz-login-reference-hero{
    aspect-ratio:auto!important;
    height:auto!important;
    min-height:0!important;
    overflow:hidden!important;
  }
  body.login-page.minimalize-body .mz-login-reference-bg{
    position:static!important;
    inset:auto!important;
    display:block!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    object-fit:contain!important;
    object-position:center center!important;
    background:#f8fbff!important;
  }
}

/* v86 — wider desktop login hero + right-shifted login panel. */
@media (min-width:981px){
  body.login-page.minimalize-body .mz-login-main{
    display:flex!important;
    align-items:stretch!important;
  }
  body.login-page.minimalize-body .mz-login-hero{
    flex:0 0 var(--mz-login-hero-width,46vw)!important;
    width:var(--mz-login-hero-width,46vw)!important;
    max-width:980px!important;
    min-width:0!important;
  }
  body.login-page.minimalize-body .mz-login-reference-hero{
    width:100%!important;
    height:100%!important;
    overflow:hidden!important;
    background:#f8fbff!important;
  }
  body.login-page.minimalize-body .mz-login-reference-bg{
    width:100%!important;
    height:100%!important;
    min-height:100%!important;
    object-fit:cover!important;
    object-position:center center!important;
    transform:none!important;
    background:#f8fbff!important;
  }
  body.login-page.minimalize-body .mz-login-side{
    flex:1 1 auto!important;
    min-width:0!important;
    padding-left:clamp(44px,4vw,82px)!important;
    padding-right:clamp(44px,4vw,82px)!important;
  }
}

/* v87 — desktop login composition: 56% hero / 44% login side, no image cropping. */
@media (min-width:981px){
  body.login-page.minimalize-body .mz-login-main{
    display:flex!important;
    grid-template-columns:none!important;
    align-items:stretch!important;
  }
  body.login-page.minimalize-body .mz-login-hero{
    flex:0 0 56vw!important;
    width:56vw!important;
    max-width:none!important;
    min-width:0!important;
  }
  body.login-page.minimalize-body .mz-login-reference-hero{
    position:relative!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    overflow:hidden!important;
    background:#f8fbff!important;
  }
  body.login-page.minimalize-body .mz-login-reference-bg{
    position:absolute!important;
    inset:0!important;
    display:block!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    max-width:none!important;
    object-fit:fill!important;
    object-position:center center!important;
    transform:none!important;
    background:#f8fbff!important;
  }
  body.login-page.minimalize-body .mz-login-side{
    flex:1 1 44vw!important;
    width:44vw!important;
    min-width:0!important;
    padding-left:clamp(24px,2.4vw,48px)!important;
    padding-right:clamp(24px,2.4vw,48px)!important;
    align-items:center!important;
  }
  body.login-page.minimalize-body .mz-login-card,
  body.login-page.minimalize-body .mz-login-help{
    width:min(100%,560px)!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
}