/*
 * Sayyarati V84.27 — native, centered notification dialog.
 * Prevents the header/page transforms from squeezing the notification list
 * into a narrow side column on iPhone and desktop responsive shells.
 */
.home-notification-popover{
  box-sizing:border-box!important;
}

.home-notification-popover[open]{
  position:fixed!important;
  inset:0!important;
  top:0!important;
  right:0!important;
  bottom:0!important;
  left:0!important;
  width:min(430px,calc(100vw - 28px))!important;
  max-width:min(430px,calc(100vw - 28px))!important;
  height:auto!important;
  max-height:min(720px,calc(100dvh - 32px))!important;
  margin:auto!important;
  padding:0!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
  border:1px solid rgba(201,216,235,.95)!important;
  border-radius:26px!important;
  background:#fff!important;
  color:#14233d!important;
  box-shadow:0 32px 90px rgba(5,26,58,.36),0 10px 28px rgba(5,26,58,.16)!important;
  transform:none!important;
  animation:notificationDialogV8427In .18s ease-out both!important;
  direction:rtl!important;
  text-align:right!important;
  isolation:isolate!important;
  z-index:auto!important;
}

.home-notification-popover[open]::before{
  display:none!important;
}

.home-notification-popover::backdrop{
  background:rgba(11,28,54,.48)!important;
  -webkit-backdrop-filter:blur(5px)!important;
  backdrop-filter:blur(5px)!important;
}

@keyframes notificationDialogV8427In{
  from{opacity:0;transform:translateY(10px) scale(.975)}
  to{opacity:1;transform:translateY(0) scale(1)}
}

.home-notification-popover__head{
  flex:0 0 auto!important;
  grid-template-columns:46px minmax(0,1fr) 38px!important;
  gap:11px!important;
  padding:15px 16px 13px!important;
  background:linear-gradient(180deg,#fff,#f8fbff)!important;
}
.home-notification-popover__bell{
  width:46px!important;
  height:46px!important;
  border-radius:15px!important;
}
.home-notification-popover__head>div{
  min-width:0!important;
}
.home-notification-popover__head strong{
  display:block!important;
  overflow:hidden!important;
  font-size:19px!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}
.home-notification-popover__head>button{
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  border-radius:12px!important;
}

.home-notification-list,
[data-notification-list]{
  flex:1 1 auto!important;
  width:100%!important;
  min-width:0!important;
  min-height:160px!important;
  max-height:none!important;
  padding:8px!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch!important;
}

.home-notification-item,
.home-notification-item.is-admin-task{
  box-sizing:border-box!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  grid-template-columns:42px minmax(0,1fr) 8px!important;
  gap:10px!important;
  padding:11px!important;
  border-radius:16px!important;
}
.home-notification-item.is-admin-task{
  grid-template-columns:42px minmax(0,1fr) 8px!important;
}
.home-notification-item-copy,
.home-notification-item-copy strong,
.home-notification-item-copy small{
  min-width:0!important;
  max-width:100%!important;
}
.home-notification-task-actions{
  grid-column:1/-1!important;
  width:100%!important;
  padding:4px 52px 0 0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
}
.home-notification-task-actions button,
.home-notification-task-actions a{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:0!important;
  min-height:38px!important;
  white-space:nowrap!important;
}

.home-notification-popover__footer{
  flex:0 0 auto!important;
  width:100%!important;
  padding:10px 12px max(10px,env(safe-area-inset-bottom,0px))!important;
  grid-template-columns:minmax(0,1fr)!important;
}
.home-notification-popover__footer button{
  width:100%!important;
  min-height:44px!important;
}

body.notification-popover-open{
  overflow:hidden!important;
}

@media(max-width:480px){
  .home-notification-popover[open]{
    width:calc(100vw - 20px)!important;
    max-width:calc(100vw - 20px)!important;
    max-height:calc(100dvh - 24px)!important;
    border-radius:24px!important;
  }
  .home-notification-popover__head{
    grid-template-columns:42px minmax(0,1fr) 36px!important;
    padding:13px!important;
  }
  .home-notification-popover__bell{
    width:42px!important;
    height:42px!important;
    border-radius:14px!important;
  }
  .home-notification-popover__head strong{font-size:17px!important}
  .home-notification-popover__head small{font-size:10px!important}
  .home-notification-popover__head>button{
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
  }
  .home-notification-list,[data-notification-list]{padding:7px!important}
  .home-notification-item,
  .home-notification-item.is-admin-task{
    grid-template-columns:40px minmax(0,1fr) 7px!important;
    gap:9px!important;
    padding:10px!important;
  }
  .home-notification-item-icon{
    width:40px!important;
    height:40px!important;
  }
  .home-notification-task-actions{
    padding-right:0!important;
    grid-template-columns:1fr!important;
  }
}

@media(max-height:560px){
  .home-notification-popover[open]{
    max-height:calc(100dvh - 12px)!important;
  }
  .home-notification-popover__head{padding-block:9px!important}
  .home-notification-list,[data-notification-list]{min-height:100px!important}
}