body{
  font-family:Arial;
  background:#f4fbf7;
  margin:0
}
.container{
  max-width:1100px;
  margin:auto;
  padding:15px
}
h1{text-align:center;color:#1b8f5a}
.sub{text-align:center;font-size:14px;opacity:.8}

.details,.setup{
  background:#fff;
  border:1px solid #cce7d8;
  padding:10px;
  margin-bottom:10px;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
  gap:10px
}

.box label{
  font-size:12px;
  font-weight:bold
}
.box input{
  padding:6px;
  width:100%
}
.box.wide{grid-column:span 2}

.auto-row input{
  width:30px;
  text-align:center
}

.timer{
  text-align:right;
  font-weight:bold;
  color:#b91c1c
}

#questionArea .qbox{
  border:1px dashed #ccc;
  padding:8px;
  margin-bottom:8px
}
textarea{
  width:100%;
  min-height:70px
}

.option{
  display:inline-block;
  border:2px solid #999;
  border-radius:50%;
  width:26px;
  height:26px;
  text-align:center;
  line-height:26px;
  margin-right:4px;
  cursor:pointer
}
.option.active{
  background:#1b8f5a;
  color:#fff
}

.omr-q{
  border:1px dashed #ccc;
  padding:8px;
  margin-bottom:6px
}
.omr-question-text{
  display:block;
  font-size:13px;
  margin:4px 0;
  color:#111
}

button{
  background:#1b8f5a;
  color:#fff;
  border:none;
  padding:8px 16px;
  cursor:pointer;
  margin-top:6px
}
button:disabled{
  background:#999
}

@media print{
  .details,.setup,#questionArea,#saveQBtn,#submitBtn,#confirmWrap{
    display:none
  }
  body{background:#fff}
}