/* ==========================================================
   NYMIQ
   ACTIONABLE LEAK WATCH V1
   ========================================================== */


.idfw-response-plan{
  margin-top:14px;

  padding:15px;

  border-radius:15px;

  border:
    1px solid rgba(255,255,255,.065);

  background:
    rgba(2,13,22,.52);
}


.idfw-response-plan.critical{
  border-color:
    rgba(235,104,96,.22);
}


.idfw-response-plan.high{
  border-color:
    rgba(232,159,85,.20);
}


.idfw-response-plan.medium{
  border-color:
    rgba(230,188,94,.16);
}


.idfw-response-plan.low{
  border-color:
    rgba(88,221,181,.12);
}


.idfw-response-head span{
  color:#5cddb7;

  font-size:7px;

  font-weight:950;

  letter-spacing:.11em;
}


.idfw-response-plan.critical
.idfw-response-head span{
  color:#f08379;
}


.idfw-response-plan.high
.idfw-response-head span{
  color:#efa860;
}


.idfw-response-head h4{
  margin:4px 0 4px;

  color:#dfecef;

  font-size:15px;
}


.idfw-response-head p{
  margin:0;

  color:#6f8996;

  font-size:8px;

  line-height:1.5;
}


.idfw-response-progress{
  display:grid;

  grid-template-columns:auto 1fr;

  align-items:center;

  gap:13px;

  margin-top:13px;

  padding:
    9px 11px;

  border-radius:11px;

  background:
    rgba(255,255,255,.025);
}


.idfw-response-progress b{
  display:block;

  color:#c8d9df;

  font-size:9px;
}


.idfw-response-progress small{
  display:block;

  margin-top:2px;

  color:#5f7987;

  font-size:7px;
}


.idfw-response-progress-track{
  height:5px;

  overflow:hidden;

  border-radius:999px;

  background:
    rgba(255,255,255,.055);
}


.idfw-response-progress-track i{
  display:block;

  height:100%;

  border-radius:999px;

  background:#59ddb5;

  transition:
    width .25s ease;
}


.idfw-response-actions{
  display:grid;

  gap:8px;

  margin-top:10px;
}


.idfw-response-action{
  display:grid;

  grid-template-columns:auto 1fr;

  gap:11px;

  padding:12px;

  border-radius:12px;

  border:
    1px solid rgba(255,255,255,.045);

  background:
    rgba(255,255,255,.018);

  transition:
    opacity .15s ease;
}


.idfw-response-action.critical{
  border-color:
    rgba(232,108,99,.14);

  background:
    rgba(232,108,99,.035);
}


.idfw-response-action.high{
  border-color:
    rgba(236,162,88,.12);
}


.idfw-response-action.done{
  opacity:.58;
}


.idfw-response-action.done
.idfw-response-action-copy>b{
  text-decoration:
    line-through;
}


.idfw-response-action-icon{
  width:35px;
  height:35px;

  flex:0 0 35px;

  display:grid;
  place-items:center;

  border-radius:11px;

  background:
    rgba(88,221,181,.07);

  color:#61ddb8;

  font-size:14px;
  font-weight:900;
}


.idfw-response-action.critical
.idfw-response-action-icon{
  color:#f18379;

  background:
    rgba(235,104,96,.09);
}


.idfw-response-action.high
.idfw-response-action-icon{
  color:#efa860;

  background:
    rgba(236,162,88,.08);
}


.idfw-response-action-copy>b{
  display:block;

  color:#d8e5ea;

  font-size:10px;
}


.idfw-response-action-copy>p{
  margin:
    4px 0 9px;

  color:#718995;

  font-size:8px;

  line-height:1.5;
}


.idfw-response-action-buttons{
  display:flex;

  align-items:center;

  flex-wrap:wrap;

  gap:6px;
}


.idfw-response-primary{
  min-height:32px !important;

  padding:
    6px 9px;

  border:
    1px solid rgba(88,221,181,.19);

  border-radius:9px;

  background:
    rgba(88,221,181,.07);

  color:#61ddb8;

  font-size:8px;

  font-weight:800;

  cursor:pointer;
}


.idfw-response-action.critical
.idfw-response-primary{
  border-color:
    rgba(235,104,96,.20);

  background:
    rgba(235,104,96,.07);

  color:#f18c83;
}


.idfw-response-done{
  min-height:32px !important;

  padding:
    6px 8px;

  border:0;

  background:transparent;

  color:#657f8c;

  font-size:7px;

  cursor:pointer;
}


.idfw-response-action.done
.idfw-response-done{
  color:#59bc9f;
}


@media(max-width:600px){

  .idfw-response-plan{
    padding:12px;
  }


  .idfw-response-progress{
    grid-template-columns:1fr;
  }


  .idfw-response-action{
    grid-template-columns:
      auto minmax(0,1fr);
  }


  .idfw-response-action-buttons{
    flex-direction:column;

    align-items:stretch;
  }


  .idfw-response-action-buttons button{
    width:100%;
  }

}

/* END ACTIONABLE LEAK WATCH V1 */