/* Sayyarati v8772 — notification read/unread filters + retention hint. */
.home-notification-filters-v8772{
  display:grid;
  gap:7px;
  padding:10px 13px 9px;
  border-bottom:1px solid #e7eef7;
  background:#fbfdff;
}
.home-notification-filters-v8772>div{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:6px;
}
.home-notification-filters-v8772 button{
  min-height:36px;
  padding:5px 8px;
  border:1px solid #d8e5f5;
  border-radius:11px;
  background:#fff;
  color:#5e7088;
  font:inherit;
  font-size:10px;
  font-weight:1000;
}
.home-notification-filters-v8772 button.is-active{
  border-color:#176de5;
  background:#176de5;
  color:#fff;
  box-shadow:0 7px 16px rgba(23,109,229,.18);
}
.home-notification-filters-v8772>small{
  display:flex;
  align-items:center;
  gap:6px;
  color:#76869a;
  font-size:9px;
  font-weight:800;
  line-height:1.5;
}
.home-notification-filters-v8772>small i{color:#176de5}
.home-notification-empty.is-filter-empty span{background:#eef5ff;color:#176de5}
@media(max-width:560px){
  .home-notification-filters-v8772{padding:9px 11px 8px}
  .home-notification-filters-v8772 button{min-height:34px;font-size:9.5px}
  .home-notification-filters-v8772>small{font-size:8.5px}
}