/* The shell and the search focus boundary are shared by Razor Pages and Blazor. */
.shell-header{padding:0 20px 0 16px;gap:16px}.shell-header .brand{position:relative;width:260px;align-self:stretch;align-items:flex-start;padding-bottom:12px}.shell-header .brand img{width:212px;height:65px}.shell-header .brand-church{position:absolute;left:12px;bottom:5px;display:block;font-size:12px;margin:0;padding:0;border:0}.drawer-toggle{display:inline-flex}.header-tools{flex:0;margin-left:auto;gap:8px}
.shell-breadcrumb{display:flex;align-items:center;gap:12px;min-width:0;flex:1;overflow:auto;white-space:nowrap;font-size:14px}.shell-breadcrumb a{color:inherit}.shell-breadcrumb strong{font-weight:600}.shell-breadcrumb>span{opacity:.85}.shell-sidebar{padding:18px 14px;overflow:visible;min-height:0}.sidebar-search{margin-bottom:16px}.search-control{display:flex;align-items:center;gap:10px;border:1px solid var(--conexion-input-border);border-radius:6px;padding:0 12px;background:var(--conexion-surface-inner);margin:0;min-width:0}.search-control input{border:0;background:transparent;min-width:0;padding:11px 0}.search-control:focus-within{outline:3px solid var(--conexion-focus);outline-offset:3px}.search-control input:focus-visible{outline:none}.search-control .ui-icon{width:21px;height:21px;color:var(--conexion-muted)}.search-control .icon-button{min-width:32px;padding:0}.navigation-scroll{flex:1;overflow:auto;min-height:0}.navigation-tree{list-style:none;margin:0;padding:0}.navigation-tree .navigation-tree{margin:0 0 8px 20px;border-left:1px solid var(--conexion-border);padding-left:7px}.navigation-tree summary,.administration-tree>summary{display:flex;align-items:center;gap:12px;list-style:none;min-height:46px;padding:10px 12px;border-radius:6px;font-size:14px}.navigation-tree summary::-webkit-details-marker,.administration-tree>summary::-webkit-details-marker{display:none}.navigation-tree summary>span,.administration-tree>summary>span{flex:1}.navigation-tree summary:hover{background:var(--conexion-selection)}.navigation-tree details[open]>summary>.ui-icon:last-child{transform:rotate(180deg)}.shell-sidebar nav a{font-size:14px;gap:12px;padding:10px 12px;border-left:0;min-height:44px}.navigation-tree .navigation-tree a{font-size:13px}.navigation-tree .navigation-tree a .ui-icon{width:18px;height:18px}.sidebar-bottom{position:relative;flex-shrink:0;margin-top:12px;padding-top:12px}.sidebar-bottom>small{font-size:12px;padding:4px 12px}.administration-tree>summary{color:var(--conexion-link);background:var(--conexion-selection)}.administration-surface{position:absolute;bottom:100%;left:0;width:320px;max-width:calc(100vw - 32px);max-height:65dvh;overflow:auto;padding:14px;background:var(--conexion-surface);border:1px solid var(--conexion-border);border-radius:8px;box-shadow:0 8px 30px #0003;z-index:35}.navigation-scroll small{font-size:12px;white-space:normal}.navigation-scroll strong{font-weight:600}
@media(min-width:901px){.navigation-collapsed .app-shell{grid-template-columns:minmax(0,1fr)}.navigation-collapsed .shell-sidebar{display:none}}
@media(max-width:900px){.shell-header{gap:6px;padding:0 10px}.shell-header .brand{width:146px;min-width:0;flex-shrink:1}.shell-header .brand img{width:146px;max-width:100%;height:53px}.shell-header .brand-church{font-size:10px;left:8px;bottom:7px}.drawer-toggle{order:-1}.header-tools{gap:0}.shell-breadcrumb{position:absolute;top:100%;left:0;right:0;background:var(--conexion-surface);color:var(--conexion-text);border-bottom:1px solid var(--conexion-border);padding:10px 16px;min-height:42px;font-size:12px}.app-shell{padding-top:42px}.shell-sidebar{width:min(330px,calc(100vw - 24px));padding:16px 12px;top:0;height:100dvh}.drawer-heading{margin-bottom:12px}.shell-header .header-menu summary{padding:8px 4px}.sidebar-bottom{margin-top:8px}}
.header-tools{flex-shrink:0}.account-label{white-space:nowrap}.shell-breadcrumb button{border:0;background:none;padding:0;color:inherit;font:inherit;white-space:nowrap;min-height:32px;text-decoration:underline;text-underline-offset:4px}
.navigation-tree a>span{flex:1;min-width:0}.navigation-planned{font-size:10px!important;color:var(--conexion-muted);border:1px solid var(--conexion-border);border-radius:4px;padding:2px 4px;white-space:nowrap!important;flex-shrink:0}.module-plan{max-width:1050px}.module-plan-card{padding:20px;border:1px solid var(--conexion-border);border-radius:8px;background:var(--conexion-surface);margin:20px 0}.module-plan-card h2{font-size:18px;margin-top:20px}.module-plan-card h2:first-child{margin-top:0}.module-plan-summary{display:flex;flex-wrap:wrap;gap:24px;margin:20px 0}.module-plan-summary strong{font-size:24px}.module-plan-section{margin:28px 0}.module-plan-list{list-style:none;padding:0;margin:0}.module-plan-list li{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 0;border-bottom:1px solid var(--conexion-border)}.module-plan-list a{display:flex;flex-direction:column;gap:4px;min-width:0}.module-plan-list small{color:var(--conexion-muted);font-size:12px}.module-plan-list .badge{flex-shrink:0}@media(max-width:600px){.navigation-tree .navigation-tree{margin-left:10px;padding-left:4px}.shell-sidebar nav a{gap:7px;padding:9px 7px}.module-plan .page-heading{flex-wrap:wrap}.module-plan-card{padding:16px}}
/* Align with the visible left edge of the SVG lettering, accounting for its transparent margin. */
.shell-header .brand{--brand-logo-width:212px}
.shell-header .brand img{object-fit:contain;object-position:left center}
.shell-header .brand .brand-church{left:11.13px;width:auto;text-align:left}
@media(max-width:900px){.shell-header .brand{--brand-logo-width:146px}.shell-header .brand .brand-church{left:min(5.8648%,8.56px)}}