/* Layout fixes scoped to the Data Cloud JSON Normalizer only. */
#workspace[data-dc-provisioner="1"] .dc-shell .dc-metrics{
  grid-template-columns:minmax(280px,2fr) repeat(3,minmax(130px,1fr)) !important;
  align-items:stretch;
}
#workspace[data-dc-provisioner="1"] .dc-shell .dc-metric{
  min-width:0;
  min-height:88px;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:6px;
  padding:14px 16px !important;
}
#workspace[data-dc-provisioner="1"] .dc-shell .dc-metric strong{
  max-width:100%;
  min-width:0;
  margin:0;
  font-size:22px !important;
  line-height:1.15;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
#workspace[data-dc-provisioner="1"] .dc-shell .dc-metric:first-child strong{
  font-size:17px !important;
  line-height:1.25;
  white-space:normal;
  overflow-wrap:anywhere;
  word-break:break-word;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
}
#workspace[data-dc-provisioner="1"] .dc-shell .dc-metric span{
  display:block;
  line-height:1.25;
}

#workspace[data-dc-provisioner="1"] .dc-shell .dc-map-grid{
  grid-template-columns:minmax(320px,.9fr) minmax(0,1.65fr) !important;
  align-items:start;
}
#workspace[data-dc-provisioner="1"] .dc-shell .dc-map-grid > div{
  min-width:0;
}
#workspace[data-dc-provisioner="1"] .dc-shell .dc-list-scroll{
  background:#fff;
  overflow-x:hidden !important;
}
#workspace[data-dc-provisioner="1"] .dc-shell .dc-list-scroll .list-item{
  display:block;
  width:100%;
  padding:0 !important;
  margin:0;
  border-bottom:1px solid #e9efec;
  background:#fff;
}
#workspace[data-dc-provisioner="1"] .dc-shell .dc-list-scroll .list-item:last-child{
  border-bottom:0;
}
#workspace[data-dc-provisioner="1"] .dc-shell .dc-list-scroll .list-item:hover{
  background:#f5faf8;
}
#workspace[data-dc-provisioner="1"] .dc-shell .dc-list-scroll .list-item > span{
  display:grid !important;
  grid-template-columns:22px minmax(0,1fr);
  grid-template-areas:
    "check name"
    "check type";
  column-gap:10px;
  row-gap:2px;
  align-items:center;
  width:100%;
  padding:10px 12px;
}
#workspace[data-dc-provisioner="1"] .dc-shell .dc-list-scroll .list-item input[type="checkbox"]{
  grid-area:check;
  width:16px !important;
  height:16px;
  margin:0 !important;
  align-self:center;
  justify-self:center;
}
#workspace[data-dc-provisioner="1"] .dc-shell .dc-list-scroll .list-item strong{
  grid-area:name;
  display:block;
  min-width:0;
  margin:0;
  font-size:13px;
  line-height:1.3;
  font-weight:700;
  overflow-wrap:anywhere;
}
#workspace[data-dc-provisioner="1"] .dc-shell .dc-list-scroll .list-item small{
  grid-area:type;
  display:block;
  margin:0;
  font-size:11px;
  line-height:1.25;
  color:var(--muted);
}

#workspace[data-dc-provisioner="1"] .dc-shell .dc-json-table table{
  width:100%;
  border-collapse:collapse;
}
#workspace[data-dc-provisioner="1"] .dc-shell .dc-json-table th,
#workspace[data-dc-provisioner="1"] .dc-shell .dc-json-table td{
  padding:10px 12px;
  vertical-align:middle;
}
#workspace[data-dc-provisioner="1"] .dc-shell .dc-json-table th{
  position:sticky;
  top:0;
  z-index:1;
  background:#f7faf8;
}

@media(max-width:1280px){
  #workspace[data-dc-provisioner="1"] .dc-shell .dc-metrics{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  #workspace[data-dc-provisioner="1"] .dc-shell .dc-map-grid{
    grid-template-columns:minmax(300px,.9fr) minmax(0,1.4fr) !important;
  }
}
@media(max-width:1050px){
  #workspace[data-dc-provisioner="1"] .dc-shell .dc-map-grid{
    grid-template-columns:1fr !important;
  }
}
@media(max-width:680px){
  #workspace[data-dc-provisioner="1"] .dc-shell .dc-metrics{
    grid-template-columns:1fr !important;
  }
}