.orbit-metrics { padding: 4px 0 0; color: #dceaf4; font-size: .65rem; line-height: 1.35; font-variant-numeric: tabular-nums; cursor: default; }
.orbit-metrics__range { display: grid; grid-template-columns: minmax(0, 1fr) minmax(15px, .65fr) minmax(0, 1fr); align-items: center; gap: 3px; }
.orbit-metrics__endpoint { display: grid; gap: 1px; min-width: 0; }
.orbit-metrics__endpoint:last-child { text-align: right; }
.orbit-metrics__range strong { color: #dceaf4; font-size: .68rem; font-weight: 550; overflow-wrap: anywhere; }
.orbit-metrics__range small, .orbit-metrics__range span { font-size: .57rem; font-weight: 400; color: #9bb6c8; }
.orbit-metrics__arc { display: block; width: 100%; height: 23px; overflow: visible; }
.orbit-metrics__preview { width: 100%; border: 1px solid #4a827a; border-radius: 6px; padding: 7px; background: #29565055; color: inherit; font: inherit; text-align: left; cursor: pointer; }
.orbit-metrics__preview:hover { background: #66cfbb22; }
.orbit-metrics__preview:focus-visible { outline: 2px solid #87e0d0; outline-offset: 2px; }
.orbit-metrics__preview .orbit-metrics__action { display: block; text-align: center; font-size: .6rem; color: #adebde; white-space: nowrap; }
.orbit-metrics__arc path { fill: none; stroke: #65c9bd; stroke-width: 1.5; }
.orbit-metrics__arc circle { fill: #8ee2d3; }
.orbit-metrics__details { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 3px 8px; color: #9bb6c8; margin-top: 5px; font-size: .6rem; }
.orbit-metrics__details strong { font-weight: 500; color: #dceaf4; }
.orbit-position-dialog { width: min(570px, calc(100vw - 24px)); max-height: 91dvh; padding: 0; overflow-y: auto; border: 1px solid #476172; border-radius: 14px; color: #e1ecf6; background: #101e2e; box-shadow: 0 24px 90px #0008; }
.orbit-position-dialog::backdrop { background: rgba(0,6,16,.78); backdrop-filter: blur(3px); }
.orbit-position-dialog__header { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 14px 20px; border-bottom: 1px solid #344556; background: #142638; }
.orbit-position-dialog__header span { display: block; color: #94b4c9; font-size: .64rem; margin-bottom: 4px; }
.orbit-position-dialog__header h2 { margin: 0; font-size: 1rem; line-height: 1.3; letter-spacing: 0; overflow-wrap: anywhere; }
.orbit-position-dialog__header button { padding: 5px; cursor: pointer; background: none; border: 0; color: #e1ecf6; font: inherit; font-size: 1.6rem; line-height: 1; }
.orbit-position-dialog__body { padding: 14px 20px 18px; }
.orbit-position-status { margin: 0; color: #aec8da; font-size: .78rem; line-height: 1.6; }
.orbit-position-refresh { display: block; margin: 10px 0 0 auto; background: #1b4247; color: #baf5e8; border: 1px solid #478779; border-radius: 6px; padding: 7px 10px; font: inherit; font-size: .72rem; cursor: pointer; }
.orbit-position-refresh:hover { background: #285b59; }
.orbit-position-refresh:disabled { opacity: .6; cursor: progress; }
.orbit-position-refresh:focus-visible { outline: 2px solid #87e0d0; outline-offset: 3px; }
.orbit-position-globe { max-width: 340px; margin: 8px auto; }
.orbit-position-globe:empty { display: none; }
.orbit-position-globe svg { display: block; width: 100%; height: auto; }
.orbit-position-globe .orbit-globe-body { fill: #142f47; stroke: #55829a; stroke-width: 1; }
.orbit-position-globe .orbit-globe-grid { fill: none; stroke: #396078; stroke-width: .8; }
.orbit-position-globe .orbit-globe-coastline { fill: none; stroke: #88aeab; stroke-width: 1; stroke-linejoin: round; }
.orbit-position-globe .orbit-globe-equator { fill: none; stroke: #6890a6; stroke-width: 1; stroke-dasharray: 3 3; }
.orbit-position-globe .orbit-globe-track { fill: none; stroke: #7ee3ce; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.orbit-position-globe .orbit-globe-marker { fill: #e7fff8; stroke: #122e33; stroke-width: 2; }
.orbit-position-globe .orbit-globe-marker-halo { fill: #97e7d744; stroke: #97e7d7; stroke-width: 1; }
.orbit-position-globe .orbit-globe-now { fill: #d4fff2; paint-order: stroke; stroke: #142f47; stroke-width: 3px; }
.orbit-position-globe .orbit-globe-label { fill: #adcada; font: 11px system-ui, sans-serif; }
.orbit-position-caption { margin: 3px 0 14px; color: #aec8da; font-size: .7rem; text-align: center; line-height: 1.6; }
.orbit-position-readout { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; margin: 0; }
.orbit-position-readout dt { color: #9bb6c8; font-size: .65rem; margin-bottom: 4px; }
.orbit-position-readout dd { margin: 0; color: #e0edf5; font-size: .78rem; overflow-wrap: anywhere; }
.orbit-position-source { margin: 16px 0 0; padding-top: 12px; border-top: 1px solid #344556; font-size: .65rem; line-height: 1.7; color: #9bb6c8; }
.orbit-position-source:empty { display: none; }
.orbit-position-source a { color: #8ae2d2; }
@media (max-width: 550px) {
  .orbit-position-dialog__header { padding: 12px 14px; }
  .orbit-position-dialog__body { padding: 12px 14px 16px; }
  .orbit-metrics__range strong { font-size: .62rem; }
  .orbit-metrics__details { font-size: .56rem; gap: 2px 5px; }
}