.staff-notification-card,.technician-notification-card{--type-colour:var(--ds-teal)}.staff-notification-card{border-left:5px solid var(--type-colour)!important}.staff-notification-card>summary{background:linear-gradient(90deg,color-mix(in srgb,var(--type-colour) 7%,white),white)}.staff-notification-card.is-category-message,.technician-notification-card.is-category-message{--type-colour:var(--ds-danger)!important;background:linear-gradient(135deg,var(--ds-danger-wash),var(--ds-white))!important}.staff-notification-card.is-category-message>summary{background:var(--ds-danger-wash)}.staff-notification-card.is-category-message .staff-notification-summary strong,.technician-notification-card.is-category-message .technician-notification-copy strong{color:var(--ds-danger-strong)}.staff-notification-card.is-category-callback,.technician-notification-card.is-category-callback{--type-colour:var(--ds-warning)!important;background:linear-gradient(135deg,var(--ds-warning-wash),var(--ds-white))!important}.staff-notification-card.is-category-finance-approved,.technician-notification-card.is-category-finance-approved{--type-colour:var(--ds-success)!important;background:linear-gradient(135deg,var(--ds-success-wash),var(--ds-white))!important}.staff-notification-card.is-category-finance-decision,.technician-notification-card.is-category-finance-decision{--type-colour:var(--ds-violet)!important;background:linear-gradient(135deg,var(--ds-violet-wash),var(--ds-white))!important}.staff-notification-card.is-category-workflow,.technician-notification-card.is-category-workflow{--type-colour:var(--ds-teal)!important}.staff-notification-card.is-category-fleet,.technician-notification-card.is-category-fleet{--type-colour:var(--ds-orange)!important;background:linear-gradient(135deg,var(--ds-orange-wash),var(--ds-white))!important}.staff-notification-card.is-category-hr,.technician-notification-card.is-category-hr{--type-colour:var(--ds-violet)!important;background:linear-gradient(135deg,var(--ds-violet-wash),var(--ds-white))!important}.technician-notification-card{border-left-color:var(--type-colour)!important}.technician-notification-icon,.technician-notification-copy span{color:var(--type-colour)!important}.technician-notification-icon{background:color-mix(in srgb,var(--type-colour) 12%,white)!important}.status-tone{border:1px solid currentColor}.staff-notification-card.is-handled{--type-colour:var(--ds-text-subtle)!important;opacity:.72}