/* mt.toggles.v3.5 — Minimal, no content reflow */
:root{
  --mt-left-rail:80px;
  --mt-logo-mini:90px;
  --mt-bottom-peek:0px;
}

/* BOTTOM PLAYER (overlay only) */
.ms_player_wrapper.mt-fixed{
  position:fixed !important;
  left:0; right:0; bottom:0; width:100%;
  z-index:3000;
  transition: transform .4s cubic-bezier(.22,1,.36,1);
  will-change: transform;
}
.ms_player_wrapper.mt-fixed.is-collapsed{
  transform: translateY(calc(100% - var(--mt-bottom-peek)));
}
.ms_player_wrapper.mt-fixed .ms_player_close{ position:absolute; right:18px; top:8px; z-index:4000; }
.ms_player_wrapper.mt-fixed.is-collapsed .ms_player_close{ position:fixed; right:18px; }
.ms_player_wrapper.mt-fixed.is-collapsed .ms_player_close i, .ms_player_wrapper.mt-fixed.is-collapsed .ms_player_close .fa{
  transform:rotate(180deg);
}


/* LEFT SIDEBAR (overlay only) */
.ms_sidemenu_wrapper.mt-fixed{
  position: fixed;
  inset: 0 auto 0 0;
  height: 100vh;
  z-index: 1100;
  overflow: visible !important;
  width: var(--mt-left-width, 240px);   /* khi mở: đúng bề rộng đo được */
  transition: width .32s cubic-bezier(.22,1,.36,1);
}
/* Khi ĐÓNG: panel co đúng 56px */
.ms_sidemenu_wrapper.mt-fixed.is-collapsed{
  width: var(--mt-left-rail);
}
/* Ẩn chữ – chỉ giữ icon */
.ms_sidemenu_wrapper.mt-fixed.is-collapsed .nav_text,
.ms_sidemenu_wrapper.mt-fixed.is-collapsed .menu_text{ display:none!important; }

.ms_sidemenu_wrapper.mt-fixed.is-collapsed .ms_main_menu li a{
  width: var(--mt-left-width, 240px); 
  min-width: var(--mt-left-rail);
  max-width: var(--mt-left-rail);
  justify-content: center;
  padding-left: 0; padding-right: 0;
}

.ms_sidemenu_wrapper.mt-fixed.is-collapsed .nav_text{ display:none !important; }
.ms_sidemenu_wrapper.mt-fixed.is-collapsed .ms_main_menu li a{
  width:var(--mt-left-rail); min-width:var(--mt-left-rail); max-width:var(--mt-left-rail);
  justify-content:center; padding-left:0; padding-right:0;
}
.ms_sidemenu_wrapper.mt-fixed.is-collapsed .nav_icon .icon{ margin:0 auto; }
.ms_sidemenu_wrapper.mt-fixed.is-collapsed .nav_heading{ display:none !important; }
.ms_sidemenu_wrapper.mt-fixed .ms_logo, .ms_sidemenu_wrapper.mt-fixed .ms_logo_inner{ transition:all .25s ease; }
.ms_sidemenu_wrapper.mt-fixed.is-collapsed .ms_logo, .ms_sidemenu_wrapper.mt-fixed.is-collapsed .ms_logo_inner{
  width:var(--mt-left-rail); min-width:var(--mt-left-rail); text-align:center; padding:10px 0!important;
}
.ms_sidemenu_wrapper.mt-fixed.is-collapsed .ms_logo img, .ms_sidemenu_wrapper.mt-fixed.is-collapsed .ms_logo_inner img{
  max-width:var(--mt-logo-mini); height:auto; margin:0 auto!important; display:inline-block;
}