/* GYPTO Electrical V155.4 — GYPTO Pharma brand + reliable overlay sidebar */

/* Header branding: official GYPTO Pharma logo and no changing page/section line below it. */
#app .top .title p{
  display:none!important;
  visibility:hidden!important;
  height:0!important;
  margin:0!important;
  overflow:hidden!important;
}
#app .top-title-wrap{
  min-width:330px!important;
  flex:0 0 330px!important;
  gap:12px!important;
}
#app .top-site-icon.gypto-pharma-header-logo{
  width:142px!important;
  height:52px!important;
  max-width:142px!important;
  object-fit:contain!important;
  object-position:center!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:#fff!important;
  filter:none!important;
  box-shadow:none!important;
}
#app .top .system-main-title{
  font-size:15px!important;
  line-height:1.18!important;
  white-space:normal!important;
  max-width:165px!important;
}
#app .side .brand.premium-brand{
  min-height:104px!important;
  padding:16px 14px!important;
  gap:10px!important;
  align-items:center!important;
}
#app .side .brand.premium-brand .gypto-pharma-sidebar-logo{
  width:116px!important;
  height:46px!important;
  max-width:116px!important;
  object-fit:contain!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:#fff!important;
  filter:none!important;
  box-shadow:none!important;
}
#app .side .brand.premium-brand>div b{
  font-size:13px!important;
  line-height:1.15!important;
}
#app .side .brand.premium-brand>div span{
  font-size:10px!important;
}

@media (min-width:1121px){
  #app.app>.side{
    transform:translate3d(-100%,0,0)!important;
  }
  body.v154-sidebar-open #app.app>.side,
  body.v154-sidebar-pinned #app.app>.side,
  body.v1551-sidebar-open #app.app>.side,
  body.v1554-sidebar-open #app.app>.side,
  #app.app>.side:hover,
  #app.app>.side:focus-within{
    transform:translate3d(0,0,0)!important;
    box-shadow:22px 0 54px rgba(14,55,90,.24)!important;
  }

  /* Clear, clickable desktop handle. Hovering the left edge opens the menu. */
  #v154SidebarHotzone{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    position:fixed!important;
    left:0!important;
    top:48%!important;
    bottom:auto!important;
    width:74px!important;
    height:46px!important;
    transform:translateY(-50%)!important;
    z-index:2147482999!important;
    border:1px solid rgba(255,255,255,.72)!important;
    border-left:0!important;
    border-radius:0 14px 14px 0!important;
    background:linear-gradient(135deg,#075fd0,#0b92c9)!important;
    box-shadow:5px 8px 22px rgba(5,68,137,.30)!important;
    cursor:pointer!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
    transition:width .16s ease,opacity .16s ease,box-shadow .16s ease!important;
  }
  #v154SidebarHotzone::before{
    content:'☰  MENU'!important;
    display:block!important;
    color:#fff!important;
    font:900 11px/1 system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;
    letter-spacing:.06em!important;
    white-space:nowrap!important;
    text-shadow:0 1px 2px rgba(0,0,0,.20)!important;
  }
  #v154SidebarHotzone::after{content:none!important;display:none!important}
  #v154SidebarHotzone:hover,
  #v154SidebarHotzone:focus-visible{
    width:84px!important;
    box-shadow:8px 10px 28px rgba(5,68,137,.42)!important;
    outline:none!important;
  }
  body.v154-sidebar-open #v154SidebarHotzone,
  body.v154-sidebar-pinned #v154SidebarHotzone,
  body.v1551-sidebar-open #v154SidebarHotzone,
  body.v1554-sidebar-open #v154SidebarHotzone{
    opacity:0!important;
    pointer-events:none!important;
  }
}

@media (max-width:1120px){
  #v154SidebarHotzone{display:none!important}
  #app .top-title-wrap{min-width:190px!important;flex:1 1 auto!important}
  #app .top-site-icon.gypto-pharma-header-logo{width:112px!important;height:44px!important}
  #app .top .system-main-title{font-size:13px!important;max-width:130px!important}
}

@media (max-width:780px){
  #app .top-title-wrap{min-width:0!important}
  #app .top-site-icon.gypto-pharma-header-logo{width:104px!important;height:40px!important}
  #app .top .system-main-title{display:none!important}
}

body.auth-ready #v154SidebarHotzone{display:none!important}