.task-create-choice-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 14px;
}

.task-create-choice {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 88px;
  padding: 16px;
  text-align: left;
  color: var(--navy, #082852);
  background: #f6f9fd;
  border: 1px solid var(--line, #d8e1eb);
}

.task-create-choice:hover,
.task-create-choice:focus-visible {
  background: #eaf3fc;
  border-color: #89acd0;
}

.task-create-choice-icon {
  display: grid;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  place-items: center;
  border-radius: 14px;
  color: #fff;
  background: var(--navy, #082852);
  font-size: 24px;
}

.task-create-choice b,
.task-create-choice small {
  display: block;
}

.task-create-choice b { font-size: 17px; }
.task-create-choice small { margin-top: 4px; color: #64758b; line-height: 1.35; }

.task-list-heading-actions {
  display: flex;
  align-items: center;
  gap: 10px;
}

.quick-task-launcher {
  white-space: nowrap;
}

.quick-task-undo {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: 12px 0;
  padding: 12px 14px;
  color: #123354;
  background: #eaf5ff;
  border: 1px solid #a9cbe8;
  border-radius: 12px;
}

.quick-task-undo[hidden] { display: none; }

.task-creator-dialog {
  width: min(650px, calc(100vw - 28px));
  max-height: min(860px, calc(100dvh - 28px));
  padding: 0;
  overflow: hidden;
  border: 0;
  border-radius: 22px;
  box-shadow: 0 24px 70px rgba(3, 21, 44, .28);
}

.task-creator-dialog::backdrop { background: rgba(4, 22, 43, .62); }

.task-creator-dialog form {
  max-height: min(860px, calc(100dvh - 28px));
  padding: 22px;
  overflow-y: auto;
}

.task-creator-dialog .modal-head { align-items: flex-start; }
.task-creator-dialog .modal-head h3 { margin: 2px 0 0; }
.task-creator-dialog .eyebrow { margin: 0; }

.task-location-confirmation {
  margin: 12px 0 16px;
  padding: 10px 12px;
  color: #123354;
  background: #edf5fd;
  border-radius: 10px;
  font-weight: 800;
}

.task-creator-two-column {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.task-advanced-options {
  margin-top: 14px;
  padding: 12px 14px;
  background: #f7f9fc;
  border: 1px solid var(--line, #d8e1eb);
  border-radius: 12px;
}

.task-advanced-options summary {
  cursor: pointer;
  color: var(--navy, #082852);
  font-weight: 900;
}

.task-advanced-options[open] summary { margin-bottom: 12px; }

.task-dialog-actions {
  position: sticky;
  bottom: -22px;
  z-index: 2;
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin: 20px -22px -22px;
  padding: 14px 22px calc(14px + env(safe-area-inset-bottom));
  background: rgba(255, 255, 255, .96);
  border-top: 1px solid var(--line, #d8e1eb);
  backdrop-filter: blur(8px);
}

.task-step-progress {
  display: grid;
  grid-template-columns: auto 1fr auto 1fr auto 1fr auto;
  align-items: center;
  margin: 16px 0 22px;
}

.task-step-progress span {
  display: grid;
  width: 32px;
  height: 32px;
  place-items: center;
  color: #52667c;
  background: #edf1f6;
  border-radius: 50%;
  font-weight: 900;
}

.task-step-progress span.active,
.task-step-progress span.complete {
  color: #fff;
  background: var(--navy, #082852);
}

.task-step-progress i { height: 2px; background: #d7e0ea; }
.task-wizard-step h4 { margin: 0 0 6px; font-size: 21px; }
.task-wizard-step[hidden] { display: none; }

.task-day-options {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.task-review-card {
  margin-top: 16px;
  padding: 14px;
  color: #173654;
  background: #edf5fd;
  border: 1px solid #b9d2e9;
  border-radius: 12px;
}

.task-review-card h4 { margin: 0 0 8px; }
.task-review-card p { margin: 5px 0; }
.task-step-error { min-height: 20px; margin: 10px 0 0; color: #a32626; font-weight: 800; }

.task-assignment-line,
.task-due-line {
  margin: 4px 0 0;
  color: #536a82;
  font-size: 13px;
  font-weight: 700;
}

@media (max-width: 680px) {
  .task-create-choice-grid,
  .task-creator-two-column,
  .task-day-options { grid-template-columns: 1fr; }

  .task-list-heading-actions { align-items: flex-end; flex-direction: column; }
  .quick-task-launcher { min-height: 44px; }
  .task-creator-dialog { width: calc(100vw - 14px); max-height: calc(100dvh - 14px); border-radius: 18px; }
  .task-creator-dialog form { max-height: calc(100dvh - 14px); padding: 18px; }
  .task-dialog-actions { bottom: -18px; margin: 18px -18px -18px; padding-right: 18px; padding-left: 18px; }
}
