.intervention-rule {
  margin: 0 0 12px;
  border: 1px solid #cbd9eb;
  border-radius: 11px;
  background: #f7faff;
  overflow: hidden;
}
.intervention-rule [hidden] {
  display: none !important;
}
.intervention-rule header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 13px;
}
.intervention-rule header span {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #284a73;
  font-size: 10px;
}
.intervention-rule header i {
  width: 19px;
  height: 19px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #dce9f8;
  color: #315f94;
  font-style: normal;
  font-weight: 900;
}
.intervention-rule > div {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  border-top: 1px solid #dce5f1;
  background: #fff;
}
.intervention-rule p {
  display: grid;
  gap: 4px;
  margin: 0;
  padding: 12px;
  border-right: 1px solid #e1e8f1;
}
.intervention-rule p:last-child {
  border: 0;
}
.intervention-rule p b {
  color: #2d507a;
  font-size: 9px;
}
.intervention-rule p span {
  color: #6e7e92;
  font-size: 8px;
  line-height: 1.5;
}
.intervention-warning {
  padding: 9px 11px;
  border: 1px solid #ead6a7;
  border-radius: 8px;
  background: #fff9e8;
  color: #775b1e;
  font-size: 9px;
  line-height: 1.55;
}
.intervention-status {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 9px 14px;
  border-bottom: 1px solid #e0c47c;
  background: #fff9e8;
  color: #6f541a;
}
.intervention-status span {
  display: flex;
  align-items: center;
  gap: 7px;
}
.intervention-status span i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #e09b19;
  box-shadow: 0 0 0 4px #e09b1920;
}
.intervention-status b {
  font-size: 10px;
}
.intervention-status small,
.intervention-status em {
  font-size: 8px;
  font-style: normal;
}
.intervention-composer,
.intervention-locked {
  border-top: 1px solid #dce5ef;
}
.intervention-locked {
  padding: 14px 16px;
  background: #fff8e8;
}
.intervention-locked span {
  display: grid;
  gap: 3px;
}
.intervention-locked b {
  color: #785a18;
  font-size: 10px;
}
.intervention-locked small {
  color: #8c7b54;
  font-size: 8px;
}
.manager-reply {
  border-color: #9cb8d7 !important;
  background: #edf4fc !important;
}
.manager-reply small {
  color: #4e7198 !important;
}
body.theme-dark .intervention-rule {
  border-color: #34485f;
  background: #162231;
}
body.theme-dark .intervention-rule > div {
  border-color: #34485f;
  background: #111b27;
}
body.theme-dark .intervention-rule p {
  border-color: #2b3b4e;
}
body.theme-dark .intervention-rule header span,
body.theme-dark .intervention-rule p b {
  color: #c4dbf5;
}
body.theme-dark .intervention-status,
body.theme-dark .intervention-locked {
  border-color: #6c5627;
  background: #2b2415;
  color: #f1d68f;
}
body.theme-dark .intervention-locked b {
  color: #f1d68f;
}
body.theme-dark .intervention-locked small {
  color: #c1ae7d;
}
@media (max-width: 900px) {
  .intervention-rule > div {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 560px) {
  .intervention-rule > div {
    grid-template-columns: 1fr;
  }
  .intervention-status em {
    display: none;
  }
}
.intervention-rule header > p {
  display: flex;
  gap: 6px;
  margin: 0;
  padding: 0;
  border: 0;
}
.intervention-audit-list {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  padding: 10px 12px;
  border-top: 1px solid #dce5f1;
  background: #f9fbfe !important;
}
.intervention-audit-list[hidden] {
  display: none !important;
}
.intervention-audit-list p {
  display: grid;
  gap: 3px;
  padding: 8px 10px !important;
  border: 0 !important;
}
.intervention-audit-list p b {
  font-size: 9px;
}
.intervention-audit-list p span {
  font-size: 8px;
  color: #6f8094;
}
.intervention-audit-list .empty {
  grid-column: 1/-1;
  color: #8290a2;
  text-align: center;
}
body.theme-dark .intervention-audit-list {
  border-color: #34485f;
  background: #111b27 !important;
}