/* =========================================================
   MEDIKA V23.2 — Phase 5 Information Services
   ========================================================= */

.phase5-schedule-bridge-v23-2 {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 15px;
  align-items: center;
  padding: 18px;
  border: 1px solid #dce7f4;
  border-radius: 20px;
  background:
    radial-gradient(circle at 90% 10%, rgba(48, 104, 196, .10), transparent 30%),
    linear-gradient(135deg, #ffffff 0%, #f5f8fd 100%);
}

.phase5-schedule-bridge-icon-v23-2 {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  border-radius: 15px;
  background: #eaf2ff;
  color: #1d55a7;
  font-size: 20px;
}

.phase5-schedule-bridge-v23-2 small {
  display: block;
  color: #7a8da7;
  font-size: 9px;
  font-weight: 850;
  text-transform: uppercase;
}

.phase5-schedule-bridge-v23-2 strong {
  display: block;
  margin-top: 3px;
  color: #153966;
  font-size: 14px;
  font-weight: 900;
}

.phase5-schedule-bridge-v23-2 p {
  margin: 5px 0 0;
  color: #70829b;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.55;
}

.phase5-schedule-bridge-v23-2 > a {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 40px;
  padding: 0 13px;
  border-radius: 13px;
  background: #154a9f;
  color: #fff;
  font-size: 10px;
  font-weight: 900;
  text-decoration: none;
  white-space: nowrap;
}

@media (max-width: 720px) {
  .phase5-schedule-bridge-v23-2 {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .phase5-schedule-bridge-v23-2 > a {
    grid-column: 1 / -1;
    justify-content: center;
  }
}