/* All-page cosmetic extension. Geometry and interactions unchanged. */
body[data-theme-sample=michigan][data-theme-sample=michigan] .calendar-home-card .calendar-card-dot{background:var(--cal-color)!important;box-shadow:none!important}
body[data-theme-sample=michigan][data-theme-sample=michigan] .calendar-page-event .event-date-badge{background:var(--cal-color,#a52b30)!important}
body[data-theme-sample=michigan][data-theme-sample=michigan] .calendar-page-event .event-chevron{color:var(--cal-color,#a52b30)!important}
html body[data-theme-sample=michigan][data-theme-sample=michigan] #calendarPage .calendar-page-top-actions button,
html body[data-theme-sample=michigan][data-theme-sample=michigan] #calendarPage .calendar-page-actions>button{box-shadow:none!important}
html body[data-theme-sample=michigan][data-theme-sample=michigan] #calendarPage .calendar-page-top-actions .calendar-page-back{background:#eee9dc!important;color:#a52b30!important}
html body[data-theme-sample=michigan][data-theme-sample=michigan] #calendarPage .calendar-page-top-actions .calendar-page-create{background:#f2e7dc!important;color:#a52b30!important}
html body[data-theme-sample=michigan][data-theme-sample=michigan] #calendarPage .calendar-page-top-actions .calendar-page-add-top{background:#a52b30!important;color:#fbf9f1!important}
html body[data-theme-sample=michigan][data-theme-sample=michigan] #calendarPage .calendar-page-actions [data-page-panel="invite"]{background:#eee9dc!important;color:#a52b30!important}
html body[data-theme-sample=michigan][data-theme-sample=michigan] #calendarPage .calendar-page-actions [data-page-settings]{background:#f2e7dc!important;color:#a52b30!important}
html body[data-theme-sample=michigan][data-theme-sample=michigan] #calendarPage .calendar-page-actions .yomi-leave-page{background:#eee9dc!important;color:#fbf9f1!important}
html body[data-theme-sample=michigan][data-theme-sample=michigan] #calendarPage .calendar-page-add-inline{background:#a52b30!important;color:#fbf9f1!important;box-shadow:none!important}
html body[data-theme-sample=michigan][data-theme-sample=michigan] #calendarPage .events-card-head .yomi-leave-page{background:#eee9dc!important;color:#fbf9f1!important;box-shadow:none!important}
html body[data-theme-sample=michigan][data-theme-sample=michigan] #calendarPage .events-card-head [data-page-panel="invite"]{background:#eee9dc!important;color:#a52b30!important;box-shadow:none!important}
html body[data-theme-sample=michigan][data-theme-sample=michigan] #calendarPage .calendar-page-invite-close{background:#eee9dc!important;color:#a52b30!important}
html body[data-theme-sample=michigan][data-theme-sample=michigan] #calendarPage .calendar-page-all-events,
html body[data-theme-sample=michigan][data-theme-sample=michigan] #calendarPage .calendar-page-events-count,
html body[data-theme-sample=michigan][data-theme-sample=michigan] #calendarPage .calendar-page-members-count{background:#eeeee3!important;color:#66745a!important}
html body[data-theme-sample=michigan][data-theme-sample=michigan] #calendarCards .calendar-row-add{background:#f2e7dc!important;color:#a52b30!important}
html body[data-theme-sample=michigan][data-theme-sample=michigan] #groupCalendarsScreen .dashboard-actions #createCalendarFromHome,
html body[data-theme-sample=michigan][data-theme-sample=michigan] #groupCalendarsScreen .dashboard-actions #homeAddEvent{background:#f2e7dc!important;border-color:#d7bfb0!important;color:#a52b30!important}
html body[data-theme-sample=michigan][data-theme-sample=michigan] #groupSummary.group-summary{background:linear-gradient(110deg,#f2e7dc,#eeeadc)!important;border-color:#a52b30!important;color:#a52b30!important}
html body[data-theme-sample=michigan][data-theme-sample=michigan] #groupSummary .summary-tile{background:#a52b30!important;color:#f2e7dc!important}
html body[data-theme-sample=michigan][data-theme-sample=michigan] .appnav button:not(.active){background:#f2e7dc!important;border-color:#d7bfb0!important;color:#a52b30!important}
html body[data-theme-sample=michigan][data-theme-sample=michigan] .appnav button.active{background:#eeeadc!important;border-color:#d7bfb0!important;color:#a52b30!important}
html body[data-theme-sample=michigan][data-theme-sample=michigan] .appnav button span:first-child{color:#a52b30!important}
html body[data-theme-sample=michigan][data-theme-sample=michigan] .appnav #yomiAdminTab:not(.active){background:#f2e7dc!important;border-color:#d7bfb0!important;color:#a52b30!important}
html body[data-theme-sample=michigan][data-theme-sample=michigan] .appnav button[data-view=groups]:not(.active){background:#f2e7dc!important;border-color:#d7bfb0!important}
html body[data-theme-sample=michigan][data-theme-sample=michigan] .appnav button[data-view=calendars]:not(.active){background:#f2e7dc!important;border-color:#f2e7dc!important}
html body[data-theme-sample=michigan][data-theme-sample=michigan] .appnav button[data-view=preferences]:not(.active){background:#eee9dc!important;border-color:#eee9dc!important}
html body[data-theme-sample=michigan][data-theme-sample=michigan] .appnav #yomiAdminTab:not(.active){background:#eee9dc!important;border-color:#eee9dc!important}
html body[data-theme-sample=michigan][data-theme-sample=michigan] .appnav button[data-view=groups].active{background:#d7bfb0!important;border-color:#d7bfb0!important}
html body[data-theme-sample=michigan][data-theme-sample=michigan] .appnav button[data-view=calendars].active{background:#f2e7dc!important;border-color:#d7bfb0!important}
html body[data-theme-sample=michigan][data-theme-sample=michigan] .appnav button[data-view=preferences].active{background:#eeeadc!important;border-color:#d7bfb0!important}
html body[data-theme-sample=michigan][data-theme-sample=michigan] .appnav #yomiAdminTab.active{background:#eee9dc!important;border-color:#d7bfb0!important}
html body[data-theme-sample=michigan][data-theme-sample=michigan] #calendarToolbar #gridCreateCalendar{background:#f2e7dc!important;border-color:#d7bfb0!important;color:#a52b30!important;box-shadow:none!important}
html body[data-theme-sample=michigan][data-theme-sample=michigan] #calendarToolbar #gridAddEvent{background:#eee9dc!important;border-color:#eee9dc!important;color:#a52b30!important;box-shadow:none!important}
html body[data-theme-sample=michigan][data-theme-sample=michigan] #calendarToolbar #calendarSelect{background:#f5f2e6!important;border-color:#eee9dc!important;color:#a52b30!important;box-shadow:none!important}
html body[data-theme-sample=michigan][data-theme-sample=michigan] .appnav button[data-view=groups]:is(.active,:not(.active)){background:#dedbce!important;border-color:#dedbce!important}
html body[data-theme-sample=michigan][data-theme-sample=michigan] .appnav button[data-view=calendars]:is(.active,:not(.active)){background:#dedbce!important;border-color:#dedbce!important}
html body[data-theme-sample=michigan][data-theme-sample=michigan] .appnav button[data-view=preferences]:is(.active,:not(.active)){background:#eee9dc!important;border-color:#dedbce!important}
html body[data-theme-sample=michigan][data-theme-sample=michigan] .appnav #yomiAdminTab:is(.active,:not(.active)){background:#f5f2e6!important;border-color:#dedbce!important}
html body[data-theme-sample=michigan][data-theme-sample=michigan] .appnav button.active{box-shadow:inset 0 0 0 1px #a52b30!important;border-color:#a52b30!important}
html body[data-theme-sample=michigan][data-theme-sample=michigan] #calendarPage .calendar-page-invite-close.invite-close-pinned{box-shadow:0 2px 8px #39372e20!important}
html body[data-theme-sample=michigan][data-theme-sample=michigan] #calendarPage .calendar-page-top-actions .calendar-page-back,
html body[data-theme-sample=michigan][data-theme-sample=michigan] #calendarPage .calendar-page-top-actions .calendar-page-create,
html body[data-theme-sample=michigan][data-theme-sample=michigan] #calendarPage .events-card-head [data-page-panel="invite"],
html body[data-theme-sample=michigan][data-theme-sample=michigan] #calendarPage .events-card-head .calendar-page-settings{background:#f2e7dc!important;color:#a52b30!important;border-color:#d7bfb0!important}
html body[data-theme-sample=michigan][data-theme-sample=michigan] #calendarPage .calendar-page-top-actions .calendar-page-back{background:#eee9dc!important;border-color:#d7bfb0!important}
html body[data-theme-sample=michigan][data-theme-sample=michigan] #calendarPage .events-card-head [data-page-panel="invite"]{background:#f2e1dd!important;border-color:#d4aaa5!important}
html body[data-theme-sample=michigan][data-theme-sample=michigan] #calendarPage .events-card-head .calendar-page-settings{background:#f2e7dc!important;border-color:#d7bfb0!important}
html body[data-theme-sample=michigan][data-theme-sample=michigan] #calendarPage [data-page-content=invite]>section.invite-desktop-section:first-of-type{background:#eeeee3!important;border-color:#66745a!important}
html body[data-theme-sample=michigan][data-theme-sample=michigan] #calendarPage [data-page-content=invite]>.sms-optin-box.invite-desktop-section{background:#f2e7dc!important;border-color:#883d38!important}
html body[data-theme-sample=michigan][data-theme-sample=michigan] #calendarPage [data-page-content=invite]>section.invite-desktop-section:last-of-type{background:#f2e1dd!important;border-color:#a52b30!important}
html body[data-theme-sample=michigan][data-theme-sample=michigan] #calendarPage [data-page-content=invite]>section.invite-desktop-section:first-of-type>h3{color:#66745a!important}
html body[data-theme-sample=michigan][data-theme-sample=michigan] #calendarPage [data-page-content=invite]>.sms-optin-box.invite-desktop-section>h3{color:#883d38!important}
html body[data-theme-sample=michigan][data-theme-sample=michigan] #calendarPage [data-page-content=invite]>section.invite-desktop-section:last-of-type>h3{color:#883d38!important}
html body[data-theme-sample=michigan][data-theme-sample=michigan] :is(.panel,.calendar,.calendar-page-card,.calendar-page-panel,.calendar-page-event,.settings,.plain-modal-panel,dialog,.my-account-panel,.create-section-box,.calendar-settings-card,.calendar-settings-header,.invite-settings-card,.invite-contact-card,.account-dropdown,.record){background:#fbf9f1!important;color:#39372e!important;border-color:#dedbce!important;box-shadow:none!important}
html body[data-theme-sample=michigan][data-theme-sample=michigan] :is(.dialog-head,.dialog-actions,.invite-settings-head,.invite-settings-footer){background:#fbf9f1!important;color:#39372e!important}
html body[data-theme-sample=michigan][data-theme-sample=michigan] :is(h1,h2,h3,h4,label,.settings summary,.account-dropdown button){color:#39372e!important}
html body[data-theme-sample=michigan][data-theme-sample=michigan] :is(input,textarea,select){background:#fffdf7!important;color:#39372e!important;border-color:#d7d0be!important;accent-color:#a52b30!important}
html body[data-theme-sample=michigan][data-theme-sample=michigan] :is(.secondary,.today,.small,.icon,.calendar-page-back,.calendar-page-create,.calendar-page-actions button,.calendar-page-menu button,.invite-settings-cancel,.account-dropdown button){background:#eee9dc!important;color:#615e52!important;border-color:#d9d1bd!important;box-shadow:none!important}
html body[data-theme-sample=michigan][data-theme-sample=michigan] :is(.primary,#homeAddEvent,.calendar-page-add-top,.calendar-page-add-inline,.calendar-page-actions [data-page-add],.invite-settings-done){background:#a52b30!important;color:#fffaf2!important;border-color:#a52b30!important;box-shadow:none!important}
html body[data-theme-sample=michigan][data-theme-sample=michigan] :is(.day,.calendar-page-fullcalendar .day){background:#fbf9f1!important;border-color:#dedbce!important}
html body[data-theme-sample=michigan][data-theme-sample=michigan] :is(.event,.calendar-page-fullcalendar .event){background:#f2e1dd!important;color:#883d38!important}
html body[data-theme-sample=michigan][data-theme-sample=michigan] :is(.day.today .date,.calendar-page-fullcalendar .day.today .date){background:#a52b30!important;color:#fffaf2!important;border-color:#a52b30!important}
html body[data-theme-sample=michigan][data-theme-sample=michigan] :is(.calendar-page-card .eyebrow,.calendar-page-stats,.calendar-page-browse-bar span,.hint,.muted,.demo-note){color:#77796d!important}
html body[data-theme-sample=michigan][data-theme-sample=michigan] :is(.calendar-page-event .event-date-badge){background:#a52b30!important;color:#fffaf2!important}
html body[data-theme-sample=michigan][data-theme-sample=michigan] :is(.calendar-page-event .event-date-badge small){color:#fffaf2!important}
html body[data-theme-sample=michigan][data-theme-sample=michigan] :is(.calendar-page-header h1,.calendar-page-card h1,.calendar-page-event .event-chevron){color:#39372e!important}
html body[data-theme-sample=michigan][data-theme-sample=michigan] :is(.settings-section-icon,.calendar-page-events h2:before,.calendar-page-panel h2:before){background:#f2e1dd!important;color:#a52b30!important}
html body[data-theme-sample=michigan][data-theme-sample=michigan] #createCalendarDialog .calendar-wide-box{background:#f2e1dd!important}
html body[data-theme-sample=michigan][data-theme-sample=michigan] .invite-settings-dialog{background:#f5f2e6!important;color:#39372e!important}
html body[data-theme-sample=michigan][data-theme-sample=michigan] .calendar-page-grid-mount #calendarToolbar{background:#fbf9f1!important}
html body[data-theme-sample=michigan][data-theme-sample=michigan] .day.outside{background:#eeeadc!important;color:#99978c!important}
/* LOCAL DESIGN PREVIEW: cosmetic overrides only, all app layout rules retained. */
html body[data-theme-sample=michigan]{background:#f5f2e6!important;color:#292a24!important;--ink:#292a24;--muted:#77796d;--line:#dedbce}
html body[data-theme-sample=michigan] .top{background:#f5f2e6!important;border-bottom-color:#aaa99a!important;box-shadow:none!important}
html body[data-theme-sample=michigan] .brand-logo{filter:grayscale(1) brightness(.28)!important}
html body[data-theme-sample=michigan] .brand-tagline{color:#a52b30!important}
html body[data-theme-sample=michigan] .avatar{background:#ece7d7!important;color:#7b3032!important;box-shadow:none!important}
html body[data-theme-sample=michigan] .eyebrow,html body[data-theme-sample=michigan] .section-label{color:#7b7465!important}
html body[data-theme-sample=michigan] .welcome h1{color:#292a24!important}
html body[data-theme-sample=michigan] .welcome p,html body[data-theme-sample=michigan] .upcoming{color:#77796d!important}
html body[data-theme-sample=michigan] #groupSummary.group-summary{background:#eeeadc!important;border-color:#d7d0be!important;box-shadow:none!important}
html body[data-theme-sample=michigan] #groupSummary .summary-tile{background:#f5f2e6!important;color:#a52b30!important;box-shadow:none!important}
html body[data-theme-sample=michigan] #groupSummary .summary-heading,html body[data-theme-sample=michigan] #groupSummary b{color:#292a24!important}
html body[data-theme-sample=michigan] #groupSummary small,html body[data-theme-sample=michigan] #groupSummary .summary-metric{color:#77796d!important}
html body[data-theme-sample=michigan] #calendarCards .calendar-home-card{background:#fbf9f1!important;border-color:#dedbce!important;box-shadow:0 1px 3px #292a2408!important}
html body[data-theme-sample=michigan] #calendarCards .calendar-card-title,html body[data-theme-sample=michigan] #calendarCards h3{color:#292a24!important}
html body[data-theme-sample=michigan] #calendarCards .calendar-card-meta>span,html body[data-theme-sample=michigan] #calendarCards .calendar-card-stats>span{background:#eeeadc!important;color:#746e60!important;outline-color:#d7d0be!important;border-color:#d7d0be!important}
html body[data-theme-sample=michigan] .appnav{background:#f5f2e6!important;border-color:#aaa99a!important;box-shadow:none!important}
html body[data-theme-sample=michigan] .appnav button,html body[data-theme-sample=michigan] #groupCalendarsScreen .dashboard-actions button,html body[data-theme-sample=michigan] #calendarCards button{background:#eee9dc!important;color:#615e52!important;border-color:#d9d1bd!important;box-shadow:none!important}
html body[data-theme-sample=michigan] .appnav button.active{background:#f2e1dd!important;color:#a52b30!important;border-color:#d4aaa5!important}
html body[data-theme-sample=michigan] #groupCalendarsScreen #homeAddEvent{background:#a52b30!important;border-color:#a52b30!important;color:#fffaf2!important;box-shadow:0 2px 5px #a52b3015!important}
html body[data-theme-sample=michigan] #groupCalendarsScreen #createCalendarFromHome{background:#f2e7dc!important;color:#883d38!important;border-color:#d7bfb0!important}
html body[data-theme-sample=michigan] #calendarCards .calendar-row-add{background:#f2e1dd!important;border-color:#dcc1b9!important;color:#983c3e!important}
html body[data-theme-sample=michigan] #calendarCards .calendar-row-invite{background:#eee9dc!important;border-color:#d9d1bd!important;color:#766451!important}
html body[data-theme-sample=michigan] #calendarCards .notification-chip{background:#eeeee3!important;border-color:#d5d8c5!important;color:#66745a!important;box-shadow:none!important}
html body[data-theme-sample=michigan] #calendarCards .phone-calendar-more{color:#837b6b!important;background:transparent!important}
html{background:#f5f2e6!important}
html body[data-theme-sample=michigan] main,html body[data-theme-sample=michigan] #calendarCardsView{background:#f5f2e6!important}
html body[data-theme-sample=michigan] #groupCalendarsScreen #calendarCardsView #createCalendarFromHome{background:#f2e7dc!important;color:#883d38!important;border-color:#d7bfb0!important;box-shadow:none!important}
html body[data-theme-sample=michigan] #groupCalendarsScreen #calendarCardsView #homeAddEvent{background:#a52b30!important;color:#fffaf2!important;border-color:#a52b30!important;box-shadow:none!important}
html body[data-theme-sample=michigan] nav.appnav button[data-view]:is(.active,:not(.active)){background:#eee9dc!important;border-color:#d9d1bd!important;color:#615e52!important;box-shadow:none!important}
html body[data-theme-sample=michigan] nav.appnav button[data-view].active{background:#f2e1dd!important;color:#a52b30!important;border-color:#d4aaa5!important;box-shadow:inset 0 0 0 1px #d4aaa5!important}
html body[data-theme-sample=michigan] #calendarCards#calendarCards .calendar-row-invite{background:#eee9dc!important;color:#766451!important;border-color:#d9d1bd!important;box-shadow:none!important}
html body[data-theme-sample=michigan] #calendarCards#calendarCards .calendar-card-title *,html body[data-theme-sample=michigan] #groupSummary#groupSummary *{color:inherit!important}
html body[data-theme-sample=michigan] #groupSummary#groupSummary{color:#39372e!important}
html body[data-theme-sample=michigan] #calendarCards#calendarCards .calendar-card-title{color:#39372e!important}
html body[data-theme-sample=michigan] .appnav.appnav button span{color:inherit!important}
/* Shared palette for every screen and form, preserving each calendar's color marker. */
html body[data-theme-sample=michigan]{--brand:#a52b30;--brand-dark:#883d38;--teal:#a52b30;--teal-pale:#eeeadc;--blue-pale:#f2e1dd;--canvas:#f5f2e6;--coral:#a52b30;--coral-pale:#f2e1dd;--gold:#883d38}
html body[data-theme-sample=michigan] :is(#calendarPage,#preferencesScreen,#myAccountScreen,.calendar-page-grid-mount){background:#f5f2e6!important}
html body[data-theme-sample=michigan] :is(.calendar-colors legend,.setting-label,.setting-description b,.invite-setting b,.event-type-trigger){color:#39372e!important}
html body[data-theme-sample=michigan] :is(.setting-description,.my-account-heading>p:last-child,.my-account-note,.field small){color:#77796d!important}
html body[data-theme-sample=michigan] :is(.access-choice,.event-type-trigger,.event-type-options,.event-type-options button,.calendar-multi){background:#fffdf7!important;color:#39372e!important;border-color:#dedbce!important}
html body[data-theme-sample=michigan] .access-choice input:checked+span{background:#a52b30!important;color:#fffaf2!important}
html body[data-theme-sample=michigan] .access-choice input:not(:checked)+span{background:#eee9dc!important;color:#615e52!important}
html body[data-theme-sample=michigan] .setting-switch input:checked+.switch-ui{background:#a52b30!important}
html body[data-theme-sample=michigan] #createCalendarDialog .calendar-access-box{background:#eeeee3!important;border-color:#aaa98d!important}
html body[data-theme-sample=michigan] #createCalendarDialog .calendar-invite-box{background:#f2e7dc!important;border-color:#c3a48d!important}
html body[data-theme-sample=michigan] #createCalendarDialog .calendar-wide-box{background:#f2e1dd!important;border-color:#bb8580!important}
html body[data-theme-sample=michigan] #createCalendarDialog .personal-notify-box{background:#eeeadc!important;border-color:#b2a58a!important}
html body[data-theme-sample=michigan] #createCalendarDialog .create-section-box .setting-description b{color:#615e52!important}
html body[data-theme-sample=michigan] #calendarPage .calendar-page-event{background:#fbf9f1!important;border-color:#dedbce!important}
html body[data-theme-sample=michigan] #calendarPage .calendar-page-event .event-main small{color:#77796d!important}
html body[data-theme-sample=michigan] .calendar-page-fullcalendar .day .date{color:#615e52!important;border-color:#dedbce!important}
html body[data-theme-sample=michigan] .calendar-page-fullcalendar .day.today .date{color:#fffaf2!important;background:#a52b30!important;border-color:#a52b30!important}
html body[data-theme-sample=michigan] :is(#createCalendarDialog,#calendarEditDialog) .setting-switch input:checked+.switch-ui{background:#a52b30!important}

/* Supplied #5 wordmark + slogan lockup (theme preview) */
html body[data-theme-sample=michigan] .brand-logo{content:url('brand-wordmark.png')!important;width:170px!important;max-height:36px!important}
html body[data-theme-sample=michigan] .brand-slogan-tag{display:block;width:170px;height:auto;margin-top:2px}
body .brand-slogan-tag{display:block;width:170px;height:auto;margin-top:2px}
html body[data-theme-sample=michigan] .brand-logo{filter:none!important}
/* Restore On/Off chip distinction (explicit preference: On light green, Off neutral dashed) */
html body[data-theme-sample=michigan] .notification-chip.is-on{background:#eaf6ef!important;border:1px solid #a9d6b8!important;color:#236b4c!important}
html body[data-theme-sample=michigan] .notification-chip.is-off{background:#fbf9f1!important;border:1px dashed #b9b3a4!important;color:#66745a!important}
[data-view="chats"][hidden]{display:none!important}
/* Sign-in gate themed (no reference design existed; palette match only, layout unchanged) */
html body[data-theme-sample=michigan] #yomiSignin{background:#f5f2e6!important}
html body[data-theme-sample=michigan] #yomiSignin .ys-card{background:#fbf9f1!important;border:1px solid #dedbce!important;box-shadow:0 10px 40px #292a2412!important}
html body[data-theme-sample=michigan] #yomiSignin .ys-logo{content:url('brand-wordmark.png?v=2')!important;height:44px!important;width:auto!important}
html body[data-theme-sample=michigan] #yomiSignin h1{color:#39372e!important}
html body[data-theme-sample=michigan] #yomiSignin .ys-sub,html body[data-theme-sample=michigan] #yomiSignin .ys-fine{color:#77796d!important}
html body[data-theme-sample=michigan] #yomiSignin label{color:#39372e!important}
html body[data-theme-sample=michigan] #yomiSignin input{background:#fffdf7!important;border-color:#d7d0be!important;color:#39372e!important}
html body[data-theme-sample=michigan] #yomiSignin .ys-btn{background:#a52b30!important;color:#fffaf2!important}
html body[data-theme-sample=michigan] #yomiSignin .ys-btn.ys-google{background:#eee9dc!important;color:#39372e!important;border:1px solid #d7d0be!important}
html body[data-theme-sample=michigan] #yomiSignin .ys-brand{background:transparent!important;padding:0!important}

/* Residual navy/blue cleanup pass (whole-app cream/burgundy feel) */
html body[data-theme-sample=michigan]{--brand:#883d38!important;--brand-dark:#6d2f2c!important;--ink:#39372e!important;--muted:#77796d!important;--line:#ddd2b8!important;--canvas:#f5f2e6!important;--blue-pale:#f2e7dc!important;--teal-pale:#efe8d4!important;--teal:#883d38!important;color:#39372e!important}
html body[data-theme-sample=michigan] a{color:#a52b30}
html body[data-theme-sample=michigan][data-theme-sample=michigan] :is(#quickAddEvent .modal-card,#quickAddEvent>form){background:linear-gradient(180deg,#fbf9f1 0%,#fffdf7 260px,#fbf9f1 520px)!important}
html body[data-theme-sample=michigan][data-theme-sample=michigan] :is(.field-label,#quickAddEvent .notification-choice legend){color:#39372e!important}
html body[data-theme-sample=michigan][data-theme-sample=michigan] .quick-cal-list{background:#fffdf7!important;border-color:#ddd2b8!important}
html body[data-theme-sample=michigan] #cardEventDialog[open]{background:#fbf9f1!important}
html body[data-theme-sample=michigan][data-theme-sample=michigan] :is(.event-location-card,.event-comments){background:#fffdf7!important;border-color:#ddd2b8!important}
html body[data-theme-sample=michigan][data-theme-sample=michigan] .event-map-actions a{background:#fffdf7!important;color:#39372e!important;border-color:#ddd2b8!important}
html body[data-theme-sample=michigan][data-theme-sample=michigan] :is(.calendar-settings-card,.calendar-settings-card .calendar-setting-row){background:#fffdf7!important;border-color:#ddd2b8!important}
html body[data-theme-sample=michigan][data-theme-sample=michigan] .all-events-sheet{background:#f5f2e6!important;color:#39372e!important}
html body[data-theme-sample=michigan][data-theme-sample=michigan] :is(.see-all-events,.card-event-row,.day-dialog-body .record,.expanded-view){background:#fffdf7!important;border-color:#ddd2b8!important;color:#39372e!important}
html body[data-theme-sample=michigan][data-theme-sample=michigan] .see-all-events>button{background:#a52b30!important;color:#fffaf2!important}
html body[data-theme-sample=michigan][data-theme-sample=michigan] .calendar-card-actions{flex-wrap:wrap!important;row-gap:6px!important}
/* Brand lockup breathing room: uncropped supplied assets, slightly smaller in same header slot */
html body[data-theme-sample=michigan] .brand-logo{content:url('brand-wordmark.png?v=2')!important;width:160px!important;height:auto!important;max-height:none!important}
html body[data-theme-sample=michigan] .brand-slogan-tag,body .brand-slogan-tag{width:155px!important;height:auto;margin-top:2px}
html body[data-theme-sample=michigan] #groupEventDialog dt{color:#39372e!important}
html body[data-theme-sample=michigan][data-theme-sample=michigan] .demo-note{background:#f2e7dc!important;color:#6e5a44!important;border:1px solid #e0cfae!important}
html body[data-theme-sample=michigan][data-theme-sample=michigan] .calendar-admin-badge.is-admin{background:#f2e7dc!important;color:#883d38!important;border-color:#d7bfb0!important}
html body[data-theme-sample=michigan][data-theme-sample=michigan] .calendar-admin-badge.is-member{background:#fbf9f1!important;color:#77796d!important;border-color:#ddd2b8!important}
html body[data-theme-sample=michigan] #groupCalendarsScreen #calendarCards .calendar-home-card .calendar-admin-badge.is-admin{background:#f2e7dc!important;color:#883d38!important;border-color:#d7bfb0!important}
html body[data-theme-sample=michigan] #groupCalendarsScreen #calendarCards .calendar-home-card .calendar-admin-badge.is-member{background:#fbf9f1!important;color:#77796d!important;border-color:#ddd2b8!important}
html body[data-theme-sample=michigan][data-theme-sample=michigan] :is(.newdot,.newtag){background:#a52b30!important}
html body[data-theme-sample=michigan][data-theme-sample=michigan] .newcount{background:#f2e7dc!important;color:#883d38!important}
/* round3: desktop/all-width residual navy fixes (live-probed) */
html body[data-theme-sample=michigan] .calendar-home-card{color:#39372e!important}
html body[data-theme-sample=michigan] .calendar-home-card .upcoming{color:#77796d!important}
html body[data-theme-sample=michigan] :is(.homeWelcome,.welcome)>div>p:not(.eyebrow){color:#77796d!important}
html body[data-theme-sample=michigan] dialog .dialog-head .eyebrow{color:#7b7465!important}
html body[data-theme-sample=michigan] .badge{background:#efe8d4!important;color:#6d6252!important;border-color:#ddd2b8!important}
html body[data-theme-sample=michigan] #preferencesScreen label{color:#39372e!important}
/* round4: residual pale-blue borders/labels (live-probed) */
html body[data-theme-sample=michigan] dialog .dialog-head{border-bottom-color:#ddd2b8!important}
html body[data-theme-sample=michigan] #quickAddEvent fieldset.notification-choice{border-color:#ddd2b8!important;background:rgba(251,249,241,.85)!important}
html body[data-theme-sample=michigan] .month-controls button{background:#fbf9f1!important;border-color:#ddd2b8!important;color:#39372e!important}
html body[data-theme-sample=michigan] .weekday{color:#7b7465!important;background:#f0ebdb!important}
/* round5: iPhone-proof chip fit - auto width, smaller/700 weight, no autosize inflation */
@media(max-width:680px){
 html body[data-theme-sample=michigan][data-theme-sample=michigan] #groupCalendarsScreen:not([hidden]) #calendarCards .calendar-home-card .calendar-home-action-row{flex-wrap:nowrap!important;margin-left:-25px!important;width:calc(100% + 25px)!important;gap:4px!important}
 html body[data-theme-sample=michigan][data-theme-sample=michigan] #groupCalendarsScreen:not([hidden]) #calendarCards .calendar-home-card .calendar-home-primary-actions{gap:2px!important}
 html body[data-theme-sample=michigan][data-theme-sample=michigan] #groupCalendarsScreen:not([hidden]) #calendarCards .calendar-home-card .calendar-notification-status{flex-wrap:nowrap!important;gap:2px!important}
 html body[data-theme-sample=michigan][data-theme-sample=michigan] #groupCalendarsScreen:not([hidden]) #calendarCards .calendar-home-card .calendar-row-add,html body[data-theme-sample=michigan][data-theme-sample=michigan] #groupCalendarsScreen:not([hidden]) #calendarCards .calendar-home-card .calendar-row-invite,html body[data-theme-sample=michigan][data-theme-sample=michigan] #groupCalendarsScreen:not([hidden]) #calendarCards .calendar-home-card .notification-chip{width:auto!important;min-width:0!important;height:28px!important;min-height:28px!important;padding:3px 4px!important;font-size:9px!important;font-weight:700!important;line-height:1!important;gap:2px!important;white-space:nowrap!important;-webkit-text-size-adjust:100%!important;text-size-adjust:100%!important}
}
/* round5: theme yn-* popups (chat alerts, confirm, consent) - colors only */
html body[data-theme-sample=michigan] .yn-card{background:#fffdf7!important;color:#39372e!important;border:1px solid #ddd2b8!important}
html body[data-theme-sample=michigan] .yn-card h3{color:#39372e!important}
html body[data-theme-sample=michigan] .yn-card .hint{color:#77796d!important}
html body[data-theme-sample=michigan] .yn-card .yn-check{color:#39372e!important}
html body[data-theme-sample=michigan] .yn-row button{background:#fbf9f1!important;border:1px solid #ddd2b8!important;color:#39372e!important}
html body[data-theme-sample=michigan] .yn-row button.go{background:#a52b30!important;border-color:#a52b30!important;color:#fff!important}
/* round5b: See All Groups Events sheet - warm palette, preserve event data colors */
html body[data-theme-sample=michigan][data-theme-sample=michigan] .all-events-sheet{background:#fbf9f1!important;color:#39372e!important}
html body[data-theme-sample=michigan][data-theme-sample=michigan] .all-events-title{border-bottom:1px solid #ddd2b8!important}
html body[data-theme-sample=michigan][data-theme-sample=michigan] .all-events-title h2{color:#39372e!important}
html body[data-theme-sample=michigan][data-theme-sample=michigan] .all-events-title button{color:#7b7465!important}
html body[data-theme-sample=michigan][data-theme-sample=michigan] .all-events-sheet>p{color:#77796d!important}
html body[data-theme-sample=michigan][data-theme-sample=michigan] .all-filter-label{color:#77796d!important}
html body[data-theme-sample=michigan][data-theme-sample=michigan] .all-filter-label select,html body[data-theme-sample=michigan][data-theme-sample=michigan] .all-search{background:#fffdf7!important;border-color:#ddd2b8!important;color:#39372e!important}
html body[data-theme-sample=michigan][data-theme-sample=michigan] .all-filter-label select{color:#39372e!important}
html body[data-theme-sample=michigan][data-theme-sample=michigan] .all-search{color:#77796d!important}
html body[data-theme-sample=michigan][data-theme-sample=michigan] .all-search input{color:#39372e!important;background:transparent!important}
html body[data-theme-sample=michigan][data-theme-sample=michigan] .all-search button{color:#7b7465!important}
html body[data-theme-sample=michigan][data-theme-sample=michigan] .all-filter-button{background:#fffdf7!important;border-color:#ddd2b8!important;color:#39372e!important}
html body[data-theme-sample=michigan][data-theme-sample=michigan] .all-events-controls button{background:#fffdf7!important;border-color:#ddd2b8!important;color:#615e52!important}
html body[data-theme-sample=michigan][data-theme-sample=michigan].events-page-mode>.all-events-overlay{background:#f5f2e6!important}
html body[data-theme-sample=michigan][data-theme-sample=michigan]:not(.events-page-mode) #allGroupsEventsOverlay .all-events-title{background:#fbf9f1!important;box-shadow:0 -24px 0 #fbf9f1!important}

/* Personal chat choices are distinct from event reminders and calendar-wide controls. */
html body[data-theme-sample=michigan][data-theme-sample=michigan] #calendarEditDialog .chat-notify-card{background:#f2e1dd!important;border:1px solid #bb8580!important;margin:16px 26px;padding:16px;border-radius:14px}
html body[data-theme-sample=michigan] #calendarEditDialog .chat-notify-title{margin:0 0 12px!important;line-height:1.5}
html body[data-theme-sample=michigan][data-theme-sample=michigan] #chatNotifyRows .calendar-setting-row{background:transparent!important}

/* Calendar-card On status: stronger green only, no notification behavior changes. */
html body[data-theme-sample=michigan] #calendarCards .calendar-home-card .notification-chip.is-on{background:#bce8c8!important;border-color:#32834e!important;color:#145c2e!important}

/* Invite is a contained modal; the calendar stays behind the backdrop. */
html body[data-theme-sample=michigan] #calendarPage dialog.calendar-invite-dialog{position:fixed!important;inset:0!important;margin:auto!important;width:min(600px,calc(100vw - 28px))!important;max-height:calc(100dvh - 32px)!important;overflow-y:auto!important;overscroll-behavior:contain;padding:0 16px 16px!important;box-sizing:border-box}
html body[data-theme-sample=michigan] #calendarPage dialog.calendar-invite-dialog::backdrop{background:#39372e99}
html body[data-theme-sample=michigan] #calendarPage .calendar-invite-dialog .calendar-page-invite-head{position:sticky;top:0;z-index:3;background:#fbf9f1;padding:14px 0 10px;margin:0}
html body[data-theme-sample=michigan] #calendarPage .calendar-invite-dialog .calendar-page-invite-head h2{margin:0}

/* Calendar Settings dropdown: cream/red palette only. */
html body[data-theme-sample=michigan][data-theme-sample=michigan] #calendarPage .calendar-page-menu{background:#fbf9f1!important;border-color:#d5c5b5!important}
html body[data-theme-sample=michigan][data-theme-sample=michigan] #calendarPage .calendar-page-menu button{background:#f2e7dc!important;color:#883d38!important;border-color:#c9a5a0!important}
html body[data-theme-sample=michigan][data-theme-sample=michigan] #calendarPage .calendar-page-menu button:hover,html body[data-theme-sample=michigan][data-theme-sample=michigan] #calendarPage .calendar-page-menu button:focus-visible{background:#f2e1dd!important;color:#a52b30!important;border-color:#a52b30!important}

/* Independent event/chat notification groups. Existing controls and saves retained. */
html body[data-theme-sample=michigan][data-theme-sample=michigan] #calendarEditDialog .event-notify-card{background:#eeeee3!important;border:2px solid #66745a!important;margin:16px 26px;padding:16px;border-radius:14px}
html body[data-theme-sample=michigan] #calendarEditDialog .event-notify-card h3,html body[data-theme-sample=michigan] #calendarEditDialog .chat-notify-title b{font-size:18px!important;font-weight:900!important;letter-spacing:.25px;line-height:1.3}
html body[data-theme-sample=michigan] #calendarEditDialog .event-notify-card h3{color:#4d6043!important;margin:0 0 10px}
html body[data-theme-sample=michigan] #calendarEditDialog .chat-notify-title b{color:#a52b30!important;display:inline-block;margin-bottom:10px}

/* Home calendar-card Invite matches Add Event colors only. */
html body[data-theme-sample=michigan][data-theme-sample=michigan] #calendarCards#calendarCards .calendar-row-invite{background:#f2e7dc!important;color:#a52b30!important;border-color:#dcc1b9!important}

/* Simple Create Calendar: existing controls and defaults retained in Advanced. */
html body[data-theme-sample=michigan] #createCalendarDialog .create-standard-summary{margin:16px 26px;padding:16px;background:#eeeee3!important;border:2px solid #66745a;border-radius:14px}
#createCalendarDialog .create-standard-summary h3{margin:0 0 10px;color:#4d6043;font-size:20px}
#createCalendarDialog .create-standard-summary p{margin:8px 0;line-height:1.4}
#createCalendarDialog .create-standard-summary small{line-height:1.4;display:block;color:#615e52}
#createAdvancedSettings>summary{cursor:pointer;font-weight:700;font-size:16px;margin:0 26px;padding:14px 0;color:#a52b30}
#createAdvancedSettings>summary:focus-visible{outline:2px solid #a52b30;outline-offset:3px;border-radius:4px}
#createCalendarDialog{max-height:calc(100dvh - 32px);overflow:auto}

/* Create: color is a first-level choice; check marks describe, not toggle. */
#createCalendarDialog .create-standard-checklist{list-style:none;margin:12px 0 14px;padding:0;display:grid;gap:12px}
#createCalendarDialog .create-standard-checklist li{display:flex;gap:10px;align-items:flex-start;font-size:15px;line-height:1.4}
#createCalendarDialog .create-check{display:inline-grid;place-items:center;flex:0 0 22px;width:22px;height:22px;border-radius:50%;background:#66745a;color:#fff;font-size:14px;font-weight:800;line-height:1}
#createCalendarDialog .create-standard-summary small{font-size:12px}

/* Keep existing dialog exits reachable while their content scrolls. */
html body dialog .dialog-head,html body .invite-settings-head{position:sticky!important;top:0!important;z-index:20!important;background:#fbf9f1!important;box-shadow:0 3px 10px #39372e20}
html body #calendarPage .calendar-page-floating-back{position:fixed;right:16px;bottom:calc(76px + env(safe-area-inset-bottom,0px));z-index:90;padding:12px 16px!important;background:#fbf9f1!important;color:#a52b30!important;border:1px solid #d7bfb0!important;border-radius:12px!important;box-shadow:0 2px 10px #39372e30!important;font-size:14px}
html body #calendarPage .calendar-page-floating-back[hidden]{display:none!important}
/* Sync's content wrapper must span its dialog scroll area for sticky to hold. */
#syncCalendarDialog .sync-calendar-dialog{display:contents}

#createCalendarDialog #createSmsInlineConsent{margin:16px 26px;padding:14px;border:1px solid #d7bfb0;border-radius:12px}
#createSmsInlineConsent h3{margin:0 0 16px;font-size:18px}

/* Separate full-width Create Calendar chat settings, approved preview. */
#createCalendarDialog .create-chat-notify-box>p:first-child b{font-size:16px!important;margin-bottom:8px}
#createCalendarDialog .create-chat-notify-box{margin-top:16px!important;margin-bottom:16px!important;padding:14px!important}

/* Approved All Groups Events warm theme, calendar dots retained. */
html body[data-theme-sample=michigan][data-theme-sample=michigan] #allGroupsEventsOverlay .all-event-card{background:#fffdf7!important;border-color:#ddd2b8!important;box-shadow:none!important}html body[data-theme-sample=michigan][data-theme-sample=michigan] #allGroupsEventsOverlay .all-event-date{background:#a52b30!important;color:#fffaf2!important}html body[data-theme-sample=michigan][data-theme-sample=michigan] #allGroupsEventsOverlay .all-event-card b{color:#39372e!important}html body[data-theme-sample=michigan][data-theme-sample=michigan] #allGroupsEventsOverlay .all-event-date b{color:#fffaf2!important}html body[data-theme-sample=michigan][data-theme-sample=michigan] #allGroupsEventsOverlay .all-event-card small{color:#77796d!important}html body[data-theme-sample=michigan][data-theme-sample=michigan] #allGroupsEventsOverlay .all-event-card>span:last-child{color:#66745a!important}html body[data-theme-sample=michigan][data-theme-sample=michigan] #allGroupsEventsOverlay .all-filter-options,html body[data-theme-sample=michigan][data-theme-sample=michigan] #allGroupsEventsOverlay .all-filter-option{background:#fffdf7!important;color:#39372e!important;border-color:#ddd2b8!important}html body[data-theme-sample=michigan][data-theme-sample=michigan] #allGroupsEventsOverlay .all-filter-option.selected{background:#eee9dc!important;color:#a52b30!important}

/* Approved All Groups filter/search color and readable calendar names. */
html body[data-theme-sample=michigan][data-theme-sample=michigan] #allGroupsEventsOverlay .all-event-calendar-name{display:block;font-size:16px;line-height:1.4;font-weight:750;color:#495740;margin:2px 0 3px}
html body[data-theme-sample=michigan][data-theme-sample=michigan] #allGroupsEventsOverlay .all-event-card small{font-size:12px;line-height:1.5}
html body[data-theme-sample=michigan][data-theme-sample=michigan] #allGroupsEventsOverlay #allEventsCalendarFilter{background:#eee5d2!important;border-color:#bcad88!important;color:#5a4a2e!important;font-weight:700!important;font-size:15px!important}
html body[data-theme-sample=michigan][data-theme-sample=michigan] #allGroupsEventsOverlay .all-search{background:#edeeda!important;border-color:#a7ad8e!important}

/* Approved Home and Calendar View frozen-top controls. */
html body[data-theme-sample=michigan][data-theme-sample=michigan] main{overflow:visible!important}html body[data-theme-sample=michigan][data-theme-sample=michigan] .top{position:sticky!important;top:0!important;z-index:101!important;background:#fbf8ed!important}html body[data-theme-sample=michigan][data-theme-sample=michigan] .dashboard-actions{position:sticky!important;top:var(--yomi-header-height)!important;z-index:100!important;background:#fbf8ed!important;padding-top:10px!important;padding-bottom:10px!important;margin-top:0!important;box-shadow:0 4px 6px -5px #8b8068}html body[data-theme-sample=michigan][data-theme-sample=michigan] #calendarToolbar{position:sticky!important;top:var(--yomi-header-height)!important;z-index:100!important;background:#fbf8ed!important;box-shadow:0 4px 6px -5px #8b8068;padding-top:8px!important;padding-bottom:8px!important}
html:has(body[data-theme-sample=michigan]),html body[data-theme-sample=michigan][data-theme-sample=michigan]{overflow-x:clip!important;overflow-y:visible!important}
html body[data-theme-sample=michigan][data-theme-sample=michigan] :is(#calendarCardsView,#groupCalendarsScreen,.homeOnly){overflow:visible!important}

/* Approved Home Overview and action row remain together. */
#homeOverviewSticky{position:sticky;top:var(--yomi-header-height);z-index:100;background:#fbf8ed;padding-bottom:8px;box-shadow:0 4px 6px -5px #8b8068}html body[data-theme-sample=michigan][data-theme-sample=michigan] #homeOverviewSticky .dashboard-actions{position:static!important;box-shadow:none!important}#homeOverviewSticky #groupSummary{margin-top:8px!important;margin-bottom:0!important}

/* Approved event titles larger than calendar names. */
html body[data-theme-sample=michigan][data-theme-sample=michigan] #allGroupsEventsOverlay .all-event-card>span:nth-of-type(2)>b{font-size:19px!important;line-height:1.3!important}

/* Approved individual-calendar top actions stay visible. */
html body[data-theme-sample=michigan][data-theme-sample=michigan] #calendarPage{overflow:visible!important}
html body[data-theme-sample=michigan][data-theme-sample=michigan] #calendarPage .calendar-page-frozen-actions{position:sticky;top:var(--yomi-header-height);z-index:102;background:#fbf8ed;padding:8px 0;box-shadow:0 4px 6px -5px #8b8068}
html body[data-theme-sample=michigan][data-theme-sample=michigan] #calendarPage .calendar-page-frozen-actions .calendar-page-top-actions{margin-top:0!important}
html body[data-theme-sample=michigan][data-theme-sample=michigan] #calendarPage .calendar-page-frozen-actions .events-card-head{margin-bottom:0!important}
html body[data-theme-sample=michigan][data-theme-sample=michigan] #calendarPage .calendar-page-floating-back{display:none!important}

/* Preview: whole original calendar header stays with fixed buttons. */
html body[data-theme-sample=michigan][data-theme-sample=michigan] #calendarPage .calendar-page-frozen-actions>.calendar-page-card{margin-top:10px!important;margin-bottom:0!important}

/* Preview: equal phone bottom-navigation button sizes only. */
@media(max-width:680px){html body[data-theme-sample=michigan][data-theme-sample=michigan] .appnav{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;align-items:stretch!important}html body[data-theme-sample=michigan][data-theme-sample=michigan] .appnav>:is(button,a){box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:none!important;height:56px!important;min-height:56px!important;flex:none!important;padding-left:3px!important;padding-right:3px!important;white-space:normal!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important}html body[data-theme-sample=michigan][data-theme-sample=michigan] .appnav>:is(button,a)>span:last-child{white-space:normal!important;line-height:1.15!important;text-align:center!important}}

/* Approved Settings current-setup and Advanced presentation. */
#editCurrentSummary{margin:16px 26px;padding:16px;background:#eeeee3;border:2px solid #66745a;border-radius:14px}#editCurrentSummary h3{margin:0 0 10px;color:#4d6043;font-size:20px}#editCurrentSummary ul{list-style:none;padding:0;display:grid;gap:12px;font-size:14px}#editCurrentSummary li{display:flex;gap:10px;align-items:flex-start}#editCurrentSummary .create-check{display:grid;place-items:center;flex:0 0 22px;height:22px;background:#66745a;color:white;border-radius:50%}#editCurrentSummary small{font-size:12px;line-height:1.4;display:block}#editAdvancedSettings>summary{margin:0 26px;padding:14px 0;cursor:pointer;font-weight:700;color:#a52b30;font-size:16px}

/* New-event count: prominent green badge beside the calendar name. */
html body[data-theme-sample=michigan][data-theme-sample=michigan] #calendarCards .calendar-home-card .new-at-name{display:inline-flex!important;align-items:center;flex:none;margin-left:8px;white-space:nowrap}
html body[data-theme-sample=michigan][data-theme-sample=michigan] #calendarCards .calendar-home-card .new-at-next{display:none!important}
html body[data-theme-sample=michigan][data-theme-sample=michigan] #calendarCards .calendar-home-card .new-at-name .newdot{display:none!important}
html body[data-theme-sample=michigan][data-theme-sample=michigan] #calendarCards .calendar-home-card .new-at-name .newcount{display:inline-flex;align-items:center;background:#18733b!important;color:#fff!important;font-size:12px;font-weight:700;line-height:1.2;border-radius:99px;padding:5px 9px;margin:0}
html body[data-theme-sample=michigan][data-theme-sample=michigan] #calendarCards .calendar-home-card .new-at-name{flex-basis:100%;margin:6px 0 0!important}

/* Home Invite mirrors existing inside-calendar Invite styles, including breakpoints. */

/* soft color per pill */
html body #previewInviteDialog .calendar-page-actions [data-page-panel="invite"]{background:#fff3e2!important;color:#b45309!important;border-color:#f0d6ae!important}

html body[data-theme-sample=michigan] #previewInviteDialog .calendar-page-actions [data-page-panel="invite"]{background:#2dd4bf!important;color:#0d1422!important;border:1px solid #1ba893!important}


/* Invite swaps into the events-card pair; Leave uses the former Invite slot. */
html body[data-theme-sample=michigan] #previewInviteDialog .events-card-head [data-page-panel="invite"]{margin:0;padding:6px 12px;font-size:12.5px;font-weight:750;line-height:normal;border-radius:9px;display:inline-flex;align-items:center;white-space:nowrap;background:#2dd4bf!important;color:#0d1422!important;border:1px solid #1ba893!important;box-shadow:none!important}


#previewInviteDialog .calendar-page-invite-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}

#previewInviteDialog .calendar-page-invite-head h2{flex:1;min-width:0}

html body[data-theme-sample=michigan] #previewInviteDialog .calendar-page-invite-close{flex:0 0 32px;width:32px;height:32px;min-height:32px;margin:0;padding:0;display:inline-flex;align-items:center;justify-content:center;font-size:24px;line-height:1;border-radius:8px;background:#f1f5f9!important;color:#0d1422!important;border:1px solid #d1dce6!important;cursor:pointer}


/* Calendar details Invite: compact reset-link control. */
html body[data-theme-sample=michigan] #previewInviteDialog [data-invite-reset]{display:inline-flex!important;align-items:center;justify-content:center;width:auto!important;min-height:30px!important;height:30px!important;padding:5px 10px!important;font-size:12px!important;line-height:1.2!important;border-radius:8px!important}


/* Compact inline recipient action in Calendar details Invite. */
html body[data-theme-sample=michigan] #previewInviteDialog .invite-recipient-row{display:flex;gap:6px;align-items:center;margin-top:6px}

html body[data-theme-sample=michigan] #previewInviteDialog .invite-recipient-row input{flex:1;min-width:0;margin:0}

html body[data-theme-sample=michigan] #previewInviteDialog .invite-recipient-row button{flex:none;width:auto;min-width:52px;min-height:34px;padding:6px 10px;font-size:12px;margin:0}


/* Text sharing belongs on phones, not desktop Invite panels. */
html body[data-theme-sample=michigan] #previewInviteDialog .invite-phone-hint{display:none!important}

@media(min-width:681px){html body[data-theme-sample=michigan] #previewInviteDialog .invite-phone-only{display:none!important}
}

@media(max-width:680px){html body[data-theme-sample=michigan] #previewInviteDialog .invite-desktop-hint{display:none!important}
html body[data-theme-sample=michigan] #previewInviteDialog .invite-phone-hint{display:inline!important}
}

/* Email Send sits below its address box on phone and desktop. */
html body[data-theme-sample=michigan] #previewInviteDialog .invite-recipient-row{flex-direction:column;align-items:flex-start}

html body[data-theme-sample=michigan] #previewInviteDialog .invite-recipient-row input{flex:none;width:100%;box-sizing:border-box}


/* Desktop Invite: email first, link sharing second. Phones keep their layout. */
@media(min-width:681px){
 html body[data-theme-sample=michigan] #previewInviteDialog .invite-desktop-section{border:1px solid #d4dee7;border-radius:10px;padding:16px;margin:14px 0;background:#fff}

 html body[data-theme-sample=michigan] #previewInviteDialog .invite-desktop-section h3{font-size:17px;margin:0 0 8px;color:#00274c}

 html body[data-theme-sample=michigan] #previewInviteDialog .invite-desktop-grouped>.hint,html body[data-theme-sample=michigan] #previewInviteDialog .invite-desktop-grouped>.calendar-invite-methods{display:none!important}

 html body[data-theme-sample=michigan] #previewInviteDialog .invite-desktop-section>[data-share=email]{width:auto;min-height:36px;padding:8px 16px;margin:2px 0}
}

/* Compact desktop proportions for the two-section Invite panel. */
@media(min-width:681px){
 html body[data-theme-sample=michigan] #previewInviteDialog .invite-shared-body{max-width:620px;margin:12px auto;padding:14px 16px;box-sizing:border-box}

 html body[data-theme-sample=michigan] #previewInviteDialog .invite-desktop-section{padding:12px;margin:12px 0}

 html body[data-theme-sample=michigan] #previewInviteDialog .invite-desktop-section .field input{min-height:36px;padding:8px 10px;font-size:13px}

 html body[data-theme-sample=michigan] #previewInviteDialog .invite-desktop-section .calendar-invite-methods{display:flex;flex-wrap:wrap;gap:8px}

 html body[data-theme-sample=michigan] #previewInviteDialog .invite-desktop-section .calendar-invite-methods button{min-height:34px;padding:7px 12px;width:auto;font-size:12px}

 html body[data-theme-sample=michigan] #previewInviteDialog .invite-desktop-section .hint{font-size:12px;line-height:1.45;margin:6px 0}

 html body[data-theme-sample=michigan] #previewInviteDialog .invite-desktop-section textarea{width:100%;box-sizing:border-box;min-height:70px;font-size:13px}

 html body[data-theme-sample=michigan] #previewInviteDialog .invite-desktop-section .sms-optin-box{margin-top:12px;padding-top:12px}
}


/* Desktop email section: compact address and Send on one row. */
@media(min-width:681px){
 html body[data-theme-sample=michigan] #previewInviteDialog .invite-desktop-section .invite-recipient-row{flex-direction:row;align-items:center;max-width:410px}

 html body[data-theme-sample=michigan] #previewInviteDialog .invite-desktop-section .invite-recipient-row input{flex:1;min-width:0;width:auto}
}


/* Desktop link actions: equal sharing buttons, reset separated below. */
@media(min-width:681px){
 html body[data-theme-sample=michigan] #previewInviteDialog .invite-desktop-section:last-of-type>.calendar-invite-methods{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}

 html body[data-theme-sample=michigan] #previewInviteDialog .invite-desktop-section:last-of-type>.calendar-invite-methods button{width:100%;min-height:38px}

 html body[data-theme-sample=michigan] #previewInviteDialog .invite-link-reset-area{border-top:1px solid #d4dee7;padding-top:12px;margin-top:16px!important}
}


/* Center the desktop invite-link reset below the sharing pair. */
@media(min-width:681px){
 html body[data-theme-sample=michigan] #previewInviteDialog .invite-link-reset-area [data-invite-reset]{display:flex!important;margin-left:auto;margin-right:auto}
}


/* Three desktop Invite boxes with restrained blue and teal actions. */
@media(min-width:681px){
 html body[data-theme-sample=michigan] #previewInviteDialog .invite-desktop-grouped>.sms-optin-box.invite-desktop-section{border:1px solid #d4dee7;border-radius:10px;padding:12px;margin:12px 0;background:#fff}

 html body[data-theme-sample=michigan] #previewInviteDialog .invite-desktop-section button{background:#e3f3f9!important;border-color:#a7cfdc!important;color:#124b65!important}

 html body[data-theme-sample=michigan] #previewInviteDialog .invite-desktop-section [data-invite-send-email]{background:#167b9f!important;border-color:#126987!important;color:#fff!important}

 html body[data-theme-sample=michigan] #previewInviteDialog .invite-desktop-section [data-share=whatsapp]{background:#def5ef!important;border-color:#a1d8cb!important;color:#0b6557!important}

 html body[data-theme-sample=michigan] #previewInviteDialog .invite-desktop-section [data-invite-reset]{background:#eef5f8!important;border-color:#c2d5df!important;color:#31576b!important}
}


/* Keep only Invite's close control in reach as its panel scrolls. */
html body[data-theme-sample=michigan] #previewInviteDialog .calendar-page-invite-close.invite-close-pinned{position:fixed;top:12px;z-index:50;box-shadow:0 2px 8px #00274c26}


/* Phone Invite uses the same three boxes, with Text / SMS in the link box. */
@media(max-width:680px){

 html body[data-theme-sample=michigan] #previewInviteDialog .invite-desktop-section{border:1px solid #d4dee7;border-radius:10px;padding:16px;margin:14px 0;background:#fff}

 html body[data-theme-sample=michigan] #previewInviteDialog .invite-desktop-section h3{font-size:17px;margin:0 0 8px;color:#00274c}

 html body[data-theme-sample=michigan] #previewInviteDialog .invite-desktop-grouped>.hint,html body[data-theme-sample=michigan] #previewInviteDialog .invite-desktop-grouped>.calendar-invite-methods{display:none!important}

 html body[data-theme-sample=michigan] #previewInviteDialog .invite-desktop-section>[data-share=email]{width:auto;min-height:36px;padding:8px 16px;margin:2px 0}

 html body[data-theme-sample=michigan] #previewInviteDialog .invite-shared-body{max-width:620px;margin:12px auto;padding:14px 16px;box-sizing:border-box}

 html body[data-theme-sample=michigan] #previewInviteDialog .invite-desktop-section{padding:12px;margin:12px 0}

 html body[data-theme-sample=michigan] #previewInviteDialog .invite-desktop-section .field input{min-height:36px;padding:8px 10px;font-size:13px}

 html body[data-theme-sample=michigan] #previewInviteDialog .invite-desktop-section .calendar-invite-methods{display:flex;flex-wrap:wrap;gap:8px}

 html body[data-theme-sample=michigan] #previewInviteDialog .invite-desktop-section .calendar-invite-methods button{min-height:34px;padding:7px 12px;width:auto;font-size:12px}

 html body[data-theme-sample=michigan] #previewInviteDialog .invite-desktop-section .hint{font-size:12px;line-height:1.45;margin:6px 0}

 html body[data-theme-sample=michigan] #previewInviteDialog .invite-desktop-section textarea{width:100%;box-sizing:border-box;min-height:70px;font-size:13px}

 html body[data-theme-sample=michigan] #previewInviteDialog .invite-desktop-section .sms-optin-box{margin-top:12px;padding-top:12px}

 html body[data-theme-sample=michigan] #previewInviteDialog .invite-desktop-section .invite-recipient-row{flex-direction:row;align-items:center;max-width:410px}

 html body[data-theme-sample=michigan] #previewInviteDialog .invite-desktop-section .invite-recipient-row input{flex:1;min-width:0;width:auto}

 html body[data-theme-sample=michigan] #previewInviteDialog .invite-desktop-section:last-of-type>.calendar-invite-methods{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}

 html body[data-theme-sample=michigan] #previewInviteDialog .invite-desktop-section:last-of-type>.calendar-invite-methods button{width:100%;min-height:38px}

 html body[data-theme-sample=michigan] #previewInviteDialog .invite-link-reset-area{border-top:1px solid #d4dee7;padding-top:12px;margin-top:16px!important}

 html body[data-theme-sample=michigan] #previewInviteDialog .invite-link-reset-area [data-invite-reset]{display:flex!important;margin-left:auto;margin-right:auto}

 html body[data-theme-sample=michigan] #previewInviteDialog .invite-desktop-grouped>.sms-optin-box.invite-desktop-section{border:1px solid #d4dee7;border-radius:10px;padding:12px;margin:12px 0;background:#fff}

 html body[data-theme-sample=michigan] #previewInviteDialog .invite-desktop-section button{background:#e3f3f9!important;border-color:#a7cfdc!important;color:#124b65!important}

 html body[data-theme-sample=michigan] #previewInviteDialog .invite-desktop-section [data-invite-send-email]{background:#167b9f!important;border-color:#126987!important;color:#fff!important}

 html body[data-theme-sample=michigan] #previewInviteDialog .invite-desktop-section [data-share=whatsapp]{background:#def5ef!important;border-color:#a1d8cb!important;color:#0b6557!important}

 html body[data-theme-sample=michigan] #previewInviteDialog .invite-desktop-section [data-invite-reset]{background:#eef5f8!important;border-color:#c2d5df!important;color:#31576b!important}

html body[data-theme-sample=michigan] #previewInviteDialog .invite-desktop-section .invite-recipient-row{flex-direction:column;align-items:stretch}

html body[data-theme-sample=michigan] #previewInviteDialog .invite-desktop-section .invite-recipient-row input{width:100%;box-sizing:border-box}

html body[data-theme-sample=michigan] #previewInviteDialog .invite-desktop-section:last-of-type>.calendar-invite-methods [data-share=sms]{grid-column:1/-1}
}


/* Calendar tools share one logo blue; Add Event alone stays black. */
html body[data-theme-sample=michigan] #previewInviteDialog .calendar-page-top-actions .calendar-page-back,
html body[data-theme-sample=michigan] #previewInviteDialog .calendar-page-top-actions .calendar-page-create,
html body[data-theme-sample=michigan] #previewInviteDialog .events-card-head [data-page-panel="invite"],
html body[data-theme-sample=michigan] #previewInviteDialog .events-card-head .calendar-page-settings{background:#38bdf8!important;color:#0d1422!important;border-color:#2596d1!important}

html body[data-theme-sample=michigan] #previewInviteDialog .events-card-head [data-page-panel="invite"]{background:#66cdf9!important;border-color:#3db2e3!important}


/* Invite sections use the same tinted, accented cards as Create Calendar. */
html body[data-theme-sample=michigan] #previewInviteDialog .invite-shared-body>.invite-desktop-section{border-radius:12px!important;border-width:2px!important;border-style:solid!important;border-top-width:6px!important}

html body[data-theme-sample=michigan] #previewInviteDialog .invite-shared-body>section.invite-desktop-section:first-of-type{background:#f1f9f8!important;border-color:#20877c!important}

html body[data-theme-sample=michigan] #previewInviteDialog .invite-shared-body>.sms-optin-box.invite-desktop-section{background:#fff8ec!important;border-color:#b87a19!important}

html body[data-theme-sample=michigan] #previewInviteDialog .invite-shared-body>section.invite-desktop-section:last-of-type{background:#edf4ff!important;border-color:#3973bf!important;border-top-color:#245fae!important}

html body[data-theme-sample=michigan] #previewInviteDialog .invite-shared-body>section.invite-desktop-section:first-of-type>h3{color:#176a61!important}

html body[data-theme-sample=michigan] #previewInviteDialog .invite-shared-body>.sms-optin-box.invite-desktop-section>h3{color:#85570d!important}

html body[data-theme-sample=michigan] #previewInviteDialog .invite-shared-body>section.invite-desktop-section:last-of-type>h3{color:#184c91!important}


/* Keep the Invite by link reset button centered at every width. */
html body[data-theme-sample=michigan] #previewInviteDialog .invite-link-reset-area [data-invite-reset]{display:flex!important;margin-left:auto!important;margin-right:auto!important}


/* Subtle separation inside the existing Invite by link section. */
html body[data-theme-sample=michigan] #previewInviteDialog .invite-link-reset-area{border:1px solid #a9c4b2!important;border-radius:10px;padding:14px 12px 10px!important;margin-top:16px!important;background:transparent;box-shadow:none}

html body[data-theme-sample=michigan] #previewInviteDialog .invite-link-reset-area .hint{margin-bottom:0}

html body[data-theme-sample=michigan][data-theme-sample=michigan] #previewInviteDialog .calendar-page-actions [data-page-panel="invite"]{background:#eee9dc!important;color:#a52b30!important}

html body[data-theme-sample=michigan][data-theme-sample=michigan] #previewInviteDialog .events-card-head [data-page-panel="invite"]{background:#eee9dc!important;color:#a52b30!important;box-shadow:none!important}

html body[data-theme-sample=michigan][data-theme-sample=michigan] #previewInviteDialog .calendar-page-invite-close{background:#eee9dc!important;color:#a52b30!important}

html body[data-theme-sample=michigan][data-theme-sample=michigan] #previewInviteDialog .calendar-page-invite-close.invite-close-pinned{box-shadow:0 2px 8px #39372e20!important}

html body[data-theme-sample=michigan][data-theme-sample=michigan] #previewInviteDialog .calendar-page-top-actions .calendar-page-back,
html body[data-theme-sample=michigan][data-theme-sample=michigan] #previewInviteDialog .calendar-page-top-actions .calendar-page-create,
html body[data-theme-sample=michigan][data-theme-sample=michigan] #previewInviteDialog .events-card-head [data-page-panel="invite"],
html body[data-theme-sample=michigan][data-theme-sample=michigan] #previewInviteDialog .events-card-head .calendar-page-settings{background:#f2e7dc!important;color:#a52b30!important;border-color:#d7bfb0!important}

html body[data-theme-sample=michigan][data-theme-sample=michigan] #previewInviteDialog .events-card-head [data-page-panel="invite"]{background:#f2e1dd!important;border-color:#d4aaa5!important}

html body[data-theme-sample=michigan][data-theme-sample=michigan] #previewInviteDialog .invite-shared-body>section.invite-desktop-section:first-of-type{background:#eeeee3!important;border-color:#66745a!important}

html body[data-theme-sample=michigan][data-theme-sample=michigan] #previewInviteDialog .invite-shared-body>.sms-optin-box.invite-desktop-section{background:#f2e7dc!important;border-color:#883d38!important}

html body[data-theme-sample=michigan][data-theme-sample=michigan] #previewInviteDialog .invite-shared-body>section.invite-desktop-section:last-of-type{background:#f2e1dd!important;border-color:#a52b30!important}

html body[data-theme-sample=michigan][data-theme-sample=michigan] #previewInviteDialog .invite-shared-body>section.invite-desktop-section:first-of-type>h3{color:#66745a!important}

html body[data-theme-sample=michigan][data-theme-sample=michigan] #previewInviteDialog .invite-shared-body>.sms-optin-box.invite-desktop-section>h3{color:#883d38!important}

html body[data-theme-sample=michigan][data-theme-sample=michigan] #previewInviteDialog .invite-shared-body>section.invite-desktop-section:last-of-type>h3{color:#883d38!important}
html body[data-theme-sample=michigan] #previewInviteDialog.calendar-invite-dialog{position:fixed!important;inset:0!important;margin:auto!important;width:min(600px,calc(100vw - 28px))!important;max-height:calc(100dvh - 32px)!important;overflow-y:auto!important;overscroll-behavior:contain;padding:0 16px 16px!important;box-sizing:border-box}
#previewInviteDialog.calendar-invite-dialog>.dialog-head{display:none!important}
#previewInviteDialog.calendar-invite-dialog .preview-dialog-body{padding:0!important}
html body[data-theme-sample=michigan] #previewInviteDialog .calendar-page-invite-head{position:sticky;top:0;z-index:3;background:#fbf9f1;padding:14px 0 10px;margin:0;display:flex;align-items:center;justify-content:space-between;gap:16px}
html body[data-theme-sample=michigan] #previewInviteDialog .calendar-page-invite-head h2{margin:0;font-size:18px}
#previewInviteDialog .calendar-page-invite-close{width:32px;height:32px;flex:none;padding:0}

/* Modest readability change, preserving the original single-row card actions. */
html body[data-theme-sample=michigan] #groupCalendarsScreen:not([hidden]) #calendarCards#calendarCards .calendar-home-card .upcoming{font-size:16px!important;line-height:1.4!important}
html body[data-theme-sample=michigan] #groupCalendarsScreen:not([hidden]) #calendarCards#calendarCards .calendar-home-action-row{display:flex!important;flex-wrap:nowrap!important;gap:5px!important}
html body[data-theme-sample=michigan] #groupCalendarsScreen:not([hidden]) #calendarCards#calendarCards .calendar-home-primary-actions,
html body[data-theme-sample=michigan] #groupCalendarsScreen:not([hidden]) #calendarCards#calendarCards .calendar-notification-status{gap:3px!important;flex-wrap:nowrap!important;flex-shrink:0!important}
html body[data-theme-sample=michigan] #groupCalendarsScreen:not([hidden]) #calendarCards#calendarCards .calendar-home-primary-actions button,
html body[data-theme-sample=michigan] #groupCalendarsScreen:not([hidden]) #calendarCards#calendarCards .calendar-notification-status button:not([data-chat-chip]){font-size:11px!important;min-height:32px!important;width:auto!important;min-width:0!important;padding:5px 5px!important;line-height:1.2!important;white-space:nowrap!important}
@media(max-width:360px){
html body[data-theme-sample=michigan] #groupCalendarsScreen:not([hidden]) #calendarCards#calendarCards .calendar-home-primary-actions button,
html body[data-theme-sample=michigan] #groupCalendarsScreen:not([hidden]) #calendarCards#calendarCards .calendar-notification-status button:not([data-chat-chip]){font-size:10px!important;padding-left:3px!important;padding-right:3px!important}
}

/* Match all visible bottom-navigation cells and label/icon sizes. */
@media(max-width:680px){
 html.chat-launch-hidden body[data-theme-sample=michigan][data-theme-sample=michigan] main nav.appnav.appnav.appnav{grid-template-columns:repeat(4,minmax(0,1fr))!important}
 html.chat-launch-hidden body[data-theme-sample=michigan][data-theme-sample=michigan] main nav.appnav.appnav.appnav:has(#yomiAdminTab){grid-template-columns:repeat(5,minmax(0,1fr))!important}
 html body[data-theme-sample=michigan][data-theme-sample=michigan] main nav.appnav.appnav>:is(button,a){height:56px!important;min-height:56px!important;width:100%!important;font-size:12px!important;padding:5px 2px!important}
 html body[data-theme-sample=michigan][data-theme-sample=michigan] main nav.appnav.appnav>:is(button,a)>span:first-child{font-size:18px!important;line-height:20px!important;height:20px!important;display:block!important}
 html body[data-theme-sample=michigan][data-theme-sample=michigan] main nav.appnav.appnav>:is(button,a)>span:last-child{font-size:12px!important;line-height:14px!important;min-height:14px!important;text-align:center!important;font-weight:600!important}
}

html body:has(#guestBrowseNotice) #calendarCards .calendar-card-meta,html body:has(#guestBrowseNotice) #calendarCards .calendar-notification-status,html body:has(#guestBrowseNotice) #calendarCards .calendar-card-tools,html body:has(#guestBrowseNotice) [data-page-settings],html body:has(#guestBrowseNotice) #editCardEvent,html body:has(#guestBrowseNotice) #deleteCardEvent{display:none!important}
html body[data-theme-sample=michigan][data-theme-sample=michigan]:has(#guestBrowseNotice) #groupCalendarsScreen #calendarCards .calendar-home-card .calendar-notification-status,
html body[data-theme-sample=michigan][data-theme-sample=michigan]:has(#guestBrowseNotice) #groupCalendarsScreen #calendarCards .calendar-home-card .calendar-card-tools,
html body[data-theme-sample=michigan][data-theme-sample=michigan]:has(#guestBrowseNotice) #calendarPage [data-page-settings],
html body[data-theme-sample=michigan][data-theme-sample=michigan]:has(#guestBrowseNotice) #calendarPage [data-page-members-count]{display:none!important}
html body[data-theme-sample=michigan][data-theme-sample=michigan]:has(#guestBrowseNotice) #calendarCards [data-card-action=invite],html body[data-theme-sample=michigan][data-theme-sample=michigan]:has(#guestBrowseNotice) #calendarPage [data-page-panel=invite]{display:none!important}