body:has(.system-panel) .dashboard-panel.attention-panel {
  background: linear-gradient(145deg,#35121b,#190e18) !important;
  border: 1px solid #e34855 !important;
  border-top: 4px solid #ffca45 !important;
  border-radius: 16px !important;
  box-shadow: 0 12px 32px #19030c55 !important;
}
body:has(.system-panel) .attention-panel .panel-header {
  align-items: flex-start;
  gap: 14px;
  padding-bottom: 14px;
  border-bottom: 1px solid #ffca4533;
}
body:has(.system-panel) .attention-panel .panel-header h2 {
  color: #ffda70 !important;
}
body:has(.system-panel) .attention-panel .panel-header p {
  color: #d9b8bd !important;
}
body:has(.system-panel) .attention-panel .attention-count.active {
  display: grid;
  place-items: center;
  flex-shrink: 0;
  min-width: 38px;
  height: 38px;
  padding: 0 10px;
  color: #291900 !important;
  background: #ffca45 !important;
  border: 0 !important;
  border-radius: 10px;
  font-weight: 900;
}
body:has(.system-panel) .attention-panel .attention-list {
  display: grid;
  gap: 12px;
}
body:has(.system-panel) .attention-panel .attention-item {
  position: relative;
  align-items: flex-start;
  gap: 12px;
  padding: 16px !important;
  border: 1px solid #ffca4566 !important;
  border-left: 5px solid #ffca45 !important;
  border-radius: 10px !important;
  background: #493416 !important;
}
body:has(.system-panel) .attention-panel .attention-item svg {
  color: #ffda70 !important;
  flex-shrink: 0;
  margin-top: 2px;
}
body:has(.system-panel) .attention-panel .attention-item strong {
  display: block;
  color: #fff3cc !important;
  line-height: 1.35;
}
body:has(.system-panel) .attention-panel .attention-item span {
  display: block;
  margin-top: 5px;
  color: #e0cfaa !important;
  line-height: 1.45;
}
body:has(.system-panel) .attention-panel .attention-item.critical {
  background: #521923 !important;
  border-color: #ed586b80 !important;
  border-left-color: #ff5269 !important;
}
body:has(.system-panel) .attention-panel .attention-item.critical svg {
  color: #ff8090 !important;
}
body:has(.system-panel) .attention-panel .attention-item.critical strong {
  color: #fff0f2 !important;
}
body:has(.system-panel) .attention-panel .attention-item.critical span {
  color: #efbac3 !important;
}

/* Sem problemas, o painel volta a indicar normalidade */
body:has(.system-panel) .attention-panel:has(.all-clear) {
  background: linear-gradient(145deg,#102b25,#0b191b) !important;
  border-color: #39bd8a !important;
}
body:has(.system-panel) .attention-panel:has(.all-clear) .panel-header h2,
body:has(.system-panel) .attention-panel .all-clear svg {
  color: #78e8b8 !important;
}