/* UltraSonic v0.8 · Navegação e busca */
@media screen {
 .sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
 .skip-link{position:fixed;top:-90px;left:12px;z-index:100;background:#fff;border:2px solid #0d7958;color:#073c31;border-radius:9px;padding:10px 14px;font-weight:700}
 .skip-link:focus{top:12px}
 .app-shell .nav-link[aria-current="page"]{box-shadow:inset 3px 0 0 #b5f0d0}
 .app-shell .sidebar .nav{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding-bottom:10px}
 .app-shell .top-search:focus-within{border-color:var(--us-forest-600);box-shadow:0 0 0 3px rgba(16,128,94,.12)}
 .app-shell .top-search input:focus-visible{outline:none}
 .app-shell .search-results{max-height:min(380px,60vh);overflow-y:auto;padding:7px;z-index:60}
 .app-shell .search-results a{display:flex;flex-wrap:wrap;gap:2px 9px;align-items:center;min-height:60px;padding:9px 11px;border-radius:8px}
 .app-shell .search-results a:hover,.app-shell .search-results a:focus-visible{background:#eef8f2;outline-offset:-2px}
 .app-shell .search-results a b{flex:1;min-width:0;font-size:12.5px;color:var(--us-text-900)}
 .app-shell .search-results a small{order:3;width:100%;font-size:11px;color:var(--us-text-600)}
 .app-shell .search-results .result-category{order:2;color:#27684f;background:#e2f3e9;border-radius:99px;padding:3px 8px;font-size:10px;font-weight:800}
 .app-shell .search-empty{font-size:12px;color:var(--us-text-600);margin:0;padding:12px}
 .sidebar-scrim{display:none}
}
@media screen and (max-width:800px){
 body.sidebar-is-open{overflow:hidden}
 .sidebar-scrim:not([hidden]){position:fixed;inset:0;z-index:19;display:block;width:100%;border:0;background:rgba(2,28,22,.50);cursor:pointer}
 .app-shell .sidebar{z-index:20}
 .app-shell .topbar .mobile-menu{width:40px;height:40px;border-radius:9px}
}
@media screen and (max-width:620px){
 .app-shell .top-search{width:min(250px,calc(100vw - 146px))}
 .app-shell .search-results{width:min(320px,calc(100vw - 32px))}
}


/*
 * UltraSonic v0.8.1 — rolagem do painel.
 * Menu e página continuam roláveis; elimina o aspecto de duas barras largas
 * e aproveita melhor o espaço vertical sem ocultar funções.
 */
@media screen {
  html {
    scrollbar-width: thin;
    scrollbar-color: #adc8bc #f6f9f8;
  }
  html::-webkit-scrollbar { width: 9px; }
  html::-webkit-scrollbar-track { background: #f6f9f8; }
  html::-webkit-scrollbar-thumb {
    background: #adc8bc;
    border-radius: 999px;
    border: 2px solid #f6f9f8;
  }
  html::-webkit-scrollbar-thumb:hover { background: #719d8b; }

  .app-shell .sidebar {
    height: 100vh;
    height: 100dvh;
    min-height: 0;
    padding-top: 10px;
    padding-bottom: 12px;
  }
  .app-shell .sidebar .brand {
    flex-shrink: 0;
    padding: 12px 9px 14px;
  }
  .app-shell .sidebar .sidebar-section-title {
    flex-shrink: 0;
    margin: 14px 13px 8px;
  }
  .app-shell .sidebar .nav {
    flex: 1 1 auto;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    gap: 3px;
    padding: 1px 5px 9px 1px;
    scrollbar-width: thin;
    scrollbar-color: rgba(186, 236, 210, .46) transparent;
    overscroll-behavior-y: contain;
  }
  .app-shell .sidebar .nav::-webkit-scrollbar { width: 5px; }
  .app-shell .sidebar .nav::-webkit-scrollbar-track { background: transparent; }
  .app-shell .sidebar .nav::-webkit-scrollbar-thumb {
    background: rgba(186, 236, 210, .46);
    border-radius: 999px;
  }
  .app-shell .sidebar .nav::-webkit-scrollbar-thumb:hover {
    background: rgba(211, 250, 228, .75);
  }
  .app-shell .sidebar .nav-link {
    min-height: 42px;
    flex-shrink: 0;
    padding-left: 13px;
    padding-right: 10px;
  }
  .app-shell .sidebar .sidebar-bottom {
    flex-shrink: 0;
    padding: 11px 10px 0;
  }
  .app-shell .sidebar .sidebar-bottom p {
    margin: 9px 0 10px;
    line-height: 1.4;
  }
}

/* Em janelas mais baixas, prioriza o menu e mantém o status da demonstração. */
@media screen and (max-height: 760px) {
  .app-shell .sidebar .sidebar-bottom p { display: none; }
  .app-shell .sidebar .sidebar-bottom { padding-top: 10px; }
}

@media screen and (max-width: 800px) {
  .app-shell .sidebar {
    height: 100vh;
    height: 100dvh;
    max-height: 100dvh;
    overflow: hidden;
  }
}