/*
--------------------------------------------------
HRM Leaders Research Platform
Survey Styles
Version: 1.0
--------------------------------------------------
*/

*{
    box-sizing:border-box;
}

body{
    background:#f4f6f9;
    font-family:Segoe UI,Roboto,Arial,sans-serif;
    color:#333;
}

.hrmlrp-container{

    max-width:1000px;
    margin:40px auto;
    padding:20px;

}

.hrmlrp-card{

    background:#ffffff;
    border-radius:12px;
    box-shadow:0 8px 25px rgba(0,0,0,.08);
    padding:40px;

}

.hrmlrp-header{

    text-align:center;
    margin-bottom:35px;

}

.hrmlrp-header h1{

    margin:0;
    color:#0b4f8a;
    font-size:32px;

}

.hrmlrp-header h2{

    margin-top:10px;
    color:#555;
    font-weight:400;

}

.hrmlrp-section{

    margin-bottom:30px;

}

.hrmlrp-section h3{

    color:#0b4f8a;
    margin-bottom:10px;

}

.hrmlrp-section p{

    line-height:1.7;

}

.hrmlrp-scale-table{

    width:100%;
    border-collapse:collapse;
    margin:20px 0;

}

.hrmlrp-scale-table th{

    background:#0b4f8a;
    color:white;
    padding:12px;

}

.hrmlrp-scale-table td{

    text-align:center;
    border:1px solid #ddd;
    padding:12px;

}

.hrmlrp-consent{

    background:#eef6ff;
    border-left:5px solid #0b4f8a;
    padding:18px;
    border-radius:6px;

}

.hrmlrp-demographics{

    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:20px;

}

.hrmlrp-field{

    display:flex;
    flex-direction:column;

}

.hrmlrp-field label{

    margin-bottom:8px;
    font-weight:600;

}

.hrmlrp-input,
.hrmlrp-select{

    padding:12px;
    border:1px solid #ccc;
    border-radius:6px;
    font-size:15px;

}

.hrmlrp-input:focus,
.hrmlrp-select:focus{

    outline:none;
    border-color:#0b4f8a;

}

.hrmlrp-question-card{

    border:1px solid #ddd;
    border-radius:10px;
    padding:25px;
    margin-bottom:25px;
    background:white;

}

.hrmlrp-question-number{

    color:#0b4f8a;
    font-weight:bold;
    margin-bottom:12px;

}

.hrmlrp-question-text{

    font-size:17px;
    margin-bottom:18px;
    line-height:1.6;

}

.hrmlrp-likert{

    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:10px;

}

.hrmlrp-option input{

    display:none;

}

.hrmlrp-choice{

    display:block;
    text-align:center;
    padding:15px;
    border:2px solid #d9d9d9;
    border-radius:8px;
    cursor:pointer;
    transition:.25s;

}

.hrmlrp-choice strong{

    display:block;
    font-size:20px;

}

.hrmlrp-choice small{

    display:block;
    margin-top:5px;

}

.hrmlrp-option input:checked + .hrmlrp-choice{

    background:#0b4f8a;
    color:white;
    border-color:#0b4f8a;

}

.hrmlrp-choice:hover{

    border-color:#0b4f8a;
    transform:translateY(-2px);

}

.hrmlrp-submit-section{

    text-align:center;
    margin:40px 0;

}

.hrmlrp-submit-button{

    background:#0b4f8a;
    color:white;
    border:none;
    padding:15px 45px;
    font-size:18px;
    border-radius:8px;
    cursor:pointer;
    transition:.25s;

}

.hrmlrp-submit-button:hover{

    background:#083b67;

}

.hrmlrp-success{

    margin-top:30px;
    padding:35px;
    background:#ecfff0;
    border:1px solid #9fd7ae;
    border-radius:10px;
    text-align:center;

}

.hrmlrp-success h2{

    color:#1e7d38;

}

.hrmlrp-divider{

    margin:35px 0;

}

@media(max-width:768px){

.hrmlrp-card{

padding:20px;

}

.hrmlrp-demographics{

grid-template-columns:1fr;

}

.hrmlrp-likert{

grid-template-columns:1fr;

}

.hrmlrp-choice{

text-align:left;

}

.hrmlrp-header h1{

font-size:26px;

}

}