/* V86 — final first-paint placement + real system-field hiding.
   Important: the V51 selector is NEVER allowed to paint in its old fixed bottom position. */

#v51-vehicle-type:not([data-v86-placed="1"]){
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
  transition:none!important;
  animation:none!important;
}

#v51-vehicle-type[data-v86-placed="1"]{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
  transition:none!important;
  animation:none!important;
}

#v51-vehicle-type.v86-inline-vehicle-type{
  position:relative!important;
  inset:auto!important;
  top:auto!important;
  right:auto!important;
  bottom:auto!important;
  left:auto!important;
  z-index:2!important;

  width:100%!important;
  max-width:none!important;
  min-height:0!important;

  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;

  grid-column:1 / -1!important;
  order:initial!important;

  margin:0 0 2px!important;
  padding:13px 14px!important;

  border:1px solid rgba(239,29,45,.30)!important;
  border-radius:16px!important;
  background:linear-gradient(135deg,rgba(239,29,45,.075),rgba(17,23,32,.88))!important;

  box-shadow:none!important;
  backdrop-filter:none!important;
  transform:none!important;
  translate:none!important;
  will-change:auto!important;
}

#v51-vehicle-type.v86-inline-vehicle-type>div:first-child{
  min-width:0!important;
  display:grid!important;
  gap:3px!important;
  text-align:right!important;
}

#v51-vehicle-type.v86-inline-vehicle-type b{
  font-size:12px!important;
  font-weight:950!important;
  color:#f5f7fa!important;
}

#v51-vehicle-type.v86-inline-vehicle-type [data-v51-note]{
  max-width:none!important;
  font-size:9px!important;
  line-height:1.6!important;
  color:#8f99a8!important;
}

#v51-vehicle-type.v86-inline-vehicle-type .v51-segment{
  flex:0 0 auto!important;
  display:flex!important;
  gap:3px!important;
  padding:3px!important;
  border:1px solid rgba(255,255,255,.06)!important;
  border-radius:12px!important;
  background:#202631!important;
}

#v51-vehicle-type.v86-inline-vehicle-type .v51-segment button{
  min-width:78px!important;
  padding:8px 11px!important;
  border-radius:9px!important;
  color:#c5ccd6!important;
  font-size:11px!important;
  transition:none!important;
}

#v51-vehicle-type.v86-inline-vehicle-type .v51-segment button.is-active{
  background:#ef1d2d!important;
  color:#fff!important;
  box-shadow:0 5px 16px rgba(239,29,45,.22)!important;
}

/* Settings OFF means the field is genuinely gone, not "optional". */
.v86-setting-hidden{
  display:none!important;
}

/* Keep the system-page state chip in sync. */
#v80-system-page[data-v86-system="1"] .v80-setting-row{
  position:relative!important;
}

#v80-system-page[data-v86-system="1"] .v80-setting-row::after{
  content:"متوقف";
  position:absolute;
  inset-inline-end:68px;
  top:50%;
  transform:translateY(-50%);
  padding:3px 7px;
  border-radius:999px;
  background:rgba(148,163,184,.10);
  color:#8994a3;
  font-size:8px;
  font-weight:900;
  pointer-events:none;
}

#v80-system-page[data-v86-system="1"] .v80-setting-row[data-v86-state="on"]::after{
  content:"مفعّل";
  background:rgba(34,197,94,.10);
  color:#66da91;
}

@media (max-width:700px){
  #v51-vehicle-type.v86-inline-vehicle-type{
    flex-direction:column!important;
    align-items:stretch!important;
    gap:10px!important;
    padding:12px!important;
  }

  #v51-vehicle-type.v86-inline-vehicle-type .v51-segment{
    width:100%!important;
  }

  #v51-vehicle-type.v86-inline-vehicle-type .v51-segment button{
    flex:1 1 0!important;
    min-width:0!important;
  }

  #v80-system-page[data-v86-system="1"] .v80-setting-row::after{
    display:none!important;
  }
}