/*
  HGP no-left-sidebar core.
  Only removes duplicated app sidebars on pages that use top navigation.
  Does not remove product data, balance sheet account data, uploads, forms, or tables.
*/

body.hgp-page-balance .app-shell,
body.hgp-page-cockpit .app-shell {
  display: block !important;
}

body.hgp-page-balance .side-nav,
body.hgp-page-cockpit .side-nav,
body.hgp-page-balance aside.side-nav,
body.hgp-page-cockpit aside.side-nav {
  display: none !important;
}

body.hgp-page-balance main,
body.hgp-page-cockpit main {
  width: min(1720px, calc(100vw - 48px)) !important;
  max-width: none !important;
  margin: 0 auto !important;
}

body.hgp-page-balance .content,
body.hgp-page-cockpit .content {
  margin-left: 0 !important;
  width: 100% !important;
}

.hgp-top-nav,
.hgp-page-nav,
.recon-nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  margin: 18px auto;
  padding: 12px;
  width: min(1120px, calc(100vw - 48px));
  border: 1px solid rgba(31, 221, 255, 0.45);
  border-radius: 12px;
  background: rgba(3, 20, 36, 0.72);
}

.hgp-top-nav a,
.hgp-page-nav a,
.recon-nav a {
  color: #cfffff;
  text-decoration: none;
  font-weight: 900;
  padding: 8px 16px;
  border: 1px solid rgba(31, 221, 255, 0.55);
  border-radius: 8px;
  background: rgba(6, 36, 56, 0.78);
}

.hgp-top-nav a.active,
.hgp-page-nav a.active,
.recon-nav a.active {
  color: #ffffff;
  border-color: rgba(67, 255, 189, 0.9);
  background: rgba(19, 95, 83, 0.72);
}