/* data display style */
  
  table{
    width:100%;
    border-collapse: collapse;
  }
  tr{
    /* display:flex; */
  }
  td,th{
    border:1px solid #959595;
    /*
    flex:1; 
    width:auto;
    margin-top: -1px;
    margin-left: -1px;
    */
    
    font-family:Segoe UI;
    padding:5px 12px;
  }
  th{
    background-color:#bbb;
  }
  tr:first-child{
    /* background-color:#bbb; */
  }
  tr:first-child td{
    border-color:transparent;
    font-weight:bold;
  }
  tr td:first-child{
    width:0px;
    /*user-select: none;*/
    text-align:center;
  }
  tr td:last-child{
    white-space:nowrap;
  }
  tr td:nth-child(1),
  tr td:nth-child(2)
  {
    width:auto;
  }
  tr td{
    #width:33%;
  }
  td button{
    width:auto;
    display:inline-block;
    padding:0px;
    
  }
  
  
  /*****************/
  /* darkmode view */
  /*****************/
    @media (prefers-color-scheme: dark){
      tr:first-child{
        /*background-color:dimgrey;*/
      }
      th{
        background-color:dimgray;
        width:0px;
        white-space:nowrap;
      }
    }
  /*****************/
  /*****************/