/* GSM_FOCUS_R10 - SELLER DONE MODAL + MOBILE NOTIFICATION ONLY */

/* 1) Seller product registration completed modal: exact ID, no broad modal side effects */
#r8done.r8-modal{
  padding:24px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
#r8done.r8-modal .card{
  width:min(520px,calc(100vw - 40px))!important;
  max-height:calc(100dvh - 40px)!important;
  overflow:auto!important;
  margin:0!important;
  padding:36px 34px 30px!important;
  border-radius:24px!important;
  background:#fff!important;
  box-shadow:0 34px 100px rgba(15,23,42,.28)!important;
  text-align:center!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  box-sizing:border-box!important;
}
#r8done.r8-modal .card .ok{
  width:66px!important;
  height:66px!important;
  min-width:66px!important;
  min-height:66px!important;
  margin:0 auto 20px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
  background:linear-gradient(145deg,#3157ff,#4d72ff)!important;
  color:#fff!important;
  font-size:31px!important;
  line-height:1!important;
  box-shadow:0 14px 30px rgba(49,87,255,.22)!important;
}
#r8done.r8-modal .card h3{
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  font-size:22px!important;
  font-weight:900!important;
  line-height:1.45!important;
  letter-spacing:-.035em!important;
  word-break:keep-all!important;
  color:#121827!important;
}
#r8done.r8-modal .card h3 + p{
  display:block!important;
  width:100%!important;
  margin:9px 0 0!important;
  padding:0!important;
  font-size:14px!important;
  font-weight:500!important;
  line-height:1.7!important;
  color:#707a8d!important;
  word-break:keep-all!important;
}
#r8done.r8-modal .card button{
  width:100%!important;
  height:52px!important;
  min-height:52px!important;
  margin:24px 0 0!important;
  padding:0 20px!important;
  border:0!important;
  border-radius:13px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#171d2d!important;
  color:#fff!important;
  font-size:15px!important;
  font-weight:900!important;
  line-height:1!important;
  box-sizing:border-box!important;
}

/* 2) Notification center mobile: fixed left icon column + bell */
@media(max-width:760px){
  .r14df1-page .r14df1-hero-icon{
    position:relative!important;
    flex:0 0 50px!important;
    width:50px!important;
    height:50px!important;
    min-width:50px!important;
    display:grid!important;
    place-items:center!important;
    border-radius:15px!important;
    background:#f0f3ff!important;
    color:#3157ff!important;
    font-size:0!important;
  }
  .r14df1-page .r14df1-hero-icon::before{
    content:"🔔"!important;
    display:block!important;
    font-size:24px!important;
    line-height:1!important;
  }

  .r14df1-page .r14df1-sidebar{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
    padding:10px!important;
  }
  .r14df1-page .r14df1-sidebar button{
    width:100%!important;
    min-width:0!important;
    min-height:50px!important;
    margin:0!important;
    padding:0 10px!important;
    display:grid!important;
    grid-template-columns:30px minmax(0,1fr) 26px!important;
    align-items:center!important;
    justify-content:stretch!important;
    column-gap:8px!important;
    text-align:left!important;
    border-radius:12px!important;
    box-sizing:border-box!important;
  }
  .r14df1-page .r14df1-sidebar button .ico{
    grid-column:1!important;
    justify-self:start!important;
    align-self:center!important;
    width:30px!important;
    height:30px!important;
    min-width:30px!important;
    min-height:30px!important;
    margin:0!important;
    display:grid!important;
    place-items:center!important;
    border-radius:10px!important;
    font-size:13px!important;
  }
  .r14df1-page .r14df1-sidebar button span:not(.ico){
    grid-column:2!important;
    justify-self:start!important;
    min-width:0!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    font-size:12px!important;
    font-weight:800!important;
    line-height:1.2!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    text-align:left!important;
  }
  .r14df1-page .r14df1-sidebar button b{
    grid-column:3!important;
    justify-self:end!important;
    width:26px!important;
    height:26px!important;
    min-width:26px!important;
    min-height:26px!important;
    margin:0!important;
    display:grid!important;
    place-items:center!important;
    border-radius:50%!important;
    font-size:10px!important;
  }
}

@media(max-width:390px){
  .r14df1-page .r14df1-sidebar button{
    grid-template-columns:28px minmax(0,1fr) 24px!important;
    column-gap:6px!important;
    padding:0 8px!important;
  }
  .r14df1-page .r14df1-sidebar button .ico{
    width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important;
  }
  .r14df1-page .r14df1-sidebar button b{
    width:24px!important;height:24px!important;min-width:24px!important;min-height:24px!important;
  }
  .r14df1-page .r14df1-sidebar button span:not(.ico){font-size:11px!important}
}