/* MoveU Checkliste V2 Final – Alpha 52 polish */
:root {
  --mu-checklist-amber: #c9851a;
  --mu-checklist-amber-soft: #fff8e9;
  --mu-checklist-rose: #d43d68;
  --mu-checklist-line: rgba(210, 224, 223, .9);
}

body.moveu-app-page--checklist {
  background:
    radial-gradient(circle at 11% 2%, rgba(111, 215, 203, .07), transparent 25%),
    var(--mu-canvas);
}

body.moveu-app-page--checklist #page,
body.moveu-app-page--checklist .site,
body.moveu-app-page--checklist .site-content,
body.moveu-app-page--checklist .entry-content { background: transparent !important; }

body.moveu-app-page--checklist .elementor,
body.moveu-app-page--checklist .entry-header,
body.moveu-app-page--checklist .site-header,
body.moveu-app-page--checklist .site-footer { display: none !important; }

.mu-checklist-main {
  --mu-checklist-content: 1220px;
  width: min(100%, var(--mu-checklist-content));
  padding-top: 30px;
}

.mu-checklist,
.mu-checklist button,
.mu-checklist input,
.mu-checklist textarea,
.mu-checklist select { font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }

.mu-checklist {
  width: 100%;
  color: var(--mu-ink);
}

.mu-checklist button,
.mu-checklist input,
.mu-checklist textarea,
.mu-checklist select {
  box-shadow: none !important;
  text-transform: none !important;
  letter-spacing: normal !important;
}

.mu-checklist button { cursor: pointer; }
.mu-checklist button:disabled { cursor: wait; opacity: .58; }

.mu-checklist a,
.mu-checklist button { -webkit-tap-highlight-color: transparent; }

.mu-checklist-page-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 24px;
}

.mu-checklist-page-head h1 {
  margin: 0;
  color: var(--mu-navy);
  font-size: clamp(38px, 8.5vw, 54px);
  font-weight: 800;
  letter-spacing: -.055em;
  line-height: .98;
}

.mu-checklist-page-head p {
  max-width: 620px;
  margin: 12px 0 0;
  color: var(--mu-text-secondary);
  font-size: clamp(17px, 4.4vw, 21px);
  line-height: 1.4;
}

