.directory-design-host { color:#081550; background:#fcf9f4; font-family:"Source Sans 3",Arial,sans-serif; }
#app-shell:has(.directory-design-host) #view-navigation li:has(> a[data-view-id="internal"]),
#app-shell.directory-sidebar-enabled #view-navigation li:has(> a[data-view-id="internal"]) { display:list-item; }
.view-panel:has(.directory-design-host) { padding:0; }
.directory-topbar { height:72px; padding:12px 24px 12px 30px; display:flex; align-items:center; gap:18px; border-bottom:1px solid #e8e1d9; position:relative; }
.directory-global-search { border:1px solid #9da9b9; border-radius:28px; min-width:0; flex:1; height:44px; display:flex; gap:12px; align-items:center; padding:0 18px; margin:0; }
.directory-global-search input { background:transparent; border:0; padding:0; min-width:0; width:100%; box-shadow:none; font:inherit; font-size:18px; color:#182145; height:40px; }
.directory-global-search input:focus { outline-offset:5px; }
.directory-icon { width:22px; height:22px; flex:none; filter:invert(23%) sepia(100%) saturate(3000%) hue-rotate(210deg) brightness(94%) contrast(108%); }
.directory-header-icon { border:0; padding:8px; background:transparent; color:#00489a; border-radius:8px; display:flex; }
.directory-actor { border-radius:50%; background:#e6effb; color:#0751a5; border:1px solid #c4d3ea; font-weight:700; width:42px; height:42px; padding:0; }
.directory-header-popover { position:absolute; z-index:25; top:64px; right:24px; width:min(340px,calc(100vw - 36px)); padding:18px; border:1px solid #c6cdda; border-radius:12px; background:#fffdfa; box-shadow:0 8px 24px #14264b26; }
.directory-header-popover[hidden] { display:none; }
.directory-header-popover h2 { margin:0; font-size:22px; }
.directory-account-popover { display:grid; gap:12px; }
.directory-phone-row { display:flex; gap:8px; align-items:start; }
.directory-phone-row .directory-calling-code { flex:0 0 30%; width:30%; min-width:90px; padding-right:20px; background:transparent url('/assets/external-icons/caret-down.svg') right 4px center / 14px no-repeat; }
.directory-phone-row > input:not(.directory-calling-code) { min-width:0; flex:1; }
@media(max-width:700px) { .directory-topbar { padding:10px 12px; gap:8px; height:64px; } .directory-global-search { padding:0 10px; } .directory-global-search input { font-size:16px; } }
@media(min-width:701px) {
  #app-shell.workspace-shell:has(.directory-page)[data-mode="view"] .workspace-grid { grid-template-columns:256px minmax(0,1fr); }
  .directory-design-host:has(.directory-page) .directory-topbar { padding-left:24px; }
}

#app-shell.directory-sidebar-enabled { --directory-sidebar-width:282px; position:relative; }
#app-shell.directory-sidebar-enabled:has(.directory-page) { --directory-sidebar-width:256px; }
#app-shell.directory-sidebar-enabled[data-directory-nav-width="240"] { --directory-sidebar-width:240px; }
#app-shell.directory-sidebar-enabled[data-directory-nav-width="260"] { --directory-sidebar-width:260px; }
#app-shell.directory-sidebar-enabled[data-directory-nav-width="280"] { --directory-sidebar-width:280px; }
#app-shell.directory-sidebar-enabled[data-directory-nav-width="300"] { --directory-sidebar-width:300px; }
#app-shell.directory-sidebar-enabled[data-directory-nav-width="320"] { --directory-sidebar-width:320px; }
#app-shell.directory-sidebar-enabled[data-directory-nav-width="340"] { --directory-sidebar-width:340px; }
#app-shell.directory-sidebar-enabled[data-directory-nav-width="360"] { --directory-sidebar-width:360px; }
#app-shell.directory-sidebar-enabled.directory-sidebar-collapsed { --directory-sidebar-width:58px; }
.directory-nav-toggle { display:none; position:absolute; z-index:40; top:20px; left:calc(var(--directory-sidebar-width) - 36px); width:30px; height:32px; min-height:32px; padding:0; border:1px solid #a0acb9; border-radius:7px; background:#fffdfa; color:#092552; font-size:28px; line-height:1; box-shadow:0 1px 3px #17263b12; }
.directory-nav-resize { display:none; position:absolute; z-index:39; left:calc(var(--directory-sidebar-width) - 10px); top:48%; width:20px; height:58px; cursor:col-resize; touch-action:none; color:#19294a; }
.directory-nav-resize span { display:grid; place-items:center; border:1px solid #b5bcc5; border-radius:10px; width:18px; height:40px; background:#fffdfa; font-size:28px; line-height:1; }
.directory-nav-resize::after { content:'↔'; position:absolute; bottom:-4px; left:-4px; font-size:25px; }
.directory-nav-resize:focus-visible { outline:3px solid #005dc7; outline-offset:3px; border-radius:8px; }
.directory-sidebar-resizing { cursor:col-resize; user-select:none; }
@media(min-width:701px) {
  .workspace-shell#app-shell.directory-sidebar-enabled[data-mode="view"] .workspace-grid { grid-template-columns:var(--directory-sidebar-width) minmax(0,1fr); }
  .directory-nav-toggle,.directory-nav-resize { display:block; }
  #app-shell.directory-sidebar-enabled .navigation-panel .brand-mark { padding-right:24px; padding-left:10px; }
  #app-shell.directory-sidebar-enabled .navigation-panel a[data-view-id="internal"] { padding-right:8px; }
  #app-shell.directory-sidebar-enabled.directory-sidebar-collapsed .navigation-panel { padding-left:4px; padding-right:4px; }
  #app-shell.directory-sidebar-enabled.directory-sidebar-collapsed .navigation-panel .brand-mark { visibility:hidden; }
  #app-shell.directory-sidebar-enabled.directory-sidebar-collapsed .navigation-panel .nav-group-title { height:18px; margin:12px 0 0; padding:0; overflow:hidden; font-size:0; }
  #app-shell.directory-sidebar-enabled.directory-sidebar-collapsed .navigation-panel a,
  #app-shell.directory-sidebar-enabled.directory-sidebar-collapsed .navigation-panel #sign-out { min-height:40px; padding:8px 12px; font-size:0; gap:0; overflow:hidden; }
  #app-shell.directory-sidebar-enabled.directory-sidebar-collapsed .navigation-panel a::before,
  #app-shell.directory-sidebar-enabled.directory-sidebar-collapsed .navigation-panel #sign-out::before { width:24px; height:24px; margin:0; }
}