/* NAV-01: fixed overlay directory; opening never resizes the page. */
.uh-app-shell { display: block; min-height: 100vh; padding-top: var(--tds-header-h); background: var(--tds-surface); }
.uh-app-main { min-width: 0; background: var(--tds-surface); }
.uh-app-main > * { min-width: 0; }
.uh-omni-backdrop { position: fixed; inset: var(--tds-panel-top) 0 0; z-index: var(--tds-z-panel-backdrop); background: var(--tds-border-strong); visibility: hidden; pointer-events: none; }
body.is-directory-open .uh-omni-backdrop { visibility: visible; pointer-events: auto; }
.uh-sidecar { box-sizing: border-box; max-width: 100vw; position: fixed; top: var(--tds-panel-top); right: 0; width: min(100%, var(--tds-panel-w)); height: calc(100dvh - var(--tds-panel-top)); z-index: var(--tds-z-panel); display: flex; flex-direction: column; background: var(--tds-surface); border-left: var(--tds-nav-rule) solid var(--tds-nav-border); box-shadow: var(--tds-shadow-lg); visibility: hidden; pointer-events: none; font-family: var(--tds-font-system); }
body.is-directory-open .uh-sidecar { visibility: visible; pointer-events: auto; }
body.is-directory-open .uh-whatsapp-wrapper { display: none !important; }
.uh-panel-show-all { width: 100%; min-height: var(--tds-tap-target-min); margin-top: var(--tds-space-03); padding: var(--tds-space-02); border: var(--tds-nav-rule) solid var(--tds-border-strong); border-radius: var(--tds-radius-md); background: var(--tds-surface); color: var(--tds-nav-link-color); font: inherit; }
.uh-sidecar-header { flex: 0 0 auto; min-width: 0; padding: var(--tds-space-03); border-bottom: var(--tds-nav-rule) solid var(--tds-nav-border); }
.uh-panel-title-row { display: flex; align-items: center; justify-content: space-between; gap: var(--tds-space-02); margin-bottom: var(--tds-space-02); }
.uh-panel-title-row h2 { margin: 0; min-width: 0; font: inherit; font-weight: var(--tds-weight-bold); }
.uh-panel-title-phone { display: none; }
.uh-search-input-wrap { position: relative; width: 100%; min-width: 0; }
.uh-panel-search-icon { position: absolute; left: var(--tds-space-02); top: 50%; transform: translateY(-50%); color: var(--tds-text-muted); pointer-events: none; }
.uh-omni__input { box-sizing: border-box; min-width: 0; max-width: 100%; width: 100%; min-height: var(--tds-tap-target-min); padding: var(--tds-space-02) 44px var(--tds-space-02) 36px; border: var(--tds-nav-rule) solid var(--tds-border-strong); border-radius: var(--tds-radius-md); background: var(--tds-surface); color: var(--tds-text-main); font: inherit; font-size: var(--tds-nav-link-size); }
.uh-omni__input::-webkit-search-cancel-button { appearance: none; }
.uh-panel-close { flex: 0 0 44px; width: 44px; height: 44px; padding: 0; border: 0; border-radius: var(--tds-radius-md); background: var(--tds-surface); color: var(--tds-text-main); font: inherit; font-size: var(--tds-type-h3); }
.uh-panel-clear { position: absolute; right: var(--tds-space-02); top: 50%; transform: translateY(-50%); display: flex; align-items: center; justify-content: center; width: 28px; height: 28px; padding: 0; border: var(--tds-nav-rule) solid var(--tds-border-strong); border-radius: 50%; background: var(--tds-panel-row-hover); color: var(--tds-text-muted); font: inherit; font-size: var(--tds-type-size-body); }
.uh-sidecar [hidden] { display: none !important; }
#panel-search-status:empty { display: none; }
#panel-search-status { color: var(--tds-text-muted); font-size: var(--tds-nav-link-size); }
#uh-panel-results a { flex-direction: column; align-items: stretch; gap: var(--tds-space-02); border-bottom: var(--tds-nav-rule) solid var(--tds-nav-border); }
.uh-panel-result-excerpt { color: var(--tds-text-muted); display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.uh-panel-result-meta { color: var(--tds-text-muted); font-size: var(--tds-nav-descriptor-size); }
.uh-sidecar-body { overflow-y: auto; overscroll-behavior: contain; padding: var(--tds-space-03); min-height: 0; scrollbar-gutter: stable; }
.uh-sidecar ul { list-style: none; padding: 0; margin: 0; }
.uh-sidecar li { margin: 0; }
.uh-panel-section { border-bottom: var(--tds-nav-rule) solid var(--tds-nav-border); }
.uh-panel-section summary { list-style: none; display: flex; align-items: center; justify-content: space-between; gap: var(--tds-space-02); cursor: pointer; min-height: var(--tds-tap-target-min); padding: var(--tds-space-02); color: var(--tds-text-main); font-size: var(--tds-nav-link-size); font-weight: var(--tds-nav-link-weight); }
.uh-panel-section summary::-webkit-details-marker { display: none; }
.uh-panel-section summary svg { flex: 0 0 16px; transition: transform var(--tds-motion-duration-standard); }
.uh-panel-section[open] summary svg { transform: rotate(180deg); }
@media (prefers-reduced-motion: reduce) { .uh-panel-section summary svg { transition: none; } }
.uh-panel-section summary small { display: block; color: var(--tds-nav-descriptor-color); font-size: var(--tds-nav-descriptor-size); font-weight: var(--tds-weight-regular); }
.uh-sidecar a { display: flex; align-items: center; min-height: var(--tds-tap-target-min); padding: var(--tds-space-02); border-left: var(--tds-nav-current-bar) solid transparent; border-radius: var(--tds-panel-row-radius); color: var(--tds-nav-link-color); font-size: var(--tds-nav-link-size); line-height: var(--tds-type-line-ui); text-decoration: none; overflow-wrap: anywhere; }
.uh-sidecar a:hover { background: var(--tds-panel-row-hover); }
.uh-sidecar a[aria-current="page"] { color: var(--tds-brand-strong); background: var(--tds-brand-a04); border-left-color: var(--tds-nav-current-color); font-weight: var(--tds-weight-medium); }
.uh-sidecar .uh-nav-group-link > a,
.uh-sidecar .uh-nav-children > li > a { padding-inline-start: calc(var(--tds-space-02) + var(--tds-space-xs)); }
.uh-sidecar .uh-nav-group-label { padding-inline: var(--tds-space-02); padding-inline-start: calc(var(--tds-space-02) + var(--tds-nav-current-bar)); }
.uh-panel-mobile-cta { display: none; }
.uh-panel-cta-link { font-weight: var(--tds-nav-link-weight); }
.uh-panel-section[hidden], .uh-sidecar [data-panel-item][hidden] { display: none; }
@media (max-width: 991.98px) {
  .uh-panel-title-desktop { display: none; }
  .uh-panel-title-phone { display: inline; }
  .uh-sidecar { width: 100%; }
  .uh-panel-mobile-cta { display: block; margin-bottom: var(--tds-space-02) !important; }
  .uh-panel-mobile-cta a { background: var(--tds-brand-action); color: var(--tds-text-inverse); justify-content: center; }
}