.header-links::before { content: 'ELISA WORKSPACE'; white-space: normal; flex-shrink: 0; }
.header-links .nav-group { width: 100%; flex-shrink: 0; }
.header-links .nav-group-label { margin: 14px 10px 5px; color: #8aacc8; font-size: .64rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.header-links a { display: flex; align-items: center; width: 100%; min-height: 38px; padding: 8px 10px; border-radius: 7px; text-decoration: none; font-size: .86rem; line-height: 1.3; }
.header-links a[aria-current] { background: #244b5b; color: #a5f2df; box-shadow: inset 3px 0 #78d9c6; font-weight: 700; }
.header-links a:focus-visible, .nav-toggle:focus-visible { outline: 2px solid #78d9c6; outline-offset: 2px; }
.header-links .link-button { flex-shrink: 0; width: 100%; min-height: 44px; padding: 10px; margin-top: 12px; border-top: 1px solid #35506e; text-align: left; }
.page-breadcrumb { margin-top: 10px; color: #9fb6d0; font-size: .74rem; line-height: 1.5; }
.page-breadcrumb a { min-height: auto; display: inline; }
@media (min-width: 861px) {
  .header-links, .chat-shell .header-links { display: flex; flex-direction: column; flex-wrap: nowrap; align-items: stretch; justify-content: flex-start; gap: 0; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; }
}
@media (max-width: 860px) {
  main > header { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: start; }
  .header-links, .chat-shell .header-links { display: none; position: fixed; z-index: 40; top: 78px; right: 12px; bottom: max(12px, env(safe-area-inset-bottom)); width: min(340px, calc(100vw - 24px)); padding: 12px; border: 1px solid #35506e; border-radius: 12px; background: #0d1a2b; box-shadow: 0 16px 48px #0009; overflow-y: auto; overscroll-behavior: contain; flex-wrap: nowrap; justify-content: flex-start; gap: 0; }
  .header-links.is-open, .chat-shell .header-links.is-open { display: flex; }
  .header-links a { min-height: 44px; }
  .nav-toggle { z-index: 41; }
}