@import '_content/GUI.Web.Razor/Razor.2m43ymcml8.bundle.scp.css';

/* /Pages/Home.razor.rz.scp.css */
/* Fills the content area the layout leaves between the bars and centers the logo in it. */
.home[b-ppj5lrk8w2] { flex: 1; display: grid; place-items: center; }
.home__logo[b-ppj5lrk8w2] { display: block; height: auto; max-width: min(18rem, 60vw); }
/* /Shared/MainLayout.razor.rz.scp.css */
/* Column: header, then the content takes exactly the space left (pages like Home center in it
   without a min-height of their own, which used to overflow the screen by a few pixels). */
.fresh-shell[b-6fxs1ccnj4] { min-height: 100dvh; display: flex; flex-direction: column; background: var(--fc-surface); color: var(--fc-ink); }
.fresh-header[b-6fxs1ccnj4] { align-items: center; background: var(--fc-nav-bg); box-sizing: border-box; color: var(--fc-nav-text); display: flex; justify-content: space-between; min-height: 3.75rem; padding: .75rem clamp(1rem, 4vw, 4rem); }
.fresh-wordmark[b-6fxs1ccnj4] { color: var(--fc-nav-text); font-size: 1.22rem; font-weight: 800; letter-spacing: -.04em; text-decoration: none; }
.fresh-content[b-6fxs1ccnj4] { flex: 1 0 auto; display: flex; flex-direction: column; box-sizing: border-box; width: 100%; margin: 0 auto; max-width: 72rem; padding: clamp(1.25rem, 4vw, 3rem); }

.fresh-avatar[b-6fxs1ccnj4] { all: unset; cursor: pointer; display: grid; place-items: center; width: 2.5rem; height: 2.5rem; border-radius: 50%; overflow: hidden; background: var(--fc-green); flex: none; }
.fresh-avatar--placeholder[b-6fxs1ccnj4] { background: transparent; }
.fresh-avatar__image[b-6fxs1ccnj4] { width: 100%; height: 100%; object-fit: cover; }
.fresh-avatar__initial[b-6fxs1ccnj4] { color: white; font-weight: 700; font-size: 1.05rem; }

/* Fixed bottom tab bar, as mobile's TabBar: navigation-bar background, icon over title, selected tab
   in the brand color (MainShellPage TabBarForegroundColor / TabBarUnselectedColor). */
/* Room for the fixed bar (about 3.7rem tall) plus a little air. */
.fresh-shell--tabs .fresh-content[b-6fxs1ccnj4] { padding-bottom: calc(4.5rem + env(safe-area-inset-bottom)); }
.fresh-tabs[b-6fxs1ccnj4] { position: fixed; left: 0; right: 0; bottom: 0; z-index: 10; display: flex; justify-content: center; background: var(--fc-surface); border-top: 1px solid var(--fc-border); padding-bottom: env(safe-area-inset-bottom); }
/* ::deep: the <a> is rendered by NavLink, a child component, so it does not get this layout's scope attribute. */
.fresh-tabs[b-6fxs1ccnj4]  .fresh-tabs__item { flex: 1; max-width: 9rem; display: flex; flex-direction: column; align-items: center; gap: .25rem; padding: .55rem .25rem .5rem; color: var(--fc-tab-unselected); text-decoration: none; font-size: .75rem; font-weight: 600; white-space: nowrap; }
.fresh-tabs[b-6fxs1ccnj4]  .fresh-tabs__item.active { color: var(--fc-tab-selected); }
.fresh-tabs[b-6fxs1ccnj4]  .fresh-tabs__icon { width: 1.4rem; height: 1.4rem; fill: currentColor; }