/* FPC Wire v2.3.1e2 — Notification Card Alignment Repair */

body.wire-notifications-layout-fix [data-notification-card]{
  display:grid!important;
  grid-template-columns:auto auto minmax(0,1fr) auto!important;
  align-items:center!important;
  column-gap:10px!important;
  row-gap:3px!important;
  padding:14px 16px!important;
}

body.wire-notifications-layout-fix [data-notification-card] > *{
  min-width:0!important;
  margin-left:0!important;
  margin-right:0!important;
}

body.wire-notifications-layout-fix [data-notification-card] > :first-child{
  grid-column:1!important;
  grid-row:1 / span 2!important;
  align-self:center!important;
}

body.wire-notifications-layout-fix [data-notification-card] > :nth-child(2){
  grid-column:2!important;
  grid-row:1 / span 2!important;
  align-self:center!important;
}

body.wire-notifications-layout-fix [data-notification-card] > :nth-child(3){
  grid-column:3!important;
  grid-row:1!important;
  justify-self:start!important;
  width:auto!important;
  max-width:100%!important;
  text-align:left!important;
}

body.wire-notifications-layout-fix [data-notification-card] > :nth-child(4){
  grid-column:3!important;
  grid-row:2!important;
  justify-self:start!important;
  width:auto!important;
  text-align:left!important;
}

body.wire-notifications-layout-fix [data-notification-card] > :last-child{
  grid-column:4!important;
  grid-row:1 / span 2!important;
  justify-self:end!important;
  align-self:center!important;
  margin-left:0!important;
}

body.wire-notifications-layout-fix [data-notification-card] a,
body.wire-notifications-layout-fix [data-notification-card] p,
body.wire-notifications-layout-fix [data-notification-card] span,
body.wire-notifications-layout-fix [data-notification-card] strong{
  text-align:left!important;
}

body.wire-notifications-layout-fix [data-notification-card] time,
body.wire-notifications-layout-fix .notification-time{
  justify-self:start!important;
  text-align:left!important;
}

body.wire-notifications-layout-fix .notification-read-form{
  justify-self:end!important;
}

@media(max-width:799px){
  body.wire-notifications-layout-fix [data-notification-card]{
    grid-template-columns:auto auto minmax(0,1fr)!important;
    padding:13px 14px!important;
  }

  body.wire-notifications-layout-fix [data-notification-card] > :last-child{
    grid-column:3!important;
    grid-row:2!important;
    justify-self:end!important;
    align-self:end!important;
  }

  body.wire-notifications-layout-fix [data-notification-card] > :nth-child(4){
    grid-column:3!important;
    grid-row:2!important;
    justify-self:start!important;
  }
}