/* YR-004 polish — keep Yarak and the scroll-to-top control on the same visual centerline. */
.ir-yarak-help{
  bottom:calc(13px + env(safe-area-inset-bottom)) !important;
}

.ir-yarak-help__trigger{
  padding-left:16px !important;
}

@media(max-width:1023px){
  .ir-yarak-help{
    bottom:calc(15px + env(safe-area-inset-bottom)) !important;
  }

  /* On compact screens the trigger copy is hidden. Remove the now-empty pill
     shell as well so only Yarak's real circular portrait remains visible. */
  .ir-yarak-help__trigger{
    width:48px !important;
    min-width:48px !important;
    height:48px !important;
    min-height:48px !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
  }

  .ir-yarak-help .ir-yarak-help__trigger-visual{
    width:48px !important;
    height:48px !important;
    min-width:48px !important;
    min-height:48px !important;
    max-width:48px !important;
    max-height:48px !important;
    flex:0 0 48px !important;
    border:1px solid rgba(18,145,137,.30) !important;
    border-radius:50% !important;
    box-shadow:0 7px 18px rgba(15,23,42,.14);
  }

  html.dark .ir-yarak-help__trigger{
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
  }

  html.dark .ir-yarak-help .ir-yarak-help__trigger-visual{
    border-color:rgba(73,219,204,.46) !important;
    box-shadow:0 7px 18px rgba(0,0,0,.28);
  }
}