/* v2.0.9.7 Separate Menu Bar and Tool Bar for clearer workspace navigation */
.top{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:10px !important;
  align-items:stretch !important;
  padding:10px 14px !important;
  background:linear-gradient(180deg,#0d1d31 0%, #0b1727 100%);
}
.top-row{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
  border:1px solid rgba(89,132,171,.45);
  border-radius:14px;
  background:rgba(8,22,37,.55);
  padding:9px 12px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.top-row .row-label{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:86px;
  padding:7px 10px;
  border-radius:10px;
  border:1px solid rgba(90,140,181,.45);
  background:#15314d;
  color:#b8daef;
  font-size:11px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.top-row .row-inner{
  flex:1 1 auto;
  min-width:0;
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
.top-group{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  min-width:0;
}
.top-group.grow{flex:1 1 auto}
.menu-row .brand{margin-right:0;min-width:0}
.menu-row .workshop-menus{flex-wrap:wrap}
.menu-row #filename,
.menu-row #diagramType{
  background:#0f2236;
  border-color:#34506a;
}
.menu-row #filename{min-width:180px;max-width:280px}
.menu-row #diagramType{min-width:190px;max-width:260px;padding:9px;border-radius:8px;color:#e8f5ff}
.tool-row{border-color:rgba(53,162,195,.42);background:rgba(7,24,37,.72)}
.tool-row .toolbar-primary{flex:1 1 auto}
.tool-row .toolbar-status{margin-left:auto}
.tool-row #zoomLabel,
.tool-row .autosave-state{
  display:inline-flex;
  align-items:center;
  min-height:38px;
}
.tool-row > .row-inner > *{flex:0 0 auto}
.top.hidden-inputs{display:none}
@media (max-width:1100px){
  .top-row{align-items:flex-start}
  .top-row .row-label{min-width:72px}
  .menu-row #filename,
  .menu-row #diagramType{max-width:none;width:100%}
}
@media (max-width:760px){
  .top{padding:8px !important;gap:8px !important}
  .top-row{flex-direction:column;align-items:stretch;padding:8px 10px}
  .top-row .row-label{width:100%;justify-content:flex-start}
  .top-row .row-inner,.top-group{width:100%}
  .top-group > *{max-width:100%}
  .tool-row .toolbar-status{margin-left:0}
}