/* Direct Order compact v1 - scoped only */

#page-direct-order{
  min-height:100vh;
  background:linear-gradient(180deg,#111a30,#17233d)!important;
}

#page-direct-order .fo-do2-pro{
  padding:7px 9px 90px!important;
}

#page-direct-order .fo-do2-head{
  padding:11px 13px!important;
  margin-bottom:9px!important;
  border-radius:19px!important;
  background:linear-gradient(135deg,#2b234d,#243659)!important;
}

#page-direct-order .fo-do2-head .pg-icon{
  font-size:29px!important;
}

#page-direct-order .fo-do2-head .pg-title{
  font-size:18px!important;
  line-height:1.4!important;
}

#page-direct-order .fo-do2-head .pg-sub{
  font-size:10.5px!important;
  line-height:1.6!important;
}

#page-direct-order .fo-do2-card{
  padding:11px!important;
  margin-bottom:10px!important;
  border-radius:19px!important;
  background:rgba(30,41,59,.84)!important;
  border-color:rgba(148,163,184,.22)!important;
  box-shadow:none!important;
}

#page-direct-order .fo-do2-title{
  margin-bottom:8px!important;
  font-size:12.5px!important;
}

#page-direct-order .fo-do2-actions{
  grid-template-columns:1fr 1fr!important;
  gap:7px!important;
  margin:7px 0!important;
}

#page-direct-order .fo-do2-actions .btn{
  min-height:42px!important;
  padding:8px!important;
  border-radius:13px!important;
  font-size:11.5px!important;
}

#page-direct-order .fo-do2-stats{
  gap:6px!important;
  margin:9px 0!important;
}

#page-direct-order .fo-do2-stat{
  padding:7px 3px!important;
  min-height:59px!important;
  border-radius:14px!important;
  background:rgba(51,65,85,.72)!important;
}

#page-direct-order .fo-do2-stat b{
  font-size:21px!important;
}

#page-direct-order .fo-do2-stat span{
  font-size:9.5px!important;
}

#page-direct-order .fo-do2-filters{
  grid-template-columns:repeat(2,1fr)!important;
  gap:6px!important;
  margin:8px 0!important;
}

#page-direct-order .fo-do2-filter{
  min-height:38px!important;
  padding:7px 4px!important;
  border-radius:13px!important;
  font-size:11px!important;
  background:rgba(51,65,85,.72)!important;
}

#page-direct-order .fo-do2-filter.active{
  background:linear-gradient(135deg,#db2777,#8b5cf6)!important;
}

/* compact loaded direct users */
#page-direct-order .fo-do2-users{
  gap:7px!important;
  max-height:400px!important;
}

#page-direct-order .fo-do2-user{
  grid-template-columns:1fr 1fr!important;
  gap:7px!important;
  padding:9px!important;
  border-radius:16px!important;
}

#page-direct-order .fo-do2-user > div:first-child{
  grid-column:1/-1!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  flex-wrap:wrap!important;
  gap:6px!important;
}

#page-direct-order .fo-do2-user b{
  margin:0!important;
  font-size:12.5px!important;
}

#page-direct-order .fo-do2-meta{
  gap:5px!important;
  font-size:10px!important;
}

#page-direct-order .fo-do2-badge{
  padding:3px 7px!important;
  font-size:10px!important;
}

#page-direct-order .fo-do2-smallbtn,
#page-direct-order .fo-do-checkbtn{
  width:100%!important;
  min-height:34px!important;
  padding:6px!important;
  border-radius:11px!important;
  font-size:10.5px!important;
}

#page-direct-order .fo-do-row-actions{
  grid-column:1/-1!important;
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:6px!important;
}

/* equal direct user buttons */
#page-direct-order .fo-do-row-actions{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  align-items:stretch!important;
}
#page-direct-order .fo-do-row-actions button{
  width:100%!important;
  height:38px!important;
  min-height:38px!important;
  margin:0!important;
  padding:5px 3px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
}

/* compact two-column order form */
#page-direct-order .fo-do2-grid2{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:7px!important;
  margin-bottom:7px!important;
}

#page-direct-order .fo-do2-grid2 > div{
  min-width:0!important;
}

#page-direct-order .fo-do2-grid2 label{
  display:block!important;
  margin:0 2px 4px!important;
  font-size:10.5px!important;
}

#page-direct-order #do-name,
#page-direct-order #do-mobile,
#page-direct-order #do-code,
#page-direct-order #do-size,
#page-direct-order #do-province,
#page-direct-order #do-city{
  width:100%!important;
  height:42px!important;
  min-width:0!important;
  padding:7px 9px!important;
  border-radius:12px!important;
  font-size:11.5px!important;
  box-sizing:border-box!important;
}

#page-direct-order #do-address{
  width:100%!important;
  min-height:72px!important;
  padding:9px!important;
  border-radius:12px!important;
  font-size:11.5px!important;
  line-height:1.7!important;
  box-sizing:border-box!important;
}

/* company box + equal form buttons */
#page-direct-order #fo-do-company-box{
  grid-column:1/-1!important;
  width:100%!important;
  box-sizing:border-box!important;
  margin:0 0 2px!important;
}

#page-direct-order #btn-do-submit,
#page-direct-order #btn-do-submit + .btn{
  width:100%!important;
  height:44px!important;
  min-height:44px!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
}

/* fix memarket form buttons */
#page-direct-order #fo-do-company-box{
  grid-column:1/-1!important;
  grid-row:1!important;
}

#page-direct-order #btn-do-submit{
  grid-column:1!important;
  grid-row:2!important;
}

#page-direct-order .fo-do2-actions >
button[onclick*="foDo2BuildReadyOnly"]{
  grid-column:2!important;
  grid-row:2!important;
}

#page-direct-order #btn-do-memarket-full{
  grid-column:1/-1!important;
  grid-row:3!important;
  width:100%!important;
  height:44px!important;
  min-height:44px!important;
  margin:0!important;
  padding:7px!important;
  border-radius:13px!important;
  font-size:11.5px!important;
  box-sizing:border-box!important;
}

/* one button per row */
#page-direct-order #fo-do-company-box,
#page-direct-order #btn-do-submit,
#page-direct-order #btn-do-memarket-full,
#page-direct-order .fo-do2-actions >
button[onclick*="foDo2BuildReadyOnly"]{
  grid-column:1/-1!important;
  grid-row:auto!important;
  width:100%!important;
}

#page-direct-order #btn-do-submit,
#page-direct-order #btn-do-memarket-full,
#page-direct-order .fo-do2-actions >
button[onclick*="foDo2BuildReadyOnly"]{
  height:44px!important;
  min-height:44px!important;
  margin:0!important;
  border-radius:13px!important;
  font-size:11.5px!important;
}

/* final submit actions layout */
#page-direct-order .fo-do2-submit-actions{
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
  margin:8px 0!important;
}

#page-direct-order .fo-do2-submit-actions > *{
  grid-column:auto!important;
  grid-row:auto!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  box-sizing:border-box!important;
}

#page-direct-order .fo-do2-submit-actions > button{
  height:44px!important;
  min-height:44px!important;
  padding:7px 10px!important;
  border-radius:13px!important;
  font-size:11.5px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}

#page-direct-order .fo-do2-submit-actions #fo-do-company-box{
  order:1!important;
}

#page-direct-order .fo-do2-submit-actions #btn-do-submit{
  order:2!important;
}

#page-direct-order .fo-do2-submit-actions #btn-do-memarket-full{
  order:3!important;
}

#page-direct-order .fo-do2-submit-actions >
button[onclick*="foDo2BuildReadyOnly"]{
  order:4!important;
}