/* NEXAR UX5 Stage 07 — RTL breadcrumb, responsive bottom navigation and shell polish */
.nx4-workspace .workspace-body{min-width:0}
.nx4-workspace .nx5-breadcrumb{display:flex;align-items:center;gap:7px;flex-wrap:wrap;min-width:0;margin:2px 0 18px;font-size:12px;color:var(--nx5-tone-support);line-height:1.65}
.nx4-workspace .nx5-breadcrumb button{background:transparent;border:0;padding:4px 3px;color:var(--nx5-tone-action);font:800 12px Cairo,sans-serif;cursor:pointer;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:4px}
.nx4-workspace .nx5-breadcrumb button:hover{text-decoration-color:currentColor}
.nx4-workspace .nx5-breadcrumb button:focus-visible{outline:2px solid var(--app-accent);outline-offset:2px}
.nx4-workspace .nx5-breadcrumb-separator{opacity:.55;user-select:none}
.nx4-workspace .nx5-breadcrumb-current{font-weight:900;color:var(--nx5-tone-primary)}
.nx4-workspace .nx5-breadcrumb-module{color:var(--nx5-tone-secondary);font-weight:750}
.nx5-mobile-nav{display:none}
@media(max-width:900px){
 .nx4-workspace .workspace-body{padding-bottom:calc(71px + env(safe-area-inset-bottom,0px))}
 .nx4-workspace .nx5-breadcrumb{margin-bottom:11px;font-size:11px}
 .nx5-mobile-nav{display:flex;position:fixed;inset-inline:0;bottom:0;z-index:450;align-items:stretch;justify-content:space-around;gap:4px;padding:7px 8px max(7px,env(safe-area-inset-bottom,0px));border-top:1px solid var(--nx4-line-light);background:color-mix(in srgb,var(--nx4-panel) 95%,transparent);box-shadow:0 -12px 35px #0A19311C;min-height:69px}
 .nx5-mobile-nav-item{appearance:none;display:flex;flex:1;min-width:0;max-width:120px;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:52px;border:1px solid transparent;border-radius:12px;color:var(--nx5-tone-secondary);background:transparent;font:800 10px Cairo,sans-serif;cursor:pointer;white-space:nowrap}
 .nx5-mobile-nav-icon{position:relative;display:grid;place-items:center;width:29px;height:27px}
 .nx5-mobile-nav-icon .nx-vivid-icon{width:22px;height:22px;stroke-width:1.9}
 .nx5-mobile-nav-label{max-width:100%;overflow:hidden;text-overflow:ellipsis;line-height:1.5}
 .nx5-mobile-nav-item.is-active{background:color-mix(in srgb,var(--app-accent) 9%,var(--nx4-panel));color:var(--app-accent);border-color:color-mix(in srgb,var(--app-accent) 15%,var(--nx4-line-light))}
 .nx5-mobile-nav-item.is-active .nx5-mobile-nav-icon:after{content:"";position:absolute;inset-inline:6px;bottom:-2px;height:2px;background:var(--app-accent);border-radius:4px}
 .nx5-mobile-nav-item:focus-visible{outline:2px solid var(--app-accent);outline-offset:2px}
 .nx5-mobile-nav-item:active{background:color-mix(in srgb,var(--app-accent) 14%,var(--nx4-panel))}
 .nx4-workspace .mobile-shade{z-index:550}
 .nx4-workspace .sidebar{z-index:600}
 .dialog-backdrop{z-index:1100}
}
@media(max-width:359px){
 .nx5-mobile-nav{gap:1px;padding-inline:4px}
 .nx5-mobile-nav-item{font-size:9px;padding-inline:0}
 .nx5-mobile-nav-icon .nx-vivid-icon{width:20px;height:20px}
}
@media(min-width:901px){.nx5-mobile-nav{display:none!important}}
@media(prefers-reduced-motion:reduce){.nx5-mobile-nav-item{transition:none!important}}