/* Public Notices route: Hyper/Bootstrap 5 component refinements. */
html[data-status-theme="hyper"][data-status-theme-page="notices"] .status-notices-shell {
  width: 100%;
}

html[data-status-theme="hyper"][data-status-theme-page="notices"] .status-notices-toolbar {
  position: sticky;
  z-index: 20;
  top: .5rem;
}

html[data-status-theme="hyper"][data-status-theme-page="notices"] .status-notices-heading {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: .55rem;
}

html[data-status-theme="hyper"][data-status-theme-page="notices"] .status-notices-heading-icon {
  display: inline-flex;
  width: 1.75rem;
  height: 1.75rem;
  flex: 0 0 1.75rem;
  align-items: center;
  justify-content: center;
  font-size: 1.65rem;
  line-height: 1;
}

html[data-status-theme="hyper"][data-status-theme-page="notices"] #noticeGrid {
  margin-right: 0;
  margin-left: 0;
}

html[data-status-theme="hyper"][data-status-theme-page="notices"] .notice-card-wrap {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

html[data-status-theme="hyper"][data-status-theme-page="notices"] .status-notice-card {
  --status-notice-accent: var(--ct-info);
  overflow: hidden;
  border: 1px solid var(--status-shell-border);
  border-inline-start: .3rem solid var(--status-notice-accent);
  border-radius: var(--ct-border-radius-lg);
  background: var(--ct-card-bg);
  box-shadow: var(--ct-box-shadow-sm);
  transition: box-shadow .15s ease-in-out, transform .15s ease-in-out;
}

html[data-status-theme="hyper"][data-status-theme-page="notices"] .status-notice-card:hover {
  transform: translateY(-1px);
  box-shadow: var(--ct-box-shadow) !important;
}

html[data-status-theme="hyper"][data-status-theme-page="notices"] .status-notice-card-primary { --status-notice-accent: var(--ct-primary); }
html[data-status-theme="hyper"][data-status-theme-page="notices"] .status-notice-card-secondary { --status-notice-accent: var(--ct-secondary); }
html[data-status-theme="hyper"][data-status-theme-page="notices"] .status-notice-card-success { --status-notice-accent: var(--ct-success); }
html[data-status-theme="hyper"][data-status-theme-page="notices"] .status-notice-card-danger { --status-notice-accent: var(--ct-danger); }
html[data-status-theme="hyper"][data-status-theme-page="notices"] .status-notice-card-warning { --status-notice-accent: var(--ct-warning); }
html[data-status-theme="hyper"][data-status-theme-page="notices"] .status-notice-card-info { --status-notice-accent: var(--ct-info); }
html[data-status-theme="hyper"][data-status-theme-page="notices"] .status-notice-card-light { --status-notice-accent: var(--ct-light); }
html[data-status-theme="hyper"][data-status-theme-page="notices"] .status-notice-card-dark { --status-notice-accent: var(--ct-dark); }

html[data-status-theme="hyper"][data-status-theme-page="notices"] .status-notice-card-head {
  margin-bottom: .75rem;
}

html[data-status-theme="hyper"][data-status-theme-page="notices"] .status-notice-meta {
  display: flex;
  min-width: 0;
  align-items: center;
  flex-wrap: wrap;
  gap: .4rem;
}

html[data-status-theme="hyper"][data-status-theme-page="notices"] .status-notice-label {
  display: inline-flex;
  min-width: 0;
  min-height: 1.75rem;
  align-items: center;
  justify-content: center;
  gap: .32rem;
  padding: .3rem .55rem;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.1;
  white-space: normal;
}

html[data-status-theme="hyper"][data-status-theme-page="notices"] .status-notice-label .mdi {
  display: inline-flex;
  width: 1rem;
  height: 1rem;
  flex: 0 0 1rem;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  line-height: 1;
}

html[data-status-theme="hyper"][data-status-theme-page="notices"] .status-notice-title {
  color: var(--ct-heading-color);
  font-size: 1.15rem;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -.01em;
}

html[data-status-theme="hyper"][data-status-theme-page="notices"] .status-notice-content {
  color: var(--ct-body-color);
  line-height: 1.55;
  overflow-wrap: anywhere;
}

html[data-status-theme="hyper"][data-status-theme-page="notices"] .status-notice-content img,
html[data-status-theme="hyper"][data-status-theme-page="notices"] .status-notice-content iframe {
  max-width: 100%;
}

html[data-status-theme="hyper"][data-status-theme-page="notices"] .status-notice-content img {
  height: auto;
  border-radius: var(--ct-border-radius);
}

html[data-status-theme="hyper"][data-status-theme-page="notices"] .status-notice-content p:last-child {
  margin-bottom: 0;
}

html[data-status-theme="hyper"][data-status-theme-page="notices"] .status-notices-empty-icon {
  font-size: 3rem;
  line-height: 1;
}

@media (max-width: 767.98px) {
  html[data-status-theme="hyper"][data-status-theme-page="notices"] .status-notices-toolbar {
    position: static;
  }

  html[data-status-theme="hyper"][data-status-theme-page="notices"] .status-notice-card .card-body {
    padding: 1rem !important;
  }
}