.action-center-details {
  border-width: 1px;
}

.action-center-details--clear {
  border-color: #bbf7d0;
  background: #f0fdf4;
}

.action-center-details--clear summary strong {
  background: #15803d;
}

.action-center-details--unavailable {
  border-color: #cbd5e1;
  background: #f8fafc;
}

.action-center-details--unavailable summary strong {
  background: #475569;
}

.flight-delay-details.action-center-details--clear:not([open]) summary strong {
  background: #15803d;
}

.flight-delay-details.action-center-details--monitor:not([open]) summary strong {
  color: #422006;
  background: #facc15;
}

.flight-delay-details.action-center-details--high:not([open]) summary strong {
  background: #ea580c;
}

.flight-delay-details.action-center-details--critical:not([open]) summary strong {
  background: #b91c1c;
}

.flight-delay-details.action-center-details--unavailable:not([open]) summary strong {
  background: #475569;
}

.action-center-details--monitor {
  border-color: #fde68a;
  background: #fffef7;
}

.action-center-details--monitor summary strong {
  color: #422006;
  background: #facc15;
}

.action-center-details--high {
  border-color: #fdba74;
  background: #fff7ed;
}

.action-center-details--high summary strong {
  background: #ea580c;
}

.action-center-details--critical {
  border-color: #fca5a5;
  background: #fff1f2;
}

.action-center-details--critical summary strong {
  background: #b91c1c;
}

.action-center-item {
  border-left-width: 5px;
}

.action-center-item--monitor {
  border-color: #fde68a;
  border-left-color: #ca8a04;
  background: #fffef7;
}

.action-center-item--high {
  border-color: #fdba74;
  border-left-color: #ea580c;
  background: #fff7ed;
}

.action-center-item--critical {
  border-color: #fca5a5;
  border-left-color: #b91c1c;
  background: #fff1f2;
}

.action-center-item .flight-delay-item__top span b {
  font-size: 0.68rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.action-center-item--monitor .flight-delay-item__top span {
  color: #854d0e;
}

.action-center-item--high .flight-delay-item__top span {
  color: #9a3412;
}

.action-center-item--critical .flight-delay-item__top span {
  color: #991b1b;
}

.action-center-actions {
  display: grid;
  gap: 4px;
  margin: 0;
  padding: 0;
  color: #334155;
  font-size: 0.82rem;
  font-weight: 850;
  line-height: 1.35;
  list-style: none;
}

.action-center-actions li {
  position: relative;
  padding-left: 14px;
}

.action-center-actions li::before {
  content: "";
  position: absolute;
  top: 0.48em;
  left: 1px;
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: currentColor;
}

.action-center-overlap {
  margin-top: 1px;
}

@media (max-width: 760px) {
  .flight-phase ol {
    gap: 4px;
  }

  .flight-phase__step {
    padding: 6px 3px;
  }

  .flight-phase__step span {
    font-size: 0.58rem;
  }

  .flight-phase__step small {
    font-size: 0.6rem;
  }

  .flight-phase--cancelled {
    align-items: flex-start;
    flex-direction: column;
  }

  .flight-phase--cancelled span {
    text-align: left;
  }

  .flight-card--optimized .flight-card__times--operational {
    grid-template-columns: repeat(var(--flight-time-columns, 4), minmax(0, 1fr)) !important;
  }

  .action-center-item .flight-delay-item__top {
    display: grid;
    grid-template-columns: minmax(0, 0.75fr) minmax(0, 1.25fr);
  }
}

@media (max-width: 420px) {
  .flight-phase__header {
    align-items: flex-start;
  }

  .flight-phase__header > strong {
    max-width: 58%;
  }

  .flight-phase__step span {
    letter-spacing: 0;
  }

  .flight-card--optimized .flight-card__times--operational {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .flight-card--optimized .flight-card__times--count-1 {
    grid-template-columns: 1fr !important;
  }
}