/* Bounded reconciliation: branding, history rows and existing food surfaces only. */
@media screen {
body.atomic-public{flex-direction:column;align-items:center;justify-content:flex-start;padding:16px 16px 48px;gap:20px}
.atomic-public .top-header{position:relative;inset:auto;width:100%;height:auto;max-width:780px;padding:0;border:0;background:transparent}
.atomic-public .top-header .brand-logo-centered{width:100%}
.atomic-public .atomic-crew-banner{display:block;width:100%;height:auto;aspect-ratio:3/1;object-fit:contain}
.atomic-member-home #topHeaderBar .brand-logo-centered{flex:1 1 460px;max-width:660px;width:100%!important}
.atomic-member-home #topHeaderBar .atomic-crew-banner{display:block;width:100%;height:auto;aspect-ratio:3/1;object-fit:contain}
.atomic-member-home #topHeaderBar .nav-btns{flex:1 1 440px;min-width:0}
.sidebar.atomic-admin-navigation>.atomic-admin-banner{max-width:none;width:100%;height:auto;aspect-ratio:3/1;object-fit:contain}
/* Read state alone is informational, never proof that an underlying task is complete. */
.atomic-member-home #atomic-history-dialog>[role=status].history-retained{background:#0b2833;color:#65d7ff;border-color:#65d7ff}
dialog#atomic-history-dialog:has(.history-pills) article[data-history-tone]{--history-tone:#355c49;background:#06130d;border:1px solid var(--history-tone)!important;box-shadow:none}
dialog#atomic-history-dialog:has(.history-pills) article[data-history-tone=information]{--history-tone:#65d7ff}
dialog#atomic-history-dialog:has(.history-pills) article[data-history-tone=attention]{--history-tone:#ffe16a}
dialog#atomic-history-dialog:has(.history-pills) article[data-history-tone=complete]{--history-tone:#32ee9b}
dialog#atomic-history-dialog:has(.history-pills) article[data-history-tone=critical]{--history-tone:#ff8193}
dialog#atomic-history-dialog:has(.history-pills) article[data-history-tone]:not([data-history-tone=unknown]){background:linear-gradient(145deg,color-mix(in srgb,var(--history-tone) 18%,#06130d),color-mix(in srgb,var(--history-tone) 6%,#04110b));box-shadow:inset 0 0 12px color-mix(in srgb,var(--history-tone) 10%,transparent),0 0 5px color-mix(in srgb,var(--history-tone) 14%,transparent)}
dialog#atomic-history-dialog:has(.history-pills [data-kind=notifications][aria-pressed=true]) article[data-history-tone] button:not(:disabled){background:#0b2833;color:#65d7ff;border-color:#65d7ff}
/* Original food nodes, IDs and handlers stay in place. Options use native details. */
#tab-menu #adminMenuListContainer{align-items:start}
#tab-menu #adminMenuListContainer>div{padding:10px!important;min-width:0}
#tab-menu #adminMenuListContainer>div>strong{font-size:14px!important;overflow-wrap:anywhere}
#tab-menu #adminMenuListContainer .btn-delete{display:grid!important;grid-template-columns:22px minmax(0,1fr);width:100%!important;max-width:144px;min-height:44px;padding:4px 2px!important;font-size:12px!important;line-height:1.25;border-radius:12px!important;gap:4px}
#tab-menu #adminMenuListContainer .btn-delete::before{width:22px;height:22px}
#mealOrderModal .menu-buttons-grid{align-items:start}
#mealOrderModal .menu-item-button{min-width:0;padding:8px!important}
#mealOrderModal .menu-item-button>div{display:none}
#mealOrderModal .menu-item-button>.preset-food-art,#tab-menu #adminMenuListContainer .preset-food-art{height:96px;background:transparent;object-fit:contain}
#mealOrderModal .atomic-food-details,#tab-menu #adminMenuListContainer .atomic-food-details{min-width:0;font-size:13px;color:#bbcec4}
#mealOrderModal .atomic-food-details>summary,#tab-menu #adminMenuListContainer .atomic-food-details>summary{min-height:44px;padding:12px 0;cursor:pointer;color:#f2faf5;line-height:1.4}
#mealOrderModal .atomic-food-details>summary:focus-visible,#tab-menu #adminMenuListContainer .atomic-food-details>summary:focus-visible{outline:3px solid white;outline-offset:2px}
@media(max-width:700px){
body.atomic-public{padding:10px 12px 44px;gap:14px}
.atomic-member-home #topHeaderBar .brand-logo-centered{flex-basis:100%;max-width:none}
.atomic-member-home #topHeaderBar .nav-btns{flex-basis:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.atomic-member-home #topHeaderBar .nav-btns .btn-account{grid-column:1/-1}
#mealOrderModal .menu-item-button>.preset-food-art,#tab-menu #adminMenuListContainer .preset-food-art{height:68px}
}
}