:root {
  --status-online: #50fa7b;
  --status-standby: #ffb86c;
  --homepage-action-blue: #2f80ed;
  --homepage-action-amber: #ffb86c;
  --homepage-action-od-green: #6b8e23;
}

.eagle-logo {
  height: 50px;
  filter: drop-shadow(0 0 10px rgba(64, 146, 255, 0.3));
}

.op-status {
  font-size: 0.75rem;
  letter-spacing: 2px;
  color: var(--status-online);
}

.timestamp {
  font-size: 0.7rem;
  color: var(--muted-text-color);
}

.telemetry-block {
  font-size: 0.6rem;
  letter-spacing: 1px;
}

.location-intel-display {
  font-size: 0.65rem;
  margin-top: -2px;
  display: none;
}

.command-grid-intro {
  margin-top: 1rem;
}

.command-grid-label {
  letter-spacing: 3px;
}

.command-app-card {
  border-left-width: 4px !important;
  border-left-style: solid !important;
}

.command-app-title {
  color: var(--primary-color);
}

.command-app-title-amber,
.command-app-title-warning {
  color: #ffb86c;
}

.command-app-badge {
  font-size: 0.6rem;
}

.command-app-tag {
  font-size: 0.58rem;
  letter-spacing: 0.08em;
  padding: 0.25rem 0.45rem;
}

.command-app-tag-core {
  background-color: rgba(47, 128, 237, 0.2);
  color: #90c2ff;
  border: 1px solid rgba(47, 128, 237, 0.45);
}

.command-app-tag-specialty {
  background-color: rgba(255, 184, 108, 0.2);
  color: #ffd8ab;
  border: 1px solid rgba(255, 184, 108, 0.55);
}

.command-app-cta {
  min-height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.command-app-cta-primary {
  background-color: var(--homepage-action-blue);
  border: 1px solid var(--homepage-action-blue);
  color: #f8f9fa;
}

.command-app-cta-amber {
  background-color: var(--homepage-action-amber);
  border: 1px solid var(--homepage-action-amber);
  color: #121417;
}

.command-app-cta-olive {
  background-color: var(--homepage-action-od-green);
  border: 1px solid var(--homepage-action-od-green);
  color: #f8f9fa;
}

.command-app-cta-primary.is-danger,
.command-app-cta-olive.is-danger,
.command-app-cta-amber.is-danger {
  background-color: #e94560;
  border-color: #e94560;
  color: #f8f9fa;
}

.command-app-cta-primary.is-success,
.command-app-cta-olive.is-success,
.command-app-cta-amber.is-success {
  background-color: #8da35d;
  border-color: #8da35d;
  color: #121417;
}

.rack-status-indicator {
  display: none;
}

.rack-status-dot {
  color: #6272a4;
}

.rack-manual-link {
  font-size: 0.7rem;
  border: 1px solid #333;
}

.ust-banner-card {
  border-left-width: 6px !important;
}

.ust-banner-text-wrap {
  min-width: 0;
}

.command-app-card.accent-primary {
  border-left-color: var(--primary-color) !important;
}

.command-app-card.accent-amber {
  border-left-color: #ffb86c !important;
}

@media (max-width: 576px) {
  .display-5 {
    font-size: 1.75rem;
  }

  .command-grid-intro {
    margin-top: 0.5rem;
    margin-bottom: 0.9rem;
  }

  .command-app-card .card-body {
    padding: 1rem 0.9rem;
  }

  .command-app-tag {
    font-size: 0.54rem;
    padding: 0.2rem 0.35rem;
  }

  .command-app-cta {
    min-height: 48px;
  }
}
