/* =========================================================
   MEDIKA V23.5 — Phase 8 Production Hardening
   ========================================================= */

.medika-v23-bridge-indicator.is-warning-v23-5 {
  border-color: rgba(173, 113, 20, .22);
  background: rgba(255, 248, 229, .94);
  color: #8f651a;
}

.medika-v23-bridge-indicator.is-offline-v23-5 {
  border-color: rgba(118, 130, 147, .22);
  background: rgba(245, 247, 250, .96);
  color: #68788d;
}

.medika-connectivity-banner-v23-5 {
  position: fixed;
  left: 50%;
  bottom: calc(88px + env(safe-area-inset-bottom));
  z-index: 100000;
  display: flex;
  align-items: center;
  gap: 9px;
  width: min(560px, calc(100vw - 28px));
  padding: 11px 14px;
  border: 1px solid rgba(150, 112, 35, .18);
  border-radius: 15px;
  background: rgba(255, 249, 233, .97);
  box-shadow: 0 16px 44px rgba(25, 48, 79, .14);
  color: #785b20;
  font-size: 10px;
  font-weight: 750;
  line-height: 1.45;
  transform: translateX(-50%);
  backdrop-filter: blur(18px);
}

.medika-connectivity-banner-v23-5.is-online-v23-5 {
  border-color: rgba(34, 126, 90, .16);
  background: rgba(239, 250, 245, .98);
  color: #216e52;
}

.medika-connectivity-banner-v23-5 i {
  flex: 0 0 auto;
}

.medika-diagnostic-panel-v23-5 {
  position: fixed;
  right: 14px;
  bottom: calc(92px + env(safe-area-inset-bottom));
  z-index: 99999;
  width: min(370px, calc(100vw - 28px));
  max-height: min(620px, calc(100dvh - 120px));
  overflow: auto;
  padding: 14px;
  border: 1px solid rgba(166, 186, 212, .5);
  border-radius: 18px;
  background: rgba(250, 252, 255, .97);
  box-shadow: 0 24px 70px rgba(13, 47, 91, .18);
  color: #183a68;
  backdrop-filter: blur(22px);
}

.medika-diagnostic-head-v23-5 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding-bottom: 11px;
  border-bottom: 1px solid #e3eaf3;
}

.medika-diagnostic-head-v23-5 small,
.medika-diagnostic-head-v23-5 strong {
  display: block;
}

.medika-diagnostic-head-v23-5 small {
  color: #7b8ba1;
  font-size: 8px;
  font-weight: 850;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.medika-diagnostic-head-v23-5 strong {
  margin-top: 2px;
  font-size: 15px;
  font-weight: 950;
}

.medika-diagnostic-head-v23-5 button {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 11px;
  border: 1px solid #dbe5f1;
  border-radius: 11px;
  background: #fff;
  color: #315a91;
  font-size: 9px;
  font-weight: 850;
  cursor: pointer;
}

.medika-diagnostic-grid-v23-5 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin: 12px 0 0;
}

.medika-diagnostic-grid-v23-5 > div {
  min-width: 0;
  padding: 9px 10px;
  border: 1px solid #e4eaf2;
  border-radius: 12px;
  background: #fff;
}

.medika-diagnostic-grid-v23-5 dt {
  margin: 0;
  color: #8594a8;
  font-size: 7.5px;
  font-weight: 850;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.medika-diagnostic-grid-v23-5 dd {
  margin: 3px 0 0;
  overflow: hidden;
  color: #254d80;
  font-size: 9px;
  font-weight: 800;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (max-width: 620px) {
  .medika-connectivity-banner-v23-5 {
    bottom: calc(84px + env(safe-area-inset-bottom));
  }

  .medika-diagnostic-panel-v23-5 {
    right: 8px;
    bottom: calc(82px + env(safe-area-inset-bottom));
    width: calc(100vw - 16px);
  }
}