/* v0.33.29 - compact, distinct Orbit workspaces and dedicated section art. */
.orbit-workspace-header {
  position: relative;
  min-height: 132px;
  overflow: hidden;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 18px;
  padding: 18px 20px;
  border: 1px solid rgba(91, 184, 229, .2);
  border-radius: 13px;
  background: #050d16;
  isolation: isolate;
}
.orbit-workspace-header-art,
.orbit-workspace-header-art picture,
.orbit-workspace-header-art img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
}
.orbit-workspace-header-art img { object-fit: cover; object-position: center; }
.orbit-workspace-header-shade {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(90deg, rgba(2, 9, 17, .96) 0%, rgba(2, 10, 19, .82) 38%, rgba(2, 10, 19, .32) 70%, rgba(2, 10, 19, .6) 100%);
}
.orbit-workspace-header-copy,
.orbit-workspace-header-actions { position: relative; z-index: 2; }
.orbit-workspace-header-copy { display: grid; gap: 3px; max-width: 760px; }
.orbit-workspace-header-copy > span { color: #67cdf3; font-size: 13px; letter-spacing: .1em; }
.orbit-workspace-header-copy h1 { margin: 0; font-size: 27px; line-height: 1.08; }
.orbit-workspace-header-copy p { margin: 2px 0 0; max-width: 660px; color: #a2b7c5; font-size: 13px; line-height: 1.45; }
.orbit-workspace-header-meta { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 8px; }
.orbit-workspace-header-meta strong {
  padding: 5px 8px;
  border: 1px solid rgba(102, 205, 243, .2);
  border-radius: 999px;
  background: rgba(4, 15, 25, .72);
  color: #e6f5fc;
  font-size: 13px;
}
.orbit-workspace-header-actions { align-self: end; display: flex; gap: 8px; }
.orbit-workspace-header-actions .ref-primary-button,
.orbit-workspace-header-actions .ref-secondary-button { min-height: 38px; }

/* The overview remains visual, but no longer consumes a third of the viewport. */
.orbit-workspace-header-overview { min-height: 188px; }
.orbit-overview-actions { gap: 8px; }
.orbit-overview-actions button { min-height: 68px; padding: 11px 13px; }
.orbit-facility-summary-card > div { height: 88px; }

/* Facility catalogue and upgrade planning are intentionally different workspaces. */
.orbit-facility-workspace { align-items: start; }
.orbit-facility-grid-facilities .orbit-facility-card { background: rgba(7, 19, 31, .82); }
.orbit-facility-grid-facilities .orbit-facility-card-art { height: 112px; }
.orbit-facility-grid-upgrades .orbit-facility-card { background: linear-gradient(180deg, rgba(9, 24, 38, .92), rgba(6, 15, 25, .9)); }
.orbit-facility-grid-upgrades .orbit-facility-card-art { height: 98px; filter: saturate(.86) contrast(1.05); }
.orbit-facility-detail-operational { border-color: rgba(95, 214, 181, .2); }
.orbit-facility-detail-operational .orbit-facility-detail-head > span { color: #69ddb9; }
.orbit-facility-detail-operational section:last-of-type {
  padding: 9px 10px;
  border: 1px solid rgba(105, 221, 185, .14);
  border-radius: 8px;
  background: rgba(13, 49, 45, .28);
}
.orbit-facility-detail-upgrade { border-color: rgba(103, 199, 237, .24); }
.orbit-facility-detail-upgrade .orbit-facility-detail-head > span { color: #67c7ed; }
.orbit-facility-detail-art { height: 145px; }
.orbit-facility-detail-metrics span { min-height: 58px; }
.orbit-facility-detail section { padding-top: 2px; }

.orbit-empty-state-compact { min-height: 118px; align-content: center; }
.orbit-blueprint-management { grid-template-columns: minmax(300px, 350px) minmax(0, 1fr); }
.orbit-shipyard-layout { grid-template-columns: minmax(0, 1fr) clamp(360px, 27vw, 430px); }
.orbit-build-panel { position: sticky; top: 0; }
.orbit-queue-card { padding-bottom: 10px; }

@media (max-height: 900px) and (min-width: 1121px) {
  .orbit-workspace-header { min-height: 112px; padding: 13px 16px; }
  .orbit-workspace-header-overview { min-height: 160px; }
  .orbit-workspace-header-copy h1 { font-size: 24px; }
  .orbit-workspace-header-copy p { font-size: 13px; }
  .orbit-facility-detail-art { height: 118px; }
  .orbit-facility-grid-facilities .orbit-facility-card-art,
  .orbit-facility-grid-upgrades .orbit-facility-card-art { height: 88px; }
}

@media (max-width: 1120px) {
  .orbit-workspace-header { grid-template-columns: 1fr; }
  .orbit-workspace-header-actions { justify-self: start; }
  .orbit-build-panel { position: static; }
}

@media (max-width: 760px) {
  .orbit-workspace-header,
  .orbit-workspace-header-overview { min-height: 170px; padding: 15px; }
  .orbit-workspace-header-copy h1 { font-size: 24px; }
  .orbit-workspace-header-actions { width: 100%; }
  .orbit-workspace-header-actions > * { width: 100%; }
}
.orbit-howto { flex-wrap: wrap; }
.orbit-howto > strong { margin-right: 4px; }
.orbit-howto > span { display: inline-flex; align-items: center; gap: 6px; }
.orbit-howto > span b {
  display: grid;
  place-items: center;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: rgba(74, 207, 255, .12);
  color: #61d6ff;
  font-size: 13px;
}
@media (max-width: 760px) {
  .orbit-howto > span b { transform: none; }
}