.radio-group .row {
  display: flex;
  flex-wrap: wrap;      /* allow 3-column wrapping */
}
.radio-group label {
    width: 33.33%;      /* 3 columns */
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    gap: 6px;           /* spacing between radio and text */
    box-sizing: border-box;
}
.modal {
  display: none; 
  position: fixed; 
  z-index: 999;
  left: 0;
  top: 0;
  width: 100%; 
  height: 100%; 
  background-col-4or: rgba(0,0,0,0.5);
}
.modal-content {
  background: #fff;
  margin: 50px auto; /* space from top */
  padding: 20px;
  border-radius: 8px;
  width: 80%; 
  max-height: 90vh; /* max height relative to viewport */
  overflow-y: auto; /* scroll vertically if content exceeds max-height */
  box-shadow: 0 5px 15px rgba(0,0,0,0.3);
  position: relative;
}
.close {
  float: right;
  font-size: 20px;
  cursor: pointer;
}
.row{
  display: flex;
}
.col-4{
  width:33%;	
}
.no-inline-list {
  display: flex;
  flex-wrap: wrap;
}
.drag-drop-area {
    border: 2px dashed #999;
    padding: 20px;
    text-align: center;
    border-radius: 8px;
    background: #fbfbfb;
    cursor: pointer;
    transition: 0.3s;
}

.drag-drop-area.drag-over {
    border-color: #0073aa;
    background: #eef6ff;
}

.browse-btn {
    color: #0073aa;
    text-decoration: underline;
    cursor: pointer;
    font-weight: bold;
}

.file-name {
    margin-top: 8px;
    font-style: italic;
}