.app-shell[data-view="notificationHistory"] .labels-view { display: none; }
.app-shell[data-view="notificationHistory"] .notification-history-view { display: block; }

.notification-history-view { max-width: 1100px; }
.notification-history-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 16px;
  margin-bottom: 20px;
}
.notification-history-head h2 { margin: 0; }
.notification-history-filters {
  display: flex;
  align-items: end;
  flex-wrap: wrap;
  gap: 10px;
}
.notification-history-filters label { display: grid; gap: 5px; }
.notification-history-filters select { min-width: 130px; }
.notification-history-status { margin: 0 0 8px; color: var(--muted); }
.notification-history-item {
  padding: 15px 0;
  border-top: 1px solid var(--line);
}
.notification-history-item-head {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 5px 16px;
}
.notification-history-item-head time { color: var(--muted); font-size: 0.9rem; }
.notification-history-item p { margin: 7px 0 0; line-height: 1.45; overflow-wrap: anywhere; }

@media (max-width: 600px) {
  .notification-history-head { align-items: stretch; }
  .notification-history-filters { width: 100%; }
  .notification-history-filters label { flex: 1 1 120px; }
  .notification-history-filters select { width: 100%; min-width: 0; }
}