.dashboard-welcome-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.dashboard-notification-button{
  position:relative;flex:0 0 48px;width:48px;height:48px;border-radius:50%;
  border:1px solid #dce4eb;background:#f7f9fb;color:#183854;display:grid;
  place-items:center;cursor:pointer;transition:.2s ease
}
.dashboard-notification-button:hover,.dashboard-notification-button:focus-visible{
  background:#eef4f8;border-color:#bfd0dc;outline:none
}
.dashboard-notification-button svg{
  width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;
  stroke-linecap:round;stroke-linejoin:round
}
.dashboard-notification-badge{
  position:absolute;right:-2px;top:-3px;min-width:20px;height:20px;padding:0 5px;
  border-radius:999px;background:#bd1e2d;color:#fff;border:2px solid #fff;
  font-size:.66rem;font-weight:900;line-height:16px;text-align:center
}
.dashboard-notification-panel{
  display:none;margin:0 0 18px;border:1px solid #dce4eb;border-radius:15px;
  background:#fff;box-shadow:0 10px 28px rgba(15,39,66,.08);overflow:hidden
}
.dashboard-notification-panel.show{display:block;animation:notificationOpen .2s ease both}
.notification-panel-head{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:14px 16px;border-bottom:1px solid #e5eaee;background:#f9fbfc
}
.notification-panel-head strong{display:block;color:#17314b;font-size:.95rem}
.notification-panel-head small{display:block;color:#788591;font-size:.74rem;margin-top:2px}
.notification-panel-head button{
  border:0;background:transparent;color:#315b7e;font:inherit;font-size:.75rem;
  font-weight:850;cursor:pointer;padding:6px
}
.notification-list{max-height:270px;overflow:auto}
.notification-item{
  display:flex;gap:11px;padding:14px 16px;border-bottom:1px solid #edf1f4;
  background:#fff
}
.notification-item:last-child{border-bottom:0}
.notification-item.unread{background:#f5f9fc}
.notification-dot{
  margin-top:7px;flex:0 0 8px;width:8px;height:8px;border-radius:50%;
  background:#2c6d9a
}
.notification-item:not(.unread) .notification-dot{background:#cbd4db}
.notification-copy strong{display:block;color:#243b51;font-size:.86rem}
.notification-copy p{margin:3px 0 0;color:#647381;font-size:.78rem;line-height:1.4}
.notification-copy time{display:block;color:#96a1aa;font-size:.68rem;margin-top:5px}
.notification-empty{padding:22px 16px;text-align:center;color:#7a8792;font-size:.84rem}
@keyframes notificationOpen{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:620px){
  .dashboard-welcome-row{padding-right:0!important}
  .dashboard-notification-button{width:44px;height:44px;flex-basis:44px}
}