.oss-field input[type=checkbox]:not(.custom-control-input){
margin: -4px 0 0 10px !important;
}
.oss-wrapper{
max-width:900px;
margin:40px auto;
background:#fff;
padding:35px;
border-radius:12px;
box-shadow:0 10px 30px rgba(0,0,0,0.06);
}

/* progress */

.oss-progress{
height:6px;
background:#eee;
border-radius:10px;
margin-bottom:25px;
overflow:hidden;
}

.oss-progress-bar{
height:100%;
width:0%;
background:#2271b1;
transition:0.4s;
}

/* steps */

.oss-steps{
display:flex;
justify-content:space-between;
margin-bottom:30px;
}

.oss-step{
text-align:center;
flex:1;
opacity:.4;
}

.oss-step.active{
opacity:1;
}

.oss-step span{
display:inline-flex;
align-items:center;
justify-content:center;
width:40px;
height:40px;
background:#ddd;
border-radius:50%;
}

.oss-step.active span{
background:#2271b1;
color:#fff;
}

/* form grid */

.oss-form-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:18px;
}

.oss-field{
display:flex;
flex-direction:column;
}

.oss-field label{
margin-bottom:6px;
font-weight:600;
}

.oss-field input,
.oss-field select,
.oss-field textarea{
padding:11px;
border:1px solid #ddd;
border-radius:8px;
background:#fafafa;
transition:.2s;
}

.oss-field input:focus,
.oss-field select:focus,
.oss-field textarea:focus{
border-color:#2271b1;
background:#fff;
outline:none;
box-shadow:0 0 0 2px rgba(34,113,177,.15);
}

.oss-full{
grid-column:2/-1;
}

/* checkbox */

.oss-checkbox-group{
display:flex;
gap:15px;
margin-top:8px;
}

.oss-checkbox-group label{
display:flex;
align-items:center;
gap:6px;
background:#f6f6f6;
padding:8px 14px;
border-radius:8px;
cursor:pointer;
}

/* buttons */

.oss-buttons{
display:flex;
justify-content:space-between;
margin-top:25px;
}

.oss-next,
.oss-submit{
background:#2271b1;
color:#fff;
border:none;
padding:12px 22px;
border-radius:8px;
cursor:pointer;
}

.oss-prev{
background:#f1f1f1;
border:none;
padding:12px 22px;
border-radius:8px;
cursor:pointer;
}

.oss-prev:hover{
background:#e5e5e5;
}

/* loading */

.oss-loading{
width:18px;
height:18px;
border:2px solid #fff;
border-top:2px solid transparent;
border-radius:50%;
display:inline-block;
margin-right:10px;
animation:oss-spin .7s linear infinite;
}

@keyframes oss-spin{
0%{transform:rotate(0deg);}
100%{transform:rotate(360deg);}
}

/* responsive */

@media(max-width:900px){

.oss-form-grid{
grid-template-columns:repeat(2,1fr);
}

}

@media(max-width:600px){

.oss-form-grid{
grid-template-columns:1fr;
}

.oss-buttons{
flex-direction:column;
gap:10px;
}

}





.oss-submit{
min-width:170px;
text-align:center;
}

.oss-loading{
font-size:14px;
}

.oss-dots::after{
content:'';
animation:ossDots 1.5s steps(4,end) infinite;
}

@keyframes ossDots{

0%{content:'';}
25%{content:'.';}
50%{content:'..';}
75%{content:'...';}
100%{content:'';}

}










/* step visibility fix */

#oss-request-form .oss-step-content{
display:none;
}

#oss-request-form .oss-step-content.active{
display:block;
}












.oss-submit{
position:relative;
display:inline-flex;
align-items:center;
justify-content:center;
min-width:160px;
height:44px;
}

.oss-btn-text{
transition:opacity .2s ease;
}

.oss-spinner{
position:absolute;
width:18px;
height:18px;
border:2px solid rgba(255,255,255,.4);
border-top:2px solid #fff;
border-radius:50%;
opacity:0;
animation:ossSpin .8s linear infinite;
}

.oss-submit.loading .oss-btn-text{
opacity:0;
}

.oss-submit.loading .oss-spinner{
opacity:1;
}

@keyframes ossSpin{
from{transform:rotate(0deg);}
to{transform:rotate(360deg);}
}



















/* چک باکس ها */

.oss-checkbox-group{
display:flex;
align-items:center;
gap:8px;
}

.oss-checkbox-group input[type="checkbox"]{
margin:0;
width:18px;
height:18px;
}

.oss-checkbox-group label{
margin:0;
line-height:1;
cursor:pointer;
}














.oss-socials{
display:flex;
flex-wrap:wrap;
gap:15px;
margin-top:8px;
}

.oss-socials label{
display:flex;
align-items:center;
gap:6px;
cursor:pointer;
font-size:14px;
}


.oss-field.oss-full{
display:flex;
flex-direction:column;
}

.oss-field.oss-full label:first-child{
margin-bottom:6px;
}

.oss-field.oss-full{
display:grid;
grid-template-columns:repeat(1,auto);
gap:0px;
}

.oss-field.oss-full label{
display:flex;
align-items:center;
gap:6px;
}













.oss-address-row label{
display:block;
width:100%;
margin-bottom:6px;
}

.oss-address-row{
display:flex;
gap:12px;
flex-wrap:wrap;
}

.oss-address-row .oss-field{
flex:1;
min-width:120px;
}










@media (max-width:480px){

.oss-final-row{
flex-direction:row;
}

.oss-submit{
white-space:nowrap;
}
/* بخش قوانین و ثبت نهایی */
.oss-final-row{
display:flex;
align-items:center;
justify-content:space-between;
gap:10px;
flex-wrap:nowrap;
}

/* دکمه ثبت */
.oss-final-row .oss-submit{
flex:0 0 auto;
}

/* متن قوانین */
.oss-final-row .oss-rules{
flex:1;
}

/* progress bar */
.oss-progress{
width:100%;
height:6px;
background:#e5e5e5;
border-radius:6px;
overflow:hidden;
margin-bottom:15px;
}

.oss-progress-bar{
height:100%;
background:#2d6cdf;
width:0%;
transition:width .3s ease;
}
}




/* پنل کاربری تعویض روعنچی بعد از تایید */

.oss-welcome-box{
    background: #f7f9ff;
    border: 1px solid #d9e3ff;
    padding: 25px;
    border-radius: 12px;
    margin: 25px 0;
    text-align: center;
    box-shadow: 0 4px 14px rgba(0,0,0,0.06);
    animation: fadeIn .4s ease;
}

.oss-welcome-icon{
    font-size: 48px;
    margin-bottom: 10px;
}

.oss-welcome-title{
    font-size: 26px;
    margin: 0;
    color: #2c3e50;
    font-weight: 700;
}

.oss-welcome-text{
    font-size: 17px;
    color: #555;
    margin-top: 12px;
}

@keyframes fadeIn{
    from{opacity:0; transform: translateY(8px);}
    to{opacity:1; transform: translateY(0);}
}