/* Scoped mobile refinements; retain agenda and focus background choices. */
:root{--ol-offwhite:#faf8f3}
body:has(#start:not(.hidden)),body:has(#today .wellness-vnext-shell):has(#today:not(.hidden)),body:has(#regulation:not(.hidden)){background:var(--ol-offwhite)!important;background-image:none!important}
body:has(#start:not(.hidden)) main.app.content,body:has(#today .wellness-vnext-shell):has(#today:not(.hidden)) main.app.content,body:has(#regulation:not(.hidden)) main.app.content{background:var(--ol-offwhite)!important;background-image:none!important}
#start,#start .home-preview-approved-shell,#today .wellness-vnext-shell,#regulation .respire-v2{background-image:none!important}
body.theme-male:has(#start:not(.hidden)),body.a11y-dark:has(#start:not(.hidden)),body.theme-male:has(#today .wellness-vnext-shell):has(#today:not(.hidden)),body.a11y-dark:has(#today .wellness-vnext-shell):has(#today:not(.hidden)),body.theme-male:has(#regulation:not(.hidden)),body.a11y-dark:has(#regulation:not(.hidden)){background:#171d19!important}
body.theme-male:has(#start:not(.hidden)) main.app.content,body.a11y-dark main.app.content{background-color:#171d19!important}
#agenda button,.agenda-suspend-sheet button,.reports-v2-back{min-height:44px;min-width:44px;touch-action:manipulation}
#agenda .agenda-person-picker{display:flex;gap:8px;overflow-x:auto;overscroll-behavior-x:contain;padding:4px 0 8px}
#agenda .agenda-person-picker>button{flex:0 0 auto}
#agenda .agenda-widget{gap:12px;padding:14px;min-width:0}
#agenda .agenda-widget-copy{min-width:0;overflow-wrap:anywhere}
#agenda .agenda-child-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#agenda .agenda-child-mural-actions,.agenda-family-routine-actions,.community-meta{display:flex;flex-wrap:wrap;gap:8px}
#agenda .agenda-child-mural-actions>button{flex:1 1 140px}
.agenda-suspend-option{height:auto!important;min-height:72px!important;display:flex!important;flex-direction:column;gap:6px;padding:10px!important;font-size:14px!important}
.agenda-suspend-option b{font-size:13px}
.modal-head{position:sticky;top:0;z-index:2;background:inherit;gap:12px}
.modal-head button{flex-shrink:0;min-height:44px;min-width:44px}
.modal-card{max-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 24px)!important;overflow-y:auto!important;overscroll-behavior:contain}
.premium-nav-8{padding-bottom:env(safe-area-inset-bottom)!important}
body.focus-session-immersive .premium-nav-8,body.focus-session-immersive .premium-header{visibility:hidden!important}
body.focus-session-immersive #editModal.focus-v2-modal{inset:0!important;padding:0!important;align-items:stretch!important}
body.focus-session-immersive #editModal.focus-v2-modal .modal-card{width:100%!important;max-width:none!important;height:100dvh!important;max-height:100dvh!important;border-radius:0!important;padding:0!important}
.notification-seen{color:#365b40;font-size:13px}.notification-row small{display:block}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #547644!important;outline-offset:3px}
body.a11y-large{font-size:19px!important}body.a11y-large p,body.a11y-large label,body.a11y-large button,body.a11y-large input,body.a11y-large select,body.a11y-large textarea,body.a11y-large small{font-size:1em!important;line-height:1.5!important}
body.a11y-readable{font-family:Arial,sans-serif!important}body.a11y-readable *{font-family:inherit!important;letter-spacing:.02em!important}
body.a11y-high-contrast :is(p,small,label,.muted,.panel-desc){color:#202b23!important;opacity:1!important}
body.a11y-high-contrast :is(.card,.modal-card,.wellness-vnext-card){background:#fff!important;border-color:#28382c!important}
body.a11y-dark :is(.card,.modal-card,.wellness-vnext-card,.settings-sheet-card,.respire-v2-option,.home-preview-added-item){background:#202b24!important;color:#f9faf7!important}
body.a11y-dark :is(p,small,label,.muted,.panel-desc){color:#e3eadf!important;opacity:1!important}
body.a11y-big-targets :is(button,a,input,select){min-height:48px!important;min-width:48px!important}
body.a11y-reduce-motion *,body.a11y-reduce-motion *::before,body.a11y-reduce-motion *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
body.a11y-simple :is(.respire-v2-leaf,.reports-v2-export-art,.home-preview-brand-decoration){display:none!important}
@media(max-width:390px){#agenda .agenda-child-tools{grid-template-columns:1fr}.sync-invite-row,.formrow{flex-wrap:wrap}.sync-invite-row>*,.formrow>label{min-width:0!important;flex:1 1 100%}.agenda-day-item{gap:8px}.quick-levels{gap:4px!important}.quick-level small{overflow-wrap:anywhere}}

body.theme-female:not(.a11y-dark):has(#start.home-preview-approved:not(.hidden)),body.theme-female:not(.a11y-dark):has(#today:not(.hidden) .wellness-vnext-shell),body.theme-female:not(.a11y-dark):has(#regulation:not(.hidden)){background:#faf8f3!important;background-image:none!important}
body.theme-female:not(.a11y-dark):has(#start.home-preview-approved:not(.hidden)) main.app.content,body.theme-female:not(.a11y-dark):has(#today:not(.hidden) .wellness-vnext-shell) main.app.content,body.theme-female:not(.a11y-dark):has(#regulation:not(.hidden)) main.app.content{background:#faf8f3!important;background-image:none!important}

@media(max-width:700px){.modal-card .modal-head{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:8px!important}.modal-card .modal-head>h2,.modal-card .modal-head>div{flex:1 1 100%!important;min-width:0!important;width:100%!important;overflow-wrap:break-word!important}.modal-card .modal-head>button{flex:1 1 120px!important;min-width:0!important;max-width:100%!important;white-space:normal!important}.modal-card .modal-head h2{min-width:0!important;max-width:100%!important;overflow-wrap:break-word!important}}
body.a11y-large :is(p,label,button,input,select,textarea,small,.settings-sheet-intro,.a11y-preview-note,.muted,.panel-desc,.settings-sheet-card){font-size:1.125rem!important;line-height:1.5!important}
body.a11y-simple :is(.settings-pro-desc,.module-group-label,.verse .muted,.panel-intro){display:none!important}
body.a11y-high-contrast:not(.a11y-dark) :is(#start,#agenda,#today,#regulation,#focusView,#progress,#editCard,#termsCard) :is(.card,.settings-sheet-card,.wellness-vnext-card,.agenda-calendar-card){border:2px solid #28382c!important;background:#fff!important;color:#17271c!important}
body.a11y-dark :is(#start,#agenda,#today,#regulation,#focusView,#progress,#editCard,#termsCard) :is(.card,.settings-sheet-card,.wellness-vnext-card,.agenda-calendar-card,.home-preview-card){background:#202b24!important;color:#f9faf7!important}
body.a11y-dark.a11y-high-contrast :is(#start,#agenda,#today,#regulation,#focusView,#progress,#editCard,#termsCard) :is(.card,.settings-sheet-card,.wellness-vnext-card,.agenda-calendar-card){border:2px solid #f1f3ef!important}
/* Incremental refinements: preserve the approved page shells and backgrounds. */
#agenda .agenda-sections-list{display:flex!important;flex-direction:column!important;grid-template-columns:none!important;gap:10px!important}
#agenda .agenda-sections-list>.agenda-widget{width:100%!important;display:flex!important;align-items:center;text-align:left;min-height:64px}
#agenda .agenda-sections-list>.agenda-widget .agenda-widget-copy{flex:1}
#agenda .agenda-vnext-person-tabs{overflow-x:auto;flex-wrap:nowrap;overscroll-behavior-x:contain;max-width:100%}
#agenda .agenda-vnext-person-tabs>button{flex:0 0 auto;min-height:44px;white-space:nowrap}
#agenda.connected-agenda-selected :is(.agenda-sections-list,.agenda-management-label,.approved-agenda-more,.agenda-vnext-period,.agenda-vnext-vacation){display:none!important}
#communityFeed .like-btn.liked,#editCard .like-btn.liked{color:inherit!important;border-color:var(--line)!important;background:var(--soft)!important}
.home-comment-like.liked{color:var(--muted)!important;border-color:transparent!important;background:transparent!important}
#communityFeed .like-btn.liked .community-like-heart,#editCard .like-btn.liked .community-like-heart,.home-comment-like.liked .community-like-heart{color:#c83a43!important}
#communityFeed .like-btn.liked .community-like-count,#editCard .like-btn.liked .community-like-count,.home-comment-like.liked .community-like-count{color:inherit!important}
.community-like-heart{display:inline-grid;place-items:center}
.community-like-heart .ui-line-icon{fill:currentColor}
.focus-v2-page>header{background:transparent!important;background-image:none!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important}
.notification-badge{position:absolute;right:-3px;top:-3px;display:grid;place-items:center;min-width:18px;height:18px;padding:0 4px;background:#c53e48;color:#fff;border:1px solid #fff;border-radius:12px;font-size:11px;line-height:1;font-weight:700;pointer-events:none}
.notification-badge[hidden]{display:none!important}
button:has(>.notification-badge){position:relative;overflow:visible!important}
.registrar-window{display:grid;grid-template-columns:minmax(80px,1fr) minmax(70px,1fr) minmax(70px,1fr) 44px;gap:8px;margin:10px 0}
.registrar-window>*{min-width:0;min-height:44px;max-width:100%}
.focus-v2-cancel{display:block;margin:0 0 10px auto;min-width:64px;min-height:44px;color:inherit;background:transparent;border:1px solid currentColor;border-radius:16px;padding:8px 16px}
@media(max-width:390px){.registrar-window{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 44px}.registrar-window select{grid-column:1/-1}.registrar-window input{width:100%;padding:8px 4px}.agenda-vnext-person-tabs{scroll-padding:12px}}

/* Agenda: visual mais compacto para +, feito, não feito e suspender. */
#agenda .agenda-vnext-icon-action{
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  min-height:30px!important;
  padding:0!important;
  font-size:.82rem!important;
}
#agenda .agenda-vnext-owner-actions,
#agenda .agenda-vnext-week-task-actions{gap:4px!important}
#agenda .agenda-vnext-week-period-head{grid-template-columns:24px minmax(0,1fr) 30px!important}
#agenda .agenda-vnext-week-period-head>button{
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  min-height:30px!important;
  padding:0!important;
  font-size:.95rem!important;
}
#agenda .agenda-vnext-icon-action.suspend-day{width:36px!important;min-width:36px!important}