Issue #1906208 by sun: Independent .status HTML class triggers message/icon styling.

core/modules/system/system.theme.css

@@ -421,45 +421,45 @@ div.messages {
   padding: 10px 10px 10px 50px; /* LTR */
 }
 
-div.status {
+.messages.status {
   background-image: url(../../misc/message-24-ok.png);
   border-color: #be7;
 }
-div.status,
+.messages.status,
 .ok {
   color: #234600;
 }
-div.status,
+.messages.status,
 table tr.ok {
   background-color: #f8fff0;
 }
 
-div.warning {
+.messages.warning {
   background-image: url(../../misc/message-24-warning.png);
   border-color: #ed5;
 }
-div.warning,
+.messages.warning,
 .warning {
   color: #840;
 }
-div.warning,
+.messages.warning,
 table tr.warning {
   background-color: #fffce5;
 }
 
-div.error {
+.messages.error {
   background-image: url(../../misc/message-24-error.png);
   border-color: #ed541d;
 }
-div.error,
+.messages.error,
 .error {
   color: #8c2e0b;
 }
-div.error,
+.messages.error,
 table tr.error {
   background-color: #fef5f1;
 }
-div.error p.error {
+.messages.error p.error {
   color: #333;
 }