/* JR OS 2026.141 — barra de orientação única.
   Antes, cada tela tinha a sua própria fileira de botões, apontando para
   lugares diferentes: dava para estar em Automações e não ter ideia de que
   Configurar comunicação era a tela irmã. Esta barra responde sempre às
   mesmas três perguntas: onde estou, o que existe ao lado, como volto. */
.jr-nav{position:sticky;top:0;z-index:4400;background:rgba(7,11,18,.93);backdrop-filter:blur(12px);border-bottom:1px solid #223049}
.jr-nav-in{max-width:1240px;margin:auto;padding:8px 14px;display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.jr-nav-trilha{display:flex;gap:7px;align-items:center;font:800 12px/1.3 Inter,system-ui,sans-serif;color:#8fa1ba;flex-wrap:wrap;margin:0}
.jr-nav-trilha a{color:#8fa1ba;text-decoration:none;border-radius:7px;padding:3px 5px}
.jr-nav-trilha a:hover{color:#fff;background:#182338}
.jr-nav-trilha .sep{opacity:.5}
.jr-nav-trilha [aria-current="page"]{color:#f5f7fb}
.jr-nav-irmas-wrap{margin-left:auto}
.jr-nav-irmas{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.jr-nav-irmas a{min-height:38px;display:inline-flex;align-items:center;gap:6px;padding:0 12px;border-radius:999px;border:1px solid #27344a;background:#0b111b;color:#c8d5e6;text-decoration:none;font:800 12.5px/1 Inter,system-ui,sans-serif;white-space:nowrap}
.jr-nav-irmas a:hover{border-color:#3d5375;color:#fff;background:#111a29}
.jr-nav-irmas a[aria-current="page"]{background:#1d2b44;border-color:#4a68a0;color:#fff}
.jr-nav-irmas a .pt{font-size:14px}
@media(max-width:900px){
  .jr-nav-in{padding:7px 12px;gap:8px}
  .jr-nav-irmas-wrap{margin-left:0;width:100%;flex:0 0 100%;position:relative}
  .jr-nav-irmas-wrap::after{content:'';position:absolute;right:0;top:0;bottom:0;width:36px;background:linear-gradient(to left,rgba(7,11,18,.95),transparent);pointer-events:none;z-index:1}
  .jr-nav-irmas{overflow-x:auto;padding-bottom:2px;scrollbar-width:none;flex-wrap:nowrap}
  .jr-nav-irmas::-webkit-scrollbar{display:none}
}
@media print{.jr-nav{display:none!important}}
/* JR OS 2026.147 — a barra ficou redundante: cada tela operacional já tem
   seu próprio caminho de volta (botão no cabeçalho, dock do admin), e ela
   duplicava isso de um jeito que o usuário achou feio e confuso. */
.jr-nav{display:none!important}

/* Acessibilidade aplicada a todo o sistema de uma vez. */
body.jr-a11y button,body.jr-a11y a[role="button"],body.jr-a11y input[type="button"],body.jr-a11y input[type="submit"],body.jr-a11y select{min-height:44px}
body.jr-a11y .jr-nav-irmas a,body.jr-a11y .jr-nav-trilha a{min-height:38px}
body.jr-a11y :focus-visible{outline:3px solid #7dd3fc;outline-offset:2px;border-radius:6px}
body.jr-a11y [aria-busy="true"]{cursor:progress}
/* Caixa de marcar padrão do navegador tem 13px. Dedo em obra, celular na mão,
   luva às vezes: 20px é o mínimo para acertar sem raiva. */
body.jr-a11y input[type="checkbox"],body.jr-a11y input[type="radio"]{min-width:20px;min-height:20px;accent-color:#e91e8c}
/* A etiqueta ao lado é área clicável junto com a caixa. */
body.jr-a11y label:has(> input[type="checkbox"]),body.jr-a11y label:has(> input[type="radio"]){min-height:32px;display:inline-flex;align-items:center;gap:8px}
@media(forced-colors:active){.jr-nav-irmas a,.jr-nav{border-color:CanvasText}}
body.jr-a11y .jr-icone{min-width:32px}