/* ELEMENTARY v3.2.4 — global legacy canvas and sidebar metadata cleanup */
:root{
  --eo-v324-content-gap:20px;
}

/* One fixed shell geometry for every legacy screen */
body.eo-legacy-bridge-active{
  min-width:0!important;
  padding-top:var(--eo-header-height)!important;
  padding-left:var(--eo-sidebar-expanded)!important;
  overflow-x:hidden!important;
}
html[data-eo-sidebar="compact"] body.eo-legacy-bridge-active{
  padding-left:var(--eo-sidebar-compact)!important;
}
body.eo-legacy-bridge-active .eo-legacy-shell-bridge{
  position:relative!important;
  display:block!important;
  width:0!important;
  height:0!important;
  visibility:visible!important;
  opacity:1!important;
  z-index:1100!important;
}
body.eo-legacy-bridge-active .eo-sidebar{
  position:fixed!important;
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  z-index:1120!important;
}
body.eo-legacy-bridge-active .eo-legacy-header{
  position:fixed!important;
  display:grid!important;
  visibility:visible!important;
  opacity:1!important;
  top:0!important;
  right:0!important;
  left:var(--eo-sidebar-expanded)!important;
  width:auto!important;
  height:var(--eo-header-height)!important;
  min-height:var(--eo-header-height)!important;
  max-height:var(--eo-header-height)!important;
  margin:0!important;
  transform:none!important;
  z-index:1110!important;
}
html[data-eo-sidebar="compact"] body.eo-legacy-bridge-active .eo-legacy-header{
  left:var(--eo-sidebar-compact)!important;
}

/* No company, VAT or version metadata inside operational navigation */
.eo-sidebar-scroll .eo-v324-sidebar-meta-hidden{
  display:none!important;
}

/* All original legacy body content is moved here at runtime */
body.eo-legacy-bridge-active > .eo-v324-page-canvas{
  position:relative!important;
  inset:auto!important;
  display:block!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  min-height:calc(100dvh - var(--eo-header-height))!important;
  margin:0!important;
  padding:var(--eo-v324-content-gap) clamp(18px,2vw,34px) 48px!important;
  overflow:visible!important;
  transform:none!important;
  z-index:1!important;
}
body.eo-legacy-bridge-active .eo-v324-source-root{
  position:relative!important;
  inset:auto!important;
  display:block!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding-top:0!important;
  transform:none!important;
  float:none!important;
  overflow:visible!important;
}
body.eo-legacy-bridge-active .eo-v324-structural-node{
  position:relative!important;
  inset:auto!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  bottom:auto!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin-left:0!important;
  margin-right:0!important;
  transform:none!important;
  float:none!important;
}
body.eo-legacy-bridge-active .eo-v324-top-grid{
  grid-template-columns:minmax(0,1fr)!important;
}
body.eo-legacy-bridge-active .eo-v324-empty-spacer,
body.eo-legacy-bridge-active .eo-v324-duplicate-shell{
  display:none!important;
}

/* Content geometry */
body.eo-legacy-bridge-active .eo-v324-page-canvas h1{
  width:auto!important;
  max-width:none!important;
  margin-top:0!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
}
body.eo-legacy-bridge-active .eo-v324-page-canvas :is(
  table,
  form,
  [class$="-table"],
  [class*="-table "],
  [class$="-metrics"],
  [class*="-metrics "],
  [class$="-filters"],
  [class*="-filters "],
  [class$="-grid"],
  [class*="-grid "]
){
  max-width:none!important;
  min-width:0!important;
}
body.eo-legacy-bridge-active .eo-v324-table-region{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  overflow-x:auto!important;
  scrollbar-gutter:stable!important;
}
body.eo-legacy-bridge-active .eo-v324-table-region table{
  width:100%!important;
  max-width:none!important;
  min-width:860px!important;
  table-layout:auto!important;
}
body.eo-legacy-bridge-active .eo-v324-table-region :is(th,td){
  width:auto!important;
  max-width:none!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  white-space:normal!important;
}

/* Strong repair for the known narrow legacy operational screens */
body[data-eo-v324-route="blockages"] .eo-v324-source-root :is(
  main,
  .wrap,
  .wrapper,
  .page,
  .main,
  .content,
  .container,
  .bc-wrap,
  .bc-shell,
  .bc-main,
  .bc-content,
  .blockage-wrap,
  .blockage-shell,
  .blockage-main,
  .blockage-content
),
body[data-eo-v324-route="document-center"] .eo-v324-source-root :is(
  main,
  .wrap,
  .wrapper,
  .page,
  .main,
  .content,
  .container,
  .document-wrap,
  .document-shell,
  .document-main,
  .document-content
),
body[data-eo-v324-route="commercial-center"] .eo-v324-source-root :is(
  main,
  .wrap,
  .wrapper,
  .page,
  .main,
  .content,
  .container,
  .commercial-wrap,
  .commercial-shell,
  .commercial-main,
  .commercial-content
){
  position:relative!important;
  inset:auto!important;
  display:block!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding-top:0!important;
  transform:none!important;
  float:none!important;
}

/* Browser self-heal fallback */
body[data-eo-v324-layout="fallback"] .eo-v324-page-canvas,
body[data-eo-v324-layout="fallback"] .eo-v324-source-root,
body[data-eo-v324-layout="fallback"] .eo-v324-structural-node{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  position:relative!important;
  inset:auto!important;
  margin-left:0!important;
  margin-right:0!important;
  transform:none!important;
}

@media(max-width:768px){
  body.eo-legacy-bridge-active{
    padding-left:0!important;
  }
  body.eo-legacy-bridge-active .eo-legacy-header{
    left:0!important;
  }
  body.eo-legacy-bridge-active > .eo-v324-page-canvas{
    padding:14px 11px 88px!important;
  }
}