/* Essedi Admin · top bar canonical contract · v3.5.67
   One geometry for the main Setting page and every standalone Admin page. */

html.admin-ui-beta body.light.admin .topbar{
  height:98px!important;
  min-height:98px!important;
}

html.admin-ui-beta body.light.admin .topbar .brand,
html.admin-ui-beta body.light.admin .topbar .brand.adminBetaCanonicalTopbar{
  min-height:98px!important;
  padding:10px 18px!important;
  display:grid!important;
  grid-template-columns:58px minmax(0,1fr) 82px!important;
  grid-template-rows:1fr!important;
  align-items:center!important;
  justify-items:center!important;
  column-gap:12px!important;
  overflow:hidden!important;
  flex-wrap:nowrap!important;
  box-sizing:border-box!important;
}

html.admin-ui-beta body.light.admin .topbar .brand > .spacer,
html.admin-ui-beta body.light.admin .topbar .brand > #adminBetaLogoutAnchor,
html.admin-ui-beta body.light.admin .topbar .brand > div[style*="flex:1"],
html.admin-ui-beta body.light.admin .topbar .brand > div[style*="flex: 1"]{
  display:none!important;
}

html.admin-ui-beta body.light.admin .topbar #btnSidebar{
  grid-column:1!important;
  grid-row:1!important;
  justify-self:start!important;
  align-self:center!important;
  min-width:52px!important;
  width:52px!important;
  height:54px!important;
  margin:0!important;
}

html.admin-ui-beta body.light.admin .topbar .brandMark{
  grid-column:2!important;
  grid-row:1!important;
  justify-self:center!important;
  align-self:center!important;
  min-width:0!important;
  max-width:100%!important;
  margin:0!important;
}

html.admin-ui-beta body.light.admin .topbar .brandImg{
  display:block!important;
  width:auto!important;
  height:72px!important;
  max-height:72px!important;
  max-width:min(520px,56vw)!important;
  object-fit:contain!important;
  margin:0!important;
}

html.admin-ui-beta body.light.admin .topbar .adminBetaQuick{
  grid-column:3!important;
  grid-row:1!important;
  justify-self:end!important;
  align-self:center!important;
  display:flex!important;
  align-items:center!important;
  width:82px!important;
  min-width:82px!important;
  max-width:82px!important;
  height:45px!important;
  min-height:45px!important;
  padding:4px!important;
  gap:3px!important;
  margin:0!important;
  box-sizing:border-box!important;
  flex:0 0 82px!important;
}

html.admin-ui-beta body.light.admin .topbar .adminBetaQuick button{
  display:grid!important;
  place-items:center!important;
  width:35px!important;
  min-width:35px!important;
  max-width:35px!important;
  height:35px!important;
  min-height:35px!important;
  max-height:35px!important;
  padding:0!important;
  margin:0!important;
  line-height:1!important;
  box-sizing:border-box!important;
}

html.admin-ui-beta body.light.admin .topbar .adminBetaQuick button > span{
  display:grid!important;
  place-items:center!important;
  width:100%!important;
  height:100%!important;
  margin:0!important;
  line-height:1!important;
}

@media(max-width:900px){
  html.admin-ui-beta body.light.admin .topbar{height:92px!important;min-height:92px!important}
  html.admin-ui-beta body.light.admin .topbar .brand,
  html.admin-ui-beta body.light.admin .topbar .brand.adminBetaCanonicalTopbar{
    min-height:92px!important;
    padding:8px 12px!important;
    grid-template-columns:52px minmax(0,1fr) 82px!important;
    column-gap:8px!important;
  }
  html.admin-ui-beta body.light.admin .topbar .brandImg{height:68px!important;max-height:68px!important;max-width:54vw!important}
  html.admin-ui-beta body.light.admin .topbar #btnSidebar{min-width:48px!important;width:48px!important;height:50px!important}
}

@media(max-width:620px){
  html.admin-ui-beta body.light.admin .topbar{height:88px!important;min-height:88px!important}
  html.admin-ui-beta body.light.admin .topbar .brand,
  html.admin-ui-beta body.light.admin .topbar .brand.adminBetaCanonicalTopbar{
    min-height:88px!important;
    padding:7px 10px!important;
    grid-template-columns:48px minmax(0,1fr) 76px!important;
    grid-template-rows:1fr!important;
    column-gap:7px!important;
  }
  html.admin-ui-beta body.light.admin .topbar .brandImg{height:64px!important;max-height:64px!important;max-width:52vw!important}
  html.admin-ui-beta body.light.admin .topbar #btnSidebar{min-width:46px!important;width:46px!important;height:48px!important}
  html.admin-ui-beta body.light.admin .topbar .adminBetaQuick{
    width:76px!important;min-width:76px!important;max-width:76px!important;height:40px!important;min-height:40px!important;padding:3px!important;gap:2px!important;flex-basis:76px!important;
  }
  html.admin-ui-beta body.light.admin .topbar .adminBetaQuick button{
    width:32px!important;min-width:32px!important;max-width:32px!important;height:32px!important;min-height:32px!important;max-height:32px!important;
  }
}

@media(max-width:400px){
  html.admin-ui-beta body.light.admin .topbar .brand,
  html.admin-ui-beta body.light.admin .topbar .brand.adminBetaCanonicalTopbar{
    padding-left:8px!important;
    padding-right:8px!important;
    grid-template-columns:44px minmax(0,1fr) 70px!important;
    column-gap:5px!important;
  }
  html.admin-ui-beta body.light.admin .topbar .brandImg{height:60px!important;max-height:60px!important;max-width:51vw!important}
  html.admin-ui-beta body.light.admin .topbar .adminBetaQuick{
    width:70px!important;min-width:70px!important;max-width:70px!important;flex-basis:70px!important;
  }
  html.admin-ui-beta body.light.admin .topbar .adminBetaQuick button{
    width:30px!important;min-width:30px!important;max-width:30px!important;height:30px!important;min-height:30px!important;max-height:30px!important;
  }
}