/* Loaded only by the root sandbox preview, preserving all church instances. */
.feature-shell .devotion-root-return { display:flex; justify-content:center; width:18rem; margin:0 0 1rem; }
.feature-shell [data-root-sandbox-devotion] .devotion-date-picker { grid-template-columns:minmax(0,1fr); }
.feature-shell [data-root-sandbox-devotion] .devotion-date-picker label { grid-column:auto; }
@media(max-width:760px) { .feature-shell .devotion-root-return { width:100%; } }

/* Four separate JOYserver buttons, retaining a visible selected view. */
.feature-shell [data-root-sandbox-devotion] .devotion-modes { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.75rem; padding:1rem; border:0; }
.feature-shell [data-root-sandbox-devotion] .devotion-modes a { display:flex; align-items:center; justify-content:center; min-height:3.25rem; padding:.7rem; border:2px solid var(--site-border); border-radius:.8rem; background:var(--site-face); color:var(--site-button-text); box-shadow:var(--site-depth); font-weight:750; text-decoration:none; }
.feature-shell [data-root-sandbox-devotion] .devotion-modes a[aria-current="page"] { background:var(--site-face); color:var(--site-button-text); box-shadow:var(--site-depth),inset 0 0 0 2px var(--site-button-text); }
.feature-shell [data-root-sandbox-devotion] .devotion-modes a:focus-visible { outline:3px solid var(--site-focus); outline-offset:3px; }
@media(max-width:760px) { .feature-shell [data-root-sandbox-devotion] .devotion-modes { grid-template-columns:repeat(2,minmax(0,1fr)); } }

/* Boss-approved shared Devotion: day chooser remains, outer card is removed. */
body.feature-shell .devotion-workspace > .devotion-calendar { border:0; border-radius:0; background:transparent; padding:0; box-shadow:none; }

/* Boss-approved shared Devotion: the day chooser rail is removed, so content spans the workspace. */
body.feature-shell .devotion-workspace { grid-template-columns:minmax(0,1fr); }