/**
 * iOS RODI SoftAP 온보딩 모달만 — app.css · ato-rail · Android rodi-onboard.css 금지
 */
.ios-rodi-overlay {
  position: absolute;
  inset: 0;
  z-index: 90;
  background: rgba(8, 16, 28, 0.72);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  box-sizing: border-box;
}

.ios-rodi-overlay[hidden] {
  display: none !important;
}

.ios-rodi-modal {
  width: 100%;
  max-width: 400px;
  background: #13253c;
  color: #e8eef7;
  border-radius: 16px;
  padding: 18px 16px 16px;
  box-sizing: border-box;
}

.ios-rodi-modal h2 {
  margin: 0 0 12px;
  font-size: 18px;
  font-weight: 700;
}

.ios-rodi-zones {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 0 0 14px;
}

.ios-rodi-zones span {
  font-size: 11px;
  padding: 4px 8px;
  border-radius: 999px;
  background: #243953;
  color: #9eb0c8;
}

.ios-rodi-zones span.on {
  background: #3d7eea;
  color: #fff;
}

.ios-rodi-guide {
  margin: 0 0 10px;
  font-size: 14px;
  line-height: 1.45;
  color: #c5d2e4;
  min-height: 2.9em;
}

.ios-rodi-status {
  margin: 0 0 12px;
  font-size: 13px;
  color: #9eb0c8;
}

.ios-rodi-status.wait {
  color: #7eb6ff;
}

.ios-rodi-status.ok {
  color: #6ddea0;
}

.ios-rodi-status.err {
  color: #ff8f8f;
}

.ios-rodi-modal .ios-rodi-actions {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.ios-rodi-modal button {
  width: 100%;
  padding: 12px 14px;
  border: 0;
  border-radius: 10px;
  font-size: 15px;
  font-weight: 600;
  background: #3d7eea;
  color: #fff;
  cursor: pointer;
}

.ios-rodi-modal button.sec {
  background: #2a4263;
}

.ios-rodi-modal button.ghost {
  background: transparent;
  color: #9eb0c8;
  font-weight: 500;
}