/* Severity-aware Acknowledge button colours for Alert Details. */

/* High priority / critical security events: impact + vehicle movement */
.event-detail-redesign .event-detail-assessment:has(.event-type-impact) .event-detail-acknowledge,
.event-detail-redesign .event-detail-assessment:has(.event-type-movement) .event-detail-acknowledge {
  border-color: rgba(255, 67, 80, .48) !important;
  background: linear-gradient(180deg, rgba(226, 47, 61, .98), rgba(168, 25, 38, .99)) !important;
  color: #fff7f8 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.10), 0 8px 20px rgba(0,0,0,.16) !important;
}

.event-detail-redesign .event-detail-assessment:has(.event-type-impact) .event-detail-acknowledge:hover:not(:disabled),
.event-detail-redesign .event-detail-assessment:has(.event-type-movement) .event-detail-acknowledge:hover:not(:disabled) {
  border-color: rgba(255, 87, 99, .64) !important;
  background: linear-gradient(180deg, rgba(240, 58, 72, .99), rgba(183, 29, 43, .99)) !important;
}

/* Other security alerts: person, suspicious activity and motion */
.event-detail-redesign .event-detail-assessment:has(.event-type-person) .event-detail-acknowledge,
.event-detail-redesign .event-detail-assessment:has(.event-type-suspicious) .event-detail-acknowledge,
.event-detail-redesign .event-detail-assessment:has(.event-type-motion) .event-detail-acknowledge {
  border-color: rgba(224, 165, 54, .46) !important;
  background: linear-gradient(180deg, rgba(211, 145, 34, .98), rgba(160, 99, 18, .99)) !important;
  color: #fffaf0 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.10), 0 8px 20px rgba(0,0,0,.15) !important;
}

.event-detail-redesign .event-detail-assessment:has(.event-type-person) .event-detail-acknowledge:hover:not(:disabled),
.event-detail-redesign .event-detail-assessment:has(.event-type-suspicious) .event-detail-acknowledge:hover:not(:disabled),
.event-detail-redesign .event-detail-assessment:has(.event-type-motion) .event-detail-acknowledge:hover:not(:disabled) {
  border-color: rgba(235, 179, 70, .62) !important;
  background: linear-gradient(180deg, rgba(225, 157, 42, .99), rgba(176, 111, 21, .99)) !important;
}

/* System events: blue */
.event-detail-redesign .event-detail-assessment:has(.event-type-system) .event-detail-acknowledge {
  border-color: rgba(61, 126, 245, .48) !important;
  background: linear-gradient(180deg, rgba(56, 119, 238, .98), rgba(36, 79, 177, .99)) !important;
  color: #f7faff !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.10), 0 8px 20px rgba(0,0,0,.15) !important;
}

.event-detail-redesign .event-detail-assessment:has(.event-type-system) .event-detail-acknowledge:hover:not(:disabled) {
  border-color: rgba(80, 145, 255, .64) !important;
  background: linear-gradient(180deg, rgba(67, 133, 250, .99), rgba(42, 91, 194, .99)) !important;
}

/* Preserve the same severity hue after acknowledgement, but visibly muted. */
.event-detail-redesign .event-detail-assessment:has(.event-type-impact) .event-detail-acknowledge:disabled,
.event-detail-redesign .event-detail-assessment:has(.event-type-movement) .event-detail-acknowledge:disabled {
  border-color: rgba(255, 67, 80, .22) !important;
  background: rgba(103, 31, 39, .66) !important;
  color: #c9a0a4 !important;
}

.event-detail-redesign .event-detail-assessment:has(.event-type-person) .event-detail-acknowledge:disabled,
.event-detail-redesign .event-detail-assessment:has(.event-type-suspicious) .event-detail-acknowledge:disabled,
.event-detail-redesign .event-detail-assessment:has(.event-type-motion) .event-detail-acknowledge:disabled {
  border-color: rgba(224, 165, 54, .20) !important;
  background: rgba(92, 66, 27, .62) !important;
  color: #c2ab82 !important;
}

.event-detail-redesign .event-detail-assessment:has(.event-type-system) .event-detail-acknowledge:disabled {
  border-color: rgba(61, 126, 245, .20) !important;
  background: rgba(31, 54, 105, .64) !important;
  color: #99acd4 !important;
}