.nui-oe-wrap{
max-width:900px;
margin:40px auto;
font-family:Arial, sans-serif;
}

.nui-oe-field{
margin-bottom:20px;
}

.nui-oe-field label{
display:block;
font-weight:600;
margin-bottom:6px;
}

.nui-oe-field input,
.nui-oe-field select,
.nui-oe-field textarea{
width:100%;
padding:10px;
font-size:15px;
}

.nui-oe-familias{
display:flex;
flex-wrap:wrap;
gap:10px;
}

.nui-oe-familia-btn{
padding:12px 16px;
background:#111;
color:#fff;
border:1px solid #111;
cursor:pointer;
min-width:140px;
}

.nui-oe-familia-btn.activa{
background:#0073aa;
border-color:#0073aa;
}

.nui-oe-lineas-tabla{
width:100%;
border-collapse:collapse;
}

.nui-oe-lineas-tabla th,
.nui-oe-lineas-tabla td{
border:1px solid #ddd;
padding:8px;
text-align:center;
vertical-align:middle;
}

.nui-oe-btn-enviar{
background:#0073aa;
color:#fff;
border:none;
padding:12px 20px;
cursor:pointer;
font-size:16px;
}

.nui-oe-resultados{
border:1px solid #ddd;
background:#fff;
position:relative;
z-index:10;
}

.nui-oe-resultado-item,
.nui-oe-resultados div{
padding:10px;
cursor:pointer;
border-bottom:1px solid #eee;
}

.nui-oe-resultado-item:hover,
.nui-oe-resultados div:hover{
background:#f0f0f0;
}

.nui-oe-cliente-box{
margin-top:12px;
padding:12px 14px;
border:1px solid #d8d8d8;
background:#f7f7f7;
line-height:1.7;
}

.nui-oe-cliente-box strong{
display:inline-block;
min-width:90px;
}

.nui-oe-totales{
padding:12px;
border:1px solid #ddd;
background:#fafafa;
line-height:1.8;
}

.nui-oe-lineas-tabla button{
font-size:12px !important;
padding:5px 8px !important;
border-radius:4px !important;
border:none !important;
cursor:pointer;
margin:2px;
min-width:auto !important;
}

.nui-oe-editar{
background:#2271b1 !important;
color:#fff !important;
}

.nui-oe-borrar{
background:#d63638 !important;
color:#fff !important;
}