/* IHealth v2 — FAB + Overlay only. Modal CSS inside Shadow DOM. */

#ih2-widget {
  position: fixed !important;
  top: 50% !important;
  right: 0 !important;
  transform: translateY(-50%) !important;
  z-index: 2147483640 !important;
  pointer-events: auto !important;
}

#ih2-fab {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 44px !important;
  height: 44px !important;
  background: #ff3b30 !important;
  border-radius: 50% 0 0 50% !important;
  cursor: pointer !important;
  box-shadow: -3px 0 14px rgba(255,59,48,.45) !important;
  transition: background .15s !important;
  border: none !important;
  outline: none !important;
}

#ih2-fab:hover {
  background: #c0392b !important;
}

#ih2-overlay {
  display: none !important;
}

#ih2-modal {
  display: flex;
  flex-direction: column;
}

#ih2-shadow-host {
  display: flex;
  flex-direction: column;
  height: 100%;
}

@media (max-width: 520px) {
  #ih2-modal {
    border-radius: 20px 20px 0 0 !important;
  }
}

#ih2-modal {
  position: relative !important;
  width: 100% !important;
  max-width: 480px !important;
  height: 90vh !important;
  background: #f2f2f7 !important;
  border-radius: 20px 20px 0 0 !important;
  overflow: hidden !important;
}
#ih2-shadow-host {
  height: 100% !important;
  display: block !important;
}