.dkla-alert-home {
  margin: 0 0 1rem;
  padding: .8rem 1rem;
  border: 1px solid #dfc1bd;
  background: #fff6f5;
  border-radius: .85rem;
  color: #48201d;
}
.dkla-alert-home summary { cursor: pointer; font-weight: 700; }
.dkla-alert-home summary small { display: block; font-weight: 500; }
.dkla-alert-dot { display: inline-block; width: .65rem; height: .65rem; margin-right: .35rem; border-radius: 50%; background: #b42318; }
.dkla-alert-home ul { list-style: none; margin: .7rem 0 0; padding: 0; }
.dkla-alert-home li { display: flex; align-items: center; gap: .5rem 1rem; flex-wrap: wrap; justify-content: space-between; padding: .55rem 0; border-top: 1px solid #e8d5d2; }
.dkla-alert-home li small { display: block; overflow-wrap: anywhere; }
.dkla-alert-home a { font-weight: 650; }
.dkla-alert-home details + details { margin-top: .6rem; }
.dkla-alert-home input[type="checkbox"] { width: auto; margin-inline-end: .4rem; }
.dkla-alert-home [data-alert-status] { color: #8e251b; }

.dkla-notice-list { margin: .55rem 0; padding: 0; list-style: none; }
.dkla-notice-list > .dkla-notice-row,
.dkla-notice-list > .dkla-notice-group {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: .4rem 1rem;
  padding: .55rem .65rem;
  border-top: 1px solid #dbe4ef;
  overflow-wrap: anywhere;
}
.dkla-notice-row small { display: block; }
.dkla-notice-controls, .dkla-notice-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: .45rem;
}
.dkla-notice-list details { flex: 1 1 16rem; min-width: 0; }
.dkla-notice-list summary { cursor: pointer; font-weight: 650; }
.dkla-notice-list details .dkla-notice-list { margin: .35rem 0 0; }
.dkla-notice-list button, [data-notice-read] {
  min-height: 2.4rem;
  padding: .4rem .65rem;
}
[data-notice-inbox] .dkla-notice-unread { background: #f1f6fe; }
[data-notice-view][aria-pressed="false"] { background: #e8eef5; color: #173c67; }
[data-notice-status] { color: #8e251b; }