/* ARGMS v2.10.3 - herhalende taken, controlelijsten en escalaties */
.task-subnav2103{
  display:flex;
  align-items:center;
  gap:5px;
  margin:0 0 16px;
  padding:5px;
  border:1px solid #dfe5ed;
  border-radius:11px;
  background:#f3f6fa
}
.task-subnav2103 button{
  min-height:36px;
  padding:7px 14px;
  border:1px solid transparent;
  border-radius:8px;
  background:transparent;
  color:#586981;
  font-size:13px;
  font-weight:800;
  cursor:pointer
}
.task-subnav2103 button:hover{background:#fff;color:#1d4ed8}
.task-subnav2103 button.active{
  border-color:#c7d7f7;
  background:#fff;
  color:#1d4ed8;
  box-shadow:0 2px 7px rgba(15,23,42,.09),inset 0 -2px 0 #2563eb
}
.task-subnav2103>span{margin-left:auto;padding:0 10px;color:#7b879a;font-size:12px}
.workflow-kpis2103{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin:0 0 16px
}
.workflow-kpis2103>div{
  padding:15px 17px;
  border:1px solid #e0e6ee;
  border-radius:12px;
  background:#fff;
  box-shadow:0 4px 14px rgba(15,23,42,.04)
}
.workflow-kpis2103 span{display:block;color:#7b879a;font-size:12px;font-weight:700}
.workflow-kpis2103 strong{display:block;margin-top:5px;color:#172033;font-size:25px}
.workflow-status2103{
  display:inline-flex;
  padding:5px 9px;
  border-radius:999px;
  background:#eef1f5;
  color:#68768a;
  font-size:11px;
  font-weight:800
}
.workflow-status2103.active{background:#e5f7ed;color:#167044}
.workflow-disabled2103{opacity:.66}
.task-meta2103{display:flex;flex-wrap:wrap;gap:5px;margin:4px 0}
.task-meta2103 span{
  display:inline-flex;
  padding:3px 7px;
  border-radius:999px;
  background:#eef3f9;
  color:#53657d;
  font-size:10px;
  font-weight:800
}
.task-meta2103 .danger2103{background:#fff0ed;color:#ad2f25}
.task-row284.escalated2103 td:first-child{box-shadow:inset 3px 0 0 #e05243}
.workflow-note2103,.workflow-alert2103{
  display:flex;
  flex-direction:column;
  gap:3px;
  margin:0 0 16px;
  padding:12px 14px;
  border:1px solid #cbdcf7;
  border-radius:10px;
  background:#f1f6ff;
  color:#365478
}
.workflow-note2103 span,.workflow-alert2103{font-size:12px}
.workflow-alert2103{margin:14px 0 0;border-color:#f1c1b9;background:#fff3f0;color:#8f3025}
.checklist-editor2103{
  display:grid;
  gap:7px;
  margin-top:5px;
  padding:9px;
  border:1px solid #dfe5ed;
  border-radius:10px;
  background:#f7f9fc
}
.checklist-row2103{
  display:grid;
  grid-template-columns:auto minmax(140px,1fr) auto auto;
  align-items:center;
  gap:8px;
  min-width:0
}
.checklist-row2103>input{
  width:100%;
  min-width:0;
  min-height:36px;
  border:1px solid #d8e0ea;
  border-radius:8px;
  background:#fff
}
.check-complete2103{position:relative;display:grid;place-items:center;width:31px;height:31px}
.check-complete2103 input{position:absolute;opacity:0}
.check-complete2103 span{
  display:grid;
  place-items:center;
  width:26px;
  height:26px;
  border:2px solid #c5ced9;
  border-radius:7px;
  background:#fff;
  color:transparent;
  font-weight:900;
  cursor:pointer
}
.check-complete2103 input:checked+span{border-color:#24915d;background:#24915d;color:#fff}
.check-required2103{display:flex;align-items:center;gap:5px;color:#586981;font-size:12px;white-space:nowrap}
.checklist-row2103>button{
  width:30px;
  height:30px;
  border:0;
  border-radius:7px;
  background:transparent;
  color:#8b96a7;
  font-size:19px;
  cursor:pointer
}
.checklist-row2103>button:hover{background:#feeceb;color:#b33128}
.checklist-add2103{
  justify-self:start;
  padding:7px 10px;
  border:1px dashed #b9c8db;
  border-radius:8px;
  background:#fff;
  color:#35619b;
  font-size:12px;
  font-weight:800;
  cursor:pointer
}
.workflow-active2103{
  display:flex;
  align-items:center;
  gap:10px;
  padding:11px 12px;
  border:1px solid #dfe5ed;
  border-radius:9px;
  background:#f7f9fc
}
.workflow-active2103 span{display:flex;flex-direction:column;gap:2px}
.workflow-active2103 small{color:#7a8799;font-weight:500}
@media(max-width:760px){
  .task-subnav2103{align-items:stretch;flex-wrap:wrap}
  .task-subnav2103>span{flex:0 0 100%;margin:0;padding:5px 8px}
  .workflow-kpis2103{grid-template-columns:1fr}
  .checklist-row2103{grid-template-columns:auto minmax(0,1fr) auto}
  .check-required2103{grid-column:2}
  .checklist-row2103>button{grid-column:3;grid-row:1}
}