/*
 * Namespaced LCARS primitives adapted for StarFleet New Look from
 * @openfantasymap/lcars-core 0.2.3 (MIT): bar, bracket, hail, indicator.
 * https://github.com/openfantasymap/lcars-core
 */
.sf-new-look-active,
body[class*="sf-page-"] {
  --sf-lcars-primary: #6bd9ff;
  --sf-lcars-secondary: #de6e47;
  --sf-lcars-success: #b7ef76;
  --sf-lcars-muted: #74808e;
  --sf-lcars-bg: #070a10;
  --sf-lcars-gap: .35rem;
  --sf-lcars-radius: 2rem;
}

.sf-lcars-bar-group {
  position: relative;
  z-index: 2;
  display: flex;
  width: min(34rem, 78vw);
  height: .72rem;
  gap: var(--sf-lcars-gap);
  margin: 0 0 1.35rem;
}
.sf-lcars-bar { min-width: 2.2rem; height: 100%; background: var(--sf-lcars-primary); }
.sf-lcars-bar.fill { flex: 1 1 auto; }
.sf-lcars-bar.cap-left { border-radius: var(--sf-lcars-radius) 0 0 var(--sf-lcars-radius); }
.sf-lcars-bar.cap-right { border-radius: 0 var(--sf-lcars-radius) var(--sf-lcars-radius) 0; background: var(--sf-lcars-secondary); }

.sf-lcars-bracket {
  border-top: .45rem solid var(--sf-lcars-primary);
  border-right: .7rem solid var(--sf-lcars-primary);
  border-top-right-radius: var(--sf-lcars-radius);
}

.nav-lcars.sf-lcars-hail { position: relative; box-shadow: inset 0 0 0 2px var(--sf-lcars-secondary); }
.nav-lcars.sf-lcars-hail::before {
  content: "";
  width: .45rem;
  height: .45rem;
  margin-right: .45rem;
  border-radius: 50%;
  background: #070a10;
  box-shadow: 0 0 .6rem rgba(7,10,16,.9);
}

.sf-lcars-indicator { display: inline-flex; align-items: center; gap: .5rem; }
.sf-lcars-indicator::before {
  content: "";
  flex: 0 0 auto;
  width: .72rem;
  height: .72rem;
  border-radius: 50%;
  background: var(--sf-lcars-success);
  box-shadow: 0 0 .55rem rgba(183,239,118,.72);
}

@media (max-width: 560px) {
  .sf-lcars-bracket { border-right-width: .35rem; }
  .sf-lcars-bar-group { width: min(23rem, 88vw); }
}