/* Shared path links also apply to the main router. */
.breadcrumb-trail a{color:var(--text-secondary);text-decoration:none;min-width:0;max-width:210px;overflow:hidden;text-overflow:ellipsis;font-weight:400}
.breadcrumb-trail a:hover{text-decoration:underline;color:var(--purple-dark)}
.breadcrumb-trail a[aria-current=page]{color:var(--text-heading);font-weight:600}
.breadcrumb-trail a:focus-visible{outline:2px solid var(--purple);outline-offset:2px}
.screen-shell{--navigation-width:230px;width:100%;min-height:100dvh}
#app.screen-shell>.app-main{margin-left:var(--navigation-width);min-width:0;display:flex;flex-direction:column;min-height:100dvh}
#app.screen-shell .app-main>main{margin:0;width:100%;min-width:0}
.screen-shell .screen-topbar{display:flex;align-items:center;flex:none;padding:8px 16px;height:48px;min-height:48px;background:#fff;border-bottom:1px solid var(--line)}
.screen-shell .breadcrumbs{display:flex;align-items:center;min-width:0;width:100%}
.screen-shell [data-screen-trail]{min-width:0;flex:1}
.screen-shell .breadcrumb-trail{display:flex;gap:7px;white-space:nowrap;overflow:hidden;align-items:center}
.screen-shell .breadcrumb-trail>.icon{flex:none;width:10px;height:10px}
.screen-shell .nav-toggle{display:grid;place-items:center;flex:none;min-width:32px;width:32px;height:32px;padding:6px;border:0;background:transparent;color:var(--text-secondary)}
.screen-shell .screen-menu-control{position:relative;display:flex;flex-direction:column;align-items:center;flex:none;align-self:center}
.screen-shell .screen-menu-options-toggle{display:grid;place-items:center;width:32px;min-height:12px;padding:0;border:0;border-radius:3px;background:transparent;color:var(--text-secondary)}
.screen-shell .screen-menu-options-toggle .icon{width:12px;height:10px}
.screen-shell .screen-menu-options-toggle:hover,.screen-shell .screen-menu-options-toggle.auto-enabled{background:var(--purple-soft);color:var(--purple-dark)}
.screen-shell .screen-menu-options-toggle:focus-visible,.screen-shell .screen-menu-options button:focus-visible{outline:2px solid var(--purple);outline-offset:2px}
.screen-shell .screen-menu-options{position:absolute;z-index:120;top:calc(100% + 4px);left:0;width:260px;max-width:calc(100vw - 30px);padding:6px;border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:0 5px 18px #24332d26;white-space:normal}
.screen-shell .screen-menu-options[hidden]{display:none}
.screen-shell .screen-menu-options button{display:flex;align-items:center;gap:7px;width:100%;min-height:36px;padding:7px 9px;text-align:left;font-size:12px;border:1px solid transparent;border-radius:5px;background:transparent;color:var(--text-heading)}
.screen-shell .screen-menu-options button:hover,.screen-shell .screen-menu-options button[aria-pressed=true]{background:var(--purple-soft);border-color:var(--purple);color:var(--purple-dark)}
.screen-shell .screen-menu-check{display:grid;place-items:center;width:16px;height:16px;border:1px solid var(--text-secondary);border-radius:3px;font-size:0}
.screen-shell .screen-menu-check::after{content:'✓';font-size:12px;opacity:0}
.screen-shell [aria-pressed=true]>.screen-menu-check::after{opacity:1}
.screen-shell .screen-menu-options small{display:block;padding:5px 9px;font-size:11px;font-weight:400;line-height:1.45;color:var(--text-secondary)}
.screen-shell .platform-sidebar,.calendar-active .screen-shell .platform-sidebar{position:fixed;display:flex;flex-direction:column;width:var(--navigation-width);height:100dvh;padding:20px 12px 12px;overflow:hidden;background:#fff;transform:none;box-shadow:none;top:0}
.screen-shell .platform-sidebar .brand{margin-bottom:18px;flex:none}
.screen-shell .platform-sidebar .brand-word,.screen-shell .platform-sidebar .brand-caption{display:block}
.screen-shell .platform-sidebar .area-switcher{flex:none}
.screen-shell .platform-sidebar .area-switch-button{display:flex;align-items:center;text-decoration:none;color:inherit}
.screen-shell .platform-sidebar .section-groups,.calendar-active .screen-shell .platform-sidebar .section-groups{display:block;overflow:auto;flex:1;min-height:0;padding:0;scrollbar-width:thin}
.screen-shell .platform-sidebar .nav-section{display:block}
.screen-shell .platform-sidebar .nav-section-items{display:grid}
.screen-shell .platform-sidebar .nav-section-title{display:block}
.screen-shell .platform-sidebar .nav-link,.calendar-active .screen-shell .platform-sidebar .nav-link{display:flex;align-items:center;width:100%;min-width:0;gap:9px;padding:8px 10px;font-size:11px;white-space:normal;justify-content:flex-start}
.screen-shell .nav-link .icon{flex:none;width:17px;height:17px}
.screen-shell .platform-sidebar footer,.screen-shell .sidebar-foot{display:block;flex:none}
.screen-shell .screen-user{padding:12px 8px 0;font-size:11px;overflow-wrap:anywhere}
.screen-shell .screen-user small{display:block;font-size:10px}
.screen-shell .management-page{max-width:1350px;align-self:center}
.screen-shell .mobile-menu-close{display:none}
.screen-shell .nav-scrim{display:none}
body.calendar-active #app.screen-shell>.app-main{height:100%;min-height:0!important}
body.calendar-active #app.screen-shell .app-main>main{flex:1;height:auto;min-height:0}
@media(min-width:701px){
 #app.screen-shell.nav-collapsed{--navigation-width:66px}
 .screen-shell.nav-collapsed .platform-sidebar .nav-text,.screen-shell.nav-collapsed .platform-sidebar footer,.screen-shell.nav-collapsed .screen-user{display:none}
 .screen-shell.nav-collapsed .platform-sidebar .brand>span:last-child{display:none}
 .screen-shell.nav-collapsed .platform-sidebar .nav-link{justify-content:center;padding:9px 4px}
}
@media(max-width:700px){
 .breadcrumb-trail a:not([aria-current=page]):first-child,.breadcrumb-trail a:not([aria-current=page]):first-child+.icon,.breadcrumb-trail a:not([aria-current=page]):nth-of-type(3),.breadcrumb-trail a:not([aria-current=page]):nth-of-type(3)+.icon{display:none}
 #app.screen-shell>.app-main{margin-left:0}
 .screen-shell .platform-sidebar,.calendar-active .screen-shell .platform-sidebar{width:min(290px,calc(100vw - 32px));transform:translateX(-110%);z-index:100;box-shadow:10px 0 40px #332d4a20;padding:20px 14px 13px}
 .screen-shell .platform-sidebar.open{transform:none}
 body.licensed-context-active:not(.access-preview-active):has(#licensed-context) #app.screen-shell .agenda-sidebar{height:calc(100dvh - var(--licensed-top))!important}
 .screen-shell .platform-sidebar .brand{padding-right:24px}
 .screen-shell .platform-sidebar .area-switch-button{min-height:52px}
 .screen-shell .platform-sidebar .nav-link,.calendar-active .screen-shell .platform-sidebar .nav-link{min-height:44px;font-size:12px;box-shadow:none}
 .screen-shell .platform-sidebar .nav-link.active{box-shadow:inset 3px 0 var(--purple)}
 .screen-shell .mobile-menu-close{display:block;position:absolute;top:14px;right:10px;width:36px;height:36px;font-size:24px;padding:0}
 .screen-shell .nav-toggle{width:44px;height:44px;min-width:44px}
 .screen-shell .screen-topbar{padding:2px 8px}
 .screen-shell .screen-topbar{height:76px;min-height:76px}
 .screen-shell .screen-menu-options-toggle{width:44px;min-height:24px}
 .screen-shell .breadcrumb-trail a{max-width:145px}
 .screen-shell .breadcrumb-trail a:first-child,.screen-shell .breadcrumb-trail a:first-child+.icon,.screen-shell .breadcrumb-trail a:nth-of-type(3),.screen-shell .breadcrumb-trail a:nth-of-type(3)+.icon{display:none}
 .screen-shell .breadcrumb-trail a[aria-current=page]{flex:1}
 .screen-shell .nav-scrim.visible{display:block;position:fixed;inset:0;z-index:90;background:#24332d55;border:0;border-radius:0}
}
@media print{#app.screen-shell>.app-main{margin:0;display:block;min-height:0!important;height:auto!important}.screen-shell .screen-topbar,.screen-shell .platform-sidebar,.screen-shell .nav-scrim{display:none!important}}

@media(prefers-reduced-motion:reduce){.screen-shell .platform-sidebar{transition:none}}
body.calendar-active #app.screen-shell{min-height:0}