.iss-discovery {
  border: 1px solid #385767;
  border-radius: 13px;
  background: linear-gradient(125deg, #17303d, #122236);
  overflow: hidden;
}
.iss-discovery > summary {
  display: flex;
  align-items: center;
  gap: 11px;
  cursor: pointer;
  list-style: none;
  padding: 13px;
  min-height: 65px;
}
.iss-discovery > summary::-webkit-details-marker {
  display: none;
}
.iss-discovery > summary::after {
  content: '+';
  margin-left: auto;
  color: #8ee4d9;
  font-size: 22px;
}
.iss-discovery[open] > summary::after {
  content: '−';
}
.iss-symbol {
  font-size: 30px;
  color: #83e7dd;
}
.iss-discovery summary strong,
.iss-discovery summary small {
  display: block;
}
.iss-discovery summary strong {
  font-size: 13px;
  color: #effaff;
}
.iss-discovery summary small {
  color: #adbecd;
  font-size: 11px;
  margin-top: 4px;
  line-height: 1.45;
}
.iss-content {
  padding: 0 12px 12px;
  color: #d4e0ed;
  font-size: 12px;
  line-height: 1.55;
}
.iss-content button {
  min-height: 34px;
  padding: 6px 10px;
  border: 1px solid #476075;
  border-radius: 8px;
  background: #162a3d;
  color: #e1f1fa;
  font: inherit;
  cursor: pointer;
}
.iss-content button:hover {
  background: #26455c;
}
.iss-content button:disabled {
  opacity: 0.5;
  cursor: default;
}
.iss-content button[aria-pressed='true'] {
  background: #246761;
  color: #fff;
  border-color: #7ee3d4;
}
.iss-content button:focus-visible,
.iss-viewport:focus-visible,
.iss-discovery summary:focus-visible {
  outline: 2px solid #b1f9e8;
  outline-offset: 3px;
}
.iss-switch {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin-bottom: 9px;
}
.iss-orbit-control {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 6px;
  cursor: pointer;
}
.iss-orbit-control[hidden] {
  display: none;
}
.iss-switch button {
  flex: 1;
}
.iss-viewport {
  position: relative;
  height: 300px;
  border: 1px solid #355064;
  border-radius: 10px;
  background: #07111e;
  overflow: hidden;
  touch-action: none;
  cursor: grab;
}
.iss-viewport:active {
  cursor: grabbing;
}
.iss-viewport canvas {
  display: block;
  width: 100%;
  height: 100%;
}
.iss-canvas-caption {
  position: absolute;
  left: 9px;
  right: 9px;
  bottom: 8px;
  border-radius: 5px;
  background: #07111ec9;
  padding: 4px 7px;
  color: #cde4ef;
  font-size: 10px;
  pointer-events: none;
}
.iss-camera-controls,
.iss-time-controls {
  display: flex;
  gap: 5px;
  flex-wrap: wrap;
  margin: 8px 0;
}
.iss-camera-controls button {
  min-width: 32px;
  padding: 4px 8px;
}
.iss-status {
  border-left: 3px solid #72d9bf;
  background: #174238;
  padding: 7px 9px;
  margin: 11px 0 5px;
  font-size: 11px;
  color: #d3ffed;
}
.iss-status[data-level='degraded'] {
  border-color: #dfb468;
  background: #433925;
  color: #ffe6b5;
}
.iss-status[data-level='expired'],
.iss-status[data-level='error'] {
  border-color: #d39379;
  background: #412d2b;
  color: #ffcfba;
}
.iss-date {
  color: #aebfd0;
  font-size: 10px;
  margin: 5px 0 10px;
  font-variant-numeric: tabular-nums;
}
.iss-readings {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px;
  margin: 0;
}
.iss-readings > div {
  padding: 7px 9px;
  border-radius: 7px;
  background: #0b1b2c;
  min-width: 0;
}
.iss-readings > div:last-child {
  grid-column: 1 / -1;
}
.iss-readings dt {
  color: #9cb4c7;
  font-size: 10px;
}
.iss-readings dd {
  margin: 2px 0 0;
  color: #eff7ff;
  font-size: 14px;
  font-variant-numeric: tabular-nums;
}
.iss-explanation {
  color: #b9d0dc;
  font-size: 11px;
}
.iss-data-details {
  margin-top: 12px;
  border-top: 1px solid #385164;
  padding-top: 8px;
}
.iss-data-details summary {
  cursor: pointer;
  color: #bfe6e6;
  padding: 4px 0;
}
.iss-data-details p,
.iss-data-details label {
  font-size: 11px;
  line-height: 1.55;
}
.iss-data-details a {
  color: #91ded4;
}
.iss-network-note {
  color: #a4bbc7;
}
.iss-network-status,
.iss-time-status {
  color: #ffe0aa;
}
.iss-import {
  display: block;
  width: 100%;
  box-sizing: border-box;
  resize: vertical;
  border: 1px solid #55717e;
  border-radius: 5px;
  background: #0c1b28;
  color: #dfebf4;
  margin: 6px 0;
  padding: 7px;
  font: 11px monospace;
}
@media (max-width: 600px) {
  .iss-viewport {
    height: 270px;
  }
  .iss-readings dd {
    font-size: 12px;
  }
}