:root{
--navy:#0f1c3f;
--orange:#ff7a00;
--light:#f4f6fb;
--border:#dcdcdc;
}

.aone-wrapper{
max-width:1150px;
margin:40px auto;
background:#fff;
padding:40px;
border-radius:14px;
box-shadow:0 25px 60px rgba(0,0,0,.08);
font-family:Arial,sans-serif;
}

.aone-header{
text-align:center;
font-weight:700;
font-size:22px;
color:var(--navy);
margin-bottom:25px;
}

.aone-progress{
text-align:center;
margin-bottom:25px;
font-weight:600;
color:var(--navy);
}

.aone-step{display:none;}
.aone-step.active{display:block;}

.section-title{
background:var(--navy);
color:#fff;
padding:12px 20px;
border-radius:6px;
margin-bottom:20px;
font-weight:600;
}

.row{
display:flex;
gap:15px;
margin-bottom:15px;
flex-wrap:wrap;
}

.row input,
.row textarea{
flex:1;
padding:10px;
border:1px solid var(--border);
border-radius:6px;
font-size:14px;
}

.small{flex:0 0 130px;}
.medium{flex:0 0 180px;}

input:focus,textarea:focus{
border-color:var(--orange);
outline:none;
}

.buttons{margin-top:20px;}

.btn{
padding:10px 22px;
border:none;
border-radius:6px;
cursor:pointer;
font-weight:600;
}

.btn-next{background:var(--orange) !IMPORTANT;color:#fff !IMPORTANT; }
.btn-back{background:var(--navy) !IMPORTANT;color:#fff !important;margin-right:10px;}

.btn:hover{opacity:.9;}

.error{border:1px solid red!important;}

.radio-wrap{
display:flex;
align-items:center;
gap:5px;
margin-right:20px;
cursor:pointer;
}

.radio-wrap input{
accent-color:var(--orange);
}

.routing-row{
background:var(--light);
padding:15px;
border-radius:8px;
margin-top:15px;
}

hr{border:0;height:1px;background:#ddd;margin:15px 0;}

@media(max-width:768px){
.row{flex-direction:column;}
.small,.medium{flex:1;}
}

/* ---- Field wrapper, hints, units, validation ---- */
.aone-fuel-field {
  display:flex;
  flex-direction:column;
  flex:1;
  min-width:0;
}
.aone-fuel-field label {
  font-size:12px;
  font-weight:700;
  text-transform:uppercase;
  color:#374151;
  margin-bottom:4px;
  letter-spacing:.2px;
}
.aone-fuel-field input,
.aone-fuel-field textarea {
  flex:unset;
  width:100%;
}
.aone-fuel-req { color:#dc2626; font-size:13px; }
.aone-fuel-unit {
  display:inline-block;
  background:#e0e7ff;
  color:#3730a3;
  font-size:10px;
  font-weight:800;
  padding:2px 6px;
  border-radius:99px;
  text-transform:uppercase;
  letter-spacing:.3px;
  vertical-align:middle;
  margin-left:4px;
}
.aone-fuel-hint {
  font-size:11px;
  color:#9ca3af;
  margin-top:3px;
  line-height:1.4;
}
/* small/medium overrides */
.aone-fuel-field.small  { flex:0 0 120px; }
.aone-fuel-field.medium { flex:0 0 170px; }
/* validation */
.aone-fuel-field input.valid-field  { border-color:#16a34a !important; }
.aone-fuel-field input.error-field,
.aone-fuel-field textarea.error-field { border:1px solid #dc2626 !important; }
@media(max-width:768px){
  .aone-fuel-field.small,.aone-fuel-field.medium{flex:1;}
}