/* صفحه راهنما — معادل TermsScreen اپ */

.ic-help,
.ic-tool-terms {
  position: fixed;
  inset: 0;
  z-index: 300;
  background: #fff;
  display: flex;
  flex-direction: column;
  direction: rtl;
  animation: ic-help-slide-up 0.22s ease;
  overscroll-behavior: contain;
}

.ic-help[hidden],
.ic-tool-terms[hidden] {
  display: none !important;
}

@keyframes ic-help-slide-up {
  from {
    transform: translateY(30px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

.ic-help-head,
.ic-tool-terms-head {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 52px;
  padding: 16px 52px 14px 15px;
  border-bottom: 1px solid #eee;
  flex-shrink: 0;
  box-sizing: border-box;
}

.ic-help-close,
.ic-tool-terms-close {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: none;
  border: none;
  cursor: pointer;
  flex-shrink: 0;
  padding: 0;
  z-index: 1;
}

.ic-help-close .ic-icon,
.ic-tool-terms-close .ic-icon {
  background: #4e91e6;
}

.ic-help-title-wrap,
.ic-tool-terms-title-wrap {
  width: 100%;
  max-width: calc(100% - 56px);
  text-align: center;
}

.ic-help-title,
.ic-tool-terms-title {
  font-size: 12px;
  font-weight: 400;
  color: #333;
  line-height: 1.4;
}

.ic-help-body,
.ic-tool-terms-body {
  flex: 1;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
  padding: 18px 25px 24px 20px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  scrollbar-width: none;
  -ms-overflow-style: none;
  box-sizing: border-box;
}

.ic-help-body::-webkit-scrollbar,
.ic-tool-terms-body::-webkit-scrollbar {
  display: none;
}

.ic-help-body p,
.ic-tool-terms-body p {
  margin: 0;
  font-size: 12px;
  line-height: 26px;
  color: #2d3a4a;
  text-align: center;
  white-space: pre-line;
}