/* Without enhancement the ordinary sidebar remains usable. */
.navigation-toggle,.navigation-close {display:none;}
.icon-chat {mask-image:url('/icons/chat.svg');}
.workspace-drawer {color:var(--text);background:var(--solid);border:1px solid var(--line);padding:0;}
.workspace-drawer:not([open]) {display:none;}
@media(max-width:900px) {
  body[data-mobile-navigation] .work-shell {display:block;}
  body[data-mobile-navigation] .navigation-toggle {display:inline-flex;flex:none;min-width:44px;min-height:44px;}
  body[data-mobile-navigation] .site-header {height:auto;min-height:72px;padding:12px;gap:7px;}
  body[data-mobile-navigation] .brand {margin-right:auto;min-width:0;}
  body[data-mobile-navigation] .brand,body[data-mobile-navigation] .brand img {width:clamp(80px,25vw,130px);height:auto;}
  body[data-mobile-navigation] .header-actions {gap:2px;flex:none;}
  body[data-mobile-navigation] .header-admin,body[data-mobile-navigation] .header-profile,
  body[data-mobile-navigation] .header-actions>form:last-child {display:none;}
  body[data-mobile-navigation] .header-actions .icon-button {width:36px;height:44px;min-height:44px;padding:8px;}
  body[data-mobile-navigation] .locale {padding:2px;gap:0;}
  body[data-mobile-navigation] .locale button {padding:7px 6px;min-height:36px;}
  .workspace-drawer[open] {position:fixed;inset:0 auto 0 0;margin:0;width:min(340px,calc(100vw - 40px));max-width:none;height:100vh;height:100dvh;max-height:none;border-radius:0 24px 24px 0;box-shadow:15px 0 60px #0004;overflow:hidden;}
  .workspace-drawer::backdrop {background:#10131a80;backdrop-filter:blur(3px);}
  .workspace-drawer .sidebar {position:static;display:flex;flex-direction:column;flex-wrap:nowrap;gap:0;width:100%;height:100%;min-height:0;max-height:none;margin:0;border:0;border-radius:0;box-shadow:none;background:var(--solid);padding:calc(14px + env(safe-area-inset-top)) 14px calc(14px + env(safe-area-inset-bottom));box-sizing:border-box;}
  .workspace-drawer .sidebar-heading {display:flex;flex-wrap:nowrap;align-items:center;gap:12px;width:100%;margin:0 0 8px;flex:none;}
  .workspace-drawer .sidebar-heading h2 {flex:1;flex-basis:auto;min-width:0;margin:0;font-size:18px;line-height:1.4;overflow-wrap:anywhere;}
  .workspace-drawer .navigation-close {display:inline-flex;flex:none;min-width:44px;min-height:44px;}
  .workspace-drawer .sidebar .eyebrow {display:block;flex:none;margin:0 10px 16px;font-size:10px;}
  .workspace-drawer .sidebar>.field-hint {flex:none;font-size:12px;margin:0 10px 16px;}
  .workspace-drawer .sidebar-nav {display:flex;flex-direction:column;flex-wrap:nowrap;gap:4px;flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:2px 3px 12px;scrollbar-gutter:stable;}
  .workspace-drawer .sidebar-nav>a {display:flex;flex:none;align-items:center;gap:12px;min-height:46px;margin:0;padding:11px 12px;font-size:14px;line-height:1.45;border-radius:14px;overflow-wrap:anywhere;}
  .workspace-drawer .sidebar-nav>a>.icon {display:inline-block;width:19px;height:19px;}
  .workspace-drawer .sidebar-nav .sidebar-divider {display:block;flex:none;height:1px;margin:12px;}
  .workspace-drawer .account-menu {display:block;flex:none;min-width:0;flex-basis:auto;margin:8px 0 0;padding-top:10px;border-top:1px solid var(--divider);}
  .workspace-drawer .account-menu>summary {min-height:48px;}
  .workspace-drawer .account-menu-panel {width:100%;max-width:100%;top:auto;bottom:calc(100% + 6px);box-sizing:border-box;max-height:50dvh;overflow:auto;}
  .workspace-drawer .account-label {min-width:0;}
  .workspace-drawer .account-label small {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  body[data-mobile-navigation] .work-main {padding:0;min-width:0;}
  .work-shell>[data-workspace-navigation] {display:flex;flex-direction:column;height:auto;min-height:0;max-height:none;position:static;}
  .work-shell>[data-workspace-navigation] .sidebar-nav {display:flex;flex-direction:column;flex-wrap:nowrap;overflow:visible;}
}
@media(prefers-reduced-motion:no-preference) {
  .workspace-drawer[open] {animation:drawer-enter .18s ease-out;}
  @keyframes drawer-enter {from {transform:translateX(-24px);opacity:.5;} to {transform:translateX(0);opacity:1;}}
}