/* A206. Calendar only; original AppShell stays the owner of header and dock. */
body.moveu-calendar-design-lock { background:#f9fdfe; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
body.moveu-calendar-design-lock .mu-calendar-main { width:min(100%,740px); padding:16px 15px calc(var(--mu-dock-height,88px) + 42px + env(safe-area-inset-bottom)); }
body.moveu-calendar-design-lock .mu-calendar { color:#0b1948; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; overflow-wrap:anywhere; }
body.moveu-calendar-design-lock .mu-calendar :is(button,input,textarea,fieldset) { font-family:inherit; box-sizing:border-box; }
body.moveu-calendar-design-lock .mu-calendar [hidden] { display:none; }
body.moveu-calendar-design-lock .mu-calendar button { cursor:pointer; text-transform:none; letter-spacing:normal; box-shadow:none; }
body.moveu-calendar-design-lock .mu-calendar button:disabled { cursor:default; opacity:.6; }
body.moveu-calendar-design-lock .mu-cal-heading { display:flex; align-items:flex-start; gap:10px; margin:0 5px 22px; }
body.moveu-calendar-design-lock .mu-cal-heading > div { flex:1; min-width:0; }
body.moveu-calendar-design-lock .mu-cal-heading h1 { margin:0; font:700 2.125rem/1.15 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; letter-spacing:-.035em; color:#0b1948; }
body.moveu-calendar-design-lock .mu-cal-heading p { margin:8px 0 0; color:#6c7485; font-size:.9375rem; line-height:1.4; }
body.moveu-calendar-design-lock .mu-calendar h2 { font-size:1.1875rem; line-height:1.3; font-weight:600; color:#0b1948; letter-spacing:-.025em; margin:0; }
body.moveu-calendar-design-lock .mu-calendar .mu-line-icon { width:20px; height:20px; flex-shrink:0; }
body.moveu-calendar-design-lock .mu-cal-download { border:0; width:42px; height:42px; flex:0 0 42px; border-radius:50%; display:grid; place-items:center; background:#eaf8f6; color:#0b1948; padding:10px; }
body.moveu-calendar-design-lock .mu-cal-month { background:#fff; border-radius:12px; padding:12px 8px; box-shadow:0 4px 18px rgba(32,45,57,.025); border:1px solid rgba(238,242,245,.5); }
body.moveu-calendar-design-lock .mu-cal-month > header { display:flex; justify-content:space-between; align-items:center; margin-bottom:7px; }
body.moveu-calendar-design-lock .mu-cal-month > header button { display:grid; place-items:center; width:40px; height:40px; border:0; padding:8px; color:#0b1948; background:transparent; border-radius:50%; }
body.moveu-calendar-design-lock .mu-cal-flip { transform:rotate(180deg); }
body.moveu-calendar-design-lock :is(.mu-cal-weekdays,.mu-cal-grid) { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); }
body.moveu-calendar-design-lock .mu-cal-weekdays { text-align:center; font-size:.75rem; line-height:1.35; color:#6c7485; padding:7px 0; }
body.moveu-calendar-design-lock .mu-cal-day { min-width:0; min-height:66px; border:0; border-radius:8px; display:flex; flex-direction:column; align-items:center; gap:1px; padding:3px 1px; margin:0; color:#0b1948; background:transparent; font-size:.875rem; line-height:1.3; }
body.moveu-calendar-design-lock .mu-cal-day-number { display:grid; place-items:center; width:29px; height:29px; flex:0 0 29px; border-radius:50%; }
body.moveu-calendar-design-lock .mu-cal-day.is-today .mu-cal-day-number { box-shadow:inset 0 0 0 1px #65bfb4; font-weight:600; }
body.moveu-calendar-design-lock .mu-cal-day.is-selected .mu-cal-day-number { background:#dff5f2; font-weight:600; }
body.moveu-calendar-design-lock .mu-cal-day.is-outside { color:#8992a4; }
body.moveu-calendar-design-lock .mu-cal-day-label { display:block; max-width:100%; color:#0b1948; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-size:.625rem; line-height:1.35; }
body.moveu-calendar-design-lock .mu-cal-day-more { font-size:.625rem; line-height:1.2; color:#566078; }
body.moveu-calendar-design-lock .mu-cal-section { margin-top:22px; }
body.moveu-calendar-design-lock .mu-cal-section > header { display:flex; justify-content:space-between; align-items:center; gap:8px; padding:0 5px 10px; }
body.moveu-calendar-design-lock .mu-cal-section > h2 { padding:0 5px 10px; }
body.moveu-calendar-design-lock :is(.mu-cal-section > header button,.mu-cal-text,.mu-cal-back) { display:inline-flex; align-items:center; gap:4px; background:transparent; border:0; padding:6px 0; color:#6c7485; font-size:.8125rem; font-weight:400; line-height:1.4; }
body.moveu-calendar-design-lock .mu-cal-back { margin:0 5px 12px; min-height:36px; color:#0b1948; }
body.moveu-calendar-design-lock .mu-cal-text { margin:0 5px 8px; }
body.moveu-calendar-design-lock .mu-cal-rows { display:grid; gap:8px; }
body.moveu-calendar-design-lock .mu-cal-row { display:grid; grid-template-columns:22px minmax(0,1fr) 14px; gap:18px; align-items:center; width:100%; min-width:0; 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-decoration:none; white-space:normal; }
body.moveu-calendar-design-lock .mu-cal-row > span:nth-child(2) { min-width:0; }
body.moveu-calendar-design-lock .mu-cal-row-title { display:block; }
body.moveu-calendar-design-lock .mu-cal-emoji { font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif; font-size:21px; font-weight:400; line-height:1; letter-spacing:0; text-align:center; white-space:nowrap; }
body.moveu-calendar-design-lock .mu-cal-meta { display:flex; align-items:flex-start; gap:5px; margin-top:4px; color:#6c7485; font-size:.75rem; font-weight:400; line-height:1.35; letter-spacing:normal; }
body.moveu-calendar-design-lock .mu-cal-meta .mu-line-icon,body.moveu-calendar-design-lock .mu-cal-row > .mu-line-icon { width:14px; height:14px; }
body.moveu-calendar-design-lock .mu-cal-primary { display:flex; justify-content:center; align-items:center; gap:10px; width:100%; min-height:46px; padding:12px 16px; border:0; border-radius:12px; color:#0b1948; background:#e2f6f2; font-size:.9375rem; font-weight:600; line-height:1.4; text-decoration:none; }
body.moveu-calendar-design-lock .mu-cal-add { margin-top:18px; }
body.moveu-calendar-design-lock :is(.mu-cal-empty,.mu-cal-help,.mu-cal-state) { font-size:.875rem; font-weight:400; line-height:1.5; color:#6c7485; }
body.moveu-calendar-design-lock .mu-cal-empty { margin:8px 5px; }
body.moveu-calendar-design-lock .mu-cal-form-card { background:#fff; border:1px solid rgba(238,242,245,.5); border-radius:12px; padding:18px 16px; box-shadow:0 4px 18px rgba(32,45,57,.025); }
body.moveu-calendar-design-lock .mu-cal-editor-intro { display:grid; grid-template-columns:22px minmax(0,1fr); gap:18px; align-items:start; margin-bottom:20px; }
body.moveu-calendar-design-lock .mu-cal-editor-intro h2 { font-size:1.1875rem; margin:0; }
body.moveu-calendar-design-lock .mu-cal-editor-intro p { margin:7px 0 0; font-size:.875rem; line-height:1.5; color:#6c7485; }
body.moveu-calendar-design-lock .mu-cal-field { display:block; margin:16px 0 0; color:#242943; font-size:.875rem; font-weight:500; line-height:1.4; }
body.moveu-calendar-design-lock .mu-cal-field > span { display:block; margin-bottom:6px; }
body.moveu-calendar-design-lock .mu-cal-field :is(input,textarea) { display:block; width:100%; min-width:0; max-width:100%; min-height:44px; padding:10px; border:1px solid #dbe3ea; border-radius:8px; background:#fff; color:#0b1948; font-size:16px; font-weight:400; line-height:1.4; box-shadow:none; }
body.moveu-calendar-design-lock .mu-cal-field textarea { resize:vertical; min-height:86px; }
body.moveu-calendar-design-lock .mu-cal-times { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
body.moveu-calendar-design-lock .mu-cal-people { border:0; padding:0; margin:18px 0 0; min-width:0; }
body.moveu-calendar-design-lock .mu-cal-people legend { font-size:.875rem; color:#242943; font-weight:500; padding:0 0 8px; }
body.moveu-calendar-design-lock .mu-cal-person { display:flex; align-items:center; gap:10px; padding:8px 0; color:#242943; font-size:.875rem; }
body.moveu-calendar-design-lock .mu-calendar input[type=checkbox],body.moveu-calendar-design-lock .mu-calendar input[type=radio] { width:18px; height:18px; margin:0; accent-color:#398d83; flex-shrink:0; }
body.moveu-calendar-design-lock .mu-cal-help { margin:9px 0 0; font-size:.75rem; }
body.moveu-calendar-design-lock .mu-cal-field-error { color:#9b3535; font-size:.8125rem; font-weight:400; margin:5px 0 0; }
body.moveu-calendar-design-lock .mu-cal-error { padding:12px; border-radius:8px; background:#fff4f0; color:#8c3830; font-size:.875rem; line-height:1.5; margin:12px 0; }
body.moveu-calendar-design-lock .mu-cal-links { display:grid; gap:8px; margin:12px 0; }
body.moveu-calendar-design-lock .mu-cal-save { margin-top:16px; }
body.moveu-calendar-design-lock .mu-calendar :is(input,textarea,button,a) { scroll-margin-block:100px calc(var(--mu-dock-height,88px) + 30px); }
body.moveu-calendar-design-lock .mu-calendar :is(button,a,input,textarea):focus-visible { outline:2px solid #398d83 !important; outline-offset:3px !important; }
body.moveu-calendar-design-lock .mu-cal-backdrop { position:fixed; inset:0; z-index:1200; background:rgba(11,25,72,.18); }
body.moveu-calendar-design-lock .mu-cal-sheet { position:fixed; left:50%; bottom:0; width:min(100%,500px); max-height:85dvh; overflow:auto; transform:translateX(-50%); z-index:1201; background:#fff; border-radius:20px 20px 0 0; padding:14px 22px calc(22px + env(safe-area-inset-bottom)); box-shadow:0 -10px 45px rgba(11,25,72,.09); }
body.moveu-calendar-design-lock .mu-cal-sheet > header { display:flex; align-items:center; gap:12px; justify-content:space-between; margin:8px 0 18px; }
body.moveu-calendar-design-lock .mu-cal-sheet > header button { border:0; border-radius:50%; padding:8px; background:#eefaf8; color:#0b1948; }
body.moveu-calendar-design-lock .mu-cal-sheet fieldset { margin:0; padding:0; border:0; }
body.moveu-calendar-design-lock .mu-cal-sheet legend { font-size:.875rem; color:#6c7485; margin-bottom:8px; }
body.moveu-calendar-design-lock .mu-cal-sheet label { display:flex; align-items:center; gap:12px; padding:12px 0; font-size:.9375rem; }
body.moveu-calendar-design-lock .mu-cal-sheet-handle { width:32px; height:4px; border-radius:10px; background:#dbe3ea; margin:auto; }
body.moveu-calendar-design-lock .mu-cal-toast { position:fixed; bottom:calc(var(--mu-dock-height,88px) + 24px); left:50%; transform:translateX(-50%); max-width:calc(100% - 32px); width:max-content; padding:12px 18px; border:1px solid #dbe3ea; background:#fff; color:#0b1948; border-radius:12px; box-shadow:0 5px 25px #0b194815; font-size:.875rem; line-height:1.4; z-index:1250; }
/* Only the same existing shell color corrections as the active checklist. */
body.moveu-calendar-design-lock.moveu-authenticated-shell-page .mu-mobile-topbar__actions .mu-icon-button,
body.moveu-calendar-design-lock .mu-desktop-appbar__actions > :is(.mu-icon-button,.mu-profile-button),
body.moveu-calendar-design-lock .mu-desktop-appbar__nav .mu-app-nav-link,
body.moveu-calendar-design-lock .mu-nav-progress,
body.moveu-calendar-design-lock .mu-desktop-appbar__nav .mu-app-nav-link.is-active { color:#252730 !important; }
body.moveu-calendar-design-lock.moveu-authenticated-shell-page .mu-soft-dock__item { color:#777e8b !important; }
body.moveu-calendar-design-lock.moveu-authenticated-shell-page .mu-soft-dock__item.is-active { color:#252730 !important; }
body.moveu-calendar-design-lock .mu-app-shell-host :is(button,a,span) { font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
body.moveu-calendar-design-lock .mu-desktop-appbar__brand [data-mu-project-label] { display:none; }
@media(min-width:600px) { body.moveu-calendar-design-lock .mu-cal-month { padding:16px; } body.moveu-calendar-design-lock .mu-cal-day { min-height:80px; } body.moveu-calendar-design-lock .mu-cal-day-label { font-size:.75rem; } }
@media(max-width:350px) { body.moveu-calendar-design-lock .mu-cal-heading { margin-inline:0; gap:6px; } body.moveu-calendar-design-lock .mu-cal-heading h1 { overflow-wrap:normal; } body.moveu-calendar-design-lock .mu-cal-row { gap:12px; } }

/* A224 — MoveU task artwork, compact month and year, shared task popup. */
body.moveu-calendar-design-lock .mu-calendar-main { padding-inline:16px; }
body.moveu-calendar-design-lock .mu-cal-heading { margin:4px 0 24px; }
body.moveu-calendar-design-lock .mu-cal-heading h1 { font-weight:500; font-size:clamp(30px,6.4vw,38px); line-height:1.16; letter-spacing:-.04em; }
body.moveu-calendar-design-lock .mu-cal-heading p { font-size:15px; line-height:1.5; }
body.moveu-calendar-design-lock .mu-calendar h2 { font-weight:500; font-size:22px; }
body.moveu-calendar-design-lock .mu-cal-month { border:1px solid #e2ebee; border-radius:24px; padding:14px 12px 16px; box-shadow:0 5px 22px #08245604; }
body.moveu-calendar-design-lock .mu-cal-period-controls { display:flex; align-items:center; justify-content:space-between; margin-bottom:12px; }
body.moveu-calendar-design-lock .mu-cal-period-switch { display:flex; background:#eff6f6; border-radius:12px; padding:3px; }
body.moveu-calendar-design-lock .mu-cal-period-switch button { border:0; border-radius:9px; padding:7px 14px; min-height:38px; color:#5f6f80; background:transparent; font-size:13px; font-weight:500; }
body.moveu-calendar-design-lock .mu-cal-period-switch button[aria-pressed="true"] { background:white; color:#082456; box-shadow:0 2px 7px #08245609; }
body.moveu-calendar-design-lock .mu-cal-today { min-height:44px; padding:8px 12px; border:0; border-radius:12px; background:transparent; color:#297f78; font-size:13px; font-weight:500; }
body.moveu-calendar-design-lock .mu-cal-month > header { margin:0 0 8px; }
body.moveu-calendar-design-lock .mu-cal-month > header h2 { font-size:21px; font-weight:500; }
body.moveu-calendar-design-lock .mu-cal-month > header button { width:44px; height:44px; flex-shrink:0; color:#17335b; }
body.moveu-calendar-design-lock .mu-cal-weekdays { padding:6px 0 8px; font-size:12px; color:#718093; }
body.moveu-calendar-design-lock .mu-cal-grid { gap:3px 2px; }
body.moveu-calendar-design-lock .mu-cal-day { position:relative; min-height:58px; height:58px; padding:2px; gap:0; border-radius:14px; }
body.moveu-calendar-design-lock .mu-cal-day-number { width:27px; height:27px; flex-basis:27px; font-size:13px; }
body.moveu-calendar-design-lock .mu-cal-day.is-selected { background:#e5f6f2; }
body.moveu-calendar-design-lock .mu-cal-day.is-selected .mu-cal-day-number { background:#0c2854; color:white; box-shadow:none; }
body.moveu-calendar-design-lock .mu-cal-day.is-outside { opacity:.42; }
body.moveu-calendar-design-lock .mu-cal-day-art { display:grid; place-items:center; height:26px; width:30px; }
body.moveu-calendar-design-lock .mu-cal-day-art .mu-cal-task-art { width:26px; height:26px; }
body.moveu-calendar-design-lock .mu-cal-day-art svg { width:18px; height:18px; color:#38897f; }
body.moveu-calendar-design-lock .mu-cal-day-more { position:absolute; right:0; bottom:1px; padding:1px 2px; border-radius:5px; color:#2c6d67; background:#e8f5f2; font:500 9px/1.1 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
body.moveu-calendar-design-lock .mu-cal-year { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
body.moveu-calendar-design-lock .mu-cal-year-month { position:relative; min-width:0; min-height:76px; padding:12px 10px; border:1px solid #e6eeee; border-radius:14px; background:#fff; color:#0c2854; text-align:left; }
body.moveu-calendar-design-lock .mu-cal-year-month strong { display:block; font-size:13px; font-weight:500; }
body.moveu-calendar-design-lock .mu-cal-year-month > span:not(.mu-cal-year-art) { display:block; margin-top:5px; font-size:11px; color:#748091; }
body.moveu-calendar-design-lock .mu-cal-year-month.has-events { background:#f3fbf9; }
body.moveu-calendar-design-lock .mu-cal-year-month.is-current { border-color:#62c5b6; box-shadow:inset 0 0 0 1px #62c5b6; }
body.moveu-calendar-design-lock .mu-cal-year-art { display:block; width:24px; height:24px; margin-top:6px; }
body.moveu-calendar-design-lock .mu-cal-year-art img { width:24px; height:24px; }
body.moveu-calendar-design-lock .mu-cal-section { margin-top:28px; }
body.moveu-calendar-design-lock .mu-cal-section > header { padding-inline:2px; margin-bottom:2px; }
body.moveu-calendar-design-lock .mu-cal-section > h2 { padding-inline:2px; }
body.moveu-calendar-design-lock .mu-cal-section > header button { min-height:44px; padding-left:8px; font-size:13px; }
body.moveu-calendar-design-lock .mu-cal-rows { gap:10px; }
body.moveu-calendar-design-lock .mu-cal-row { grid-template-columns:48px minmax(0,1fr) 16px; gap:12px; padding:14px 13px; min-height:80px; border:1px solid #e5ecf0; border-radius:20px; box-shadow:0 3px 18px #08245603; font-size:14px; line-height:1.4; font-weight:500; color:#15284d; }
body.moveu-calendar-design-lock .mu-cal-art { display:grid; place-items:center; width:48px; height:48px; color:#338b80; }
body.moveu-calendar-design-lock .mu-cal-task-art { display:block; width:48px; height:48px; object-fit:contain; }
body.moveu-calendar-design-lock .mu-cal-meta { font-size:12px; line-height:1.4; color:#748091; }
body.moveu-calendar-design-lock .mu-cal-meta svg { margin-top:1px; }
body.moveu-calendar-design-lock .mu-cal-row.is-done { background:#f5fbf9; }
body.moveu-calendar-design-lock .mu-cal-row.is-done .mu-cal-row-title { color:#607480; }
body.moveu-calendar-design-lock .mu-cal-row.is-done .mu-cal-meta { color:#357f73; }
body.moveu-calendar-design-lock .mu-cal-editor-intro { grid-template-columns:48px minmax(0,1fr); gap:14px; }
body.moveu-calendar-design-lock .mu-cal-form-card { border-color:#e2ebee; border-radius:22px; }
body.moveu-calendar-design-lock .mu-cal-primary { min-height:48px; border-radius:16px; font-weight:500; }
body.moveu-calendar-design-lock .mu-cal-save { color:white!important; background:#0c2854; }
body.moveu-calendar-design-lock #muCalUndated .mu-cal-help { margin:0 2px 12px; font-size:13px; }
@media(min-width:700px) { body.moveu-calendar-design-lock .mu-cal-month { padding:20px; } body.moveu-calendar-design-lock .mu-cal-day { height:66px; min-height:66px; } body.moveu-calendar-design-lock .mu-cal-day-number { font-size:15px; } body.moveu-calendar-design-lock .mu-cal-year-month { min-height:90px; } }
@media(max-width:350px) { body.moveu-calendar-design-lock .mu-cal-heading h1 { font-size:29px; } body.moveu-calendar-design-lock .mu-cal-month { padding:12px 8px; border-radius:20px; } body.moveu-calendar-design-lock .mu-cal-row { grid-template-columns:40px minmax(0,1fr) 12px; gap:10px; padding:12px 10px; } body.moveu-calendar-design-lock .mu-cal-art,body.moveu-calendar-design-lock .mu-cal-art img { width:40px; height:40px; } body.moveu-calendar-design-lock .mu-cal-section h2 { font-size:20px; } }
