/* ZEAM_GLOBAL_UNIFIED_REPAIR_V64 */
/* One global repair layer. No content hiding, no page replacement. */

:root{
  --zg64-sidebar: 330px;
  --zg64-left: 24px;
  --zg64-top: 24px;
  --zg64-gap: 28px;
  --zg64-cyan:#28e7ff;
  --zg64-gold:#ffd982;
  --zg64-bg:#020914;
  --zg64-line:rgba(40,231,255,.18);
  --zg64-muted:#93aabd;
}

html,
body{
  width:100%!important;
  min-height:100%!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  scrollbar-gutter:stable;
}

body{
  background:
    radial-gradient(circle at 92% 0%,rgba(110,82,255,.20),transparent 30%),
    radial-gradient(circle at 0% 100%,rgba(255,132,55,.10),transparent 32%),
    linear-gradient(135deg,#020914,#031526 62%,#020914)!important;
}

/* Old broken global recovery layers hidden */
.zs59-menu-recovery,
.zs60-menu-panel,
.zs63-menu,
.zs63-floating-dock,
.zs64-detected-dock{
  display:none!important;
}

/* Sidebar stable */
@media(min-width:1024px){
  .zs31-sidebar,
  .zs-sidebar,
  .sidebar,
  aside{
    position:fixed!important;
    top:var(--zg64-top)!important;
    bottom:var(--zg64-top)!important;
    left:var(--zg64-left)!important;
    width:var(--zg64-sidebar)!important;
    max-width:var(--zg64-sidebar)!important;
    height:auto!important;
    max-height:calc(100vh - 48px)!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    z-index:80!important;
    overscroll-behavior:contain!important;
    box-sizing:border-box!important;
  }

  .zs31-main,
  main{
    margin-left:calc(var(--zg64-sidebar) + var(--zg64-left) + var(--zg64-gap))!important;
    width:calc(100vw - var(--zg64-sidebar) - var(--zg64-left) - var(--zg64-gap) - 24px)!important;
    max-width:none!important;
    min-height:100vh!important;
    padding:24px 24px 46px!important;
    overflow:visible!important;
    box-sizing:border-box!important;
  }
}

.zs31-sidebar::-webkit-scrollbar,
.zs-sidebar::-webkit-scrollbar,
.sidebar::-webkit-scrollbar,
aside::-webkit-scrollbar{
  width:8px;
}

.zs31-sidebar::-webkit-scrollbar-track,
.zs-sidebar::-webkit-scrollbar-track,
.sidebar::-webkit-scrollbar-track,
aside::-webkit-scrollbar-track{
  background:rgba(1,10,19,.42);
}

.zs31-sidebar::-webkit-scrollbar-thumb,
.zs-sidebar::-webkit-scrollbar-thumb,
.sidebar::-webkit-scrollbar-thumb,
aside::-webkit-scrollbar-thumb{
  background:linear-gradient(180deg,rgba(40,231,255,.62),rgba(255,217,130,.42));
  border-radius:999px;
}

/* Canonical menu */
.zg64-menu{
  margin:16px 10px 22px;
  border:1px solid rgba(40,231,255,.18);
  border-radius:24px;
  background:
    radial-gradient(circle at 84% 0%,rgba(40,231,255,.12),transparent 34%),
    linear-gradient(145deg,rgba(8,28,48,.86),rgba(1,8,17,.96));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 0 28px rgba(0,170,255,.08);
  padding:14px;
}

.zg64-menu__title{
  color:#fff;
  font-size:13px;
  font-weight:1000;
  margin:0 0 12px;
}

.zg64-menu__group{
  margin:14px 0;
}

.zg64-menu__label{
  color:var(--zg64-gold);
  font-size:10px;
  font-weight:1000;
  letter-spacing:.3px;
  margin:0 0 8px;
  opacity:.95;
}

.zg64-menu__links{
  display:grid;
  gap:7px;
}

.zg64-menu__links a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  min-height:38px;
  border:1px solid rgba(40,231,255,.12);
  border-radius:14px;
  background:rgba(1,10,19,.60);
  color:#dffcff!important;
  text-decoration:none!important;
  padding:0 11px;
  font-size:11px;
  font-weight:950;
  box-sizing:border-box;
}

.zg64-menu__links a:hover,
.zg64-menu__links a.active{
  border-color:rgba(255,217,130,.32);
  color:#ffe4aa!important;
  background:rgba(255,217,130,.08);
}

/* Page containers should not overflow horizontally */
.zs31-main > *,
main > *{
  max-width:100%!important;
  box-sizing:border-box!important;
}

/* Common page module widths */
.zs46-shell,.zs47-shell,.zs48-shell,.zs49-shell,
.zs50-shell,.zs51-shell,.zs52-shell,.zs53-shell,
.zs55-cockpit,.zs56-shell,.zs57-shell,.zs58-shell,
.zs61-dashboard,.zs62-shell{
  width:100%!important;
  max-width:100%!important;
  margin-left:0!important;
  margin-right:0!important;
  box-sizing:border-box!important;
}

/* Prevent restored legacy panels from taking over pages */
.zs59-restored-panel,
.zs60-dashboard-restored{
  width:100%!important;
  max-width:100%!important;
  border-radius:28px!important;
  margin:22px 0!important;
  overflow:hidden!important;
}

.zg64-legacy-collapsed .zs59-restored-body,
.zg64-legacy-collapsed .zs60-dashboard-restored-body{
  display:none!important;
}

.zg64-legacy-toggle{
  display:inline-flex;
  min-height:34px;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(255,217,130,.28);
  border-radius:999px;
  background:rgba(255,217,130,.08);
  color:#ffe4aa;
  padding:0 12px;
  font-size:11px;
  font-weight:1000;
  cursor:pointer;
}

/* Tables/pre/charts safe */
table{
  max-width:100%!important;
}

pre{
  max-width:100%!important;
  overflow:auto!important;
}

canvas,
svg{
  max-width:100%!important;
}

/* Mobile */
@media(max-width:1023px){
  .zs31-sidebar,
  .zs-sidebar,
  .sidebar,
  aside{
    max-height:calc(100vh - 20px)!important;
    overflow-y:auto!important;
  }

  .zs31-main,
  main{
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    padding:14px!important;
  }
}
