.nav-human { position: relative; }
.nav-human-button { display: flex; align-items: center; gap: 5px; padding: 4px 8px 4px 6px; border: 0; border-radius: 20px; background: #e8f5f1; color: #13705d; font-size: 11px; font-weight: 650; white-space: nowrap; cursor: pointer; }
.nav-human-button svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.nav-human-button:hover { background: #d8eee6; }
.nav-human-button[aria-busy="true"] { opacity: .6; cursor: progress; }
.nav-chat-error { position: absolute; z-index: 5; top: 100%; right: 0; width: 270px; padding: 16px; border: 1px solid #e2e6ed; border-radius: 8px; background: #fff; box-shadow: 0 10px 30px #14203c1a; font-size: 12px; line-height: 1.6; color: #515b6b; }
.nav-chat-error a { display: block; margin-top: 6px; color: #1761da; }
@media (max-width: 760px) {
    .nav-top { display: grid; grid-template-columns: 1fr auto; gap: 8px; }
    .nav-utilities { grid-column: 1 / -1; grid-row: 2; justify-content: flex-end; gap: 10px; }
    .nav-toggle { grid-column: 2; grid-row: 1; }
    .nav-human-button { font-size: 10px; }
    .nav-human-button svg { width: 15px; height: 15px; }
    .nav-main { max-height: calc(100dvh - 90px); }
    .nav-tool-panel { top: 90px; }
}