.task-card:is(.task,.todo) .subtask-row{display:grid;grid-template-columns:minmax(0,1fr) 15px;gap:10px;width:100%;height:auto;min-height:25px;box-sizing:border-box}
.task-card:is(.task,.todo) .subtasks-inline .subtask-row{grid-template-columns:var(--task-card-icon-size,20px) minmax(0,1fr);column-gap:var(--task-card-icon-gap,10px)}
.task-card .subtasks-inline .task-subtask-confirmation{grid-column:1;grid-row:1;justify-self:center}
.task-card .subtasks-inline .subtask-text{grid-column:2;grid-row:1}
.task-card .subtask-text{min-width:0;overflow-wrap:anywhere}
.task-subtask-confirmation{position:relative;display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;flex:0 0 15px;margin:0;cursor:pointer;color:#000000}
.task-subtask-confirmation input{position:absolute;inset:0;width:15px;height:15px;margin:0;opacity:0;cursor:inherit}
.task-subtask-confirmation span,.task-subtask-confirmation svg{display:block;width:15px;height:15px;overflow:visible;pointer-events:none}
.task-subtask-confirmation svg :is(path,circle){stroke-width:1.5px;vector-effect:non-scaling-stroke}
.task-subtask-confirmation:has(input:checked){color:#2a922a}
.task-subtask-confirmation:has(input:focus-visible){outline:1px solid #e1c16e;outline-offset:4px;border-radius:3px}

/* Task-only exceptions to legacy form grids; shared controls keep their sizing. */
#stagingSidebar #stagingClientActions .sidebar-add-menu-row.is-selected{color:#fff}
#taskFormPanel #taskSubtaskList{display:grid;gap:10px}
#taskFormPanel #taskSubtaskList .subtask-row{display:grid;grid-template-columns:18px 15px minmax(0,1fr) 25px;gap:10px;align-items:center;margin:0;padding:0;min-height:25px}
#taskFormPanel #taskSubtaskList .task-subtask-confirmation{width:15px;height:15px;line-height:normal}
#taskFormPanel #taskSubtaskList .subtask-text{overflow-wrap:anywhere}
#taskFormPanel #taskSubtaskList .subtask-time{grid-column:3;grid-row:2;margin:0;white-space:normal}
#taskFormPanel #taskSubtaskList [data-subtask-remove]{grid-column:4;grid-row:1}
#taskFormPanel #taskSubtaskList .subtask-grip svg{stroke-width:1.5px}
#taskFormPanel :is(#taskClassificationRow,#taskSupportDateRow){display:grid;grid-template-columns:100px minmax(0,1fr);gap:10px 25px;width:100%;min-width:0}
#taskFormPanel #taskSupportTime{grid-column:2}
#taskFormPanel #taskRepeatBadge{padding:0;background:transparent;color:#636963;font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}
#employeeRailAddTaskPanel .employee-rail-add-task-support-date-row>div{grid-column:3;display:grid;grid-template-columns:minmax(0,1fr);gap:10px;min-width:0}
#employeeRailAddTaskPanel .employee-rail-add-task-support-date-row input{grid-column:1;width:100%}
#employeeRailAddTaskPanel .employee-rail-add-task-support-date-row{height:auto;min-height:25px}
#employeeRailAddTaskPanel #employeeRailAddTaskSubtasks{grid-auto-rows:minmax(25px,auto);row-gap:10px}
#employeeRailThirdPanel.employee-rail-third-panel--tasks #adminTaskSubtaskList{row-gap:10px}
#employeeRailThirdPanel.employee-rail-third-panel--tasks #adminTaskSubtaskList:not(:empty)+.employee-rail-task-subtask-add{margin-top:10px}
#employeeRailThirdPanel.employee-rail-third-panel--tasks .employee-rail-task-series-picker{grid-template-columns:minmax(0,1fr) auto}
#employeeRailThirdPanel.employee-rail-third-panel--tasks .employee-rail-task-series-picker .employee-rail-password-input{width:100%}
@media(max-width:650px){
  #taskFormPanel :is(#taskClassificationRow,#taskSupportDateRow){grid-template-columns:minmax(0,1fr);gap:5px}
  #taskFormPanel #taskSupportTime{grid-column:1}
}