/* MoveDone Update 110 — exact brand tick geometry everywhere */

/*
 * Extend the upper arm into the clipped top-right corner of the brand tile.
 * This removes the small green wedge without changing the logo's size,
 * colour, rotation, wordmark, or spacing.
 */
.brand-check-pro::before {
  left: 2px !important;
  top: -1px !important;
  width: 35px !important;
  height: 36px !important;
  clip-path: polygon(1% 50%, 13% 33%, 37% 57%, 84% 0%, 100% 0%, 41% 99%) !important;
}

/* The plan-ready mark uses the same geometry at its larger scale. */
.generated-success::before {
  left: 3px !important;
  top: -2px !important;
  width: 63px !important;
  height: 64px !important;
  clip-path: polygon(1% 50%, 13% 33%, 37% 57%, 84% 0%, 100% 0%, 41% 99%) !important;
}

/*
 * A completed row may soften its copy, but never the MoveDone mark itself.
 * The previous whole-row opacity was the reason checklist ticks looked pale.
 */
.generated-task.completed {
  opacity: 1 !important;
}

.generated-task.completed > div,
.generated-task.completed > time {
  opacity: .66 !important;
}

.generated-task.completed .generated-task-status,
.generated-task-status.is-complete,
.generated-task-status[aria-label*="Mark task incomplete" i] {
  background-color: #2ba66a !important;
  opacity: 1 !important;
}

.generated-task.completed .generated-task-status::before,
.generated-task-status.is-complete::before,
.generated-task-status[aria-label*="Mark task incomplete" i]::before {
  left: 1px !important;
  top: -1px !important;
  width: 28px !important;
  height: 29px !important;
  clip-path: polygon(1% 50%, 13% 33%, 37% 57%, 84% 0%, 100% 0%, 41% 99%) !important;
}

/* Replace the compact saved badge's generic round tick with the brand tile. */
.md064-saved-badge::before,
.md063-saved-badge::before {
  content: "" !important;
  width: 22px !important;
  height: 22px !important;
  flex: 0 0 22px !important;
  border: 0 !important;
  border-radius: 7px !important;
  background-color: transparent !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect width='24' height='24' rx='7' fill='%232ba66a'/%3E%3Cpolygon points='0.24,12 3.12,7.92 8.88,13.68 20.16,0 24,0 9.84,23.76' fill='white'/%3E%3C/svg%3E") !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: 100% 100% !important;
  box-shadow: 0 3px 8px rgba(43,166,106,.16) !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
  transform: rotate(-3deg) !important;
}

@media (max-width: 700px) {
  .brand-check-pro::before {
    left: 1px !important;
    top: -1px !important;
    width: 33px !important;
    height: 34px !important;
  }
}