/* Rotina360 R344 — pedido concluído compacto na Montagem E-commerce.
   Somente apresentação: itens continuam preservados no histórico e no banco. */

.page:has(.ecommerce-picking-page) .ecommerce-order-detail.r344-order-completed > :not(.ecommerce-order-detail-header):not(.r344-order-completed-state){
  display:none!important;
}

.page:has(.ecommerce-picking-page) .ecommerce-order-detail.r344-order-completed .ecommerce-order-detail-actions{
  display:none!important;
}

.page:has(.ecommerce-picking-page) .r344-order-completed-state{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  min-height:78px!important;
  margin:10px 0 0!important;
  padding:14px 16px!important;
  border:1px solid #b9e5c7!important;
  border-radius:12px!important;
  background:linear-gradient(135deg,#f2fcf5 0%,#f8fffa 100%)!important;
  color:#14532d!important;
}

.page:has(.ecommerce-picking-page) .r344-order-completed-icon{
  display:grid!important;
  place-items:center!important;
  width:42px!important;
  height:42px!important;
  flex:0 0 42px!important;
  border-radius:50%!important;
  background:#dcfce7!important;
  color:#15803d!important;
  font-size:22px!important;
  font-weight:900!important;
}

.page:has(.ecommerce-picking-page) .r344-order-completed-copy{
  display:grid!important;
  gap:3px!important;
  min-width:0!important;
}

.page:has(.ecommerce-picking-page) .r344-order-completed-copy strong{
  color:#14532d!important;
  font-size:14px!important;
  font-weight:850!important;
}

.page:has(.ecommerce-picking-page) .r344-order-completed-copy small{
  color:#4b6b56!important;
  font-size:10px!important;
  line-height:1.4!important;
}

[data-theme="dark"] .page:has(.ecommerce-picking-page) .r344-order-completed-state{
  border-color:#285b3b!important;
  background:#10271a!important;
  color:#bbf7d0!important;
}
[data-theme="dark"] .page:has(.ecommerce-picking-page) .r344-order-completed-copy strong{color:#bbf7d0!important}
[data-theme="dark"] .page:has(.ecommerce-picking-page) .r344-order-completed-copy small{color:#91b89d!important}

@media(max-width:820px){
  .page:has(.ecommerce-picking-page) .r344-order-completed-state{
    min-height:70px!important;
    padding:12px!important;
  }
}