/*
 GYPTO Electrical V180 — Footer credit removed
 Keeps the GYPTO ribbon, main application header and navigation visible
 while the page content scrolls. This layer changes layout only.
*/

#app .main{
  height:100vh!important;
  max-height:100vh!important;
  min-height:0!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior-y:contain;
  scroll-behavior:smooth;
}

#app .v177-sticky-header-shell{
  position:sticky!important;
  top:0!important;
  z-index:10000!important;
  width:100%!important;
  background:#fff!important;
  box-shadow:0 8px 22px rgba(16,58,93,.08)!important;
  isolation:isolate;
}

#app .v177-sticky-header-shell>.gypto-ribbon,
#app .v177-sticky-header-shell>.top.gypto-approved-header,
#app .v177-sticky-header-shell>.electrical-top-nav{
  position:relative!important;
  inset:auto!important;
  top:auto!important;
  left:auto!important;
  right:auto!important;
  width:100%!important;
}

#app .v177-sticky-header-shell>.gypto-ribbon{
  z-index:30!important;
}

#app .v177-sticky-header-shell>.top.gypto-approved-header{
  z-index:20!important;
}

#app .v177-sticky-header-shell>.electrical-top-nav{
  z-index:10!important;
  box-shadow:none!important;
}

#app .procurement-table .proc-status-select{
  width:100%!important;
  min-width:170px!important;
  height:38px!important;
  padding:0 34px 0 12px!important;
  border:1px solid #cfddea!important;
  border-radius:11px!important;
  background:#fff!important;
  color:var(--navy)!important;
  font-size:12px!important;
  font-weight:800!important;
  outline:none!important;
  cursor:pointer!important;
}

#app .procurement-table .proc-status-select:hover,
#app .procurement-table .proc-status-select:focus{
  border-color:#73a9d4!important;
  box-shadow:0 0 0 3px rgba(43,118,194,.09)!important;
}

#app .procurement-table .proc-status-select:disabled{
  cursor:wait!important;
  opacity:.65!important;
}

#floatingQrCard,
#pageQrDock,
#installAppFab,
#installModalBackdrop{
  display:none!important;
}

@media print{
  #app .v177-sticky-header-shell{
    position:static!important;
    box-shadow:none!important;
  }
}
