/* UX.4.5 - correcao do shell Online/Debug.
   Ficheiro novo e carregado por ultimo para evitar CSS historico em cache no browser/CDN. */

/* O skip link existe para teclado/WCAG, mas nunca deve ocupar espaco visual sem foco. */
.ux4-skip-link{
    position:fixed!important;
    z-index:10000!important;
    left:1rem!important;
    top:.75rem!important;
    width:auto!important;
    height:auto!important;
    margin:0!important;
    padding:.7rem 1rem!important;
    overflow:visible!important;
    clip:auto!important;
    white-space:nowrap!important;
    transform:translateY(calc(-100% - 2rem))!important;
    border-radius:.55rem!important;
    background:#fff!important;
    color:#173f66!important;
    font-weight:700!important;
    text-decoration:underline!important;
    box-shadow:0 4px 18px rgba(0,0,0,.18)!important;
}
.ux4-skip-link:focus,.ux4-skip-link:focus-visible{transform:translateY(0)!important}

/* app.css aplica flex-direction:column a todos os div directos do topbar.
   O meta do utilizador e a excepcao: deve ficar em linha, como no Debug. */
.app-topbar>.app-topbar-heading{display:flex!important;flex-direction:column!important;min-width:0}
.app-topbar>.app-topbar-meta{
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:10px!important;
    min-width:0;
}
.app-topbar>.app-topbar-meta .role-chip,
.app-topbar>.app-topbar-meta .topbar-user-name{margin:0}

@media(max-width:900px){
    .app-topbar>.app-topbar-meta{gap:6px!important}
}