/* GB Remote Admin - Update Manager v1 */

#updates .update-heads{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  margin-bottom:16px
}
#updates .update-head{
  padding:16px;
  border:1px solid var(--line,#17364a);
  border-radius:14px
}
#updates .update-head h3{margin:6px 0}
#updates .update-head small{display:block;opacity:.7}
#updates .update-layout{
  display:grid;
  grid-template-columns:minmax(330px,.8fr) minmax(0,1.6fr);
  gap:16px;
  align-items:start
}
#updates .update-form{display:grid;gap:12px}
#updates .update-form label{display:grid;gap:6px;font-size:12px}
#updates .update-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px
}
#updates .update-grid3{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px
}
#updates textarea{min-height:90px;resize:vertical}
#updates .update-check{
  display:flex;
  flex-direction:row;
  align-items:center;
  gap:8px
}
#updates .update-actions{
  display:flex;
  gap:6px;
  flex-wrap:wrap
}
#updates .update-actions .btn{
  padding:7px 9px;
  font-size:11px
}
#updates .update-channel{
  display:inline-block;
  margin:2px;
  padding:3px 7px;
  border:1px solid var(--line,#17364a);
  border-radius:999px;
  font-size:10px;
  text-transform:uppercase
}
#updates .update-sha{
  font-family:ui-monospace,Consolas,monospace;
  font-size:11px
}
#updates .update-table .table{min-width:1050px}
#updates .update-detail{margin-top:16px}
#updates .update-detail pre{
  padding:12px;
  border:1px solid var(--line,#17364a);
  border-radius:10px;
  background:#06131f;
  white-space:pre-wrap;
  word-break:break-word;
  max-height:300px;
  overflow:auto
}
#updates .update-status{min-height:20px}

@media(max-width:1150px){
  #updates .update-layout{grid-template-columns:1fr}
}
@media(max-width:800px){
  #updates .update-heads,
  #updates .update-grid3{grid-template-columns:1fr}
}
@media(max-width:650px){
  #updates .update-grid{grid-template-columns:1fr}
}

/* GB Remote Update Manager - layout fix 20260911 */

#updates{
  min-width:0;
}

#updates .update-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:18px;
  width:100%;
}

#updates .update-layout > *{
  min-width:0;
  width:100%;
  box-sizing:border-box;
}

#updates .update-form,
#updates .update-form > *,
#updates .update-grid,
#updates .update-grid3{
  min-width:0;
}

#updates .update-form input,
#updates .update-form select,
#updates .update-form textarea{
  width:100%;
  min-width:0;
  max-width:100%;
  box-sizing:border-box;
}

#updates .update-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
}

#updates .update-grid3{
  grid-template-columns:repeat(3,minmax(0,1fr));
}

#updates .update-table{
  width:100%;
  min-width:0;
  overflow:hidden;
}

#updates .update-table .tablewrap{
  width:100%;
  max-width:100%;
  overflow-x:auto;
}

#updates .update-table .table{
  width:100%;
  min-width:1000px;
}

#updates .update-heads{
  grid-template-columns:repeat(3,minmax(0,1fr));
}

@media(max-width:900px){
  #updates .update-grid,
  #updates .update-grid3{
    grid-template-columns:1fr;
  }

  #updates .update-heads{
    grid-template-columns:1fr;
  }
}