/* QUINCA+ v72 — centre de notifications */
.notif-kpis-v72{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin-bottom:14px;
}

.notif-rulebox-v72{
  margin-bottom:14px;
  border-left:4px solid #2d7ff9;
}

.notif-rulebox-v72 p{
  margin:6px 0 0;
  line-height:1.5;
}

.notif-filters-v72{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin-bottom:14px;
}

.notif-filters-v72 label{
  display:block;
  margin-bottom:5px;
  font-size:12px;
  font-weight:700;
}

.notif-list-v72{
  display:grid;
  gap:10px;
}

.notif-card-v72{
  display:grid;
  grid-template-columns:46px minmax(0,1fr) auto;
  gap:12px;
  align-items:start;
  padding:14px;
  border:1px solid #dfe5ee;
  border-left:4px solid #7c8aa0;
  border-radius:12px;
  background:#fff;
}

.notif-card-v72.sev-danger{border-left-color:#d73535}
.notif-card-v72.sev-warn{border-left-color:#d99a14}
.notif-card-v72.sev-success{border-left-color:#298b55}
.notif-card-v72.sev-info{border-left-color:#2d7ff9}

.notif-resolved-v72{
  opacity:.7;
  background:#f7f8fa;
}

.notif-icon-v72{
  width:42px;
  height:42px;
  border-radius:10px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#eef4ff;
  font-size:20px;
  font-weight:900;
}

.notif-titleline-v72{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:flex-start;
}

.notif-titleline-v72 strong{
  font-size:15px;
}

.notif-titleline-v72>small{
  color:#718096;
  white-space:nowrap;
}

.notif-body-v72 p{
  margin:9px 0;
  line-height:1.45;
}

.notif-tags-v72{
  display:flex;
  flex-wrap:wrap;
  gap:5px;
  margin-top:6px;
}

.notif-tag-v72{
  display:inline-flex;
  align-items:center;
  min-height:22px;
  padding:2px 7px;
  border-radius:999px;
  background:#eef1f5;
  font-size:10px;
  font-weight:800;
}

.notif-tag-v72.auto{background:#e8f1ff;color:#1759a8}
.notif-tag-v72.manual{background:#f1ecff;color:#6044a8}
.notif-tag-v72.sev-danger{background:#ffe7e7;color:#a31f1f}
.notif-tag-v72.sev-warn{background:#fff1d2;color:#8f6200}
.notif-tag-v72.sev-success{background:#e2f6e9;color:#176b3d}
.notif-tag-v72.sev-info{background:#e8f1ff;color:#1759a8}

.notif-meta-v72{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  color:#687386;
  font-size:11px;
}

.notif-actions-v72{
  display:flex;
  align-items:center;
}

.notif-form-v72 .notif-message-v72{
  min-height:120px;
  resize:vertical;
}

@media(max-width:820px){
  .notif-kpis-v72{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .notif-filters-v72{
    grid-template-columns:1fr;
  }

  .notif-card-v72{
    grid-template-columns:40px minmax(0,1fr);
  }

  .notif-actions-v72{
    grid-column:2;
  }

  .notif-titleline-v72{
    display:block;
  }

  .notif-titleline-v72>small{
    display:block;
    margin-top:6px;
  }
}