/* Samurai Store V1.45.6 · Alineación de estados en Listado de cuentas
   Corrige el desfase de chips como Entregada / Faltan X días / Completa.
   Sólo presentación: no modifica lógica ni datos. */

@media(min-width:861px){
  /* La tarjeta heredaba una grilla horizontal antigua y empujaba los estados
     fuera de la tarjeta. Volvemos a una composición vertical clásica. */
  body.samurai-classic-admin #accountsSection[data-account-view-active="list"] .inventory-account-card{
    display:block!important;
    position:relative!important;
    min-height:168px!important;
    padding:14px 14px 12px!important;
  }

  body.samurai-classic-admin #accountsSection[data-account-view-active="list"] .inventory-card-top{
    display:grid!important;
    grid-template-columns:44px minmax(0,1fr) 58px!important;
    gap:12px!important;
    align-items:center!important;
    width:100%!important;
    min-width:0!important;
    padding-left:10px!important;
  }

  /* Estados siempre debajo de los datos principales y dentro del ancho de la tarjeta. */
  body.samurai-classic-admin #accountsSection[data-account-view-active="list"] .inventory-card-badges{
    display:flex!important;
    position:static!important;
    width:auto!important;
    max-width:none!important;
    min-width:0!important;
    margin:10px 34px 0 56px!important;
    padding:0!important;
    gap:5px!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    justify-content:flex-start!important;
    overflow:visible!important;
  }

  body.samurai-classic-admin #accountsSection[data-account-view-active="list"] .inventory-card-badges .account-chip{
    flex:0 0 auto!important;
    max-width:100%!important;
    min-height:20px!important;
    padding:0 7px!important;
    line-height:20px!important;
    font-size:7px!important;
    white-space:nowrap!important;
  }

  body.samurai-classic-admin #accountsSection[data-account-view-active="list"] .inventory-card-meta{
    display:block!important;
    position:static!important;
    width:auto!important;
    margin:8px 34px 0 56px!important;
    padding:7px 0 0!important;
  }

  /* Mantiene el menú de tres puntos en la esquina inferior derecha. */
  body.samurai-classic-admin #accountsSection[data-account-view-active="list"] details.account-card-menu{
    position:absolute!important;
    right:9px!important;
    bottom:9px!important;
    top:auto!important;
    transform:none!important;
  }

  /* Banners/avisos extra no deben intentar ocupar columnas de la grilla vieja. */
  body.samurai-classic-admin #accountsSection[data-account-view-active="list"] .inventory-account-card>.provider-hold-banner,
  body.samurai-classic-admin #accountsSection[data-account-view-active="list"] .inventory-account-card>.inventory-access-quick,
  body.samurai-classic-admin #accountsSection[data-account-view-active="list"] .inventory-account-card>.account-smart-flag,
  body.samurai-classic-admin #accountsSection[data-account-view-active="list"] .inventory-account-card>.multiadmin-lock-chip{
    grid-column:auto!important;
    width:auto!important;
  }

  /* Compartidas: estados alineados en su propia fila sin invadir el aro ni el menú. */
  body.samurai-classic-admin #accountsSection[data-account-view-active="list"] .shared-inventory-summary.v1399-shared-summary{
    grid-template-columns:19px 44px minmax(0,1fr) 58px!important;
    grid-template-areas:
      "check icon head ring"
      ". chips chips menu"!important;
    row-gap:10px!important;
    min-height:166px!important;
  }
  body.samurai-classic-admin #accountsSection[data-account-view-active="list"] .shared-inventory-statusline.v1399-shared-statusline{
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    justify-content:flex-start!important;
    align-items:center!important;
    flex-wrap:wrap!important;
    overflow:visible!important;
  }
  body.samurai-classic-admin #accountsSection[data-account-view-active="list"] .shared-inventory-statusline .account-chip{
    flex:0 0 auto!important;
    min-height:20px!important;
    padding:0 7px!important;
    line-height:20px!important;
    font-size:7px!important;
  }
}

/* En resoluciones más ajustadas, dejamos algo más de ancho útil a los estados. */
@media(max-width:1180px) and (min-width:861px){
  body.samurai-classic-admin #accountsSection[data-account-view-active="list"] .inventory-card-badges,
  body.samurai-classic-admin #accountsSection[data-account-view-active="list"] .inventory-card-meta{
    margin-left:50px!important;
    margin-right:30px!important;
  }
}