/* Hide "Help center btn on the middel of Knowlage base"*/
.ModuleCategoryContainer__tabs > span[role="button"]{
  visibility: hidden !important;
  pointer-events: none !important;
}

/* Hide list with followers names*/
.DepFollow__depFollow {
 display: none;
}

/* =========================
   InterForm NG2 - Help Center UI
   Full CSS (FIXED)
   ========================= */

/* Helper */
.if-hidden { display: none !important; }

/* CRITICAL FIX:
   When overlay has [hidden], it MUST be display:none
   (otherwise it opens immediately and blocks the screen)
*/
#if_ng2_modal_overlay[hidden]{
  display:none !important;
}

/* ===== Header menu item spacing ===== */
#if_tabDownloadNG2{
  margin-left:12px !important;
  margin-right:18px !important;
}

/* ===== Header pill button ===== */
#if_download_ng2_btn{
  appearance:none !important;
  -webkit-appearance:none !important;
  background:transparent !important;
  border:1px solid transparent !important;
  padding:6px 12px !important;
  margin:0 !important;
  border-radius:14px !important;
  cursor:pointer !important;
  font:inherit !important;
  color:inherit !important;
  text-decoration:none !important;
  line-height:1.2 !important;
  white-space:nowrap !important;
  box-shadow:none !important;
}

/* hover + open state */
#if_download_ng2_btn:hover,
#if_download_ng2_btn.if-open{
  background:#ffffff !important;
  color:#1b1b1b !important;
  border-color:#ffffff !important;
  border-radius:14px !important;
  text-decoration:none !important;
  box-shadow:none !important;
}

/* remove focus ring */
#if_download_ng2_btn:focus,
#if_download_ng2_btn:focus-visible{
  outline:none !important;
  box-shadow:none !important;
}

/* =========================
   Modal
   ========================= */

/* Overlay (centered) */
#if_ng2_modal_overlay{
  position:fixed !important;
  inset:0 !important;
  background:rgba(0,0,0,0.35) !important;
  z-index:999999 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:16px !important;
}

/* Modal container */
#if_ng2_modal{
  width:60vw !important;
  height:60vh !important;
  max-width:980px !important;
  max-height:720px !important;
  min-width:520px !important;
  min-height:360px !important;
  border:none !important;
  border-radius:0 !important;
  overflow:hidden !important;
  background:#ffffff !important;
  box-shadow:
    0 18px 28px rgba(0,0,0,0.28),
    -14px 0 22px rgba(0,0,0,0.14),
    14px 0 22px rgba(0,0,0,0.14) !important;
}

/* Responsive */
@media (max-width: 768px){
  #if_ng2_modal{
    width:92vw !important;
    height:78vh !important;
    min-width:0 !important;
    min-height:0 !important;
  }
}

/* Modal header */
#if_ng2_modal .if-ng2-modal-header{
  background:#413e4e !important;
  color:#ffffff !important;
  padding:16px 18px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  border:none !important;
  border-radius:0 !important;
}

#if_ng2_modal .if-ng2-modal-title{
  font-size:16px !important;
  font-weight:600 !important;
}

/* Close X */
#if_ng2_modal_close{
  appearance:none !important;
  -webkit-appearance:none !important;
  background:transparent !important;
  border:none !important;
  color:#ffffff !important;
  font-size:34px !important;
  font-weight:300 !important;
  line-height:1 !important;
  cursor:pointer !important;
  padding:0 4px !important;
  margin:0 !important;
}

#if_ng2_modal_close:hover{
  background:transparent !important;
}

#if_ng2_modal_close:focus,
#if_ng2_modal_close:focus-visible{
  outline:none !important;
  box-shadow:none !important;
}

/* Modal body */
#if_ng2_modal .if-ng2-modal-body{
  background:#e9e5e2 !important;
  padding:22px 18px 26px !important;
  color:#1b1b1b !important;
  font-size:14px !important;
  border:none !important;
  border-radius:0 !important;
  height:calc(100% - 56px) !important;
  overflow:auto !important;
}

/* Greeting */
#if_ng2_modal .if-ng2-greeting{
  font-size:14px !important;
  font-weight:400 !important;
  margin:0 0 16px 0 !important;
}

#if_ng2_modal .if-ng2-greeting strong{
  font-weight:700 !important;
}

/* =========================
   Compact radio list (fake radios)
   ========================= */

#if_ng2_modal .if-ng2-options{
  display:flex !important;
  flex-direction:column !important;
  gap:12px !important;
  margin-top:2px !important;
}

#if_ng2_modal .if-ng2-option{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  padding:4px 2px !important;
  background:transparent !important;
  border:none !important;
  cursor:pointer !important;
  user-select:none !important;
  font-size:14px !important;
  font-weight:600 !important;
}

#if_ng2_modal .if-ng2-option::before{
  content:"" !important;
  width:16px !important;
  height:16px !important;
  border:2px solid #413e4e !important;
  border-radius:50% !important;
  background:#ffffff !important;
  flex:0 0 16px !important;
}

#if_ng2_modal .if-ng2-option.if-selected::before{
  background:#1b1b1b !important;
  border-color:#413e4e !important;
}

#if_ng2_modal .if-ng2-option:focus{
  outline:none !important;
  box-shadow:none !important;
}

/* =========================
   Actions + Download button (Figma)
   ========================= */

#if_ng2_modal .if-ng2-actions{
  margin-top:22px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  gap:10px !important;
}

#if_ng2_download_btn{
  appearance:none !important;
  -webkit-appearance:none !important;
  border:none !important;

  background:#139FB7 !important;
  color:#ffffff !important;

  height:47px !important;
  padding:14px 24px !important;
  border-radius:14px !important;

  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;

  font-size:14px !important;
  font-weight:600 !important;
  line-height:19px !important;

  cursor:pointer !important;
  text-align:center !important;
  white-space:nowrap !important;
}

#if_ng2_download_btn:hover{
  filter:brightness(0.95) !important;
}

#if_ng2_download_btn:focus,
#if_ng2_download_btn:focus-visible{
  outline:none !important;
  box-shadow:none !important;
}

#if_ng2_download_btn[disabled]{
  opacity:0.55 !important;
  cursor:not-allowed !important;
  filter:none !important;
}

/* Hint text */
#if_ng2_hint{
  font-size:12px !important;
  opacity:0.85 !important;
  text-align:center !important;
}

