.motor-xray-wrapper { max-width: 500px; margin: 20px auto; font-family: sans-serif; }
.xray-title { text-align: center; color: #333; font-size: 20px; }
.xray-form-box { background: #f9f9f9; padding: 20px; border-radius: 10px; border: 1px solid #ddd; }
.xray-note { font-size: 12px; color: #d32f2f; margin-bottom: 10px; font-weight: bold; }
#motor-plate-xray { width: 100%; padding: 12px; border: 2px solid #007bff; border-radius: 6px; font-size: 18px; font-weight: bold; box-sizing: border-box; }
#btn-xray { width: 100%; margin-top: 15px; background: #e91e63; color: #fff; border: none; padding: 12px; border-radius: 6px; font-weight: bold; cursor: pointer; }
.xray-spin { width: 30px; height: 30px; border: 3px solid #f3f3f3; border-top: 3px solid #e91e63; border-radius: 50%; animation: xspin 1s linear infinite; margin: 15px auto; }
@keyframes xspin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
.xray-card { border: 1px solid #ddd; border-radius: 8px; margin-top: 15px; overflow: hidden; }
.xray-card-head { background: #fff; padding: 10px; font-weight: bold; color: #007bff; border-bottom: 1px solid #eee; }
.xray-card-body { padding: 15px; background: #fce4e4 !important; font-size: 14px; line-height: 1.5; }
.xray-no-fault { text-align: center; color: #28a745; font-weight: bold; padding: 20px; }