/* A200 reference proportions. Only the checklist list and its local shell presentation.
   Journey V3/V4 are no longer enqueued; V2 still supplies existing forms/sheets. */
body.moveu-checklist-design-lock {
  background: #f9fdfe;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
body.moveu-checklist-design-lock .mu-checklist-list-main {
  width: min(100%, 740px);
  padding: 16px 15px calc(var(--mu-cl-dock-height, var(--mu-dock-height)) + 42px + env(safe-area-inset-bottom));
}
.mu-checklist-list {
  color: #0b1948;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  overflow-wrap: anywhere;
}
.mu-checklist-list .mu-cl-title {
  margin: 0 5px 14px;
  font: 700 2.125rem/1.15 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  letter-spacing: -.035em;
  color: #0b1948;
}
.mu-checklist-list .mu-cl-progress {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 24px;
  margin: 0 5px 16px;
}
.mu-checklist-list .mu-cl-ring {
  position: relative;
  width: 5.625rem;
  height: 5.625rem;
  flex: 0 0 5.625rem;
  display: grid;
  place-items: center;
}
.mu-cl-ring > svg { position: absolute; inset: 0; width: 100%; height: 100%; transform: rotate(-90deg); }
.mu-cl-ring circle { fill: none; stroke-width: 5; }
.mu-cl-ring .mu-checklist-progress__track { stroke: #d9f1ed; }
.mu-cl-ring .mu-checklist-progress__value { stroke: #78d1c3; stroke-linecap: round; }
.mu-cl-ring strong { font-size: 1.65rem; font-weight: 700; color: #0b1948; letter-spacing: -.04em; white-space: nowrap; }
.mu-cl-ring strong > span:last-child { font-size: .85em; }
.mu-cl-progress__copy { min-width: 0; flex: 1 1 9rem; }
.mu-checklist-list .mu-cl-progress__copy h2 { color: #0b1948; margin: 0 0 7px; font-size: 1.1875rem; line-height: 1.25; font-weight: 600; letter-spacing: -.02em; }
.mu-checklist-list .mu-cl-progress__copy p { color: #6c7485; max-width: 11.25rem; margin: 0; font-size: .9375rem; line-height: 1.4; font-weight: 400; }
.mu-cl-sections { display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; }
.mu-checklist-list .mu-cl-section > h2 { padding: 0; margin: 0; font: inherit; }
.mu-checklist-list .mu-cl-section__head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 6px 12px;
  width: 100%;
  min-height: 44px;
  padding: 0 5px 6px;
  margin: 0;
  border: 0;
  border-radius: 6px;
  background: transparent;
  box-shadow: none;
  text-align: left;
  text-transform: none;
  color: #0b1948;
  font: 600 1.1875rem/1.25 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  letter-spacing: -.025em;
}
.mu-cl-section__head:is(button) { cursor: pointer; }
.mu-cl-section__head .mu-cl-section__count {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  margin-left: auto;
  color: #6c7485;
  font-size: .8125rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: normal;
}
.mu-cl-section__count .mu-line-icon { width: 17px; height: 17px; color: #293653; flex: 0 0 17px; }
.mu-cl-section__tasks { display: grid; grid-template-columns: minmax(0, 1fr); gap: 8px; }
.mu-checklist-list .mu-cl-task {
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr) 14px;
  align-items: center;
  gap: 18px;
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
  justify-self: stretch;
  min-height: 62px;
  margin: 0;
  padding: 10px 14px;
  border: 1px solid rgba(238,242,245,.5);
  border-radius: 12px;
  background: #fff;
  color: #242943;
  box-shadow: 0 4px 18px rgba(32,45,57,.025);
  font: 500 .84375rem/1.4 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  letter-spacing: -.015em;
  text-align: left;
  text-transform: none;
  white-space: normal;
  cursor: pointer;
}
.mu-cl-task__body, .mu-cl-task__title { display: block; min-width: 0; }
.mu-cl-task__icon, .mu-cl-task__chevron { display: flex; align-items: center; color: #293653; }
.mu-cl-task__icon { position: relative; width: 22px; height: 22px; justify-content: center; }
.mu-cl-task__icon .mu-line-icon { width: 22px; height: 22px; }
.mu-cl-task__chevron .mu-line-icon { width: 14px; height: 14px; }
.mu-cl-task__meta { display: flex; flex-wrap: wrap; gap: 4px 12px; margin-top: 4px; color: #6c7485; font-size: .75rem; font-weight: 400; line-height: 1.35; letter-spacing: normal; }
.mu-cl-task__meta > span { display: inline-flex; align-items: center; min-width: 0; gap: 5px; }
.mu-cl-task__meta .mu-line-icon { flex: 0 0 14px; width: 14px; height: 14px; }
.mu-cl-avatar { flex: 0 0 20px; width: 20px; height: 20px; border-radius: 50%; background: #edf0f2; color: #555b66; display: inline-flex; align-items: center; justify-content: center; overflow: hidden; font-size: 10px; font-weight: 500; }
.mu-cl-avatar img { width: 100%; height: 100%; object-fit: cover; }
.mu-checklist-list .mu-cl-task.is-done { min-height: 44px; padding-block: 10px; color: #6c7485; }
.mu-cl-task__done { position: absolute; right: -5px; bottom: -4px; display: grid; place-items: center; width: 13px; height: 13px; border: 1.5px solid #fff; border-radius: 50%; background: #398d83; color: #fff; }
.mu-cl-task__done .mu-line-icon { width: 9px; height: 9px; stroke-width: 2.4; }
/* Completed rows are quiet summaries. Task data and the native quick-view
   actions are unchanged; this presentation rule never changes a task's state. */
.mu-checklist-list .mu-cl-task.is-done .mu-cl-task__meta { display: none; }
.mu-checklist-list .mu-cl-task:disabled { cursor: default; opacity: .65; }
/* The foundation resets focus outlines with !important. Restore them only
   for checklist controls and this page's existing quick dialog. */
.mu-checklist-list :is(button, a, input, select, textarea):focus-visible,
body.moveu-checklist-design-lock .mu-quick-dialog :is(button, a, input, select, textarea):focus-visible { outline: 2px solid #398d83 !important; outline-offset: 3px !important; }
.mu-checklist-list .mu-cl-empty { margin: 3px 5px 0; color: #6c7485; font-size: .9375rem; line-height: 1.5; }
.mu-checklist-list .mu-checklist-state { color: #656973; }
.mu-checklist-list .mu-checklist-state > p { font-size: .9375rem; line-height: 1.5; }
.mu-checklist-list #muChecklistPersonalDetails .mu-checklist-task-details { display: block; }
.mu-checklist-list #muChecklistPersonalDetails .mu-checklist-task-actions { display: flex; flex-wrap: wrap; gap: 10px; }

/* The existing shell has important color declarations. Override only those
   specific declarations on this page; keep targets, structure and safe areas. */
body.moveu-checklist-design-lock.moveu-authenticated-shell-page .mu-mobile-topbar__actions .mu-icon-button,
body.moveu-checklist-design-lock .mu-desktop-appbar__actions > :is(.mu-icon-button, .mu-profile-button),
body.moveu-checklist-design-lock .mu-desktop-appbar__nav .mu-app-nav-link,
body.moveu-checklist-design-lock.moveu-authenticated-shell-page .mu-soft-dock__item.is-active,
body.moveu-checklist-design-lock .mu-nav-progress,
body.moveu-checklist-design-lock .mu-desktop-appbar__nav .mu-app-nav-link.is-active { color: #252730 !important; }
body.moveu-checklist-design-lock.moveu-authenticated-shell-page .mu-soft-dock__item { color: #777e8b !important; }
body.moveu-checklist-design-lock.moveu-authenticated-shell-page .mu-soft-dock__item.is-active { color: #252730 !important; }
body.moveu-checklist-design-lock .mu-app-shell-host :is(button, a, span) { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
body.moveu-checklist-design-lock .mu-desktop-appbar__brand [data-mu-project-label] { display: none; }
body.moveu-checklist-design-lock.mu-cl-progress-pending [data-moveu-nav-progress] { visibility: hidden; }
@media (max-width: 899px) {
  /* Leave the existing fixed dock clear when the browser scrolls to a row or
     an expanded section. Normal page padding remains the end-of-list reserve. */
  .mu-checklist-list :is(.mu-cl-task, .mu-cl-section__tasks) { scroll-margin-block-end: calc(var(--mu-cl-dock-height, var(--mu-dock-height, 88px)) + 32px + env(safe-area-inset-bottom)); }
}
@media (max-width: 350px) {
  body.moveu-checklist-design-lock .mu-checklist-list-main { padding-inline: 14px; }
  .mu-checklist-list .mu-cl-progress { gap: 16px; }
}
@media (prefers-reduced-motion: no-preference) {
  .mu-cl-task:hover:not(:disabled) { box-shadow: 0 4px 18px rgba(32,45,57,.055); }
}

/* A216: compact task icons and one current step, separate from all cover art. */
.mu-checklist-list [hidden] { display: none !important; }
.mu-checklist-list .mu-cl-task { grid-template-columns: 42px minmax(0, 1fr) 14px; gap: 12px; min-height: 68px; }
.mu-checklist-list .mu-cl-task__icon { width: 42px; height: 42px; }
.mu-cl-art { display: grid; place-items: center; width: 42px; height: 42px; flex: none; }
.mu-cl-art img { display: block; width: 100%; height: 100%; object-fit: contain; }
.mu-cl-art__fallback { display: grid; place-items: center; width: 100%; height: 100%; color: #398d83; }
.mu-cl-art__fallback .mu-line-icon { width: 26px; height: 26px; }
.mu-cl-task__done { right: -1px; bottom: 0; }
.mu-checklist-list .mu-cl-task.is-done { min-height: 58px; padding-block: 7px; }
.mu-cl-current { margin: 6px 0 23px; }
.mu-cl-next { box-sizing: border-box; padding: 16px; background: #fff; border: 1px solid #e3ebee; border-radius: 18px; box-shadow: 0 4px 18px #202d3906; }
.mu-checklist-list .mu-cl-next__eyebrow { margin: 0 0 9px; color: #35867c; font: 600 9px/1.4 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; letter-spacing: .085em; text-transform: uppercase; }
.mu-cl-next__main { display: grid; grid-template-columns: minmax(0, 1fr) 80px; align-items: center; gap: 12px; }
.mu-cl-next__main .mu-cl-art { width: 80px; height: 80px; }
.mu-cl-next__copy { min-width: 0; }
.mu-checklist-list .mu-cl-next h2 { margin: 0; color: #0b1948; font: 600 18px/1.25 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; letter-spacing: -.025em; hyphens: auto; overflow-wrap: anywhere; }
.mu-checklist-list .mu-cl-next__copy p { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin: 6px 0 0; color: #6c7485; font: 400 13px/1.4 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.mu-cl-next__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 5px 12px; margin: 10px 0 12px; color: #6c7485; font-size: 11px; line-height: 1.4; }
.mu-cl-next__meta > span { display: inline-flex; align-items: center; gap: 5px; }
.mu-cl-next__meta.is-urgent > span:first-child { color: #9a4656; }
.mu-cl-next__meta .mu-line-icon { width: 15px; height: 15px; flex: none; }
.mu-checklist-list .mu-cl-next__action,
.mu-checklist-list .mu-cl-next__action:is(:hover, :focus, :active) { display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; min-height: 44px; margin: 0; padding: 11px 14px; border: 0; border-radius: 12px; background: #082456 !important; color: #fff !important; -webkit-text-fill-color: #fff !important; box-shadow: none; font: 600 13px/1.35 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; text-transform: none; letter-spacing: normal; text-align: left; cursor: pointer; }
.mu-cl-next__action * { color: #fff !important; -webkit-text-fill-color: #fff !important; }
.mu-cl-next__action .mu-line-icon { width: 19px; height: 19px; }
.mu-cl-next__action:hover { background: #123366 !important; }
@media (min-width: 600px) {
  .mu-cl-next { display: grid; grid-template-columns: minmax(0, 1fr) 180px; gap: 0 22px; align-items: center; }
  .mu-cl-next__eyebrow { grid-column: 1 / -1; }
  .mu-cl-next__main { grid-column: 1; grid-row: 2 / 4; }
  .mu-cl-next__meta { grid-column: 2; grid-row: 2; }
  .mu-cl-next__action { grid-column: 2; grid-row: 3; }
}
@media (max-width: 350px) {
  .mu-cl-next { padding: 14px; }
  .mu-cl-next__main { grid-template-columns: minmax(0, 1fr) 64px; gap: 9px; }
  .mu-cl-next__main .mu-cl-art { width: 64px; height: 64px; }
  .mu-checklist-list .mu-cl-task { gap: 9px; padding-inline: 11px; }
}