/* ========================================= August 2026: Dark Mode ========================================= */


.theme-toggle-wrap {
    position: fixed;
    top: 32px;
    right: 22px;
    z-index: 99999;
    display: flex;
    align-items: center;
    gap: 8px;
}
.theme-toggle-label {
    font-size: 12px;
    color: #666;
    font-weight: 600;
}
body.dark-mode .theme-toggle-label { color: #aaa !important; }
.theme-toggle-track {
    width: 50px;
    height: 26px;
    border-radius: 13px;
    background: #ccc;
    position: relative;
    cursor: pointer;
    transition: background 0.3s;
    box-shadow: inset 0 1px 3px rgba(0,0,0,0.2);
}
.theme-toggle-track.active {
    background: #df6027;
}
.theme-toggle-knob {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    top: 2px;
    left: 2px;
    transition: left 0.3s;
    box-shadow: 0 1px 3px rgba(0,0,0,0.3);
    font-size: 14px;
    line-height: 22px;
    text-align: center;
    color: black;
}
.theme-toggle-track.active .theme-toggle-knob {
    left: 26px;
}

body.dark-mode, body.dark-mode .survey-container, body.dark-mode .survey-body, body.dark-mode .page,
body.dark-mode .question, body.dark-mode .question-body, body.dark-mode .answers,
body.dark-mode .answers-table, body.dark-mode .grid, body.dark-mode .grid-table-mode, body.dark-mode .comment, 
body.dark-mode .comment-text, body.dark-mode .question-text,
body.dark-mode .instruction-text, body.dark-mode .answers, 
body.dark-mode .row-elements, body.dark-mode .answers-list, body.dark-mode .row-legend, body.dark-mode .col-legend,
body.dark-mode .exit-message-header, body.dark-mode .exit-message-text {
  background: #0D0C3D !important;
  color: #e0e0e0 !important;
  }

body.dark-mode input[type=text], body.dark-mode input[type=number], body.dark-mode textarea, body.dark-mode div.bubble{
  background: #F4F1E9 !important;
  color: #0f2e5c !important;
  }
body.dark-mode .comment, body.dark-mode .question{
  border: none;
  }
  
body.dark-mode .button {
    background-color: #F9F9F9;
    color: #040412;
    }
body.dark-mode .button:hover {
    color: #F9F9F9;
    background-color: #959292;
    }
body.dark-mode a,body.dark-mode .progress-text {
  color:    #df6027;
  &:hover {
    color:  #f4986f;
  }
}    
body.dark-mode div.bubble:after {
    border-color: #F4F1E9 #F4F1E9 transparent transparent;

}   
    
body.dark-mode fieldset.atm1d .answers>div label {
    background-color: #312DC0;
    border-color: #312DC0;
    color: #F9F9F9;
  &:hover {
    background-color:  #f4986f;
  }
}

body.dark-mode fieldset.atm1d .answers>div input[type=checkbox]:checked~div>label, body.dark-mode fieldset.atm1d .answers>div input[type=radio]:checked~div>label {
    background-color: #df6027;
    border-color: #0D0C3D;
    color: #0d0c3d;
}    

body.dark-mode .darts-part{
border-color: #F4F1E9;
}
body.dark-mode tr.dcm_even,body.dark-mode tr.dcm_odd {
    background-color: transparent !important;
}
body.dark-mode .sq-likeorhate-stage.highlight {
    background-color: transparent;
}