.mu-checklist-add {
  min-width: 116px;
  min-height: 54px;
  padding: 0 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  border: 1px solid rgba(111, 215, 203, .2);
  border-radius: 19px;
  background: linear-gradient(135deg, #f3fcfa, #eaf8f5) !important;
  color: #278c80 !important;
  font-size: 16px;
  font-weight: 750;
  transition: transform .18s ease, background .18s ease, border-color .18s ease;
}
.mu-checklist-add .mu-line-icon { width: 24px; height: 24px; }
.mu-checklist-add:hover { background: #e4f6f2 !important; border-color: rgba(76, 201, 184, .34);  }
.mu-checklist-add:active { transform: translateY(0); }

.mu-checklist-state {
  min-height: 280px;
  padding: 30px;
  display: grid;
  align-content: center;
  gap: 14px;
  border: 1px solid var(--mu-border);
  border-radius: var(--mu-radius-summary);
  background: var(--mu-surface);
  box-shadow: var(--mu-shadow-soft);
  color: var(--mu-text-secondary);
  text-align: center;
}
.mu-checklist-state strong { color: var(--mu-navy); font-size: 20px; }
.mu-checklist-state p { margin: 0; }
.mu-checklist-skeleton { overflow: hidden; border-radius: 18px; background: #edf2f2; position: relative; }
.mu-checklist-skeleton::after { content:""; position:absolute; inset:0; background:linear-gradient(100deg, transparent 15%, rgba(255,255,255,.8) 50%, transparent 85%); transform:translateX(-100%); animation:mu-checklist-shimmer 1.3s infinite; }
.mu-checklist-skeleton--hero { height: 150px; }
.mu-checklist-skeleton--row { height: 74px; }
@keyframes mu-checklist-shimmer { to { transform: translateX(100%); } }

.mu-checklist-ready { display: grid; gap: 22px; }
.mu-checklist-top-grid { display: grid; gap: 20px; }

.mu-checklist-summary,
.mu-checklist-next {
  border: 1px solid var(--mu-checklist-line);
  border-radius: 25px;
  background: rgba(255, 255, 255, .94);
  box-shadow: 0 10px 34px rgba(8, 36, 86, .038);
}

.mu-checklist-summary {
  min-height: 270px;
  padding: 28px 26px 24px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 132px;
  align-items: center;
  gap: 18px;
  background:
    radial-gradient(circle at 74% 22%, rgba(111, 215, 203, .1), transparent 34%),
    rgba(255,255,255,.94);
  border-color: rgba(105, 200, 190, .35);
}

.mu-checklist-eyebrow {
  display: block;
  color: #2b8d83;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .095em;
  text-transform: uppercase;
}

.mu-checklist-summary h2 {
  margin: 12px 0 8px;
  color: var(--mu-navy);
  font-size: 30px;
  font-weight: 800;
  letter-spacing: -.035em;
  line-height: 1.05;
}
.mu-checklist-summary__copy > p:not(.mu-checklist-course) { margin: 0; color: var(--mu-text-secondary); font-size: 16px; }

.mu-checklist-course {
  margin: 16px 0 0;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #2f8e83;
  font-size: 14px;
  font-weight: 700;
}
.mu-checklist-course__icon { width: 18px; height: 18px; display: inline-grid; place-items:center; border-radius:50%; background: var(--mu-mint-active); color:#fff; font-size:11px; }

.mu-checklist-metrics {
  margin: 28px 0 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}
.mu-checklist-metric { min-width: 0; }
.mu-checklist-metric dt { margin:0; display:flex; align-items:center; gap:7px; color:var(--mu-navy); font-size:24px; font-weight:800; line-height:1; }
.mu-checklist-metric dt::before { content:""; width:9px; height:9px; flex:0 0 auto; border-radius:50%; background:#adb5c3; }
.mu-checklist-metric--important dt { color: var(--mu-checklist-rose); }
.mu-checklist-metric--important dt::before { background: var(--mu-checklist-rose); }
.mu-checklist-metric--week dt { color: #e59a21; }
.mu-checklist-metric--week dt::before { background: #f2aa35; }
.mu-checklist-metric dd { margin:7px 0 0; color:var(--mu-text-secondary); font-size:13px; white-space:nowrap; }

.mu-checklist-progress {
  position: relative;
  width: 132px;
  aspect-ratio: 1;
  display: grid;
  place-items: center;
  text-align: center;
}
.mu-checklist-progress svg { position:absolute; inset:0; width:100%; height:100%; transform:rotate(-90deg); }
.mu-checklist-progress circle { fill:none; stroke-width:10; }
.mu-checklist-progress__track { stroke:#e4eceb; }
.mu-checklist-progress__value { stroke:var(--mu-mint-active); stroke-linecap:round; stroke-dasharray:307.88; stroke-dashoffset:307.88; transition:stroke-dashoffset .42s ease; }
.mu-checklist-progress strong { position:relative; margin-top:-6px; color:var(--mu-navy); font-size:34px; font-weight:800; letter-spacing:-.045em; line-height:1; }
.mu-checklist-progress > span { position:absolute; top:61%; color:var(--mu-text-secondary); font-size:13px; }

.mu-checklist-next { padding: 24px; }
.mu-checklist-next__task { margin-top: 12px; }
.mu-checklist-inline-empty { min-height: 120px; margin-top:12px; display:grid; align-content:center; gap:5px; color:var(--mu-text-secondary); }
.mu-checklist-inline-empty strong { color:var(--mu-navy); }

.mu-checklist-workspace { min-width:0; }
.mu-checklist-toolbar {
  display: grid;
  gap: 12px;
  margin-bottom: 24px;
}
.mu-checklist-views {
  min-height: 55px;
  padding: 3px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  border:1px solid var(--mu-border);
  border-radius:21px;
  background:rgba(255,255,255,.88);
}
.mu-checklist-views button {
  min-height:47px;
  padding:0 8px;
  border:0 !important;
  border-radius:17px;
  background:transparent !important;
  color:var(--mu-text-secondary) !important;
  font-size:14px;
  font-weight:750;
  transition:background .18s ease,color .18s ease,box-shadow .18s ease;
}
.mu-checklist-views button + button { border-left:1px solid rgba(223,232,231,.65) !important; border-top-left-radius:0; border-bottom-left-radius:0; }
.mu-checklist-views button.is-active { background:linear-gradient(135deg,#082456,#0b2f6d) !important; color:#fff !important; box-shadow:0 7px 18px rgba(8,36,86,.16) !important; border-left-color:transparent !important; }
.mu-checklist-views button.is-active + button { border-left-color:transparent !important; }

.mu-checklist-tools { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.05fr) minmax(96px,.7fr); gap:9px; }
.mu-checklist-search,
.mu-checklist-tool {
  min-width:0;
  min-height:52px;
  border:1px solid var(--mu-border) !important;
  border-radius:19px;
  background:rgba(255,255,255,.9) !important;
  color:var(--mu-text-secondary) !important;
}
.mu-checklist-search { position:relative; display:flex; align-items:center; gap:9px; padding:0 12px 0 15px; }
.mu-checklist-search > .mu-line-icon { width:21px; height:21px; color:var(--mu-navy); }
.mu-checklist-search input { width:100%; min-width:0; height:46px; padding:0; border:0 !important; outline:0; background:transparent !important; color:var(--mu-navy); font-size:14px; }
.mu-checklist-search input::placeholder { color:var(--mu-text-secondary); opacity:1; }
.mu-checklist-search:focus-within { border-color:rgba(76,201,184,.72) !important; box-shadow:0 0 0 4px rgba(76,201,184,.09) !important; }
.mu-checklist-search__clear { width:32px; height:32px; padding:0; display:grid; place-items:center; flex:0 0 auto; border:0; border-radius:10px; background:transparent !important; color:var(--mu-text-muted) !important; }
.mu-checklist-search__clear .mu-line-icon { width:16px; height:16px; }

.mu-checklist-tool { padding:0 12px; display:flex; align-items:center; justify-content:center; gap:8px; font-size:13px; font-weight:700; white-space:nowrap; }
.mu-checklist-tool > .mu-line-icon:first-child { width:20px;height:20px;color:var(--mu-navy); }
.mu-checklist-tool > .mu-line-icon:last-child { width:14px;height:14px; }
.mu-checklist-tool:hover { background:var(--mu-mint-soft) !important; border-color:rgba(76,201,184,.3) !important; color:var(--mu-navy) !important; }
.mu-checklist-filter-count { min-width:20px;height:20px;padding:0 5px;display:inline-grid;place-items:center;border-radius:99px;background:var(--mu-mint-soft);color:var(--mu-mint-ink);font-size:11px;font-weight:800; }

.mu-checklist-section-head { margin:0 2px 12px; display:flex; align-items:end; justify-content:space-between; gap:16px; }
.mu-checklist-section-head h3 { margin:0; color:var(--mu-navy); font-size:20px; font-weight:800; letter-spacing:-.025em; }
.mu-checklist-section-head p { margin:4px 0 0; color:var(--mu-text-secondary); font-size:13px; }
.mu-checklist-text-action { min-height:40px; padding:0 8px; border:0 !important; background:transparent !important; color:#278f82 !important; font-size:13px; font-weight:800; }
.mu-checklist-text-action:hover { color:#1d776e !important;  }

.mu-checklist-view { animation:mu-checklist-view-in .2s ease; }
@keyframes mu-checklist-view-in { from { opacity:.35; transform:translateY(4px); } to { opacity:1; transform:none; } }

.mu-checklist-task-surface {
  overflow:hidden;
  border:1px solid var(--mu-checklist-line);
  border-radius:24px;
  background:rgba(255,255,255,.94);
  box-shadow:0 10px 32px rgba(8,36,86,.035);
}

.mu-checklist-task-row {
  position:relative;
  display:grid;
  grid-template-columns:50px minmax(0,1fr) auto;
  grid-template-areas:
    "status main side"
    "details details details";
  align-items:center;
  min-height:84px;
  padding:15px 14px 14px;
  border-bottom:1px solid rgba(223,232,231,.86);
  background:#fff;
  transition:background .18s ease;
}
.mu-checklist-task-row:last-child { border-bottom:0; }
.mu-checklist-task-row:hover { background:#fbfdfd; }
.mu-checklist-task-row.is-expanded { background:linear-gradient(135deg,rgba(238,250,248,.65),#fff 52%); }
.mu-checklist-task-row.is-done { background:#fcfefe; }

.mu-checklist-status-button {
  grid-area:status;
  align-self:start;
  width:42px;
  height:42px;
  padding:0;
  display:grid;
  place-items:center;
  border:2px solid #b7c9c8 !important;
  border-radius:50%;
  background:#fff !important;
  color:#fff !important;
  transition:background .18s ease,border-color .18s ease,transform .18s ease;
}
.mu-checklist-status-button .mu-line-icon { width:21px;height:21px;opacity:0; }
.mu-checklist-status-button:hover { border-color:var(--mu-mint-active) !important; background:var(--mu-mint-soft) !important; }
.mu-checklist-status-button.is-done { background:var(--mu-mint-active) !important; border-color:var(--mu-mint-active) !important; }
.mu-checklist-status-button.is-done .mu-line-icon { opacity:1; }
.mu-checklist-status-button.is-busy { transform:scale(.92); }

.mu-checklist-task-main { grid-area:main; min-width:0; align-self:start; padding:1px 8px 0 0; }
.mu-checklist-task-link {
  display:inline-flex;
  align-items:center;
  gap:5px;
  max-width:100%;
  color:var(--mu-navy) !important;
  font-size:16px;
  font-weight:800;
  line-height:1.28;
  letter-spacing:-.015em;
}
.mu-checklist-task-link > span:first-child { min-width:0; overflow:hidden; text-overflow:ellipsis; }
.mu-checklist-task-link .mu-line-icon { width:16px;height:16px; flex:0 0 auto; transition:transform .18s ease; }
.mu-checklist-task-link:hover { color:#092f70 !important; }

.mu-checklist-task-row.is-done .mu-checklist-task-link > span:first-child { color:#6f7c8c; text-decoration:line-through; text-decoration-thickness:1.2px; }

.mu-checklist-task-meta { margin:5px 0 0; display:flex; align-items:center; flex-wrap:wrap; gap:5px; color:var(--mu-text-secondary); font-size:13px; line-height:1.35; }
.mu-checklist-task-meta .is-overdue { color:var(--mu-checklist-amber); font-weight:750; }
.mu-checklist-task-origin { color:#2f8e83; font-weight:700; }
.mu-checklist-blocked-meta { color:#676f91; font-weight:650; }

.mu-checklist-task-side { grid-area:side; align-self:start; display:flex; align-items:center; gap:7px; }
.mu-checklist-avatar-button {
  width:42px;height:42px;padding:0;display:grid;place-items:center;overflow:hidden;
  border:2px solid #d7e7e5 !important;border-radius:50%;background:#f8fbfb !important;color:var(--mu-navy) !important;
  font-size:12px;font-weight:800;
}
.mu-checklist-avatar-button:hover { border-color:var(--mu-mint-active) !important; }
.mu-checklist-avatar-button img { width:100%;height:100%;object-fit:cover; }
.mu-checklist-avatar-button--empty { border-style:dashed !important; color:var(--mu-text-secondary) !important; }
.mu-checklist-unassigned { max-width:92px; color:var(--mu-text-secondary); font-size:11px; font-weight:700; line-height:1.1; text-align:right; }

.mu-checklist-details-toggle {
  min-width:88px;
  min-height:42px;
  padding:0 13px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  border:1px solid transparent !important;
  border-radius:15px;
  background:var(--mu-mint-soft) !important;
  color:#2e9185 !important;
  font-size:13px;
  font-weight:800;
}
.mu-checklist-details-toggle .mu-line-icon { width:15px;height:15px;transition:transform .18s ease; }
.mu-checklist-details-toggle[aria-expanded="true"] .mu-line-icon { transform:rotate(180deg); }
.mu-checklist-details-toggle:hover { background:#e3f7f3 !important; color:#247d73 !important; }

.mu-checklist-task-details {
  grid-area:details;
  padding:16px 0 2px;
  margin-top:14px;
  border-top:1px solid rgba(223,232,231,.82);
  color:var(--mu-text-secondary);
}
.mu-checklist-task-details p { margin:0; max-width:720px; font-size:14px; line-height:1.55; }
.mu-checklist-task-blocker { margin:0 0 14px !important;padding:12px 14px;border-radius:15px;background:var(--mu-checklist-amber-soft);color:#765519 !important; }
.mu-checklist-task-blocker a { color:#765519 !important;font-weight:800;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px; }

.mu-checklist-task-actions { margin-top:15px; display:grid; gap:8px; }
.mu-checklist-button-primary,
.mu-checklist-button-secondary {
  min-height:48px;
  padding:0 18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  border-radius:15px;
  font-size:14px;
  font-weight:800;
  text-align:center;
}
.mu-checklist-button-primary { border:1px solid var(--mu-navy) !important;background:linear-gradient(135deg,#082456,#0b2e6a) !important;color:#fff !important; }
.mu-checklist-button-primary:hover { background:#0b316f !important;color:#fff !important; }
.mu-checklist-button-secondary { border:1px solid #bfdad6 !important;background:#fff !important;color:#2b8f83 !important; }
.mu-checklist-button-secondary:hover { background:var(--mu-mint-soft) !important;color:#247b72 !important;border-color:rgba(76,201,184,.58) !important; }
.mu-checklist-button-primary .mu-line-icon,
.mu-checklist-button-secondary .mu-line-icon { width:17px;height:17px; }
.mu-checklist-partner-disclosure { margin:8px 0 0;display:flex;justify-content:center;align-items:center;gap:5px;color:#397d75;font-size:12px; }
.mu-checklist-partner-disclosure a { text-decoration:underline;text-underline-offset:2px; }
.mu-checklist-partner-disclosure .mu-line-icon { width:14px;height:14px; }

.mu-checklist-task-inline-toggle {
  width:40px;height:40px;padding:0;display:grid;place-items:center;border:0 !important;border-radius:13px;background:transparent !important;color:var(--mu-navy) !important;
}
.mu-checklist-task-inline-toggle:hover { background:var(--mu-mint-soft) !important; }
.mu-checklist-task-inline-toggle .mu-line-icon { width:17px;height:17px;transition:transform .18s ease; }
.mu-checklist-task-inline-toggle[aria-expanded="true"] .mu-line-icon { transform:rotate(180deg); }

.mu-checklist-empty {
  min-height:150px;
  padding:26px;
  display:grid;
  place-content:center;
  gap:5px;
  border:1px solid var(--mu-border);
  border-radius:22px;
  background:#fff;
  text-align:center;
  color:var(--mu-text-secondary);
}
.mu-checklist-empty strong { color:var(--mu-navy);font-size:18px; }
.mu-checklist-empty p { margin:0; }

.mu-checklist-week-groups { display:grid;gap:18px; }
.mu-checklist-week-group h4 { margin:0 0 9px 3px;color:var(--mu-navy);font-size:15px; }

.mu-checklist-all-layout { display:grid;gap:14px; }
.mu-checklist-phase-nav { display:none; }
.mu-checklist-phase-list { display:grid;gap:10px; }
.mu-checklist-phase-card {
  overflow:hidden;
  border:1px solid var(--mu-checklist-line);
  border-radius:22px;
  background:#fff;
  box-shadow:0 6px 24px rgba(8,36,86,.025);
}
.mu-checklist-phase-head {
  width:100%;min-height:88px;padding:14px 15px;display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:12px;border:0 !important;background:#fff !important;text-align:left;
}
.mu-checklist-phase-head:hover { background:#fbfdfd !important; }
.mu-checklist-phase-icon { width:48px;height:48px;display:grid;place-items:center;border-radius:17px;background:var(--mu-mint-soft);color:#217d74; }
.mu-checklist-phase-icon .mu-line-icon { width:25px;height:25px; }
.mu-checklist-phase-copy { min-width:0; }
.mu-checklist-phase-copy strong { display:block;color:var(--mu-navy);font-size:16px;line-height:1.25; }
.mu-checklist-phase-copy small { display:block;margin-top:3px;color:var(--mu-text-secondary);font-size:12px; }
.mu-checklist-phase-bar { height:5px;margin-top:8px;overflow:hidden;border-radius:99px;background:#e7eeed; }
.mu-checklist-phase-bar span { display:block;width:0;height:100%;border-radius:inherit;background:var(--mu-mint-active);transition:width .35s ease; }
.mu-checklist-phase-side { display:flex;align-items:center;gap:8px; }
.mu-checklist-phase-percent { min-width:52px;padding:7px 10px;border-radius:13px;background:var(--mu-mint-soft);color:#26897d;font-size:13px;font-weight:800;text-align:center; }
.mu-checklist-phase-side .mu-line-icon { width:18px;height:18px;transition:transform .18s ease; }
.mu-checklist-phase-card.is-expanded .mu-checklist-phase-side .mu-line-icon { transform:rotate(180deg); }
.mu-checklist-phase-tasks { border-top:1px solid rgba(223,232,231,.82); }
.mu-checklist-phase-tasks .mu-checklist-task-row { border-radius:0;box-shadow:none; }
.mu-checklist-phase-expand { width:100%;min-height:52px;border:0 !important;border-top:1px solid rgba(223,232,231,.82) !important;background:#fff !important;color:#2c9185 !important;font-size:13px;font-weight:800; }
.mu-checklist-phase-expand:hover { background:var(--mu-mint-soft) !important;color:#247b72 !important; }

.mu-checklist-backdrop {
  position:fixed;z-index:205;inset:0;background:rgba(7,26,51,.28);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;transition:opacity .2s ease;
}
.mu-checklist-backdrop.is-open { opacity:1; }

.mu-checklist-sheet {
  position:fixed;z-index:210;left:0;right:0;bottom:0;max-height:min(90dvh,820px);overflow:auto;overscroll-behavior:contain;padding:0 20px calc(22px + env(safe-area-inset-bottom));border:1px solid var(--mu-border);border-bottom:0;border-radius:29px 29px 0 0;background:#fff;box-shadow:var(--mu-shadow-panel);--mu-sheet-drag-y:0px;transform:translateY(calc(102% + var(--mu-sheet-drag-y)));opacity:0;transition:transform .28s cubic-bezier(.2,.75,.2,1),opacity .2s ease;
}
.mu-checklist-sheet.is-open { transform:translateY(var(--mu-sheet-drag-y));opacity:1; }
.mu-checklist-sheet.is-dragging { transition:none;user-select:none; }
.mu-checklist-sheet__handle { width:54px;height:5px;margin:10px auto 0;border-radius:99px;background:#d6dede;touch-action:none; }
.mu-checklist-sheet__head { min-height:96px;padding:18px 0 15px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid var(--mu-border); }
.mu-checklist-sheet__head h2 { margin:0;color:var(--mu-navy);font-size:29px;font-weight:800;letter-spacing:-.035em; }
.mu-checklist-sheet__head p { margin:4px 0 0;color:var(--mu-text-secondary);font-size:15px; }
.mu-checklist-sheet__close { width:48px;height:48px;padding:0;display:grid;place-items:center;border:0 !important;border-radius:50%;background:#f5f8f8 !important;color:var(--mu-navy) !important; }
.mu-checklist-sheet__close:hover { background:var(--mu-mint-soft) !important; }
.mu-checklist-sheet__close .mu-line-icon { width:23px;height:23px; }

.mu-checklist-form { padding:22px 0 0;display:grid;gap:20px; }
.mu-checklist-field { display:grid;gap:8px;color:var(--mu-navy);font-size:15px;font-weight:750; }
.mu-checklist-field small,.mu-checklist-assignee-field small { color:var(--mu-text-secondary);font-size:.9em;font-weight:500; }
.mu-checklist-field > input,
.mu-checklist-field > textarea,
.mu-checklist-field > select {
  width:100%;min-height:56px;padding:14px 16px;border:1px solid #ccdada !important;border-radius:17px;background:#fff !important;color:var(--mu-navy);font-size:16px;font-weight:500;outline:0;resize:vertical;
}
.mu-checklist-field > textarea { min-height:112px; }
.mu-checklist-field > input:focus,
.mu-checklist-field > textarea:focus,
.mu-checklist-field > select:focus { border-color:var(--mu-mint-active) !important;box-shadow:0 0 0 4px rgba(76,201,184,.1) !important; }
.mu-checklist-date-control { position:relative;min-height:58px;padding:0 15px;display:grid;grid-template-columns:23px minmax(0,1fr) 18px;align-items:center;gap:10px;border:1px solid #ccdada;border-radius:17px;background:#fff;color:var(--mu-text-secondary);font-weight:550; }
.mu-checklist-date-control input { position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer; }
.mu-checklist-date-control .mu-line-icon { width:21px;height:21px;color:var(--mu-navy); }
.mu-checklist-assignee-field { min-width:0;padding:0;border:0; }
.mu-checklist-assignee-field legend { margin-bottom:9px;color:var(--mu-navy);font-size:15px;font-weight:750; }
.mu-checklist-assignee-chips { display:flex;gap:8px;overflow:auto;padding:1px 1px 5px;scrollbar-width:none; }
.mu-checklist-assignee-chips::-webkit-scrollbar { display:none; }
.mu-checklist-assignee-chip { min-width:128px;min-height:72px;padding:9px 11px;display:flex;align-items:center;gap:9px;border:1px solid var(--mu-border) !important;border-radius:16px;background:#fff !important;color:var(--mu-navy) !important;text-align:left; }
.mu-checklist-assignee-chip.is-selected { border-color:var(--mu-mint-active) !important;background:var(--mu-mint-soft) !important;box-shadow:0 0 0 1px rgba(76,201,184,.18) !important; }
.mu-checklist-assignee-chip__avatar { width:40px;height:40px;flex:0 0 auto;display:grid;place-items:center;overflow:hidden;border:1px solid #d7e7e5;border-radius:50%;background:#f7fbfa;font-size:12px;font-weight:800; }
.mu-checklist-assignee-chip__avatar img { width:100%;height:100%;object-fit:cover; }
.mu-checklist-assignee-chip strong { display:block;font-size:13px;line-height:1.1; }
.mu-checklist-assignee-chip small { display:block;margin-top:3px;color:var(--mu-text-secondary);font-size:11px; }
.mu-checklist-add-submit { width:100%;min-height:58px;font-size:16px; }
.mu-checklist-more-fields { border-top:1px solid var(--mu-border);border-bottom:1px solid var(--mu-border); }
.mu-checklist-more-fields summary { min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:12px;list-style:none;color:var(--mu-navy);font-weight:750;cursor:pointer; }
.mu-checklist-more-fields summary::-webkit-details-marker { display:none; }
.mu-checklist-more-fields summary .mu-line-icon { width:18px;height:18px;transition:transform .18s ease; }
.mu-checklist-more-fields[open] summary .mu-line-icon { transform:rotate(180deg); }
.mu-checklist-more-fields__body { padding:0 0 18px;display:grid;gap:16px; }
.mu-checklist-private-note { margin:0;color:var(--mu-text-secondary);font-size:12px; }

.mu-checklist-picker-list { padding:18px 0 4px;display:grid;gap:8px; }
.mu-checklist-picker-item { width:100%;min-height:66px;padding:9px 10px;display:flex;align-items:center;gap:12px;border:1px solid var(--mu-border) !important;border-radius:17px;background:#fff !important;color:var(--mu-navy) !important;text-align:left; }
.mu-checklist-picker-item:hover,.mu-checklist-picker-item.is-selected { background:var(--mu-mint-soft) !important;border-color:rgba(76,201,184,.42) !important; }
.mu-checklist-picker-item__avatar { width:44px;height:44px;display:grid;place-items:center;overflow:hidden;flex:0 0 auto;border-radius:50%;background:#f4f9f8;font-size:13px;font-weight:800; }
.mu-checklist-picker-item__avatar img { width:100%;height:100%;object-fit:cover; }
.mu-checklist-picker-item__copy { min-width:0;flex:1; }
.mu-checklist-picker-item__copy strong { display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px; }
.mu-checklist-picker-item__copy small { display:block;margin-top:2px;color:var(--mu-text-secondary);font-size:12px; }
.mu-checklist-picker-item__state { color:#2e9185;font-size:12px;font-weight:800; }

.mu-checklist-filter-groups { padding:20px 0;display:grid;gap:24px; }
.mu-checklist-filter-groups fieldset { min-width:0;padding:0;border:0; }
.mu-checklist-filter-groups legend { margin-bottom:10px;color:var(--mu-navy);font-size:15px;font-weight:800; }
.mu-checklist-choice-row { display:flex;flex-wrap:wrap;gap:8px; }
.mu-checklist-choice-row button,
.mu-checklist-filter-phases button { min-height:44px;padding:0 14px;border:1px solid var(--mu-border) !important;border-radius:14px;background:#fff !important;color:var(--mu-text-secondary) !important;font-size:13px;font-weight:700; }
.mu-checklist-choice-row button.is-active,
.mu-checklist-filter-phases button.is-active { border-color:rgba(76,201,184,.5) !important;background:var(--mu-mint-soft) !important;color:var(--mu-navy) !important; }
.mu-checklist-filter-phases { display:flex;flex-wrap:wrap;gap:8px; }
.mu-checklist-sheet__actions { position:sticky;bottom:calc(-22px - env(safe-area-inset-bottom));margin:0 -20px calc(-22px - env(safe-area-inset-bottom));padding:14px 20px calc(22px + env(safe-area-inset-bottom));display:grid;grid-template-columns:1fr 1.4fr;gap:9px;border-top:1px solid var(--mu-border);background:rgba(255,255,255,.96);backdrop-filter:blur(16px); }

.mu-checklist-toast { position:fixed;z-index:230;left:50%;bottom:calc(var(--mu-dock-height) + 28px + env(safe-area-inset-bottom));max-width:min(90vw,420px);padding:12px 16px;border-radius:15px;background:var(--mu-dark);color:#fff;font-size:13px;font-weight:700;box-shadow:var(--mu-shadow-panel);transform:translateX(-50%); }

html.mu-checklist-sheet-open { overflow:hidden; }

@media (max-width: 580px) {
  .mu-checklist-main { padding-left:15px;padding-right:15px;padding-top:24px; }
  .mu-checklist-page-head { align-items:center;margin-bottom:21px; }
  .mu-checklist-page-head h1 { font-size:42px; }
  .mu-checklist-page-head p { max-width:235px;font-size:16px; }
  .mu-checklist-add { min-width:112px;min-height:54px;padding-inline:14px;border-radius:19px; }
  .mu-checklist-summary { min-height:250px;padding:24px 20px 20px;grid-template-columns:minmax(0,1fr) 118px;gap:10px; }
  .mu-checklist-summary h2 { font-size:28px; }
  .mu-checklist-summary__copy > p:not(.mu-checklist-course) { font-size:14px; }
  .mu-checklist-progress { width:118px; }
  .mu-checklist-progress strong { font-size:31px; }
  .mu-checklist-metrics { grid-column:1 / -1;margin-top:24px; }
  .mu-checklist-metric dt { font-size:22px; }
  .mu-checklist-metric dd { font-size:12px;white-space:normal; }
  .mu-checklist-course { display:none; }
  .mu-checklist-next { padding:18px 16px; }
  .mu-checklist-next > .mu-checklist-eyebrow { color:var(--mu-navy);font-size:18px;letter-spacing:-.02em;text-transform:none; }
  .mu-checklist-toolbar { gap:9px; }
  .mu-checklist-tools { grid-template-columns:minmax(0,1fr) minmax(0,1.18fr) minmax(90px,.72fr);gap:7px; }
  .mu-checklist-search,.mu-checklist-tool { min-height:49px;border-radius:18px; }
  .mu-checklist-tool { padding-inline:9px;gap:5px;font-size:12px; }
  .mu-checklist-tool > .mu-line-icon:last-child { display:none; }
  .mu-checklist-search input { font-size:12px; }
  .mu-checklist-search > .mu-line-icon { width:19px;height:19px; }
  .mu-checklist-section-head h3 { font-size:18px; }
  .mu-checklist-section-head p { display:none; }
  .mu-checklist-task-row { grid-template-columns:48px minmax(0,1fr) auto;min-height:82px;padding:14px 12px; }
  .mu-checklist-task-link { font-size:15px; }
  .mu-checklist-task-meta { font-size:12px; }
  .mu-checklist-details-toggle { min-width:84px;min-height:40px;padding-inline:11px; }
  .mu-checklist-task-side:has(.mu-checklist-details-toggle) .mu-checklist-avatar-button { display:none; }
  .mu-checklist-task-actions { grid-template-columns:1fr; }
  .mu-checklist-task-details p { font-size:13px; }
  .mu-checklist-unassigned { max-width:80px;font-size:10px; }
}

@media (max-width: 390px) {
  .mu-checklist-page-head h1 { font-size:39px; }
  .mu-checklist-page-head p { max-width:215px; }
  .mu-checklist-add { min-width:104px;padding-inline:11px;font-size:14px; }
  .mu-checklist-summary { grid-template-columns:minmax(0,1fr) 104px; }
  .mu-checklist-progress { width:104px; }
  .mu-checklist-progress strong { font-size:28px; }
  .mu-checklist-metric dd { font-size:11px; }
  .mu-checklist-tool > span:not(.mu-checklist-filter-count) { overflow:hidden;text-overflow:ellipsis; }
}

@media (min-width: 680px) and (max-width: 899px) {
  .mu-checklist-main { padding-inline:24px; }
  .mu-checklist-top-grid { grid-template-columns:1.06fr .94fr; }
  .mu-checklist-summary { min-height:255px; }
  .mu-checklist-next { min-height:255px; }
  .mu-checklist-task-actions { grid-template-columns:1fr 1fr; }
}

@media (min-width: 900px) {
  .mu-checklist-main { padding:34px 24px 76px; }
  .mu-checklist-page-head { align-items:center;margin-bottom:26px; }
  .mu-checklist-page-head h1 { font-size:50px; }
  .mu-checklist-page-head p { margin-top:8px;font-size:17px; }
  .mu-checklist-add { min-width:132px;min-height:52px;border-radius:16px;background:linear-gradient(135deg,#082456,#0b2e6a) !important;border-color:var(--mu-navy) !important;color:#fff !important; }
  .mu-checklist-add:hover { background:#0b316f !important;color:#fff !important; }
  .mu-checklist-top-grid { grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px; }
  .mu-checklist-summary,.mu-checklist-next { min-height:250px; }
  .mu-checklist-summary { grid-template-columns:minmax(0,1fr) 150px;padding:28px 30px; }
  .mu-checklist-progress { width:150px; }
  .mu-checklist-progress strong { font-size:36px; }
  .mu-checklist-next { padding:28px 30px; }
  .mu-checklist-toolbar { position:sticky;z-index:48;top:calc(var(--mu-appbar-height) + 8px);grid-template-columns:minmax(390px,.85fr) minmax(520px,1.15fr);align-items:center;gap:18px;margin-top:2px;padding:10px 12px;border:1px solid var(--mu-border);border-radius:20px;background:rgba(245,247,248,.93);box-shadow:0 10px 26px rgba(8,36,86,.04);backdrop-filter:blur(14px) saturate(135%); }
  .mu-checklist-views { min-height:48px;border:0;background:#fff;border-radius:16px; }
  .mu-checklist-views button { min-height:42px;border-radius:13px;font-size:13px; }
  .mu-checklist-tools { grid-template-columns:minmax(190px,1fr) minmax(190px,1fr) minmax(145px,.75fr); }
  .mu-checklist-search,.mu-checklist-tool { min-height:46px;border-radius:15px; }
  .mu-checklist-section-head { margin-top:26px;margin-bottom:12px; }
  .mu-checklist-section-head h3 { font-size:19px; }
  .mu-checklist-task-row { grid-template-columns:52px minmax(0,1fr) auto;min-height:74px;padding:12px 18px; }
  .mu-checklist-task-link { font-size:15px; }
  .mu-checklist-task-side { gap:18px; }
  .mu-checklist-details-toggle { min-width:98px; }
  .mu-checklist-task-details { display:grid;grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);gap:28px;align-items:start; }
  .mu-checklist-task-actions { margin:0;grid-template-columns:1fr 1.2fr; }
  .mu-checklist-partner-disclosure { grid-column:1 / -1; }
  .mu-checklist-week-groups { gap:22px; }
  .mu-checklist-all-layout { grid-template-columns:250px minmax(0,1fr);gap:20px;align-items:start; }
  .mu-checklist-phase-nav { position:sticky;top:calc(var(--mu-appbar-height) + 90px);display:grid;gap:6px;padding:8px;border:1px solid var(--mu-border);border-radius:20px;background:#fff; }
  .mu-checklist-phase-nav button { width:100%;min-height:54px;padding:9px 10px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;border:0 !important;border-radius:14px;background:transparent !important;color:var(--mu-text-secondary) !important;text-align:left; }
  .mu-checklist-phase-nav button:hover,.mu-checklist-phase-nav button.is-active { background:var(--mu-mint-soft) !important;color:var(--mu-navy) !important; }
  .mu-checklist-phase-nav strong { display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px; }
  .mu-checklist-phase-nav span { color:#2b8e82;font-size:11px;font-weight:800; }
  .mu-checklist-phase-card { display:none; }
  .mu-checklist-phase-card.is-selected { display:block; }
  .mu-checklist-phase-card.is-selected .mu-checklist-phase-head { pointer-events:none; }
  .mu-checklist-phase-card.is-selected .mu-checklist-phase-side .mu-line-icon { display:none; }
  .mu-checklist-phase-card.is-selected .mu-checklist-phase-tasks { display:block !important; }
  .mu-checklist-backdrop { z-index:205; }
  .mu-checklist-sheet { left:auto;right:24px;bottom:auto;top:calc(var(--mu-appbar-height) + 18px);width:min(520px,calc(100vw - 48px));max-height:calc(100dvh - var(--mu-appbar-height) - 36px);padding:0 24px 24px;border:1px solid var(--mu-border);border-radius:26px;transform:translateY(-8px) scale(.985);transform-origin:top right; }
  .mu-checklist-sheet.is-open { transform:translateY(0) scale(1); }
  .mu-checklist-sheet--compact { width:420px; }
  .mu-checklist-sheet__handle { display:none; }
  .mu-checklist-sheet__head { min-height:88px; }
  .mu-checklist-sheet__head h2 { font-size:25px; }
  .mu-checklist-sheet__actions { bottom:-24px;margin:0 -24px -24px;padding:14px 24px 24px; }
  .mu-checklist-toast { bottom:28px; }
}

@media (min-width: 1180px) {
  .mu-checklist-main { padding-inline:0; }
  .mu-checklist-top-grid { grid-template-columns:1.02fr .98fr; }
}

@media (prefers-reduced-motion: reduce) {
  .mu-checklist *, .mu-checklist *::before, .mu-checklist *::after { scroll-behavior:auto !important;animation-duration:.01ms !important;transition-duration:.01ms !important; }
}

@media print {
  .mu-checklist-page-head .mu-checklist-add,
  .mu-checklist-toolbar,
  .mu-checklist-backdrop,
  .mu-checklist-sheet,
  .mu-checklist-toast,
  .mu-checklist-details-toggle,
  .mu-checklist-avatar-button { display:none !important; }
  .mu-checklist-main { width:100%;padding:0; }
  .mu-checklist-task-row { break-inside:avoid; }
}

/* ========================================================================
   Alpha 52 – Checklist mobile consistency + sheet reliability polish
   Aligns Checkliste typography/density with Budget + Gemeinsam.
   ======================================================================== */

.mu-checklist-all-tasks-action {
  min-height: 42px;
  margin: 10px auto 0;
  padding: 0 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0 !important;
  border-radius: 12px;
  background: transparent !important;
  color: #2b8f83 !important;
  font-size: 13px;
  font-weight: 800;
}
.mu-checklist-all-tasks-action:hover,
.mu-checklist-all-tasks-action:focus-visible {
  background: var(--mu-mint-soft) !important;
  color: #247b72 !important;
}

.mu-checklist-unassigned-action {
  min-height: 34px;
  padding: 0 5px;
  border: 0 !important;
  border-radius: 10px;
  background: transparent !important;
  color: #8a96a3 !important;
  font-size: 11px;
  font-weight: 700;
  white-space: nowrap;
}
.mu-checklist-unassigned-action:hover,
.mu-checklist-unassigned-action:focus-visible {
  background: #f3f6f6 !important;
  color: var(--mu-navy) !important;
}

.mu-checklist-avatar-button > span,
.mu-checklist-assignee-chip__avatar,
.mu-checklist-picker-item__avatar {
  overflow: hidden;
}
.mu-checklist-avatar-button > span {
  width: 100% !important;
  height: 100% !important;
  display: grid;
  place-items: center;
  border-radius: 50%;
}
.mu-checklist-avatar-button img,
.mu-checklist-assignee-chip__avatar img,
.mu-checklist-picker-item__avatar img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}

.mu-checklist-task-link > span:first-child {
  text-decoration-line: underline;
  text-decoration-thickness: 1px;
  text-decoration-color: rgba(8, 36, 86, .16);
  text-underline-offset: 3px;
}
.mu-checklist-task-link:hover > span:first-child,
.mu-checklist-task-link:focus-visible > span:first-child {
  text-decoration-color: rgba(8, 36, 86, .52);
}
.mu-checklist-task-row.is-done .mu-checklist-task-link > span:first-child {
  text-decoration-line: line-through;
  text-decoration-color: rgba(111,124,140,.6);
}

.mu-checklist-details-toggle {
  width: fit-content;
  min-width: 0;
  min-height: 35px;
  margin-top: 9px;
  padding: 0 11px;
  border: 1px solid #d7e8f0 !important;
  border-radius: 12px;
  background: #eef6fb !important;
  color: #355f80 !important;
  font-size: 11.5px;
  font-weight: 800;
}
.mu-checklist-details-toggle:hover,
.mu-checklist-details-toggle:focus-visible {
  border-color: #c5dce8 !important;
  background: #e7f2f8 !important;
  color: #234f72 !important;
}
.mu-checklist-details-toggle .mu-line-icon { width: 13px; height: 13px; }

@media (max-width: 899px) {
  .mu-checklist-main {
    padding-top: 20px;
  }

  .mu-checklist-ready { gap: 16px; }
  .mu-checklist-top-grid { gap: 14px; }

  .mu-checklist-page-head {
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
  }
  .mu-checklist-page-head h1 {
    font-size: clamp(32px, 8vw, 42px);
    font-weight: 760;
    line-height: 1.08;
    letter-spacing: -.045em;
  }
  .mu-checklist-page-head p {
    max-width: 245px;
    margin-top: 7px;
    font-size: 15.5px;
    line-height: 1.4;
  }
  .mu-checklist-add {
    min-width: 104px;
    min-height: 48px;
    padding: 0 13px;
    gap: 7px;
    border-radius: 16px;
    font-size: 14px;
  }
  .mu-checklist-add .mu-line-icon { width: 20px; height: 20px; }

  .mu-checklist-summary,
  .mu-checklist-next {
    border-radius: 20px;
    box-shadow: 0 8px 26px rgba(8,36,86,.032);
  }
  .mu-checklist-summary {
    min-height: 0;
    padding: 20px 18px 18px;
    grid-template-columns: minmax(0,1fr) 104px;
    gap: 10px;
    background: linear-gradient(145deg, #eefaf8 0%, #f7fcfb 58%, #eef8f7 100%);
    border-color: #c6e8e3;
  }
  .mu-checklist-eyebrow {
    font-size: 11.5px;
    letter-spacing: .08em;
  }
  .mu-checklist-summary h2 {
    margin: 8px 0 5px;
    font-size: 24px;
    font-weight: 760;
    line-height: 1.08;
    letter-spacing: -.035em;
  }
  .mu-checklist-summary__copy > p:not(.mu-checklist-course) {
    font-size: 13.5px;
  }
  .mu-checklist-progress { width: 104px; }
  .mu-checklist-progress circle { stroke-width: 9; }
  .mu-checklist-progress strong { font-size: 27px; }
  .mu-checklist-progress > span { font-size: 11px; }
  .mu-checklist-metrics {
    margin-top: 17px;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 12px;
  }
  .mu-checklist-metric dt { gap: 6px; font-size: 18px; }
  .mu-checklist-metric dt::before { width: 7px; height: 7px; }
  .mu-checklist-metric dd { margin-top: 5px; font-size: 11.5px; }
  .mu-checklist-course { display: none; }

  .mu-checklist-next { padding: 15px 14px; }
  .mu-checklist-next > .mu-checklist-eyebrow {
    color: var(--mu-navy);
    font-size: 16px;
    font-weight: 760;
    letter-spacing: -.02em;
    text-transform: none;
  }
  .mu-checklist-next__task { margin-top: 8px; }

  .mu-checklist-toolbar { gap: 8px; margin-bottom: 18px; }
  .mu-checklist-views {
    min-height: 48px;
    border-radius: 17px;
  }
  .mu-checklist-views button {
    min-height: 42px;
    border-radius: 14px;
    font-size: 12.5px;
  }
  .mu-checklist-tools {
    grid-template-columns: minmax(0,1fr) minmax(0,1.06fr) minmax(76px,.65fr);
    gap: 7px;
  }
  .mu-checklist-search,
  .mu-checklist-tool {
    min-height: 44px;
    border-radius: 15px;
  }
  .mu-checklist-search { gap: 7px; padding: 0 10px 0 12px; }
  .mu-checklist-search input { height: 40px; font-size: 12.5px; }
  .mu-checklist-search > .mu-line-icon { width: 18px; height: 18px; }
  .mu-checklist-tool {
    padding-inline: 8px;
    gap: 5px;
    font-size: 11.5px;
  }
  .mu-checklist-tool > .mu-line-icon:first-child { width: 18px; height: 18px; }
  .mu-checklist-tool > .mu-line-icon:last-child { display: none; }

  .mu-checklist-section-head { margin: 0 2px 9px; }
  .mu-checklist-section-head h3 { font-size: 16.5px; }
  .mu-checklist-section-head p { display: none; }

  .mu-checklist-task-surface {
    border-radius: 20px;
  }
  .mu-checklist-task-row {
    grid-template-columns: 40px minmax(0,1fr) auto;
    min-height: 70px;
    padding: 11px 11px 10px;
  }
  .mu-checklist-status-button {
    width: 34px;
    height: 34px;
    border-width: 1.7px !important;
  }
  .mu-checklist-status-button .mu-line-icon { width: 18px; height: 18px; }
  .mu-checklist-task-main { padding: 0 6px 0 0; }
  .mu-checklist-task-link {
    display: block;
    font-size: 14px;
    font-weight: 760;
    line-height: 1.28;
  }
  .mu-checklist-task-link > span:first-child {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
  }
  .mu-checklist-task-meta {
    margin-top: 3px;
    gap: 4px;
    font-size: 11.5px;
    line-height: 1.35;
  }
  .mu-checklist-task-side { gap: 5px; }
  .mu-checklist-avatar-button {
    width: 34px;
    height: 34px;
    border-width: 1.5px !important;
    font-size: 10px;
  }
  .mu-checklist-unassigned { max-width: 76px; font-size: 10px; }
  .mu-checklist-unassigned-action { min-height: 32px; font-size: 10.5px; }

  .mu-checklist-task-row--next {
    grid-template-columns: 39px minmax(0,1fr) auto;
    min-height: 0;
    padding: 10px 8px 10px 7px;
    border: 1px solid rgba(223,232,231,.9);
    border-radius: 17px;
  }
  .mu-checklist-task-row--next .mu-checklist-status-button {
    width: 32px;
    height: 32px;
  }
  .mu-checklist-task-row--next .mu-checklist-task-main { padding-right: 2px; }
  .mu-checklist-task-row--next .mu-checklist-task-meta {
    width: calc(100% + 39px);
    margin-left: -39px;
    margin-top: 8px;
  }
  .mu-checklist-task-row--next .mu-checklist-details-toggle {
    margin-left: auto;
  }

  .mu-checklist-task-details {
    margin-top: 10px;
    padding-top: 12px;
  }
  .mu-checklist-task-details p { font-size: 12.5px; line-height: 1.52; }
  .mu-checklist-task-actions { margin-top: 12px; grid-template-columns: 1fr; }
  .mu-checklist-button-primary,
  .mu-checklist-button-secondary {
    min-height: 44px;
    border-radius: 13px;
    font-size: 12.5px;
  }
  .mu-checklist-partner-disclosure { font-size: 10.5px; }

  .mu-checklist-phase-list { gap: 8px; }
  .mu-checklist-phase-card { border-radius: 19px; }
  .mu-checklist-phase-head {
    min-height: 76px;
    padding: 11px 12px;
    grid-template-columns: 44px minmax(0,1fr) auto;
    gap: 10px;
  }
  .mu-checklist-phase-icon { width: 42px; height: 42px; border-radius: 14px; }
  .mu-checklist-phase-icon .mu-line-icon { width: 22px; height: 22px; }
  .mu-checklist-phase-copy strong { font-size: 14px; }
  .mu-checklist-phase-copy small { font-size: 11px; }
  .mu-checklist-phase-percent { min-width: 48px; padding: 6px 8px; font-size: 11.5px; }

  .mu-checklist-sheet {
    max-height: min(92dvh, 820px);
    padding-left: 17px;
    padding-right: 17px;
    border-radius: 25px 25px 0 0;
  }
  .mu-checklist-sheet__handle { width: 42px; height: 4px; }
  .mu-checklist-sheet__head { min-height: 82px; padding: 14px 0 12px; }
  .mu-checklist-sheet__head h2 { font-size: 23px; }
  .mu-checklist-sheet__head p { font-size: 13px; }
  .mu-checklist-sheet__close { width: 42px; height: 42px; }
  .mu-checklist-sheet__close .mu-line-icon { width: 20px; height: 20px; }
  .mu-checklist-form { padding-top: 17px; gap: 16px; }
  .mu-checklist-field,
  .mu-checklist-assignee-field legend { font-size: 13.5px; }
  .mu-checklist-field > input,
  .mu-checklist-field > textarea,
  .mu-checklist-field > select,
  .mu-checklist-date-control {
    min-height: 52px;
    border-radius: 15px;
    font-size: 14px;
  }
  .mu-checklist-assignee-chip { min-width: 116px; min-height: 64px; border-radius: 14px; }
  .mu-checklist-add-submit { min-height: 52px; font-size: 14px; }
}

@media (max-width: 390px) {
  .mu-checklist-main { padding-left: 13px; padding-right: 13px; }
  .mu-checklist-page-head h1 { font-size: 32px; }
  .mu-checklist-page-head p { max-width: 218px; font-size: 14.5px; }
  .mu-checklist-add { min-width: 96px; min-height: 46px; padding-inline: 10px; font-size: 13px; }
  .mu-checklist-summary { grid-template-columns: minmax(0,1fr) 94px; padding: 18px 16px 16px; }
  .mu-checklist-progress { width: 94px; }
  .mu-checklist-progress strong { font-size: 25px; }
  .mu-checklist-summary h2 { font-size: 22px; }
  .mu-checklist-metric dt { font-size: 17px; }
  .mu-checklist-metric dd { font-size: 10.5px; }
  .mu-checklist-tools { grid-template-columns: minmax(0,1fr) minmax(0,1.04fr) 72px; }
  .mu-checklist-tool { padding-inline: 6px; font-size: 10.8px; }
  .mu-checklist-search input { font-size: 11.5px; }
  .mu-checklist-task-link { font-size: 13.5px; }
}

@media (min-width: 900px) {
  .mu-checklist-main { padding-top: 28px; }
  .mu-checklist-page-head h1 { font-size: 42px; font-weight: 760; line-height: 1.08; }
  .mu-checklist-page-head p { font-size: 16px; }
  .mu-checklist-summary {
    background: linear-gradient(145deg, #eefaf8 0%, #fbfdfd 64%, #f2faf8 100%);
  }
  .mu-checklist-task-link { font-size: 14.5px; }
  .mu-checklist-task-side { align-self: start; }
  .mu-checklist-details-toggle { margin-top: 8px; }
  .mu-checklist-task-row--next .mu-checklist-task-meta { margin-top: 5px; }
}

@media (min-width: 900px) {
  .mu-checklist-task-row { position: relative; }
  .mu-checklist-task-main { padding-right: 130px; }
  .mu-checklist-details-toggle {
    position: absolute;
    top: 15px;
    right: 68px;
    margin: 0;
  }
  .mu-checklist-task-side { position: relative; z-index: 1; }
  .mu-checklist-task-row--next .mu-checklist-details-toggle { top: auto; bottom: 18px; right: 18px; }
  .mu-checklist-task-row--next .mu-checklist-task-main { padding-right: 104px; }
}

/* ========================================================================
   Alpha 55 – Checkliste V2 Final Polish
   Calendar-aligned density, interaction contract and responsive hardening.
   Presentation only: canonical task/progress/assignment/sync engines unchanged.
   ======================================================================== */

/* ----- Strict MoveU interaction isolation: no Elementor/theme magenta ------- */
body.moveu-app-page--checklist .mu-checklist :where(a, button, summary) {
  -webkit-tap-highlight-color: transparent;
  text-shadow: none !important;
}
body.moveu-app-page--checklist .mu-checklist :where(a):visited {
  color: inherit !important;
}
body.moveu-app-page--checklist .mu-checklist :where(button, a, summary):focus-visible {
  outline: 0 !important;
  box-shadow: 0 0 0 3px rgba(76, 201, 184, .24) !important;
}
body.moveu-app-page--checklist .mu-checklist :where(button, a, summary):active {
  transform: scale(.995);
}

/* ----- Shared page rhythm / typography exactly aligned with Calendar V2 ---- */
.mu-checklist-main {
  --mu-checklist-content: 1240px;
  width: min(100%, var(--mu-checklist-content));
}
.mu-checklist-page-head h1 {
  font-size: 42px !important;
  font-weight: 760 !important;
  letter-spacing: -.045em !important;
  line-height: 1.06 !important;
}
.mu-checklist-page-head p {
  margin-top: 6px;
  font-size: 16px !important;
  line-height: 1.4 !important;
}
.mu-checklist-page-head {
  margin-bottom: 20px;
}
.mu-checklist-add {
  min-height: 46px;
  min-width: 118px;
  padding-inline: 14px;
  border-radius: 16px;
  background: linear-gradient(135deg, #f1fbf9, #f8fcfb) !important;
  border-color: #d8efeb !important;
  color: #278c80 !important;
  font-size: 13px;
  font-weight: 760;
  box-shadow: none !important;
}
.mu-checklist-add:hover,
.mu-checklist-add:focus-visible {
  background: #eaf8f5 !important;
  border-color: rgba(76,201,184,.42) !important;
  color: #1f776e !important;
  transform: none;
}
.mu-checklist-add .mu-line-icon { width: 19px; height: 19px; }

/* ----- Hero / Next: same material language as Calendar ---------------------- */
.mu-checklist-top-grid { gap: 16px; }
.mu-checklist-summary,
.mu-checklist-next {
  border-radius: 22px;
  border-color: #dbe8e6;
  box-shadow: 0 8px 28px rgba(8,36,86,.03);
}
.mu-checklist-summary {
  min-height: 238px;
  padding: 23px 24px 20px;
  background: linear-gradient(145deg, #eefaf8 0%, #fbfdfd 64%, #f2faf8 100%);
  border-color: #cce8e4;
}
.mu-checklist-summary h2 {
  margin: 9px 0 5px;
  font-size: 28px;
  font-weight: 760;
}
.mu-checklist-summary__copy > p:not(.mu-checklist-course) { font-size: 14px; }
.mu-checklist-eyebrow { font-size: 11.5px; letter-spacing: .085em; }
.mu-checklist-course { margin-top: 12px; font-size: 12.5px; }
.mu-checklist-metrics { margin-top: 21px; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 18px; }
.mu-checklist-metric dt { font-size: 20px; }
.mu-checklist-metric dt::before { width: 7px; height: 7px; }
.mu-checklist-metric dd { margin-top: 5px; font-size: 11.5px; }
.mu-checklist-progress { width: 118px; }
.mu-checklist-progress circle { stroke-width: 9; }
.mu-checklist-progress strong { font-size: 30px; }
.mu-checklist-progress > span { font-size: 11.5px; }
.mu-checklist-next { padding: 21px 22px; }
.mu-checklist-next__task { margin-top: 9px; }

/* ----- Toolbar: compact, stable, calendar-equivalent controls --------------- */
.mu-checklist-ready { gap: 18px; }
.mu-checklist-toolbar {
  gap: 9px;
  margin-bottom: 0;
}
.mu-checklist-views {
  min-height: 49px;
  padding: 3px;
  border-radius: 17px;
}
.mu-checklist-views button {
  min-height: 41px;
  border-radius: 13px;
  font-size: 12.5px;
  font-weight: 730;
}
.mu-checklist-views button:hover:not(.is-active),
.mu-checklist-views button:focus-visible:not(.is-active) {
  background: #f7faf9 !important;
  color: var(--mu-navy) !important;
}
.mu-checklist-views button.is-active,
.mu-checklist-views button.is-active:hover,
.mu-checklist-views button.is-active:focus-visible {
  background: linear-gradient(135deg,#082456,#0b2f6d) !important;
  color: #fff !important;
}
.mu-checklist-search,
.mu-checklist-tool {
  min-height: 45px;
  border-radius: 15px;
}
.mu-checklist-tool:hover,
.mu-checklist-tool:focus-visible,
.mu-checklist-search:hover {
  background: #f8fbfa !important;
  border-color: rgba(76,201,184,.35) !important;
  color: var(--mu-navy) !important;
}
.mu-checklist-search input { font-size: 12.5px; }
.mu-checklist-tool { font-size: 11.75px; }

/* ----- Trust copy ----------------------------------------------------------- */
.mu-checklist-sync-note {
  min-height: 28px;
  margin: 8px 2px 16px;
  display: flex;
  align-items: center;
  gap: 7px;
  color: #718095;
  font-size: 11.5px;
  line-height: 1.35;
}
.mu-checklist-sync-dot {
  width: 7px;
  height: 7px;
  flex: 0 0 auto;
  border-radius: 50%;
  background: var(--mu-mint-active);
  box-shadow: 0 0 0 4px rgba(76,201,184,.10);
}

/* ----- Task foundation: compact list, clear hierarchy ----------------------- */
.mu-checklist-task-surface {
  border-radius: 20px;
  box-shadow: 0 7px 24px rgba(8,36,86,.025);
}
.mu-checklist-task-row {
  grid-template-columns: 43px minmax(0,1fr) auto;
  min-height: 72px;
  padding: 11px 13px 10px;
  background: rgba(255,255,255,.96);
}
.mu-checklist-task-row:hover { background: #fbfdfd; }
.mu-checklist-task-row.is-expanded { background: linear-gradient(135deg,rgba(239,250,248,.58),#fff 54%); }
.mu-checklist-status-button {
  width: 35px;
  height: 35px;
  border-width: 1.7px !important;
}
.mu-checklist-status-button::before,
.mu-checklist-avatar-button::before {
  content: "";
  position: absolute;
  width: 44px;
  height: 44px;
}
.mu-checklist-status-button { position: relative; }
.mu-checklist-status-button:hover,
.mu-checklist-status-button:focus-visible {
  border-color: var(--mu-mint-active) !important;
  background: var(--mu-mint-soft) !important;
}
.mu-checklist-status-button.is-done,
.mu-checklist-status-button.is-done:hover,
.mu-checklist-status-button.is-done:focus-visible {
  background: var(--mu-mint-active) !important;
  border-color: var(--mu-mint-active) !important;
  color: #fff !important;
}
.mu-checklist-status-button .mu-line-icon { width: 18px; height: 18px; }
.mu-checklist-task-main { padding-right: 7px; }
.mu-checklist-task-link {
  display: block;
  color: var(--mu-navy) !important;
  font-size: 14.5px;
  font-weight: 760;
  line-height: 1.28;
  text-decoration: none !important;
}
.mu-checklist-task-link > span:first-child {
  text-decoration: none !important;
  text-decoration-color: transparent !important;
}
.mu-checklist-task-link:hover > span:first-child,
.mu-checklist-task-link:focus-visible > span:first-child {
  text-decoration-line: underline !important;
  text-decoration-thickness: 1px !important;
  text-decoration-color: rgba(8,36,86,.28) !important;
  text-underline-offset: 3px;
}
.mu-checklist-task-row.is-done .mu-checklist-task-link > span:first-child {
  color: #73808d;
  text-decoration-line: line-through !important;
  text-decoration-color: rgba(111,124,140,.55) !important;
}
.mu-checklist-task-meta {
  margin-top: 3px;
  gap: 4px;
  font-size: 11.5px;
  line-height: 1.34;
}
.mu-checklist-task-meta .is-overdue {
  color: var(--mu-checklist-amber);
  font-weight: 720;
}
.mu-checklist-blocked-meta { color: #8b743a; }
.mu-checklist-task-side { gap: 6px; }
.mu-checklist-avatar-button {
  position: relative;
  width: 34px;
  height: 34px;
  border-width: 1.5px !important;
}
.mu-checklist-avatar-button:hover,
.mu-checklist-avatar-button:focus-visible {
  background: #f7fbfa !important;
  border-color: rgba(76,201,184,.6) !important;
}
.mu-checklist-avatar-button img,
.mu-checklist-assignee-chip__avatar img,
.mu-checklist-picker-item__avatar img {
  object-fit: cover;
  object-position: 50% 50%;
}
.mu-checklist-unassigned-action {
  min-height: 34px;
  padding: 0 7px;
  border: 0 !important;
  border-radius: 10px;
  background: transparent !important;
  color: #8a96a3 !important;
  font-size: 10.75px;
  font-weight: 700;
}
.mu-checklist-unassigned-action:hover,
.mu-checklist-unassigned-action:focus-visible {
  background: #f4f8f7 !important;
  color: var(--mu-navy) !important;
}

/* Details are a secondary information action, never the visual primary CTA. */
.mu-checklist-details-toggle {
  min-width: 0;
  min-height: 35px;
  margin-top: 7px;
  padding: 0 10px;
  gap: 6px;
  border: 1px solid #dce9e7 !important;
  border-radius: 12px;
  background: #f5faf9 !important;
  color: #43647a !important;
  font-size: 11px;
  font-weight: 760;
}
.mu-checklist-details-toggle:hover,
.mu-checklist-details-toggle:focus-visible {
  border-color: #cbe1dd !important;
  background: #edf7f5 !important;
  color: var(--mu-navy) !important;
}
.mu-checklist-details-toggle .mu-line-icon {
  width: 12px;
  height: 12px;
  color: currentColor !important;
}
.mu-checklist-task-details {
  margin-top: 9px;
  padding-top: 12px;
  border-top-color: #e2ecea;
}
.mu-checklist-task-details p {
  max-width: none;
  font-size: 13px;
  line-height: 1.48;
}
.mu-checklist-task-actions { margin-top: 12px; gap: 8px; }
.mu-checklist-button-primary,
.mu-checklist-button-secondary {
  min-height: 46px;
  border-radius: 13px;
  font-size: 12.5px;
  font-weight: 760;
}
.mu-checklist-button-primary:hover,
.mu-checklist-button-primary:focus-visible {
  background: #0c3068 !important;
  color: #fff !important;
}
.mu-checklist-button-secondary:hover,
.mu-checklist-button-secondary:focus-visible {
  background: var(--mu-mint-soft) !important;
  border-color: rgba(76,201,184,.5) !important;
  color: var(--mu-navy) !important;
}
.mu-checklist-partner-disclosure { font-size: 10.5px; }

/* Next card needs to stay compact even expanded. */
.mu-checklist-task-row--next {
  grid-template-columns: 40px minmax(0,1fr) auto;
  min-height: 0;
  padding: 10px 9px 9px;
  border: 1px solid #e0e9e8;
  border-radius: 17px;
}
.mu-checklist-task-row--next .mu-checklist-status-button { width: 33px; height: 33px; }

/* ----- Phase cards: no card-in-card visual noise ---------------------------- */
.mu-checklist-phase-list { gap: 9px; }
.mu-checklist-phase-card {
  border-radius: 19px;
  box-shadow: 0 6px 22px rgba(8,36,86,.022);
}
.mu-checklist-phase-head {
  min-height: 78px;
  padding: 11px 12px;
  grid-template-columns: 44px minmax(0,1fr) auto;
  gap: 10px;
  color: var(--mu-navy) !important;
}
.mu-checklist-phase-head:hover,
.mu-checklist-phase-head:focus-visible {
  background: #fbfdfd !important;
  color: var(--mu-navy) !important;
}
.mu-checklist-phase-icon {
  width: 42px;
  height: 42px;
  border-radius: 14px;
  background: #edf9f7;
  color: #26897e;
}
.mu-checklist-phase-icon .mu-line-icon { width: 21px; height: 21px; }
.mu-checklist-phase-copy strong { font-size: 14.5px; line-height: 1.22; }
.mu-checklist-phase-copy small { margin-top: 2px; font-size: 11px; line-height: 1.25; }
.mu-checklist-phase-bar { height: 4px; margin-top: 7px; }
.mu-checklist-phase-percent {
  min-width: 49px;
  padding: 6px 8px;
  border-radius: 99px;
  background: var(--mu-mint-soft);
  color: #278b80;
  font-size: 11.5px;
  font-weight: 780;
}
.mu-checklist-phase-side { gap: 5px; color: var(--mu-navy) !important; }
.mu-checklist-phase-side > .mu-line-icon {
  width: 17px;
  height: 17px;
  color: var(--mu-navy) !important;
  stroke: currentColor !important;
}
.mu-checklist-phase-card.is-expanded .mu-checklist-phase-side > .mu-line-icon {
  color: #2b8f83 !important;
}
.mu-checklist-phase-tasks {
  border-top-color: #e2ecea;
  background: #fff;
}
.mu-checklist-phase-tasks .mu-checklist-task-row {
  border-radius: 0;
  box-shadow: none;
}
.mu-checklist-phase-expand {
  min-height: 47px;
  background: #fff !important;
  color: #2b8f83 !important;
  font-size: 12px;
  font-weight: 760;
}
.mu-checklist-phase-expand:hover,
.mu-checklist-phase-expand:focus-visible {
  background: #f7fbfa !important;
  color: #227a71 !important;
}

/* ----- Sheet parity with Calendar V2 ---------------------------------------- */
.mu-checklist-sheet {
  border-radius: 28px 28px 0 0;
  box-shadow: var(--mu-shadow-panel);
}
.mu-checklist-sheet__handle { width: 48px; height: 5px; background: #cbd7d6; }
.mu-checklist-sheet__head {
  min-height: 0;
  padding: 0 0 14px;
  align-items: flex-start;
}
.mu-checklist-sheet__head h2 {
  font-size: 22px;
  font-weight: 780;
  line-height: 1.1;
}
.mu-checklist-sheet__head p { margin-top: 5px; font-size: 12px; }
.mu-checklist-sheet__close {
  width: 42px;
  height: 42px;
  flex: 0 0 auto;
  line-height: 0;
}
.mu-checklist-sheet__close:hover,
.mu-checklist-sheet__close:focus-visible {
  background: var(--mu-mint-soft) !important;
  color: var(--mu-navy) !important;
}
.mu-checklist-sheet__close .mu-line-icon { width: 20px; height: 20px; }
.mu-checklist-form { padding-top: 16px; gap: 15px; }
.mu-checklist-field,
.mu-checklist-assignee-field legend { font-size: 13px; }
.mu-checklist-field > input,
.mu-checklist-field > textarea,
.mu-checklist-field > select,
.mu-checklist-date-control {
  min-height: 50px;
  border-radius: 14px;
  font-size: 14px;
}
.mu-checklist-assignee-chip {
  min-width: 116px;
  min-height: 62px;
  border-radius: 14px;
}
.mu-checklist-add-submit { min-height: 50px; font-size: 13.5px; }
.mu-checklist-more-fields summary { min-height: 54px; font-size: 13px; }
.mu-checklist-more-fields summary .mu-line-icon { color: var(--mu-navy) !important; }
.mu-checklist-picker-list { padding-top: 14px; }
.mu-checklist-picker-item { min-height: 58px; border-radius: 14px; }
.mu-checklist-choice-row button,
.mu-checklist-filter-phases button {
  min-height: 40px;
  border-radius: 12px;
  font-size: 11.5px;
}

/* ----- Empty / text actions ------------------------------------------------- */
.mu-checklist-empty {
  min-height: 118px;
  padding: 22px;
  border-radius: 19px;
  box-shadow: none;
}
.mu-checklist-empty strong { font-size: 16px; }
.mu-checklist-empty p { font-size: 12.5px; }
.mu-checklist-all-tasks-action,
.mu-checklist-text-action {
  font-size: 12px;
  color: #2b8f83 !important;
}
.mu-checklist-all-tasks-action:hover,
.mu-checklist-all-tasks-action:focus-visible,
.mu-checklist-text-action:hover,
.mu-checklist-text-action:focus-visible {
  background: var(--mu-mint-soft) !important;
  color: #227a71 !important;
  transform: none;
}

/* ----- Mobile --------------------------------------------------------------- */
@media (max-width: 899px) {
  .mu-checklist-main {
    padding-top: 18px;
    padding-left: 14px;
    padding-right: 14px;
    padding-bottom: calc(var(--mu-dock-height) + 104px + env(safe-area-inset-bottom));
  }
  .mu-checklist-page-head { gap: 10px; margin-bottom: 15px; }
  .mu-checklist-page-head h1 { font-size: 30px !important; }
  .mu-checklist-page-head p { max-width: 242px; margin-top: 5px; font-size: 14.5px !important; }
  .mu-checklist-add {
    min-width: 98px;
    min-height: 44px;
    padding-inline: 11px;
    border-radius: 15px;
    font-size: 12.5px;
  }
  .mu-checklist-summary {
    min-height: 0;
    padding: 18px 16px 16px;
    grid-template-columns: minmax(0,1fr) 96px;
    gap: 8px;
  }
  .mu-checklist-summary h2 { margin-top: 7px; font-size: 23px; }
  .mu-checklist-summary__copy > p:not(.mu-checklist-course) { font-size: 13px; }
  .mu-checklist-progress { width: 96px; }
  .mu-checklist-progress strong { font-size: 25px; }
  .mu-checklist-progress > span { font-size: 10.5px; }
  .mu-checklist-metrics { margin-top: 15px; gap: 10px; }
  .mu-checklist-metric dt { font-size: 17.5px; }
  .mu-checklist-metric dd { font-size: 10.75px; }
  .mu-checklist-next { padding: 14px 13px; }
  .mu-checklist-next > .mu-checklist-eyebrow { font-size: 16px; }
  .mu-checklist-toolbar { gap: 7px; }
  .mu-checklist-tools { grid-template-columns: minmax(0,1fr) minmax(0,1.05fr) minmax(78px,.68fr); gap: 7px; }
  .mu-checklist-search,
  .mu-checklist-tool { min-height: 44px; }
  .mu-checklist-tool > .mu-line-icon:last-child { display: none; }
  .mu-checklist-sync-note { margin-top: 7px; margin-bottom: 14px; font-size: 10.75px; }
  .mu-checklist-section-head h3 { font-size: 16.5px; }
  .mu-checklist-task-row {
    grid-template-columns: 40px minmax(0,1fr) auto;
    min-height: 69px;
    padding: 10px 10px 9px;
  }
  .mu-checklist-task-link { font-size: 14px; }
  .mu-checklist-task-link > span:first-child {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
  }
  .mu-checklist-task-meta { font-size: 11.25px; }
  .mu-checklist-details-toggle { min-height: 34px; margin-top: 6px; font-size: 10.75px; }
  .mu-checklist-task-details p { font-size: 12.5px; }
  .mu-checklist-task-actions { grid-template-columns: 1fr; }
  .mu-checklist-phase-head { min-height: 76px; }
  .mu-checklist-sheet { padding-left: 18px; padding-right: 18px; }
  .mu-checklist-sheet__handle { margin-top: 10px; margin-bottom: 14px; }
}

@media (max-width: 390px) {
  .mu-checklist-main { padding-left: 13px; padding-right: 13px; }
  .mu-checklist-page-head h1 { font-size: 29px !important; }
  .mu-checklist-page-head p { max-width: 205px; font-size: 14px !important; }
  .mu-checklist-add { min-width: 91px; min-height: 42px; padding-inline: 9px; font-size: 12px; }
  .mu-checklist-summary { grid-template-columns: minmax(0,1fr) 90px; padding-inline: 15px; }
  .mu-checklist-progress { width: 90px; }
  .mu-checklist-summary h2 { font-size: 21.5px; }
  .mu-checklist-tools { grid-template-columns: minmax(0,1fr) minmax(0,1.02fr) 72px; }
  .mu-checklist-search input { font-size: 11.5px; }
  .mu-checklist-tool { padding-inline: 6px; font-size: 10.5px; }
  .mu-checklist-sync-note { font-size: 10.25px; }
}

/* ----- Desktop -------------------------------------------------------------- */
@media (min-width: 900px) {
  .mu-checklist-main { padding: 28px 20px 78px; }
  .mu-checklist-page-head { align-items: center; margin-bottom: 20px; }
  .mu-checklist-page-head h1 { font-size: 42px !important; }
  .mu-checklist-page-head p { font-size: 16px !important; }
  .mu-checklist-add {
    min-width: 124px;
    min-height: 46px;
    background: linear-gradient(135deg,#082456,#0b2e6a) !important;
    border-color: var(--mu-navy) !important;
    color: #fff !important;
  }
  .mu-checklist-add:hover,
  .mu-checklist-add:focus-visible { background: #0c3068 !important; color:#fff !important; }
  .mu-checklist-top-grid { grid-template-columns: 1fr 1fr; gap: 18px; }
  .mu-checklist-summary,
  .mu-checklist-next { min-height: 228px; }
  .mu-checklist-summary { grid-template-columns: minmax(0,1fr) 124px; padding: 23px 26px; }
  .mu-checklist-progress { width: 124px; }
  .mu-checklist-next { padding: 23px 26px; }
  .mu-checklist-toolbar {
    top: calc(var(--mu-appbar-height) + 8px);
    grid-template-columns: minmax(360px,.82fr) minmax(540px,1.18fr);
    gap: 14px;
    padding: 8px 10px;
    border-radius: 18px;
  }
  .mu-checklist-views { min-height: 46px; }
  .mu-checklist-views button { min-height: 40px; }
  .mu-checklist-search,
  .mu-checklist-tool { min-height: 44px; }
  .mu-checklist-sync-note { margin-top: -7px; margin-bottom: 17px; }
  .mu-checklist-section-head { margin-top: 18px; }
  .mu-checklist-task-row { min-height: 66px; padding: 9px 14px; }
  .mu-checklist-task-main { padding-right: 116px; }
  .mu-checklist-task-link { font-size: 14px; }
  .mu-checklist-details-toggle {
    top: 13px;
    right: 62px;
    min-height: 34px;
    margin: 0;
  }
  .mu-checklist-task-row--next .mu-checklist-details-toggle { bottom: 13px; right: 14px; }
  .mu-checklist-task-details {
    grid-template-columns: minmax(0,1.25fr) minmax(330px,.75fr);
    gap: 24px;
  }
  .mu-checklist-task-actions { grid-template-columns: 1fr 1.15fr; }
  .mu-checklist-all-layout { grid-template-columns: 230px minmax(0,1fr); gap: 18px; }
  .mu-checklist-phase-nav {
    top: calc(var(--mu-appbar-height) + 82px);
    gap: 4px;
    padding: 7px;
    border-radius: 18px;
  }
  .mu-checklist-phase-nav button { min-height: 48px; border-radius: 12px; }
  .mu-checklist-phase-nav button:hover,
  .mu-checklist-phase-nav button:focus-visible,
  .mu-checklist-phase-nav button.is-active {
    background: var(--mu-mint-soft) !important;
    color: var(--mu-navy) !important;
  }
  .mu-checklist-sheet {
    right: max(24px, calc((100vw - 1240px) / 2));
    top: calc(var(--mu-appbar-height) + 18px);
    width: min(520px, calc(100vw - 48px));
    border-radius: 25px;
  }
  .mu-checklist-sheet__head { padding-top: 16px; }
}

@media (min-width: 1240px) {
  .mu-checklist-main { padding-left: 0; padding-right: 0; }
}

/* Alpha 55 task-side placement: Details shares the trailing action column so
   collapsed rows remain compact instead of gaining a dedicated third line. */
.mu-checklist-task-side {
  align-self: center;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  gap: 5px;
}
.mu-checklist-details-toggle {
  position: static !important;
  inset: auto !important;
  margin: 0 !important;
}
.mu-checklist-task-main { padding-right: 7px !important; }
.mu-checklist-task-row--next .mu-checklist-task-main { padding-right: 5px !important; }
@media (min-width: 900px) {
  .mu-checklist-task-side {
    flex-direction: row-reverse;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
  }
  .mu-checklist-task-main { padding-right: 8px !important; }
  .mu-checklist-task-row--next .mu-checklist-task-main { padding-right: 8px !important; }
}

@media (max-width: 899px) {
  .mu-checklist-details-toggle {
    position: relative !important;
    min-height: 31px;
    padding-inline: 9px;
    font-size: 10.5px;
  }
  .mu-checklist-details-toggle::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: max(44px, 100%);
    height: 44px;
    transform: translate(-50%, -50%);
  }
}

/* The Alpha-52 compatibility rule hid avatars when Details lived in the same
   trailing area. Alpha 55 intentionally colocates both controls; keep identity
   visible and expand only the hit target, not the visual circle. */
@media (max-width: 899px) {
  .mu-checklist-task-side:has(.mu-checklist-details-toggle) .mu-checklist-avatar-button {
    display: grid !important;
  }
}
.mu-checklist-status-button::before,
.mu-checklist-avatar-button::before,
.mu-checklist-details-toggle::before { pointer-events: none; }

/* ========================================================================
   Alpha 56 – Checkliste V2 Final UX / Bugfix / Interaction Pass
   Surgical hardening only. No new task/progress/assignment/sync engine.
   ======================================================================== */

/* Primary actions are always unmistakably white on MoveU Navy. The explicit
   pseudo-state specificity also beats global theme/Elementor :visited rules. */
body.moveu-app-page--checklist .mu-checklist :is(a,button).mu-checklist-button-primary,
body.moveu-app-page--checklist .mu-checklist :is(a,button).mu-checklist-button-primary:link,
body.moveu-app-page--checklist .mu-checklist :is(a,button).mu-checklist-button-primary:visited,
body.moveu-app-page--checklist .mu-checklist :is(a,button).mu-checklist-button-primary:hover,
body.moveu-app-page--checklist .mu-checklist :is(a,button).mu-checklist-button-primary:focus,
body.moveu-app-page--checklist .mu-checklist :is(a,button).mu-checklist-button-primary:focus-visible,
body.moveu-app-page--checklist .mu-checklist :is(a,button).mu-checklist-button-primary:active {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  opacity: 1;
  text-decoration: none !important;
}
body.moveu-app-page--checklist .mu-checklist .mu-checklist-button-primary .mu-line-icon,
body.moveu-app-page--checklist .mu-checklist .mu-checklist-button-primary:hover .mu-line-icon,
body.moveu-app-page--checklist .mu-checklist .mu-checklist-button-primary:focus-visible .mu-line-icon,
body.moveu-app-page--checklist .mu-checklist .mu-checklist-button-primary:visited .mu-line-icon {
  color: #fff !important;
  stroke: currentColor !important;
  opacity: 1 !important;
}

/* Sponsored disclosure is a MoveU interaction, never a browser/theme magenta
   visited-link state. */
body.moveu-app-page--checklist .mu-checklist .mu-checklist-partner-disclosure a,
body.moveu-app-page--checklist .mu-checklist .mu-checklist-partner-disclosure a:link,
body.moveu-app-page--checklist .mu-checklist .mu-checklist-partner-disclosure a:visited {
  color: #397d75 !important;
  -webkit-text-fill-color: #397d75 !important;
}
body.moveu-app-page--checklist .mu-checklist .mu-checklist-partner-disclosure a:hover,
body.moveu-app-page--checklist .mu-checklist .mu-checklist-partner-disclosure a:focus-visible {
  color: #227a71 !important;
  -webkit-text-fill-color: #227a71 !important;
}

/* Keep the remaining expandable controls on the explicit Navy/Mint contract,
   regardless of Elementor/theme link/button defaults. */
body.moveu-app-page--checklist .mu-checklist .mu-checklist-phase-side > .mu-line-icon {
  color: var(--mu-navy) !important;
  stroke: currentColor !important;
}
body.moveu-app-page--checklist .mu-checklist .mu-checklist-phase-card.is-expanded .mu-checklist-phase-side > .mu-line-icon {
  color: #2b8f83 !important;
}
body.moveu-app-page--checklist .mu-checklist .mu-checklist-details-toggle,
body.moveu-app-page--checklist .mu-checklist .mu-checklist-details-toggle .mu-line-icon {
  color: #43647a !important;
}
body.moveu-app-page--checklist .mu-checklist .mu-checklist-details-toggle:hover,
body.moveu-app-page--checklist .mu-checklist .mu-checklist-details-toggle:focus-visible,
body.moveu-app-page--checklist .mu-checklist .mu-checklist-details-toggle:hover .mu-line-icon,
body.moveu-app-page--checklist .mu-checklist .mu-checklist-details-toggle:focus-visible .mu-line-icon {
  color: var(--mu-navy) !important;
}

/* A responsibility filter must be visually distinguishable from its neutral
   launcher state. This makes a reduced “Jetzt wichtig” list explainable. */
.mu-checklist-tool.is-filtered {
  border-color: rgba(76,201,184,.46) !important;
  background: var(--mu-mint-soft) !important;
  color: var(--mu-navy) !important;
  box-shadow: inset 0 0 0 1px rgba(76,201,184,.08) !important;
}

/* Compact own-task assignee cards show product roles, not WordPress usernames.
   The accessible name remains available through aria-label in the controller. */
.mu-checklist-assignee-chip {
  overflow: hidden;
}
.mu-checklist-assignee-chip__copy {
  min-width: 0;
  flex: 1;
}
.mu-checklist-assignee-chip__copy strong {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Current-user / assignment rows may contain long account display names. They
   can never force the action button outside of the sheet. */
.mu-checklist-picker-item__copy {
  overflow: hidden;
}
.mu-checklist-picker-item .mu-checklist-text-action {
  flex: 0 0 auto;
  max-width: 90px;
  white-space: nowrap;
}

/* Avatar / preset / initials share one exact centering contract. */
.mu-checklist-avatar-inline,
.mu-checklist-avatar-button,
.mu-checklist-assignee-chip__avatar,
.mu-checklist-picker-item__avatar {
  place-items: center;
}
.mu-checklist-avatar-inline img,
.mu-checklist-avatar-button img,
.mu-checklist-assignee-chip__avatar img,
.mu-checklist-picker-item__avatar img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: 50% 50%;
}

/* Lock both roots while a sheet is visibly open. This complements the shared
   stale-lock recovery controller without introducing a second sheet engine. */
html.mu-checklist-sheet-open,
html.mu-checklist-sheet-open body {
  overflow: hidden !important;
  overscroll-behavior: none;
}

@media (max-width: 899px) {
  /* iOS Safari zooms focused controls below 16px. Keep labels compact but every
     actual editable control at >=16px; do not disable user zoom/accessibility. */
  body.moveu-app-page--checklist .mu-checklist input,
  body.moveu-app-page--checklist .mu-checklist textarea,
  body.moveu-app-page--checklist .mu-checklist select,
  body.moveu-app-page--checklist .mu-checklist .mu-checklist-search input,
  body.moveu-app-page--checklist .mu-checklist .mu-checklist-date-control input {
    font-size: 16px !important;
  }

  .mu-checklist-assignee-chip {
    min-width: 104px;
    max-width: 128px;
    min-height: 62px;
    padding-inline: 9px;
  }
  .mu-checklist-assignee-chip__copy strong { font-size: 12.5px; }
}

@media (max-width: 390px) {
  body.moveu-app-page--checklist .mu-checklist .mu-checklist-search input {
    font-size: 16px !important;
  }
  .mu-checklist-assignee-chip {
    min-width: 100px;
    max-width: 120px;
  }
}