.topbar > div:first-of-type::after {
  content: "BUILD 2026.09.13 ORG + INVITES + MAPPING V11";
}

.sidebar nav { padding-bottom: 8px; }

.sidebar-org-scopes {
  margin: 0 10px 12px;
  padding: 14px 0 10px;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

.sidebar-org-scopes > span {
  display: block;
  padding: 0 14px 9px;
  color: #7b8781;
  font-size: 8px;
  font-weight: 800;
  letter-spacing: .13em;
}

.sidebar-org-scopes button {
  width: 100%;
  min-height: 46px;
  display: grid;
  grid-template-columns: 20px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  padding: 8px 12px;
  border: 0;
  border-left: 3px solid transparent;
  background: transparent;
  color: #9ba59f;
  text-align: left;
}

.sidebar-org-scopes button:hover,
.sidebar-org-scopes button.active {
  color: #fff;
  border-left-color: var(--orange);
  background: linear-gradient(90deg, #e3683226, transparent);
}

.sidebar-org-scopes button strong,
.sidebar-org-scopes button small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sidebar-org-scopes button strong {
  font: 800 13px/1.1 "Barlow Condensed";
  text-transform: uppercase;
}

.sidebar-org-scopes button small {
  margin-top: 4px;
  color: #758079;
  font-size: 7px;
  letter-spacing: .06em;
}

.organization-panel { max-width: none; }

.org-scope-caption {
  display: block;
  margin-top: 8px;
  color: #8f9a94;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .11em;
}

.org-zoom.outline {
  min-width: 38px;
  margin: 0;
  padding: 9px 11px;
  border-color: #535d57;
  font-size: 16px;
  line-height: 1;
  font-variant-numeric: tabular-nums;
}

.org-zoom + .org-zoom { margin-left: -10px; }
.org-zoom.org-zoom-value { min-width: 66px; font-size: 10px; }
.org-zoom:hover { border-color: var(--orange); }
.org-zoom:focus-visible { outline: 2px solid var(--orange); outline-offset: 2px; }

.ics-chart-viewport {
  margin-top: 22px;
  overflow: auto;
  border: 1px solid #3d4741;
  background:
    linear-gradient(#ffffff07 1px, transparent 1px),
    linear-gradient(90deg, #ffffff07 1px, transparent 1px),
    #0c100e;
  background-size: 24px 24px;
}

.ics-chart {
  min-width: 980px;
  padding: 34px 28px 46px;
  transform-origin: top center;
  transition: transform .16s ease;
}

.ics-tier {
  position: relative;
  display: grid;
  gap: 18px;
  justify-content: center;
}

.ics-tier-single { grid-template-columns: minmax(260px, 390px); }
.ics-tier-three { grid-template-columns: repeat(3, minmax(210px, 1fr)); }

.ics-vertical {
  width: 2px;
  height: 30px;
  margin: 0 auto;
  background: #7a8580;
}

.ics-group { position: relative; padding-top: 18px; }

.ics-group::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 2px;
  height: 18px;
  background: #7a8580;
}

.ics-group > header {
  width: max-content;
  margin: 0 auto 14px;
  padding: 7px 12px;
  border: 1px solid #59645e;
  background: #161c18;
  color: var(--orange);
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .16em;
  text-align: center;
}

.ics-section-grid {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, minmax(190px, 1fr));
  gap: 18px;
}

.ics-section {
  min-width: 0;
  padding: 10px;
  border: 1px solid #303934;
  background: #111613;
}

.ics-node {
  min-height: 102px;
  display: grid;
  align-content: center;
  gap: 6px;
  padding: 15px 17px;
  border: 1px solid #59645e;
  border-top: 3px solid var(--orange);
  background: linear-gradient(145deg, #202822, #131915);
  box-shadow: 0 10px 26px #0007;
  text-align: center;
}

.ics-node > span {
  color: #f08a5d;
  font-size: 8px;
  font-weight: 900;
  letter-spacing: .12em;
}

.ics-node > strong {
  color: #f4f6f5;
  font: 800 20px/1.05 "Barlow Condensed";
  text-transform: uppercase;
}

.ics-node a,
.ics-node small {
  color: #a9b3ad;
  font-size: 9px;
  overflow-wrap: anywhere;
}

.ics-node.ics-vacant {
  opacity: .62;
  border-top-color: #69736e;
  background: #151a17;
}

.ics-unit-list {
  display: grid;
  gap: 6px;
  margin-top: 10px;
}

.ics-unit-list span,
.ics-resources span {
  display: block;
  padding: 7px 8px;
  border: 1px solid #343e38;
  background: #1a211d;
  color: #aeb8b2;
  font-size: 8px;
  font-weight: 700;
  text-align: center;
}

.ics-resources {
  display: grid;
  gap: 5px;
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid #3b443f;
}

.ics-resources small {
  color: var(--orange);
  font-size: 7px;
  font-weight: 900;
  letter-spacing: .1em;
  text-align: center;
}

.selected-contact,
.invite-email-confirm {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 10px;
  padding: 12px 13px;
  border: 1px solid #4f5a54;
  border-left: 3px solid var(--green);
  background: #172019;
}

.selected-contact > div { min-width: 0; flex: 1; }
.selected-contact span,
.selected-contact strong,
.selected-contact small,
.invite-email-confirm span,
.invite-email-confirm strong { display: block; }

.selected-contact span,
.invite-email-confirm span {
  color: var(--green);
  font-size: 7px;
  font-weight: 900;
  letter-spacing: .12em;
}

.selected-contact strong,
.invite-email-confirm strong {
  margin-top: 4px;
  color: #eef2ef;
  font: 800 16px/1.1 "Barlow Condensed";
}

.selected-contact small { margin-top: 4px; color: #86918b; font-size: 8px; }
.selected-contact .outline { flex: 0 0 auto; }
.invite-email-confirm { display: grid; }

.autocomplete-results button.highlighted,
.autocomplete-results button:focus-visible {
  color: #fff;
  background: #e368322b;
  outline: 1px solid var(--orange);
  outline-offset: -1px;
}

.autocomplete-empty {
  margin: 0;
  padding: 14px;
  color: #98a29c;
  font-size: 11px;
  text-transform: none;
}

.invitation-fallback.compact { padding: 14px; }
.invitation-fallback.compact > strong { font-size: 16px; }
.invitation-fallback.compact > small {
  display: block;
  margin-top: 10px;
  color: #9f998d;
  font-size: 9px;
  line-height: 1.45;
}

.mission-map iframe,
.mission-detail-map iframe {
  opacity: .94;
  filter: grayscale(.22) saturate(.82) brightness(1.02) contrast(1.08);
  pointer-events: none;
}

.mission-map,
.mission-detail-map { cursor: pointer; }

.mission-map::after,
.mission-detail-map::after {
  content: "OPEN MISSION MAP ↗";
  position: absolute;
  z-index: 4;
  top: 14px;
  right: 14px;
  padding: 8px 10px;
  border: 1px solid #ffffffd9;
  background: #fffffff0;
  box-shadow: 0 5px 18px #0004;
  color: #172019;
  font-size: 8px;
  font-weight: 900;
  letter-spacing: .08em;
  pointer-events: none;
}

@media (max-width: 1100px) {
  .org-controls { flex-wrap: wrap; justify-content: flex-end; }
  .ics-chart { transform-origin: top left; }
}

@media (max-width: 760px) {
  .sidebar-org-scopes { max-height: 260px; overflow-y: auto; }
  .organization-panel .panel-head,
  .org-controls { align-items: stretch; }
  .org-controls { justify-content: flex-start; }
  .ics-chart-viewport { margin-left: -8px; margin-right: -8px; }
  .selected-contact { align-items: stretch; flex-direction: column; }
  .selected-contact .outline { width: 100%; }
}

@media print {
  .sidebar-org-scopes,
  .org-controls { display: none !important; }
  .ics-chart-viewport { overflow: visible; border: 0; background: #fff; }
  .ics-chart { min-width: 0; padding: 0; transform: none !important; }
  .ics-node,
  .ics-section,
  .ics-unit-list span,
  .ics-resources span {
    color: #111;
    background: #fff;
    border-color: #555;
    box-shadow: none;
  }
  .ics-node > strong,
  .ics-node a,
  .ics-node small { color: #111; }
}