/* MHUR Nexus — V643
   Centre de notifications unique et stable. */

#mhurNoticeBell.v643NoticeBell{
  position:fixed!important;
  right:18px!important;
  bottom:94px!important;
  z-index:10020!important;
  display:grid!important;
  place-items:center!important;
  width:56px!important;
  height:56px!important;
  padding:0!important;
  border:4px solid #000!important;
  border-radius:50%!important;
  background:#ffe100!important;
  color:#000!important;
  box-shadow:0 5px 0 #000,0 0 22px rgba(255,196,0,.38)!important;
  font-size:25px!important;
  line-height:1!important;
  cursor:pointer!important;
}

#mhurNoticeBell.v643NoticeBell[data-count]::after,
#mhurNoticeBell.v643NoticeBell:after{
  content:none!important;
  display:none!important;
}

#mhurNoticeBell .v643NoticeBadge{
  position:absolute;
  top:-8px;
  right:-8px;
  min-width:25px;
  height:25px;
  padding:0 6px;
  display:grid;
  place-items:center;
  border:3px solid #000;
  border-radius:999px;
  background:#ff315c;
  color:#fff;
  font-size:12px;
  font-weight:1000;
  line-height:1;
}

#mhurNoticeBell .v643NoticeBadge[hidden]{
  display:none!important;
}

.v643NoticeOverlay{
  position:fixed;
  inset:0;
  z-index:15000;
  display:none;
  align-items:flex-start;
  justify-content:center;
  padding:86px 16px 20px;
  background:rgba(0,5,15,.88);
  overscroll-behavior:contain;
}

.v643NoticeOverlay.open{
  display:flex;
}

.v643NoticePanel{
  position:relative;
  width:min(760px,calc(100vw - 24px));
  max-height:calc(100vh - 110px);
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border:4px solid #000;
  border-radius:18px;
  background:#101a27;
  color:#fff;
  box-shadow:0 0 0 3px #4e75a5,0 20px 70px #000c;
}

.v643NoticeHead{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  gap:12px;
  min-height:68px;
  padding:14px 74px 14px 20px;
  border-bottom:1px solid #41546d;
  background:#121d2a;
}

.v643NoticeHead h2{
  margin:0;
  font-size:clamp(24px,4vw,31px);
  line-height:1.1;
}

.v643NoticeClose{
  position:absolute;
  top:11px;
  right:12px;
  z-index:2;
  width:48px;
  height:48px;
  border:4px solid #000;
  border-radius:50%;
  background:#ff5c62;
  color:#fff;
  font-size:28px;
  font-weight:1000;
  cursor:pointer;
}

.v643NoticeTools{
  flex:0 0 auto;
  display:flex;
  gap:9px;
  flex-wrap:wrap;
  padding:18px 20px 12px;
  background:#101a27;
}

.v643NoticeTools button{
  min-height:44px;
  padding:8px 13px;
  border:2px solid #4b6b94;
  border-radius:9px;
  background:#16253a;
  color:#fff;
  font-size:15px;
  font-weight:1000;
  cursor:pointer;
}

.v643NoticeTools button.active{
  border-color:#ffe100;
  background:#ffe100;
  color:#000;
}

.v643NoticeTools button:disabled{
  opacity:.45;
  cursor:default;
}

.v643NoticeBrowser{
  flex:0 0 auto;
  padding:0 20px 12px;
}

.v643NoticeBrowser button{
  padding:8px 12px;
  border:2px solid #405f87;
  border-radius:9px;
  background:#1b304d;
  color:#d9e8ff;
  font-weight:900;
}

.v643NoticeList{
  min-height:126px;
  overflow:auto;
  padding:4px 20px 20px;
  overscroll-behavior:contain;
}

.v643NoticeEmpty{
  display:grid;
  place-items:center;
  min-height:130px;
  color:#b9c7da;
  text-align:center;
}

.v643NoticeItem{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:12px;
  margin-top:10px;
  padding:14px;
  border:2px solid #3f5878;
  border-radius:12px;
  background:#0b1421;
}

.v643NoticeItem.unread{
  border-left:7px solid #ffe100;
  background:#101c2d;
}

.v643NoticeItem h3{
  margin:0;
  font-size:18px;
  line-height:1.15;
}

.v643NoticeItem p{
  margin:7px 0 0;
  color:#d3deed;
  line-height:1.4;
  white-space:pre-wrap;
}

.v643NoticeItem time{
  display:block;
  margin-top:8px;
  color:#9fb1c9;
  font-size:12px;
}

.v643NoticeItemActions{
  display:flex;
  flex-direction:column;
  gap:7px;
}

.v643NoticeItemActions button{
  min-width:42px;
  min-height:36px;
  border:2px solid #415d82;
  border-radius:8px;
  background:#172842;
  color:#fff;
  font-weight:1000;
  cursor:pointer;
}

.v643NoticeItemActions button.danger{
  background:#792938;
}

body.v643NoticeOpen{
  overflow:hidden!important;
}

@media(max-width:700px){
  .v643NoticeOverlay{
    padding:
      calc(var(--mhur-header-h,152px) + 8px)
      9px
      max(10px,env(safe-area-inset-bottom));
    align-items:flex-start;
  }

  .v643NoticePanel{
    width:calc(100vw - 18px);
    max-height:calc(100dvh - var(--mhur-header-h,152px) - 20px);
    border-radius:15px;
  }

  .v643NoticeHead{
    min-height:60px;
    padding:12px 62px 12px 15px;
  }

  .v643NoticeHead h2{
    font-size:23px;
  }

  .v643NoticeClose{
    top:8px;
    right:9px;
    width:44px;
    height:44px;
  }

  .v643NoticeTools{
    padding:14px 14px 10px;
    gap:7px;
  }

  .v643NoticeTools button{
    flex:1 1 auto;
    font-size:13px;
  }

  .v643NoticeBrowser,
  .v643NoticeList{
    padding-left:14px;
    padding-right:14px;
  }

  .v643NoticeItem{
    grid-template-columns:1fr;
  }

  .v643NoticeItemActions{
    flex-direction:row;
  }

  #mhurNoticeBell.v643NoticeBell{
    right:16px!important;
    bottom:92px!important;
  }
}