/* Inline Task Edit Form Styles */
.task-form.inline-mode {
  border: 1px solid #e8e8e8;
  border-radius: 10px;
  background: #fff;
  box-shadow: none;
  padding: 0;
  /* Match todo-row dimensions */
  max-width: 860px;
  margin: 0 auto 10px auto;
}

.task-form.inline-mode .qa-body {
  padding: 10px 12px;
  gap: 8px;
}

/* Ensure edit-side is visible for actions but hide fields */
.task-form.inline-mode .edit-side {
    display: block !important;
    border-left: none;
    padding-left: 0;
    margin-top: 0;
}

.task-form.inline-mode .edit-side .side-field {
    display: none;
}

.task-form.inline-mode .side-actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  padding: 8px 12px 12px 12px;
  background: #fff;
  border-radius: 0 0 10px 10px;
  margin-top: 0;
  border-top: 1px solid #f5f5f5;
}

.task-form.inline-mode .qa-title-input {
  font-size: 14px;
}

.task-form.inline-mode .qa-desc-input {
  font-size: 13px;
  padding: 4px 0;
}

/* Hide unneeded elements in inline mode if necessary */
.task-form.inline-mode .voice-badge,
.task-form.inline-mode .qa-voice-btn {
  /* Keep them or hide based on preference, user image shows voice icon */
}

/* Adjust date/priority picker positions for inline mode */
.task-form.inline-mode .date-popover,
.task-form.inline-mode #priorityMenu {
  top: calc(100% + 4px);
  left: 0;
  position: absolute;
}