/* Barre supérieure : compacte, stable et sans débordement horizontal. */
.app-topbar{height:66px;gap:11px;padding:0 18px}
.app-topbar .brand{height:40px;gap:8px}
.app-topbar .logo{width:30px;height:30px;border-radius:8px}
.app-topbar .brand strong{font-size:16px}
.app-topbar .brand .app-version-label{font-size:9px}
.app-topbar .sidebar-search{width:185px;height:34px;margin:0;padding:0 9px}
.app-topbar .sidebar-search input{font-size:11px}
.app-topbar .sidebar-search kbd{font-size:7px}
.app-topbar .tabs{min-width:0;gap:2px}
.app-topbar .tab{height:34px;padding:0 9px;gap:6px;font-size:11px}
.app-topbar .tab span{width:15px;font-size:13px}
.app-topbar .topbar-spacer{min-width:0}
.app-topbar .save-state{margin:0;font-size:10px}
.app-topbar .header-actions{min-width:max-content;margin:0}
.app-topbar .logout-button{height:34px;padding:0 10px;border-radius:8px;font-size:11px}
.app-topbar .logout-button b{font-size:10px}
.workspace{min-height:calc(100vh - 66px)}

@media(max-width:1350px){
  .app-topbar{gap:8px;padding:0 14px}
  .app-topbar .sidebar-search{width:150px}
  .app-topbar .tab{padding:0 7px;font-size:10px}
  .app-topbar .tab span{font-size:12px}
  .app-topbar .save-state{display:none}
}
@media(max-width:1040px){
  .app-topbar .sidebar-search{width:128px}
  .app-topbar .tab{padding:0 6px;font-size:9px}
  .app-topbar .tab span{width:12px;font-size:11px}
  .app-topbar .logout-button{width:34px;padding:0;justify-content:center}
  .app-topbar .logout-button b{display:none}
}
@media(max-width:850px){
  .app-topbar{height:auto;min-height:66px}
  .workspace{min-height:calc(100vh - 66px)}
}