/* Navegação superior Tracker Gestor */
.app-shell{display:block;min-height:100vh}
.sidebar.topbar{width:auto;height:68px;padding:0 22px;background:linear-gradient(90deg,var(--black),#202020);display:flex;flex-direction:row;align-items:center;gap:22px;position:sticky;top:0;z-index:35;transform:none;border-right:0;border-bottom:4px solid var(--red);box-shadow:0 5px 18px #0002}
.topbar .brand{display:flex;align-items:center;gap:10px;flex:0 0 auto;padding:0 20px 0 0;border-bottom:0;border-right:1px solid #ffffff20}
.topbar .brand img{width:42px;height:42px}
.topbar .brand strong,.topbar .brand small{white-space:nowrap}
.topbar nav{display:flex;align-items:center;gap:3px;margin:0;min-width:0;flex:1}
.topbar nav button,.topbar .logout{padding:10px 11px;text-align:center;font-size:12px;white-space:nowrap}
.topbar-user{display:flex;align-items:center;gap:8px;margin-left:auto;padding-left:14px;border-left:1px solid #ffffff20}
.topbar-user>span{font-size:12px;font-weight:800;white-space:nowrap}
.topbar .logout{margin:0;padding-inline:9px}
main header{min-height:72px;height:auto;padding:10px 28px}
.view{padding:24px 28px}
.menu{background:#ededed;border-radius:9px;width:40px;height:40px}
.flash{top:84px}
@media(max-width:1250px){
  .sidebar.topbar{gap:12px;padding-inline:16px}
  .topbar .brand{padding-right:12px}
  .topbar .brand small,.topbar-user>span{display:none}
  .topbar nav button{padding-inline:8px}
  .view{padding:22px 20px}
}
@media(max-width:900px){
  .sidebar.topbar{height:62px;position:sticky;padding:0 16px}
  .topbar .brand{border:0}
  .topbar .brand img{width:38px;height:38px}
  .topbar nav{display:none;position:absolute;left:0;right:0;top:62px;background:#171717;border-bottom:4px solid var(--red);padding:10px 14px;box-shadow:0 12px 24px #0004;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
  .topbar.open nav{display:grid}
  .topbar nav button{text-align:left;padding:11px}
  .topbar-user{margin-left:auto}
  .menu{display:inline-grid;place-items:center}
  main header{padding:8px 18px}
  .view{padding:20px 16px}
}
@media(max-width:600px){
  .topbar nav{grid-template-columns:1fr 1fr}
  .topbar .brand div,.topbar-user>span{display:none}
  .toolbar{flex-wrap:wrap}
  .toolbar .primary{width:100%}
}