/*
 * LGN10 upper chrome — Graphics / UPPER-CHROME-01 · ghost3
 * A little less ghost: stronger plaque fills (~.36–.44). Labels/icons opacity:1. No blur.
 * Load AFTER open-map-top.css and upper-tabs-icon-weight.css.
 * No geometry / dock / race rules.
 */
html body.on-work{
  --lgn-upper-gold:#C5A15A;
  --lgn-upper-paper:#EDE6D6;
  --lgn-upper-ink:#080A0E;
  --lgn-upper-fill:rgba(7,7,7,.44);
  --lgn-upper-fill-soft:rgba(7,7,7,.38);
  --lgn-upper-line:rgba(197,161,90,.28);
}

html body.on-work header.topbar,
html body.on-work .topbar,
html body.on-work .topbar *,
html body.on-work #lgn10-gold-icons,
html body.on-work #lgn10-gold-icons *,
html body.on-work #lgn10-gold-left #goal-meter,
html body.on-work #lgn10-gold-left #locate,
html body.on-work #lgn10-gold-left #setup{
  filter:none!important;
  -webkit-filter:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  text-shadow:none!important;
}

html body.on-work header.topbar,
html body.on-work .topbar{
  background:var(--lgn-upper-fill)!important;
  border-bottom-color:var(--lgn-upper-line)!important;
  box-shadow:none!important;
  opacity:1!important;
  pointer-events:auto!important;
}

html body.on-work .topbar .brand,
html body.on-work .topbar .brand .word,
html body.on-work .topbar .brand .mark{
  opacity:1!important;
  color:var(--lgn-upper-gold)!important;
}

html body.on-work .topbar .mode{
  background:var(--lgn-upper-fill-soft)!important;
  border-color:var(--lgn-upper-line)!important;
  opacity:1!important;
  pointer-events:auto!important;
}
html body.on-work .topbar .mode button,
html body.on-work .topbar .mode #lgn10-gold-circuit,
html body.on-work #lgn10-gold-circuit,
html body.on-work #mode-portal,
html body.on-work #mode-floor,
html body.on-work #mode-work{
  opacity:1!important;
  background:rgba(7,7,7,.36)!important;
  border-color:rgba(197,161,90,.42)!important;
  color:var(--lgn-upper-gold)!important;
  pointer-events:auto!important;
}
html body.on-work .topbar .mode button.on,
html body.on-work .topbar .mode button[aria-pressed="true"],
html body.on-work .topbar .mode #mode-portal.on,
html body.on-work .topbar .mode #mode-floor.on,
html body.on-work .topbar .mode #mode-work.on,
html body.on-work #lgn10-gold-circuit.on,
html body.on-work #lgn10-gold-circuit[aria-pressed="true"]{
  opacity:1!important;
  background:rgba(197,161,90,.68)!important;
  border-color:rgba(197,161,90,.72)!important;
  color:var(--lgn-upper-ink)!important;
}

html body.on-work .topbar .top-actions > button,
html body.on-work .topbar .top-actions > .post-btn,
html body.on-work .topbar .top-actions > [id^="hdr-"]{
  opacity:1!important;
  background:rgba(25,25,25,.42)!important;
  border-color:var(--lgn-upper-line)!important;
  color:var(--lgn-upper-gold)!important;
  pointer-events:auto!important;
}

html body.on-work #lgn10-gold-icons{
  background:var(--lgn-upper-fill)!important;
  border-top-color:rgba(197,161,90,.22)!important;
  border-bottom-color:rgba(197,161,90,.26)!important;
  opacity:1!important;
  pointer-events:auto!important;
}
html body.on-work #lgn10-gold-icons button{
  opacity:1!important;
  background:transparent!important;
  border-right-color:rgba(197,161,90,.22)!important;
  color:var(--lgn-upper-gold)!important;
  pointer-events:auto!important;
}
html body.on-work #lgn10-gold-icons button .gi-ico,
html body.on-work #lgn10-gold-icons button .gi-ico svg{
  opacity:1!important;
  color:var(--lgn-upper-gold)!important;
  stroke:currentColor!important;
  filter:none!important;
}
html body.on-work #lgn10-gold-icons button .gi-lab{
  opacity:1!important;
  color:var(--lgn-upper-paper)!important;
}
html body.on-work #lgn10-gold-icons button[data-scout-hot="1"] .gi-ico,
html body.on-work #lgn10-gold-icons button.scout-hot-on .gi-ico{
  opacity:1!important;
  color:var(--lgn-upper-gold)!important;
  filter:none!important;
}

html body.on-work .uber-topstack .uber-hud{
  background:rgba(8,10,14,.44)!important;
  border-color:rgba(110,231,255,.22)!important;
  opacity:1!important;
  filter:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
html body.on-work .uber-topstack .uber-hud .uh b,
html body.on-work .uber-topstack .uber-hud .uh span{
  opacity:1!important;
}

html body.on-work #lgn10-gold-left #goal-meter,
html body.on-work #lgn10-gold-left #locate,
html body.on-work #lgn10-gold-left #setup{
  opacity:1!important;
  background-color:rgba(8,10,14,.42)!important;
  border-color:rgba(197,161,90,.34)!important;
  color:var(--lgn-upper-gold)!important;
  pointer-events:auto!important;
  filter:none!important;
}
