/* Common result surface for light/dark skins. Text/icons retain their semantics. */
#mail-pop-message:not(:empty),
#mail-aliases-message:not(:empty),
#mail-pop-panel [role=status]:not(:empty),
#mail-pop-panel [role=alert]:not(:empty),
#mail-aliases-panel [role=status]:not(:empty),
#mail-aliases-panel [role=alert]:not(:empty),
.account-recovery .ui-feedback-result:not(:empty),
#layout-content .ui-feedback-result:not(:empty),
#layout-content.local-auth-management [role=status]:not(:empty),
#layout-content.local-auth-management [role=alert]:not(:empty),
#messagestack > .confirmation,
#messagestack > .warning,
#messagestack > .error,
#messagestack > .notice,
#messagestack > .loading {
  box-sizing: border-box;
  background: #fff1a8 !important;
  color: #1f2937 !important;
  border: 1px solid #b88700;
  border-left: 6px solid #b88700;
  border-radius: .35rem;
  padding: .75rem 1rem;
  margin: .75rem 0;
  line-height: 1.5;
  font-weight: 600;
  overflow-wrap: anywhere;
}
#messagestack > .confirmation,
#messagestack > .warning,
#messagestack > .error,
#messagestack > .notice,
#messagestack > .loading { padding-left: 2.5rem; }
#messagestack > div::before { color: #1f2937 !important; }
#messagestack > div a,
#mail-pop-message a,
#mail-aliases-message a,
#mail-pop-panel [role=status] a,
#mail-pop-panel [role=alert] a,
#mail-aliases-panel [role=status] a,
#mail-aliases-panel [role=alert] a,
.account-recovery .ui-feedback-result a,
#layout-content .ui-feedback-result a,
#layout-content.local-auth-management [role=status] a,
#layout-content.local-auth-management [role=alert] a { color: #4a3300 !important; text-decoration: underline; }
#mail-pop-message:empty,
#mail-aliases-message:empty { display: none; }